diff --git a/packages/library/package.json b/packages/library/package.json index a527822..a081948 100644 --- a/packages/library/package.json +++ b/packages/library/package.json @@ -4,6 +4,7 @@ "type": "module", "exports": { ".": { + "development": "./src/index.ts", "import": "./dist/index.js", "types": "./dist/src/index.d.ts" }, diff --git a/packages/library/src/components/ui/alert/index.ts b/packages/library/src/components/ui/alert/index.ts index 88c8a32..35b06fb 100644 --- a/packages/library/src/components/ui/alert/index.ts +++ b/packages/library/src/components/ui/alert/index.ts @@ -7,15 +7,15 @@ export { default as AlertDescription } from './AlertDescription.vue' export { default as AlertTitle } from './AlertTitle.vue' export const alertVariants = cva( - 'relative grid w-full gap-1 rounded-lg border px-3 py-2.5 text-sm has-data-[slot=alert-action]:pr-10', + 'relative grid w-full gap-1 rounded-lg border border-l-4 px-3 py-2.5 text-sm text-foreground has-data-[slot=alert-action]:pr-10', { variants: { variant: { - info: 'bg-info/15 border-info/30 text-foreground [&_[data-slot=alert-title]]:text-info', - success: 'bg-success/15 border-success/30 text-foreground [&_[data-slot=alert-title]]:text-success', - warning: 'bg-warning/15 border-warning/30 text-foreground [&_[data-slot=alert-title]]:text-warning', - danger: 'bg-destructive/15 border-destructive/30 text-foreground [&_[data-slot=alert-title]]:text-destructive', - secondary: 'bg-secondary/40 border-border text-foreground', + info: 'bg-info/15 border-info/30 border-l-info', + success: 'bg-success/15 border-success/30 border-l-success', + warning: 'bg-warning/15 border-warning/30 border-l-warning', + danger: 'bg-destructive/15 border-destructive/30 border-l-destructive', + secondary: 'bg-secondary/40 border-border', }, }, defaultVariants: { diff --git a/packages/playground/vite.config.ts b/packages/playground/vite.config.ts index 8139d0c..169658e 100644 --- a/packages/playground/vite.config.ts +++ b/packages/playground/vite.config.ts @@ -8,6 +8,10 @@ export default defineConfig({ resolve: { alias: { '~': fileURLToPath(new URL('./src', import.meta.url)), + // Matches packages/library's own alias -- needed because the "development" + // export condition on @nychthemeron/library resolves straight to that + // package's source (see its package.json), which itself imports via "@/...". + '@': fileURLToPath(new URL('../library/src', import.meta.url)), }, }, })