@wheelhouse/ui 0.2.6 → 0.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wheelhouse/ui",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "type": "module",
   "private": false,
   "publishConfig": {
@@ -39,6 +39,7 @@
   "devDependencies": {
     "@base-ui/react": "^1.3.0",
     "@eslint/js": "^9.39.2",
+    "@storybook/addon-docs": "^10.0.0",
     "@storybook/react": "^10.0.0",
     "@tailwindcss/vite": "^4.3.0",
     "@testing-library/jest-dom": "^6.9.1",

package/src/styles/globals.css

@@ -56,8 +56,8 @@
     --color-success-foreground: var(--success-foreground);
     --color-success: var(--success);
     --color-destructive-foreground: var(--destructive-foreground);
-    --text-base: 0.9375rem;
-    --text-base--line-height: calc(1.5 / 0.9375);
+    --text-base: 0.875rem;
+    --text-base--line-height: calc(1.5 / 0.875);
     --text-sm: 0.8125rem;
     --text-sm--line-height: calc(1.25 / 0.8125);
     --text-xxs: 0.625rem;
@@ -75,26 +75,8 @@
     }
 }
 
-:root {
-    --destructive-foreground: var(--color-red-800);
-    --success: var(--color-emerald-500);
-    --success-foreground: var(--color-emerald-900);
-    --info: var(--color-violet-500);
-    --info-foreground: var(--color-violet-900);
-    --warning: var(--color-yellow-500);
-    --warning-foreground: var(--color-yellow-900);
-    --invert: var(--color-zinc-900);
-    --invert-foreground: var(--color-zinc-50);
-}
-
-.dark {
-    --destructive-foreground: var(--color-red-600);
-    --success: var(--color-emerald-500);
-    --success-foreground: var(--color-emerald-600);
-    --info: var(--color-violet-500);
-    --info-foreground: var(--color-violet-600);
-    --warning: var(--color-yellow-500);
-    --warning-foreground: var(--color-yellow-600);
-    --invert: var(--color-zinc-700);
-    --invert-foreground: var(--color-zinc-50);
+@layer components {
+    .lucide {
+        @apply size-4 stroke-[1.5];
+    }
 }