auxalia-ui-kit 1.6.1 → 1.6.3

package/dist/{chunk-SGPYWKN6.js → chunk-N24ZQVRM.js}

@@ -33,6 +33,38 @@ var preset = {
         display: ["Inter", "sans-serif"],
         body: ["Inter", "sans-serif"]
       },
+      fontSize: {
+        "2xs": ["var(--font-size-2xs)", { lineHeight: "var(--line-height-normal)" }],
+        xs: ["var(--font-size-xs)", { lineHeight: "var(--line-height-normal)" }],
+        sm: ["var(--font-size-xs)", { lineHeight: "var(--line-height-normal)" }],
+        base: ["var(--font-size-base)", { lineHeight: "var(--line-height-normal)" }],
+        md: ["var(--font-size-md)", { lineHeight: "var(--line-height-normal)" }],
+        lg: ["var(--font-size-lg)", { lineHeight: "var(--line-height-snug)" }],
+        xl: ["var(--font-size-xl)", { lineHeight: "var(--line-height-snug)" }],
+        "2xl": ["var(--font-size-2xl)", { lineHeight: "var(--line-height-tight)" }],
+        "3xl": ["var(--font-size-3xl)", { lineHeight: "var(--line-height-tight)" }],
+        "4xl": ["var(--font-size-4xl)", { lineHeight: "var(--line-height-tight)" }],
+        "5xl": ["var(--font-size-5xl)", { lineHeight: "var(--line-height-tight)" }]
+      },
+      fontWeight: {
+        normal: "var(--font-weight-normal)",
+        medium: "var(--font-weight-medium)",
+        semibold: "var(--font-weight-semibold)",
+        bold: "var(--font-weight-bold)"
+      },
+      lineHeight: {
+        none: "var(--line-height-none)",
+        tight: "var(--line-height-tight)",
+        snug: "var(--line-height-snug)",
+        normal: "var(--line-height-normal)",
+        relaxed: "var(--line-height-relaxed)"
+      },
+      letterSpacing: {
+        tight: "var(--tracking-tight)",
+        normal: "var(--tracking-normal)",
+        wide: "var(--tracking-wide)",
+        widest: "var(--tracking-widest)"
+      },
       colors: {
         // ─── Brand semantic tokens (map to CSS vars in tokens.css) ───
         primary: "var(--color-primary)",

package/dist/index.cjs

@@ -1063,7 +1063,7 @@ function FieldError({
     {
       role: "alert",
       "data-slot": "field-error",
-      className: cn("text-destructive text-[10px] font-normal", className),
+      className: cn("text-destructive text-2xs font-normal", className),
       ...props,
       children: content
     }
@@ -6457,7 +6457,7 @@ var selectTriggerVariants = (0, import_class_variance_authority12.cva)(
       },
       size: {
         sm: "h-8 px-3 text-sm",
-        md: "h-10 px-3 text-[14px]",
+        md: "h-10 px-3 text-sm",
         lg: "h-12 px-4 text-base"
       }
     },
@@ -6663,7 +6663,7 @@ var textVariants = (0, import_class_variance_authority14.cva)(`text-content`, {
   variants: {
     size: {
       sm: "text-sm",
-      md: "text-md",
+      md: "text-base",
       lg: "text-lg",
       xl: "text-xl font-semibold",
       "2xl": "text-2xl font-semibold",
@@ -7392,6 +7392,38 @@ var preset = {
         display: ["Inter", "sans-serif"],
         body: ["Inter", "sans-serif"]
       },
+      fontSize: {
+        "2xs": ["var(--font-size-2xs)", { lineHeight: "var(--line-height-normal)" }],
+        xs: ["var(--font-size-xs)", { lineHeight: "var(--line-height-normal)" }],
+        sm: ["var(--font-size-xs)", { lineHeight: "var(--line-height-normal)" }],
+        base: ["var(--font-size-base)", { lineHeight: "var(--line-height-normal)" }],
+        md: ["var(--font-size-md)", { lineHeight: "var(--line-height-normal)" }],
+        lg: ["var(--font-size-lg)", { lineHeight: "var(--line-height-snug)" }],
+        xl: ["var(--font-size-xl)", { lineHeight: "var(--line-height-snug)" }],
+        "2xl": ["var(--font-size-2xl)", { lineHeight: "var(--line-height-tight)" }],
+        "3xl": ["var(--font-size-3xl)", { lineHeight: "var(--line-height-tight)" }],
+        "4xl": ["var(--font-size-4xl)", { lineHeight: "var(--line-height-tight)" }],
+        "5xl": ["var(--font-size-5xl)", { lineHeight: "var(--line-height-tight)" }]
+      },
+      fontWeight: {
+        normal: "var(--font-weight-normal)",
+        medium: "var(--font-weight-medium)",
+        semibold: "var(--font-weight-semibold)",
+        bold: "var(--font-weight-bold)"
+      },
+      lineHeight: {
+        none: "var(--line-height-none)",
+        tight: "var(--line-height-tight)",
+        snug: "var(--line-height-snug)",
+        normal: "var(--line-height-normal)",
+        relaxed: "var(--line-height-relaxed)"
+      },
+      letterSpacing: {
+        tight: "var(--tracking-tight)",
+        normal: "var(--tracking-normal)",
+        wide: "var(--tracking-wide)",
+        widest: "var(--tracking-widest)"
+      },
       colors: {
         // ─── Brand semantic tokens (map to CSS vars in tokens.css) ───
         primary: "var(--color-primary)",

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   tailwind_preset_default
-} from "./chunk-SGPYWKN6.js";
+} from "./chunk-N24ZQVRM.js";
 
 // src/components/Alert.tsx
 import * as React from "react";
@@ -938,7 +938,7 @@ function FieldError({
     {
       role: "alert",
       "data-slot": "field-error",
-      className: cn("text-destructive text-[10px] font-normal", className),
+      className: cn("text-destructive text-2xs font-normal", className),
       ...props,
       children: content
     }
@@ -6336,7 +6336,7 @@ var selectTriggerVariants = cva12(
       },
       size: {
         sm: "h-8 px-3 text-sm",
-        md: "h-10 px-3 text-[14px]",
+        md: "h-10 px-3 text-sm",
         lg: "h-12 px-4 text-base"
       }
     },
@@ -6542,7 +6542,7 @@ var textVariants = cva14(`text-content`, {
   variants: {
     size: {
       sm: "text-sm",
-      md: "text-md",
+      md: "text-base",
       lg: "text-lg",
       xl: "text-xl font-semibold",
       "2xl": "text-2xl font-semibold",

package/dist/tailwind.preset.cjs

@@ -56,6 +56,38 @@ var preset = {
         display: ["Inter", "sans-serif"],
         body: ["Inter", "sans-serif"]
       },
+      fontSize: {
+        "2xs": ["var(--font-size-2xs)", { lineHeight: "var(--line-height-normal)" }],
+        xs: ["var(--font-size-xs)", { lineHeight: "var(--line-height-normal)" }],
+        sm: ["var(--font-size-xs)", { lineHeight: "var(--line-height-normal)" }],
+        base: ["var(--font-size-base)", { lineHeight: "var(--line-height-normal)" }],
+        md: ["var(--font-size-md)", { lineHeight: "var(--line-height-normal)" }],
+        lg: ["var(--font-size-lg)", { lineHeight: "var(--line-height-snug)" }],
+        xl: ["var(--font-size-xl)", { lineHeight: "var(--line-height-snug)" }],
+        "2xl": ["var(--font-size-2xl)", { lineHeight: "var(--line-height-tight)" }],
+        "3xl": ["var(--font-size-3xl)", { lineHeight: "var(--line-height-tight)" }],
+        "4xl": ["var(--font-size-4xl)", { lineHeight: "var(--line-height-tight)" }],
+        "5xl": ["var(--font-size-5xl)", { lineHeight: "var(--line-height-tight)" }]
+      },
+      fontWeight: {
+        normal: "var(--font-weight-normal)",
+        medium: "var(--font-weight-medium)",
+        semibold: "var(--font-weight-semibold)",
+        bold: "var(--font-weight-bold)"
+      },
+      lineHeight: {
+        none: "var(--line-height-none)",
+        tight: "var(--line-height-tight)",
+        snug: "var(--line-height-snug)",
+        normal: "var(--line-height-normal)",
+        relaxed: "var(--line-height-relaxed)"
+      },
+      letterSpacing: {
+        tight: "var(--tracking-tight)",
+        normal: "var(--tracking-normal)",
+        wide: "var(--tracking-wide)",
+        widest: "var(--tracking-widest)"
+      },
       colors: {
         // ─── Brand semantic tokens (map to CSS vars in tokens.css) ───
         primary: "var(--color-primary)",

package/dist/tailwind.preset.js

@@ -1,6 +1,6 @@
 import {
   tailwind_preset_default
-} from "./chunk-SGPYWKN6.js";
+} from "./chunk-N24ZQVRM.js";
 export {
   tailwind_preset_default as default
 };

package/dist/tokens.css

@@ -7,6 +7,37 @@
   /* ─── TYPOGRAPHY ────────────────────────────────────────────── */
   --font-sans: 'Inter', sans-serif;
 
+  /* Font sizes */
+  --font-size-2xs:  0.625rem;   /* 10px */
+  --font-size-xs:   0.75rem;    /* 12px */
+  --font-size-base: 0.875rem;   /* 14px */
+  --font-size-md:   1rem;       /* 16px */
+  --font-size-lg:   1.125rem;   /* 18px */
+  --font-size-xl:   1.25rem;    /* 20px */
+  --font-size-2xl:  1.5rem;     /* 24px */
+  --font-size-3xl:  1.875rem;   /* 30px */
+  --font-size-4xl:  2.25rem;    /* 36px */
+  --font-size-5xl:  3rem;       /* 48px */
+
+  /* Line heights */
+  --line-height-none:    1;
+  --line-height-tight:   1.25;
+  --line-height-snug:    1.375;
+  --line-height-normal:  1.5;
+  --line-height-relaxed: 1.625;
+
+  /* Font weights */
+  --font-weight-normal:   400;
+  --font-weight-medium:   500;
+  --font-weight-semibold: 600;
+  --font-weight-bold:     700;
+
+  /* Letter spacing */
+  --tracking-tight:   -0.025em;
+  --tracking-normal:  0em;
+  --tracking-wide:    0.025em;
+  --tracking-widest:  0.1em;
+
   /* ─── STATIC PALETTE ───────────────────────────────────────── */
 
   /* Auxalia Green scale */
@@ -102,52 +133,53 @@
 .dark {
   /* ─── BRAND COLORS (dark mode) ─────────────────────────────── */
 
-  --color-primary: hsl(73 100% 42%);
-  --color-primary-hover: hsl(74 100% 36%);
+  --color-primary: hsl(73 100% 46%);
+  --color-primary-hover: hsl(73 100% 39%);
   --color-primary-foreground: hsl(222 34% 11%);
 
-  /* Secondary becomes light on dark backgrounds */
-  --color-secondary: hsl(210 25% 97%);
-  --color-secondary-foreground: hsl(222 34% 11%);
-  --color-secondary-hover: hsl(201 64% 96%);
+  /* Secondary: stays deep navy — used as header background */
+  --color-secondary: hsl(203 100% 10%);
+  --color-secondary-foreground: hsl(0 0% 100%);
+  --color-secondary-hover: hsl(203 100% 7%);
 
-  --color-accent: hsl(203 49% 22%);
-  --color-accent-foreground: hsl(210 25% 97%);
+  --color-accent: hsl(203 55% 22%);
+  --color-accent-foreground: hsl(210 30% 95%);
 
   /* ─── SEMANTIC COLORS (dark mode) ──────────────────────────── */
 
-  --color-surface: hsl(222 34% 11%);
-  --color-surface-hover: hsl(203 49% 22%);
-  --color-surface-foreground: hsl(210 25% 97%);
+  --color-surface: hsl(203 60% 15%);
+  --color-surface-hover: hsl(203 55% 20%);
+  --color-surface-foreground: hsl(210 30% 95%);
 
-  --color-destructive: hsl(359 100% 70%);
-  --color-destructive-hover: hsl(359 100% 61%);
-  --color-destructive-foreground: hsl(222 34% 11%);
-  --color-destructive-background: hsl(359 100% 61% / 0.15);
+  --color-destructive: hsl(359 90% 68%);
+  --color-destructive-hover: hsl(359 90% 58%);
+  --color-destructive-foreground: hsl(0 0% 100%);
+  --color-destructive-background: hsl(359 100% 61% / 0.12);
 
-  --color-success: hsl(142 71% 55%);
+  --color-success: hsl(142 68% 52%);
   --color-success-foreground: hsl(222 34% 11%);
-  --color-success-background: hsl(142 71% 45% / 0.15);
+  --color-success-background: hsl(142 68% 45% / 0.15);
 
-  --color-warning: hsl(38 92% 62%);
+  --color-warning: hsl(38 90% 60%);
   --color-warning-foreground: hsl(222 34% 11%);
-  --color-warning-background: hsl(38 92% 50% / 0.15);
+  --color-warning-background: hsl(38 90% 50% / 0.15);
 
-  --color-info: hsl(205 43% 83%);
+  --color-info: hsl(205 55% 74%);
   --color-info-foreground: hsl(222 34% 11%);
 
   /* ─── BORDERS (dark mode) ───────────────────────────────────── */
-  --color-border: hsl(203 49% 22%);
-  --color-border-input: hsl(203 50% 25%);
+  --color-border: hsl(203 42% 21%);
+  --color-border-input: hsl(203 46% 28%);
 
   /* ─── TEXT (dark mode) ──────────────────────────────────────── */
-  --color-text: hsl(210 25% 97%);
-  --color-text-secondary: hsl(205 43% 83%);
-  --color-text-muted: hsl(205 22% 40%);
+  --color-text: hsl(210 30% 96%);
+  --color-text-secondary: hsl(205 35% 70%);
+  --color-text-muted: hsl(205 25% 46%);
 
   /* ─── SURFACES (dark mode) ──────────────────────────────────── */
-  --color-bg-hero: hsl(202 100% 8%);
-  --color-card: hsl(222 34% 11%);
-  --color-card-hover: hsl(203 49% 22%);
-  --color-popover: hsl(203 49% 22%);
+  /* Depth hierarchy: bg-hero (darkest) → card → surface → popover (lightest) */
+  --color-bg-hero: hsl(203 100% 6%);
+  --color-card: hsl(203 80% 11%);
+  --color-card-hover: hsl(203 60% 17%);
+  --color-popover: hsl(203 60% 16%);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "auxalia-ui-kit",
-  "version": "1.6.1",
+  "version": "1.6.3",
   "description": "feat: Add new 'surface' color variant with default, outline, ghost, and link styles to the Button component.",
   "license": "ISC",
   "author": {