@wealthx/shadcn 1.2.1 → 1.3.0

package/src/styles/globals.css

@@ -11,7 +11,7 @@
  * (e.g. when packages/shadcn is outside the Vite root apps/docs).
  * These cover all state-dependent classes used in Checkbox, Button, etc.
  */
-@source inline("h-2 h-10 h-12 h-16 h-20 h-24 h-28 h-32 h-36 h-40 h-44 h-48 size-10 size-12 size-14 size-16 rounded-full w-4/5 shrink-0 bg-muted transition-all flex-wrap gap-x-4 gap-y-1.5 mt-3");
+@source inline("h-2 h-10 h-12 h-16 h-20 h-24 h-28 h-32 h-36 h-40 h-44 h-48 size-10 size-12 size-14 size-16 rounded-full w-4/5 shrink-0 bg-muted transition-all flex-wrap gap-x-4 gap-y-1.5 mt-3 text-success-text text-warning-text text-destructive-text text-info-text");
 
 @source inline("has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 border-border border-destructive/40 bg-destructive/10 border-warning/40 bg-warning/10 text-warning border-success/40 bg-success/10 text-success border-info/40 bg-info/10 text-info *:data-[slot=alert-description]:text-warning/90 *:data-[slot=alert-description]:text-success/90 *:data-[slot=alert-description]:text-info/90 *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-destructive [&>svg]:text-warning [&>svg]:text-success [&>svg]:text-info");
 
@@ -19,7 +19,7 @@
 
 /* Toggle / ToggleGroup pressed-state safelist — data-pressed is set by @base-ui/react/toggle */
 @source inline("data-pressed:bg-primary/10 data-pressed:inset-ring data-pressed:inset-ring-primary data-pressed:text-foreground data-pressed:hover:bg-primary/10 data-pressed:hover:text-foreground");
-@source inline("bg-foreground/50 hover:bg-foreground/5 focus:ring-border focus:ring-2 focus:ring-offset-0 fixed inset-0 translate-x-[-50%] translate-y-[-50%] max-w-[calc(100%-2rem)] sm:max-w-lg border-t pt-4 justify-end gap-1.5");
+@source inline("bg-foreground/50 hover:bg-foreground/5 focus:ring-border focus:ring-2 focus:ring-offset-0 fixed inset-0 translate-x-[-50%] translate-y-[-50%] max-w-[calc(100%-2rem)] sm:max-w-sm sm:max-w-md sm:max-w-lg sm:max-w-xl sm:max-w-2xl sm:max-w-3xl sm:max-w-4xl sm:max-w-full border-t pt-4 justify-end gap-1.5 aria-expanded:border-ring aria-expanded:ring-2 aria-expanded:ring-ring/20");
 
 @source inline("data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20");
 
@@ -177,8 +177,8 @@
   --typography-display-small-weight: 600;
 
   /* Headings */
-  --typography-h1-size: 2rem;
-  --typography-h1-leading: 2.5rem;
+  --typography-h1-size: 1.875rem;
+  --typography-h1-leading: 2.25rem;
   --typography-h1-weight: 700;
   --typography-h2-size: 1.75rem;
   --typography-h2-leading: 2.25rem;
@@ -186,14 +186,14 @@
   --typography-h3-size: 1.5rem;
   --typography-h3-leading: 2rem;
   --typography-h3-weight: 600;
-  --typography-h4-size: 1.3125rem;
-  --typography-h4-leading: 1.75rem;
+  --typography-h4-size: 1.25rem;
+  --typography-h4-leading: 1.625rem;
   --typography-h4-weight: 600;
   --typography-h5-size: 1.125rem;
   --typography-h5-leading: 1.5rem;
   --typography-h5-weight: 600;
-  --typography-h6-size: 1rem;
-  --typography-h6-leading: 1.375rem;
+  --typography-h6-size: 0.9375rem;
+  --typography-h6-leading: 1.25rem;
   --typography-h6-weight: 600;
 
   /* Body */
@@ -211,28 +211,28 @@
   --typography-label-large-size: 1rem;
   --typography-label-large-leading: 1.25rem;
   --typography-label-large-weight: 600;
-  --typography-label-medium-size: 0.875rem;
-  --typography-label-medium-leading: 1.125rem;
+  --typography-label-medium-size: 0.9375rem;
+  --typography-label-medium-leading: 1.25rem;
   --typography-label-medium-weight: 600;
-  --typography-label-small-size: 0.75rem;
-  --typography-label-small-leading: 1rem;
+  --typography-label-small-size: 0.8125rem;
+  --typography-label-small-leading: 1.125rem;
   --typography-label-small-weight: 600;
   --typography-label-small-tracking: 0.03125rem;
 
   /* Button */
   --typography-button-default-size: 0.875rem;
   --typography-button-default-leading: 1.25rem;
-  --typography-button-default-weight: 500;
+  --typography-button-default-weight: 600;
   --typography-button-xs-size: 0.75rem;
   --typography-button-xs-leading: 1.25rem;
-  --typography-button-xs-weight: 500;
+  --typography-button-xs-weight: 600;
 
   /* Utility */
-  --typography-caption-size: 0.75rem;
-  --typography-caption-leading: 1rem;
-  --typography-caption-weight: 400;
-  --typography-overline-size: 0.625rem;
-  --typography-overline-leading: 0.875rem;
+  --typography-caption-size: 0.8125rem;
+  --typography-caption-leading: 1.125rem;
+  --typography-caption-weight: 500;
+  --typography-overline-size: 0.75rem;
+  --typography-overline-leading: 1rem;
   --typography-overline-weight: 600;
   --typography-overline-tracking: 0.09375rem;
   --typography-code-size: 0.875rem;
@@ -259,8 +259,8 @@
     --typography-display-large-leading: 2.8125rem;
     --typography-display-medium-size: 2rem;
     --typography-display-medium-leading: 2.334rem;
-    --typography-h1-size: 1.75rem;
-    --typography-h1-leading: 2.1875rem;
+    --typography-h1-size: 1.625rem;
+    --typography-h1-leading: 2rem;
     --typography-h2-size: 1.5rem;
     --typography-h2-leading: 1.93rem;
   }
@@ -462,7 +462,9 @@
   --accent-foreground: oklch(0.152 0.02 235); /* #040D13 */
 
   /* Destructive — error state */
-  --destructive: oklch(0.643 0.215 28.8); /* #F44336 — palette/error/main */
+  --destructive: oklch(
+    0.48 0.215 28
+  ); /* #C62828 — darkened for 4.5:1 with white */
   --destructive-foreground: oklch(1 0 0); /* #FFFFFF — light text on red */
 
   /* Borders */
@@ -472,25 +474,25 @@
     0.894 0.208 163
   ); /* #33FF99 — primary (focus ring uses brand color) */
 
-  /* WealthX custom: state colors */
-  --warning: oklch(0.77 0.174 64.1); /* #FF9800 — palette/warning/main */
+  /* WealthX custom: state colors
+   * Base colors are darkened to achieve ≥4.5:1 contrast with white foreground.
+   * *-text tokens are for colored text on light/white surfaces (not affected). */
+  --warning: oklch(0.565 0.18 67); /* #B45309 — darkened for 4.5:1 with white */
   --warning-foreground: oklch(1 0 0); /* #FFFFFF */
   --warning-text: oklch(
     0.44 0.14 58
-  ); /* ~#7A5200 — darkened for text on light bg (4.5:1 on white) */
-  --success: oklch(0.673 0.162 144.2); /* #4CAF50 — palette/success/main */
+  ); /* ~#7A5200 — colored text on light bg (4.5:1 on white) */
+  --success: oklch(
+    0.485 0.145 145
+  ); /* #2E7D32 — darkened for 4.5:1 with white */
   --success-foreground: oklch(1 0 0); /* #FFFFFF */
-  --success-text: oklch(
-    0.4 0.12 145
-  ); /* ~#1B5E20 — darkened for text on light bg */
-  --info: oklch(0.658 0.169 248.8); /* #2196F3 — palette/info/main */
+  --success-text: oklch(0.4 0.12 145); /* ~#1B5E20 — colored text on light bg */
+  --info: oklch(0.465 0.19 252); /* #1565C0 — darkened for 4.5:1 with white */
   --info-foreground: oklch(1 0 0); /* #FFFFFF */
-  --info-text: oklch(
-    0.4 0.13 250
-  ); /* ~#0D47A1 — darkened for text on light bg */
+  --info-text: oklch(0.4 0.13 250); /* ~#0D47A1 — colored text on light bg */
   --destructive-text: oklch(
     0.44 0.2 28.8
-  ); /* ~#8B0000 — darkened for text on light bg */
+  ); /* ~#8B0000 — colored text on light bg */
 
   /* Chart series — WealthX Charts collection */
   --chart-1: oklch(0.59 0.217 261.8); /* #2B72FB — series/blue */