@tokis/tokens 1.0.1 → 1.1.0

package/dist/primitives/motion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/primitives/motion.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;CAST,CAAC"}
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/primitives/motion.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAgBT,CAAC"}

package/dist/primitives/motion.js

@@ -1,11 +1,24 @@
+/**
+ * Tokis motion tokens — durations and easing functions.
+ * These map to `--tokis-duration-{key}` and `--tokis-ease-{key}` CSS variables.
+ *
+ * Always reference via CSS variables rather than importing at runtime to
+ * preserve zero-runtime guarantee.
+ */
 export const motion = {
+    // ── Durations ─────────────────────────────────────────────────────────
     duration: {
-        fast: '150ms',
-        normal: '300ms',
-        slow: '500ms',
+        fast: '100ms', // micro-interactions (hover, focus ring)
+        normal: '200ms', // most transitions (color, opacity)
+        slow: '300ms', // larger state changes (dropdown, tooltip)
+        slower: '500ms', // complex animations (page-level, charts)
     },
+    // ── Easing curves ─────────────────────────────────────────────────────
     easing: {
+        easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
+        easeOut: 'cubic-bezier(0, 0, 0.2, 1)',
         easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
+        spring: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
     },
 };
 //# sourceMappingURL=motion.js.map

package/dist/primitives/motion.js.map

@@ -1 +1 @@
-{"version":3,"file":"motion.js","sourceRoot":"","sources":["../../src/primitives/motion.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE;QACR,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,OAAO;QACf,IAAI,EAAE,OAAO;KACd;IACD,MAAM,EAAE;QACN,SAAS,EAAE,8BAA8B;KAC1C;CACO,CAAC"}
+{"version":3,"file":"motion.js","sourceRoot":"","sources":["../../src/primitives/motion.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,yEAAyE;IACzE,QAAQ,EAAE;QACR,IAAI,EAAI,OAAO,EAAG,yCAAyC;QAC3D,MAAM,EAAE,OAAO,EAAG,oCAAoC;QACtD,IAAI,EAAI,OAAO,EAAG,2CAA2C;QAC7D,MAAM,EAAE,OAAO,EAAG,0CAA0C;KAC7D;IAED,yEAAyE;IACzE,MAAM,EAAE;QACN,MAAM,EAAK,4BAA4B;QACvC,OAAO,EAAI,4BAA4B;QACvC,SAAS,EAAE,8BAA8B;QACzC,MAAM,EAAK,yCAAyC;KACrD;CACO,CAAC"}

package/dist/primitives/radius.d.ts

@@ -1,8 +1,15 @@
+/**
+ * Tokis border-radius tokens.
+ * These map to `--tokis-radius-{key}` CSS variables.
+ */
 export declare const radius: {
     readonly none: "0px";
-    readonly sm: "2px";
-    readonly md: "4px";
+    readonly xs: "2px";
+    readonly sm: "4px";
+    readonly md: "6px";
     readonly lg: "8px";
+    readonly xl: "12px";
+    readonly '2xl': "16px";
     readonly full: "9999px";
 };
 //# sourceMappingURL=radius.d.ts.map

package/dist/primitives/radius.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../src/primitives/radius.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC"}
+{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../src/primitives/radius.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;;;;;CAST,CAAC"}

package/dist/primitives/radius.js

@@ -1,8 +1,15 @@
+/**
+ * Tokis border-radius tokens.
+ * These map to `--tokis-radius-{key}` CSS variables.
+ */
 export const radius = {
     none: '0px',
-    sm: '2px',
-    md: '4px',
+    xs: '2px',
+    sm: '4px',
+    md: '6px',
     lg: '8px',
+    xl: '12px',
+    '2xl': '16px',
     full: '9999px',
 };
 //# sourceMappingURL=radius.js.map

package/dist/primitives/radius.js.map

@@ -1 +1 @@
-{"version":3,"file":"radius.js","sourceRoot":"","sources":["../../src/primitives/radius.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,KAAK;IACX,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,IAAI,EAAE,QAAQ;CACN,CAAC"}
+{"version":3,"file":"radius.js","sourceRoot":"","sources":["../../src/primitives/radius.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,KAAK;IACX,EAAE,EAAI,KAAK;IACX,EAAE,EAAI,KAAK;IACX,EAAE,EAAI,KAAK;IACX,EAAE,EAAI,KAAK;IACX,EAAE,EAAI,MAAM;IACZ,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,QAAQ;CACN,CAAC"}

package/dist/primitives/shadows.d.ts

@@ -1,6 +1,15 @@
+/**
+ * Tokis box-shadow tokens.
+ * These map to `--tokis-shadow-{key}` CSS variables.
+ * All shadows use modern `rgb()` with `/` alpha syntax for correct rendering.
+ */
 export declare const shadows: {
-    readonly sm: "0 1px 2px rgba(0,0,0,0.05)";
-    readonly md: "0 4px 6px rgba(0,0,0,0.1)";
-    readonly lg: "0 10px 15px rgba(0,0,0,0.15)";
+    readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+    readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.10), 0 1px 2px -1px rgb(0 0 0 / 0.10)";
+    readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.10), 0 2px 4px -2px rgb(0 0 0 / 0.10)";
+    readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.10), 0 4px 6px -4px rgb(0 0 0 / 0.10)";
+    readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.10), 0 8px 10px -6px rgb(0 0 0 / 0.10)";
+    readonly '2xl': "0 25px 50px -12px rgb(0 0 0 / 0.25)";
+    readonly inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)";
 };
 //# sourceMappingURL=shadows.d.ts.map

package/dist/primitives/shadows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../src/primitives/shadows.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAIV,CAAC"}
+{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../src/primitives/shadows.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,OAAO;;;;;;;;CAQV,CAAC"}

package/dist/primitives/shadows.js

@@ -1,6 +1,15 @@
+/**
+ * Tokis box-shadow tokens.
+ * These map to `--tokis-shadow-{key}` CSS variables.
+ * All shadows use modern `rgb()` with `/` alpha syntax for correct rendering.
+ */
 export const shadows = {
-    sm: '0 1px 2px rgba(0,0,0,0.05)',
-    md: '0 4px 6px rgba(0,0,0,0.1)',
-    lg: '0 10px 15px rgba(0,0,0,0.15)',
+    xs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
+    sm: '0 1px 3px 0 rgb(0 0 0 / 0.10), 0 1px 2px -1px rgb(0 0 0 / 0.10)',
+    md: '0 4px 6px -1px rgb(0 0 0 / 0.10), 0 2px 4px -2px rgb(0 0 0 / 0.10)',
+    lg: '0 10px 15px -3px rgb(0 0 0 / 0.10), 0 4px 6px -4px rgb(0 0 0 / 0.10)',
+    xl: '0 20px 25px -5px rgb(0 0 0 / 0.10), 0 8px 10px -6px rgb(0 0 0 / 0.10)',
+    '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',
+    inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',
 };
 //# sourceMappingURL=shadows.js.map

package/dist/primitives/shadows.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../src/primitives/shadows.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,EAAE,EAAE,4BAA4B;IAChC,EAAE,EAAE,2BAA2B;IAC/B,EAAE,EAAE,8BAA8B;CAC1B,CAAC"}
+{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../src/primitives/shadows.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,EAAE,EAAK,+BAA+B;IACtC,EAAE,EAAK,iEAAiE;IACxE,EAAE,EAAK,oEAAoE;IAC3E,EAAE,EAAK,sEAAsE;IAC7E,EAAE,EAAK,uEAAuE;IAC9E,KAAK,EAAE,qCAAqC;IAC5C,KAAK,EAAE,qCAAqC;CACpC,CAAC"}

package/dist/primitives/spacing.d.ts

@@ -1,8 +1,34 @@
+/**
+ * Tokis spacing tokens.
+ * Uses a 4px base unit with numeric keys that map directly to
+ * `--tokis-spacing-{key}` CSS variables (e.g. `spacing[4]` → `--tokis-spacing-4`).
+ *
+ * Named aliases (xs/sm/md/lg/xl) are preserved for backward compatibility
+ * but numeric keys are the preferred form in component code.
+ */
 export declare const spacing: {
+    readonly 0: "0px";
+    readonly 1: "4px";
+    readonly 2: "8px";
+    readonly 3: "12px";
+    readonly 4: "16px";
+    readonly 5: "20px";
+    readonly 6: "24px";
+    readonly 8: "32px";
+    readonly 10: "40px";
+    readonly 12: "48px";
+    readonly 16: "64px";
+    readonly 20: "80px";
+    readonly 24: "96px";
+    /** @deprecated Use numeric key `1` → 4px */
     readonly xs: "4px";
+    /** @deprecated Use numeric key `2` → 8px */
     readonly sm: "8px";
+    /** @deprecated Use numeric key `4` → 16px */
     readonly md: "16px";
+    /** @deprecated Use numeric key `6` → 24px */
     readonly lg: "24px";
+    /** @deprecated Use numeric key `8` → 32px */
     readonly xl: "32px";
 };
 //# sourceMappingURL=spacing.d.ts.map

package/dist/primitives/spacing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/primitives/spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC"}
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/primitives/spacing.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;IAiBlB,4CAA4C;;IAE5C,4CAA4C;;IAE5C,6CAA6C;;IAE7C,6CAA6C;;IAE7C,6CAA6C;;CAErC,CAAC"}

package/dist/primitives/spacing.js

@@ -1,8 +1,36 @@
+/**
+ * Tokis spacing tokens.
+ * Uses a 4px base unit with numeric keys that map directly to
+ * `--tokis-spacing-{key}` CSS variables (e.g. `spacing[4]` → `--tokis-spacing-4`).
+ *
+ * Named aliases (xs/sm/md/lg/xl) are preserved for backward compatibility
+ * but numeric keys are the preferred form in component code.
+ */
 export const spacing = {
+    // ── Numeric scale (4 px base) ─────────────────────────────────────────
+    0: '0px',
+    1: '4px',
+    2: '8px',
+    3: '12px',
+    4: '16px',
+    5: '20px',
+    6: '24px',
+    8: '32px',
+    10: '40px',
+    12: '48px',
+    16: '64px',
+    20: '80px',
+    24: '96px',
+    // ── Named aliases (legacy / semantic) ────────────────────────────────
+    /** @deprecated Use numeric key `1` → 4px */
     xs: '4px',
+    /** @deprecated Use numeric key `2` → 8px */
     sm: '8px',
+    /** @deprecated Use numeric key `4` → 16px */
     md: '16px',
+    /** @deprecated Use numeric key `6` → 24px */
     lg: '24px',
+    /** @deprecated Use numeric key `8` → 32px */
     xl: '32px',
 };
 //# sourceMappingURL=spacing.js.map

package/dist/primitives/spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/primitives/spacing.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;CACF,CAAC"}
+{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/primitives/spacing.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,yEAAyE;IACzE,CAAC,EAAG,KAAK;IACT,CAAC,EAAG,KAAK;IACT,CAAC,EAAG,KAAK;IACT,CAAC,EAAG,MAAM;IACV,CAAC,EAAG,MAAM;IACV,CAAC,EAAG,MAAM;IACV,CAAC,EAAG,MAAM;IACV,CAAC,EAAG,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IAEV,wEAAwE;IACxE,4CAA4C;IAC5C,EAAE,EAAE,KAAK;IACT,4CAA4C;IAC5C,EAAE,EAAE,KAAK;IACT,6CAA6C;IAC7C,EAAE,EAAE,MAAM;IACV,6CAA6C;IAC7C,EAAE,EAAE,MAAM;IACV,6CAA6C;IAC7C,EAAE,EAAE,MAAM;CACF,CAAC"}

package/dist/primitives/typography.d.ts

@@ -1,16 +1,39 @@
+/**
+ * Tokis typography tokens.
+ * These map to `--tokis-font-*` CSS variables.
+ */
 export declare const typography: {
-    readonly fontFamily: "system-ui, sans-serif";
+    readonly fontFamily: {
+        readonly sans: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Inter', Helvetica, Arial, sans-serif";
+        readonly mono: "'SF Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace";
+    };
     readonly fontSize: {
         readonly xs: "0.75rem";
         readonly sm: "0.875rem";
         readonly md: "1rem";
         readonly lg: "1.125rem";
         readonly xl: "1.25rem";
+        readonly '2xl': "1.5rem";
+        readonly '3xl': "1.875rem";
+        readonly '4xl': "2.25rem";
     };
     readonly fontWeight: {
-        readonly normal: 400;
+        readonly regular: 400;
         readonly medium: 500;
+        readonly semibold: 600;
         readonly bold: 700;
+        /** @deprecated Use `semibold` (600) or `bold` (700) */
+        readonly normal: 400;
+    };
+    readonly lineHeight: {
+        readonly tight: 1.25;
+        readonly normal: 1.5;
+        readonly relaxed: 1.75;
+    };
+    readonly letterSpacing: {
+        readonly tight: "-0.025em";
+        readonly normal: "0em";
+        readonly wide: "0.025em";
     };
 };
 //# sourceMappingURL=typography.d.ts.map

package/dist/primitives/typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/primitives/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;CAcb,CAAC"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/primitives/typography.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;QAyBnB,uDAAuD;;;;;;;;;;;;;CAiBjD,CAAC"}

package/dist/primitives/typography.js

@@ -1,16 +1,44 @@
+/**
+ * Tokis typography tokens.
+ * These map to `--tokis-font-*` CSS variables.
+ */
 export const typography = {
-    fontFamily: 'system-ui, sans-serif',
+    // ── Font families ─────────────────────────────────────────────────────
+    fontFamily: {
+        sans: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Inter', Helvetica, Arial, sans-serif",
+        mono: "'SF Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace",
+    },
+    // ── Font sizes ────────────────────────────────────────────────────────
     fontSize: {
-        xs: '0.75rem',
-        sm: '0.875rem',
-        md: '1rem',
-        lg: '1.125rem',
-        xl: '1.25rem',
+        xs: '0.75rem', // 12px
+        sm: '0.875rem', // 14px
+        md: '1rem', // 16px
+        lg: '1.125rem', // 18px
+        xl: '1.25rem', // 20px
+        '2xl': '1.5rem', // 24px
+        '3xl': '1.875rem', // 30px
+        '4xl': '2.25rem', // 36px
     },
+    // ── Font weights ──────────────────────────────────────────────────────
     fontWeight: {
-        normal: 400,
+        regular: 400,
         medium: 500,
+        semibold: 600,
         bold: 700,
+        /** @deprecated Use `semibold` (600) or `bold` (700) */
+        normal: 400,
+    },
+    // ── Line heights ──────────────────────────────────────────────────────
+    lineHeight: {
+        tight: 1.25,
+        normal: 1.5,
+        relaxed: 1.75,
+    },
+    // ── Letter spacing ────────────────────────────────────────────────────
+    letterSpacing: {
+        tight: '-0.025em',
+        normal: '0em',
+        wide: '0.025em',
     },
 };
 //# sourceMappingURL=typography.js.map

package/dist/primitives/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/primitives/typography.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,UAAU,EAAE,uBAAuB;IACnC,QAAQ,EAAE;QACR,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,SAAS;KACd;IACD,UAAU,EAAE;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;KACV;CACO,CAAC"}
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/primitives/typography.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,yEAAyE;IACzE,UAAU,EAAE;QACV,IAAI,EAAE,8FAA8F;QACpG,IAAI,EAAE,8DAA8D;KACrE;IAED,yEAAyE;IACzE,QAAQ,EAAE;QACR,EAAE,EAAI,SAAS,EAAI,OAAO;QAC1B,EAAE,EAAI,UAAU,EAAG,OAAO;QAC1B,EAAE,EAAI,MAAM,EAAO,OAAO;QAC1B,EAAE,EAAI,UAAU,EAAG,OAAO;QAC1B,EAAE,EAAI,SAAS,EAAI,OAAO;QAC1B,KAAK,EAAE,QAAQ,EAAI,OAAO;QAC1B,KAAK,EAAE,UAAU,EAAE,OAAO;QAC1B,KAAK,EAAE,SAAS,EAAG,OAAO;KAC3B;IAED,yEAAyE;IACzE,UAAU,EAAE;QACV,OAAO,EAAG,GAAG;QACb,MAAM,EAAI,GAAG;QACb,QAAQ,EAAE,GAAG;QACb,IAAI,EAAM,GAAG;QACb,uDAAuD;QACvD,MAAM,EAAE,GAAG;KACZ;IAED,yEAAyE;IACzE,UAAU,EAAE;QACV,KAAK,EAAI,IAAI;QACb,MAAM,EAAG,GAAG;QACZ,OAAO,EAAE,IAAI;KACd;IAED,yEAAyE;IACzE,aAAa,EAAE;QACb,KAAK,EAAG,UAAU;QAClB,MAAM,EAAE,KAAK;QACb,IAAI,EAAI,SAAS;KAClB;CACO,CAAC"}

package/dist/primitives/zIndex.d.ts

@@ -1,6 +1,19 @@
+/**
+ * Tokis z-index tokens — layering scale.
+ * These map to `--tokis-z-{key}` CSS variables.
+ *
+ * Layers are ordered by increasing elevation. Each layer is intentionally
+ * spaced to allow insertion of custom layers without breaking the scale.
+ */
 export declare const zIndex: {
+    readonly base: 0;
+    readonly raised: 1;
     readonly dropdown: 1000;
-    readonly modal: 2000;
-    readonly tooltip: 3000;
+    readonly sticky: 1100;
+    readonly overlay: 1200;
+    readonly modal: 1300;
+    readonly popover: 1400;
+    readonly tooltip: 1500;
+    readonly toast: 1600;
 };
 //# sourceMappingURL=zIndex.d.ts.map

package/dist/primitives/zIndex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../../src/primitives/zIndex.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;CAIT,CAAC"}
+{"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../../src/primitives/zIndex.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;CAUT,CAAC"}

package/dist/primitives/zIndex.js

@@ -1,6 +1,19 @@
+/**
+ * Tokis z-index tokens — layering scale.
+ * These map to `--tokis-z-{key}` CSS variables.
+ *
+ * Layers are ordered by increasing elevation. Each layer is intentionally
+ * spaced to allow insertion of custom layers without breaking the scale.
+ */
 export const zIndex = {
+    base: 0,
+    raised: 1,
     dropdown: 1000,
-    modal: 2000,
-    tooltip: 3000,
+    sticky: 1100,
+    overlay: 1200,
+    modal: 1300,
+    popover: 1400,
+    tooltip: 1500,
+    toast: 1600,
 };
 //# sourceMappingURL=zIndex.js.map

package/dist/primitives/zIndex.js.map

@@ -1 +1 @@
-{"version":3,"file":"zIndex.js","sourceRoot":"","sources":["../../src/primitives/zIndex.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,IAAI;CACL,CAAC"}
+{"version":3,"file":"zIndex.js","sourceRoot":"","sources":["../../src/primitives/zIndex.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAM,CAAC;IACX,MAAM,EAAI,CAAC;IACX,QAAQ,EAAE,IAAI;IACd,MAAM,EAAI,IAAI;IACd,OAAO,EAAG,IAAI;IACd,KAAK,EAAK,IAAI;IACd,OAAO,EAAG,IAAI;IACd,OAAO,EAAG,IAAI;IACd,KAAK,EAAK,IAAI;CACN,CAAC"}

package/dist/semantic/border.d.ts

@@ -1,5 +1,5 @@
 export declare const border: {
-    readonly default: "#424242";
+    readonly default: "#475569";
     readonly focus: "#0066ff";
 };
 //# sourceMappingURL=border.d.ts.map

package/dist/semantic/color.d.ts

@@ -1,13 +1,13 @@
 export declare const semanticColors: {
     readonly primary: "#0066ff";
-    readonly secondary: "#ff6600";
+    readonly secondary: "#7c3aed";
     readonly background: "#ffffff";
-    readonly surface: "#f5f5f5";
-    readonly error: "#d32f2f";
+    readonly surface: "#f8f9fa";
+    readonly error: "#dc2626";
     readonly onPrimary: "#ffffff";
     readonly onSecondary: "#ffffff";
-    readonly onBackground: "#212121";
-    readonly onSurface: "#424242";
+    readonly onBackground: "#0f172a";
+    readonly onSurface: "#475569";
     readonly onError: "#ffffff";
 };
 //# sourceMappingURL=color.d.ts.map

package/dist/semantic/surface.d.ts

@@ -1,5 +1,5 @@
 export declare const surface: {
-    readonly default: "#f5f5f5";
+    readonly default: "#f8f9fa";
     readonly elevated: "#ffffff";
 };
 //# sourceMappingURL=surface.d.ts.map

package/dist/semantic/text.d.ts

@@ -1,8 +1,8 @@
 export declare const text: {
-    readonly primary: "#212121";
-    readonly secondary: "#424242";
-    readonly disabled: "#9e9e9e";
-    readonly error: "#d32f2f";
+    readonly primary: "#0f172a";
+    readonly secondary: "#475569";
+    readonly disabled: "#64748b";
+    readonly error: "#dc2626";
     readonly onPrimary: "#ffffff";
 };
 //# sourceMappingURL=text.d.ts.map

package/dist/themes/dark.d.ts

@@ -5,22 +5,51 @@ export declare const darkTheme: {
         readonly onBackground: "#f5f5f5";
         readonly onSurface: "#e0e0e0";
         readonly primary: "#0066ff";
-        readonly secondary: "#ff6600";
-        readonly error: "#d32f2f";
-        readonly warning: "#f57c00";
-        readonly success: "#388e3c";
-        readonly neutral100: "#f5f5f5";
-        readonly neutral200: "#eeeeee";
-        readonly neutral300: "#e0e0e0";
-        readonly neutral400: "#bdbdbd";
-        readonly neutral500: "#9e9e9e";
-        readonly neutral600: "#757575";
-        readonly neutral700: "#616161";
-        readonly neutral800: "#424242";
-        readonly neutral900: "#212121";
+        readonly primaryHover: "#0052cc";
+        readonly primaryActive: "#003d99";
+        readonly primarySubtle: "#e6f0ff";
+        readonly secondary: "#7c3aed";
+        readonly secondaryHover: "#6d28d9";
+        readonly secondarySubtle: "#ede9fe";
+        readonly surfaceRaised: "#ffffff";
+        readonly surfaceOverlay: "#ffffff";
+        readonly surfaceHover: "#f1f5f9";
+        readonly surfaceActive: "#e2e8f0";
+        readonly border: "#e2e8f0";
+        readonly borderStrong: "#cbd5e1";
+        readonly error: "#dc2626";
+        readonly errorSubtle: "#fef2f2";
+        readonly warning: "#d97706";
+        readonly warningSubtle: "#fffbeb";
+        readonly success: "#16a34a";
+        readonly successSubtle: "#f0fdf4";
+        readonly info: "#0284c7";
+        readonly infoSubtle: "#f0f9ff";
+        readonly textPrimary: "#0f172a";
+        readonly textSecondary: "#475569";
+        readonly textTertiary: "#94a3b8";
+        readonly textDisabled: "#cbd5e1";
+        readonly textInverse: "#ffffff";
+        readonly textOnPrimary: "#ffffff";
+        readonly textLink: "#0066ff";
+        readonly textError: "#dc2626";
+        readonly textSuccess: "#16a34a";
+        readonly textWarning: "#d97706";
+        readonly neutral50: "#f8fafc";
+        readonly neutral100: "#f1f5f9";
+        readonly neutral200: "#e2e8f0";
+        readonly neutral300: "#cbd5e1";
+        readonly neutral400: "#94a3b8";
+        readonly neutral500: "#64748b";
+        readonly neutral600: "#475569";
+        readonly neutral700: "#334155";
+        readonly neutral800: "#1e293b";
+        readonly neutral900: "#0f172a";
         readonly onPrimary: "#ffffff";
         readonly onSecondary: "#ffffff";
         readonly onError: "#ffffff";
+        readonly focusRing: "rgb(0 102 255 / 0.15)";
+        readonly focusRingError: "rgb(220 38 38 / 0.15)";
     };
     readonly semanticColors: {
         readonly background: "#121212";
@@ -28,8 +57,8 @@ export declare const darkTheme: {
         readonly onBackground: "#f5f5f5";
         readonly onSurface: "#e0e0e0";
         readonly primary: "#0066ff";
-        readonly secondary: "#ff6600";
-        readonly error: "#d32f2f";
+        readonly secondary: "#7c3aed";
+        readonly error: "#dc2626";
         readonly onPrimary: "#ffffff";
         readonly onSecondary: "#ffffff";
         readonly onError: "#ffffff";

package/dist/themes/dark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../src/themes/dark.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUZ,CAAC"}
+{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../src/themes/dark.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUZ,CAAC"}

package/dist/themes/light.d.ts

@@ -1,37 +1,66 @@
 export declare const lightTheme: {
     readonly colors: {
         readonly primary: "#0066ff";
-        readonly secondary: "#ff6600";
+        readonly primaryHover: "#0052cc";
+        readonly primaryActive: "#003d99";
+        readonly primarySubtle: "#e6f0ff";
+        readonly secondary: "#7c3aed";
+        readonly secondaryHover: "#6d28d9";
+        readonly secondarySubtle: "#ede9fe";
         readonly background: "#ffffff";
-        readonly surface: "#f5f5f5";
-        readonly error: "#d32f2f";
-        readonly warning: "#f57c00";
-        readonly success: "#388e3c";
-        readonly neutral100: "#f5f5f5";
-        readonly neutral200: "#eeeeee";
-        readonly neutral300: "#e0e0e0";
-        readonly neutral400: "#bdbdbd";
-        readonly neutral500: "#9e9e9e";
-        readonly neutral600: "#757575";
-        readonly neutral700: "#616161";
-        readonly neutral800: "#424242";
-        readonly neutral900: "#212121";
+        readonly surface: "#f8f9fa";
+        readonly surfaceRaised: "#ffffff";
+        readonly surfaceOverlay: "#ffffff";
+        readonly surfaceHover: "#f1f5f9";
+        readonly surfaceActive: "#e2e8f0";
+        readonly border: "#e2e8f0";
+        readonly borderStrong: "#cbd5e1";
+        readonly error: "#dc2626";
+        readonly errorSubtle: "#fef2f2";
+        readonly warning: "#d97706";
+        readonly warningSubtle: "#fffbeb";
+        readonly success: "#16a34a";
+        readonly successSubtle: "#f0fdf4";
+        readonly info: "#0284c7";
+        readonly infoSubtle: "#f0f9ff";
+        readonly textPrimary: "#0f172a";
+        readonly textSecondary: "#475569";
+        readonly textTertiary: "#94a3b8";
+        readonly textDisabled: "#cbd5e1";
+        readonly textInverse: "#ffffff";
+        readonly textOnPrimary: "#ffffff";
+        readonly textLink: "#0066ff";
+        readonly textError: "#dc2626";
+        readonly textSuccess: "#16a34a";
+        readonly textWarning: "#d97706";
+        readonly neutral50: "#f8fafc";
+        readonly neutral100: "#f1f5f9";
+        readonly neutral200: "#e2e8f0";
+        readonly neutral300: "#cbd5e1";
+        readonly neutral400: "#94a3b8";
+        readonly neutral500: "#64748b";
+        readonly neutral600: "#475569";
+        readonly neutral700: "#334155";
+        readonly neutral800: "#1e293b";
+        readonly neutral900: "#0f172a";
         readonly onPrimary: "#ffffff";
         readonly onSecondary: "#ffffff";
-        readonly onBackground: "#212121";
-        readonly onSurface: "#424242";
+        readonly onBackground: "#0f172a";
+        readonly onSurface: "#475569";
         readonly onError: "#ffffff";
+        readonly focusRing: "rgb(0 102 255 / 0.15)";
+        readonly focusRingError: "rgb(220 38 38 / 0.15)";
     };
     readonly semanticColors: {
         readonly primary: "#0066ff";
-        readonly secondary: "#ff6600";
+        readonly secondary: "#7c3aed";
         readonly background: "#ffffff";
-        readonly surface: "#f5f5f5";
-        readonly error: "#d32f2f";
+        readonly surface: "#f8f9fa";
+        readonly error: "#dc2626";
         readonly onPrimary: "#ffffff";
         readonly onSecondary: "#ffffff";
-        readonly onBackground: "#212121";
-        readonly onSurface: "#424242";
+        readonly onBackground: "#0f172a";
+        readonly onSurface: "#475569";
         readonly onError: "#ffffff";
     };
     readonly mode: "light";

package/dist/themes/light.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../src/themes/light.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIb,CAAC"}
+{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../src/themes/light.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIb,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokis/tokens",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Design token engine for Tokis — color primitives, semantic scales, spacing, typography, shadows, motion, and CSS variable generation.",
   "type": "module",
   "main": "./dist/cjs/index.js",