@nexub/tokens 7.9.0 → 8.0.0

package/dist/css/roles.css

@@ -406,9 +406,9 @@
   --color-chart-div-7: light-dark(var(--color-palette-primary-40), var(--color-palette-primary-80));
 }
 
-/* Signature style (7.9 opt-in): neutral palettes, brand-indigo primary, ~10px controls, crisp elevation. */
+/* Signature style (the default since 8.0): neutral palettes, brand-indigo primary, ~10px controls, crisp elevation. */
 
-[data-style='signature'] {
+:root, [data-style='signature'] {
   --color-palette-primary-0: #000000;
   --color-palette-primary-5: #00004e;
   --color-palette-primary-10: #00016d;
@@ -483,6 +483,83 @@
   --elevation-3: 0 0 0 1px light-dark(rgb(0 0 0 / 0.08), rgb(255 255 255 / 0.1)), 0 2px 4px light-dark(rgb(0 0 0 / 0.06), rgb(0 0 0 / 0.45)), 0 16px 36px -8px light-dark(rgb(0 0 0 / 0.16), rgb(0 0 0 / 0.6));
 }
 
+/* Classic style (data-style="classic", the 7.x look; removed in 9.0). */
+
+[data-style='classic'] {
+  --color-palette-primary-0: #000000;
+  --color-palette-primary-5: #000f2f;
+  --color-palette-primary-10: #001944;
+  --color-palette-primary-15: #002358;
+  --color-palette-primary-20: #002d6d;
+  --color-palette-primary-30: #004299;
+  --color-palette-primary-35: #004db0;
+  --color-palette-primary-40: #0059c7;
+  --color-palette-primary-50: #3373e2;
+  --color-palette-primary-60: #538dfe;
+  --color-palette-primary-70: #84aaff;
+  --color-palette-primary-80: #afc6ff;
+  --color-palette-primary-85: #c4d4ff;
+  --color-palette-primary-90: #d9e2ff;
+  --color-palette-primary-95: #edf0ff;
+  --color-palette-primary-100: #ffffff;
+  --color-palette-secondary-0: #000000;
+  --color-palette-secondary-5: #091121;
+  --color-palette-secondary-10: #141b2c;
+  --color-palette-secondary-15: #1e2636;
+  --color-palette-secondary-20: #293042;
+  --color-palette-secondary-30: #404759;
+  --color-palette-secondary-35: #4b5265;
+  --color-palette-secondary-40: #575e71;
+  --color-palette-secondary-80: #bfc6dc;
+  --color-palette-secondary-85: #cdd4eb;
+  --color-palette-secondary-90: #dbe2f9;
+  --color-palette-secondary-95: #edf0ff;
+  --color-palette-secondary-100: #ffffff;
+  --color-palette-neutral-0: #000000;
+  --color-palette-neutral-4: #0d0e11;
+  --color-palette-neutral-5: #0f1114;
+  --color-palette-neutral-6: #121316;
+  --color-palette-neutral-10: #1a1c1e;
+  --color-palette-neutral-12: #1e2022;
+  --color-palette-neutral-17: #292a2d;
+  --color-palette-neutral-20: #2f3033;
+  --color-palette-neutral-22: #333538;
+  --color-palette-neutral-24: #38393c;
+  --color-palette-neutral-87: #dad9dd;
+  --color-palette-neutral-90: #e3e2e6;
+  --color-palette-neutral-92: #e8e8eb;
+  --color-palette-neutral-94: #eeedf1;
+  --color-palette-neutral-95: #f1f0f4;
+  --color-palette-neutral-96: #f4f3f7;
+  --color-palette-neutral-98: #faf9fd;
+  --color-palette-neutral-100: #ffffff;
+  --color-palette-neutral-variant-20: #2c3137;
+  --color-palette-neutral-variant-25: #373c43;
+  --color-palette-neutral-variant-30: #43474e;
+  --color-palette-neutral-variant-35: #4e535a;
+  --color-palette-neutral-variant-40: #5a5f66;
+  --color-palette-neutral-variant-45: #676b72;
+  --color-palette-neutral-variant-50: #73777f;
+  --color-palette-neutral-variant-60: #8d9199;
+  --color-palette-neutral-variant-65: #9a9ea6;
+  --color-palette-neutral-variant-70: #a7abb4;
+  --color-palette-neutral-variant-72: #adb1b9;
+  --color-palette-neutral-variant-76: #b8bbc4;
+  --color-palette-neutral-variant-80: #c3c6cf;
+  --color-palette-neutral-variant-85: #d1d4dd;
+  --color-palette-neutral-variant-90: #dfe2eb;
+  --shape-control: 9999px;
+  --shape-field: 0.75rem;
+  --shape-container: 1rem;
+  --type-display-xl-letterSpacing: -0.045em;
+  --type-display-lg-letterSpacing: -0.03em;
+  --type-display-md-letterSpacing: -0.025em;
+  --type-display-sm-letterSpacing: -0.02em;
+  --elevation-1: 0 0 0 1px light-dark(rgb(26 28 30 / 0.06), rgb(255 255 255 / 0.06)), 0 1px 2px light-dark(rgb(26 28 30 / 0.06), rgb(0 0 0 / 0.4)), 0 2px 6px light-dark(rgb(26 28 30 / 0.04), rgb(0 0 0 / 0.3));
+  --elevation-2: 0 0 0 1px light-dark(rgb(26 28 30 / 0.06), rgb(255 255 255 / 0.08)), 0 2px 4px light-dark(rgb(26 28 30 / 0.06), rgb(0 0 0 / 0.4)), 0 8px 20px light-dark(rgb(26 28 30 / 0.08), rgb(0 0 0 / 0.45));
+  --elevation-3: 0 0 0 1px light-dark(rgb(26 28 30 / 0.06), rgb(255 255 255 / 0.08)), 0 4px 8px light-dark(rgb(26 28 30 / 0.08), rgb(0 0 0 / 0.45)), 0 20px 48px light-dark(rgb(26 28 30 / 0.16), rgb(0 0 0 / 0.55));
+}
+
 :not(:root)[data-style='signature'] {
   --color-primary: light-dark(var(--color-palette-primary-40), var(--color-palette-primary-80));
   --color-on-primary: light-dark(var(--color-palette-primary-100), var(--color-palette-primary-20));
@@ -598,6 +675,121 @@
 }
 }
 
+:not(:root)[data-style='classic'] {
+  --color-primary: light-dark(var(--color-palette-primary-40), var(--color-palette-primary-80));
+  --color-on-primary: light-dark(var(--color-palette-primary-100), var(--color-palette-primary-20));
+  --color-primary-container: light-dark(var(--color-palette-primary-90), var(--color-palette-primary-30));
+  --color-on-primary-container: light-dark(var(--color-palette-primary-10), var(--color-palette-primary-90));
+  --color-secondary: light-dark(var(--color-palette-secondary-40), var(--color-palette-secondary-80));
+  --color-on-secondary: light-dark(var(--color-palette-secondary-100), var(--color-palette-secondary-20));
+  --color-secondary-container: light-dark(var(--color-palette-secondary-90), var(--color-palette-secondary-30));
+  --color-on-secondary-container: light-dark(var(--color-palette-secondary-10), var(--color-palette-secondary-90));
+  --color-surface: light-dark(var(--color-palette-neutral-98), var(--color-palette-neutral-6));
+  --color-surface-dim: light-dark(var(--color-palette-neutral-87), var(--color-palette-neutral-6));
+  --color-surface-bright: light-dark(var(--color-palette-neutral-98), var(--color-palette-neutral-24));
+  --color-surface-container-lowest: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-4));
+  --color-surface-container-low: light-dark(var(--color-palette-neutral-96), var(--color-palette-neutral-10));
+  --color-surface-container: light-dark(var(--color-palette-neutral-94), var(--color-palette-neutral-12));
+  --color-surface-container-high: light-dark(var(--color-palette-neutral-92), var(--color-palette-neutral-17));
+  --color-surface-container-highest: light-dark(var(--color-palette-neutral-90), var(--color-palette-neutral-22));
+  --color-surface-elevated: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-17));
+  --color-on-surface: light-dark(var(--color-palette-neutral-10), var(--color-palette-neutral-90));
+  --color-on-surface-variant: light-dark(var(--color-palette-neutral-variant-30), var(--color-palette-neutral-variant-80));
+  --color-on-surface-muted: light-dark(var(--color-palette-neutral-variant-40), var(--color-palette-neutral-variant-72));
+  --color-outline: light-dark(var(--color-palette-neutral-variant-50), var(--color-palette-neutral-variant-60));
+  --color-outline-variant: light-dark(var(--color-palette-neutral-variant-80), var(--color-palette-neutral-variant-30));
+  --color-inverse-surface: light-dark(var(--color-palette-neutral-20), var(--color-palette-neutral-90));
+  --color-inverse-on-surface: light-dark(var(--color-palette-neutral-95), var(--color-palette-neutral-20));
+  --color-inverse-primary: light-dark(var(--color-palette-primary-80), var(--color-palette-primary-40));
+  --color-scrim: light-dark(var(--color-palette-neutral-0), var(--color-palette-neutral-0));
+}
+[data-contrast='medium']:not(:root)[data-style='classic'], [data-contrast='medium'] :not(:root)[data-style='classic'] {
+  --color-primary: light-dark(var(--color-palette-primary-35), var(--color-palette-primary-85));
+  --color-on-primary: light-dark(var(--color-palette-primary-100), var(--color-palette-primary-15));
+  --color-primary-container: light-dark(var(--color-palette-primary-90), var(--color-palette-primary-30));
+  --color-on-primary-container: light-dark(var(--color-palette-primary-5), var(--color-palette-primary-95));
+  --color-secondary: light-dark(var(--color-palette-secondary-35), var(--color-palette-secondary-85));
+  --color-on-secondary: light-dark(var(--color-palette-secondary-100), var(--color-palette-secondary-15));
+  --color-secondary-container: light-dark(var(--color-palette-secondary-90), var(--color-palette-secondary-30));
+  --color-on-secondary-container: light-dark(var(--color-palette-secondary-5), var(--color-palette-secondary-95));
+  --color-surface: light-dark(var(--color-palette-neutral-98), var(--color-palette-neutral-6));
+  --color-surface-dim: light-dark(var(--color-palette-neutral-87), var(--color-palette-neutral-6));
+  --color-surface-bright: light-dark(var(--color-palette-neutral-98), var(--color-palette-neutral-24));
+  --color-surface-container-lowest: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-4));
+  --color-surface-container-low: light-dark(var(--color-palette-neutral-96), var(--color-palette-neutral-10));
+  --color-surface-container: light-dark(var(--color-palette-neutral-94), var(--color-palette-neutral-12));
+  --color-surface-container-high: light-dark(var(--color-palette-neutral-92), var(--color-palette-neutral-17));
+  --color-surface-container-highest: light-dark(var(--color-palette-neutral-90), var(--color-palette-neutral-22));
+  --color-surface-elevated: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-17));
+  --color-on-surface: light-dark(var(--color-palette-neutral-5), var(--color-palette-neutral-95));
+  --color-on-surface-variant: light-dark(var(--color-palette-neutral-variant-25), var(--color-palette-neutral-variant-85));
+  --color-on-surface-muted: light-dark(var(--color-palette-neutral-variant-35), var(--color-palette-neutral-variant-76));
+  --color-outline: light-dark(var(--color-palette-neutral-variant-40), var(--color-palette-neutral-variant-70));
+  --color-outline-variant: light-dark(var(--color-palette-neutral-variant-65), var(--color-palette-neutral-variant-45));
+  --color-inverse-surface: light-dark(var(--color-palette-neutral-20), var(--color-palette-neutral-90));
+  --color-inverse-on-surface: light-dark(var(--color-palette-neutral-98), var(--color-palette-neutral-10));
+  --color-inverse-primary: light-dark(var(--color-palette-primary-80), var(--color-palette-primary-40));
+  --color-scrim: light-dark(var(--color-palette-neutral-0), var(--color-palette-neutral-0));
+}
+[data-contrast='high']:not(:root)[data-style='classic'], [data-contrast='high'] :not(:root)[data-style='classic'] {
+  --color-primary: light-dark(var(--color-palette-primary-30), var(--color-palette-primary-90));
+  --color-on-primary: light-dark(var(--color-palette-primary-100), var(--color-palette-primary-10));
+  --color-primary-container: light-dark(var(--color-palette-primary-90), var(--color-palette-primary-30));
+  --color-on-primary-container: light-dark(var(--color-palette-primary-0), var(--color-palette-primary-100));
+  --color-secondary: light-dark(var(--color-palette-secondary-30), var(--color-palette-secondary-90));
+  --color-on-secondary: light-dark(var(--color-palette-secondary-100), var(--color-palette-secondary-10));
+  --color-secondary-container: light-dark(var(--color-palette-secondary-90), var(--color-palette-secondary-30));
+  --color-on-secondary-container: light-dark(var(--color-palette-secondary-0), var(--color-palette-secondary-100));
+  --color-surface: light-dark(var(--color-palette-neutral-98), var(--color-palette-neutral-6));
+  --color-surface-dim: light-dark(var(--color-palette-neutral-87), var(--color-palette-neutral-6));
+  --color-surface-bright: light-dark(var(--color-palette-neutral-98), var(--color-palette-neutral-24));
+  --color-surface-container-lowest: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-4));
+  --color-surface-container-low: light-dark(var(--color-palette-neutral-96), var(--color-palette-neutral-10));
+  --color-surface-container: light-dark(var(--color-palette-neutral-94), var(--color-palette-neutral-12));
+  --color-surface-container-high: light-dark(var(--color-palette-neutral-92), var(--color-palette-neutral-17));
+  --color-surface-container-highest: light-dark(var(--color-palette-neutral-90), var(--color-palette-neutral-22));
+  --color-surface-elevated: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-17));
+  --color-on-surface: light-dark(var(--color-palette-neutral-0), var(--color-palette-neutral-100));
+  --color-on-surface-variant: light-dark(var(--color-palette-neutral-variant-20), var(--color-palette-neutral-variant-90));
+  --color-on-surface-muted: light-dark(var(--color-palette-neutral-variant-30), var(--color-palette-neutral-variant-80));
+  --color-outline: light-dark(var(--color-palette-neutral-variant-30), var(--color-palette-neutral-variant-80));
+  --color-outline-variant: light-dark(var(--color-palette-neutral-variant-50), var(--color-palette-neutral-variant-60));
+  --color-inverse-surface: light-dark(var(--color-palette-neutral-20), var(--color-palette-neutral-90));
+  --color-inverse-on-surface: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-0));
+  --color-inverse-primary: light-dark(var(--color-palette-primary-80), var(--color-palette-primary-40));
+  --color-scrim: light-dark(var(--color-palette-neutral-0), var(--color-palette-neutral-0));
+}
+@media (prefers-contrast: more) {
+:root:not([data-contrast]):not(:root)[data-style='classic'], :root:not([data-contrast]) :not(:root)[data-style='classic'] {
+  --color-primary: light-dark(var(--color-palette-primary-30), var(--color-palette-primary-90));
+  --color-on-primary: light-dark(var(--color-palette-primary-100), var(--color-palette-primary-10));
+  --color-primary-container: light-dark(var(--color-palette-primary-90), var(--color-palette-primary-30));
+  --color-on-primary-container: light-dark(var(--color-palette-primary-0), var(--color-palette-primary-100));
+  --color-secondary: light-dark(var(--color-palette-secondary-30), var(--color-palette-secondary-90));
+  --color-on-secondary: light-dark(var(--color-palette-secondary-100), var(--color-palette-secondary-10));
+  --color-secondary-container: light-dark(var(--color-palette-secondary-90), var(--color-palette-secondary-30));
+  --color-on-secondary-container: light-dark(var(--color-palette-secondary-0), var(--color-palette-secondary-100));
+  --color-surface: light-dark(var(--color-palette-neutral-98), var(--color-palette-neutral-6));
+  --color-surface-dim: light-dark(var(--color-palette-neutral-87), var(--color-palette-neutral-6));
+  --color-surface-bright: light-dark(var(--color-palette-neutral-98), var(--color-palette-neutral-24));
+  --color-surface-container-lowest: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-4));
+  --color-surface-container-low: light-dark(var(--color-palette-neutral-96), var(--color-palette-neutral-10));
+  --color-surface-container: light-dark(var(--color-palette-neutral-94), var(--color-palette-neutral-12));
+  --color-surface-container-high: light-dark(var(--color-palette-neutral-92), var(--color-palette-neutral-17));
+  --color-surface-container-highest: light-dark(var(--color-palette-neutral-90), var(--color-palette-neutral-22));
+  --color-surface-elevated: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-17));
+  --color-on-surface: light-dark(var(--color-palette-neutral-0), var(--color-palette-neutral-100));
+  --color-on-surface-variant: light-dark(var(--color-palette-neutral-variant-20), var(--color-palette-neutral-variant-90));
+  --color-on-surface-muted: light-dark(var(--color-palette-neutral-variant-30), var(--color-palette-neutral-variant-80));
+  --color-outline: light-dark(var(--color-palette-neutral-variant-30), var(--color-palette-neutral-variant-80));
+  --color-outline-variant: light-dark(var(--color-palette-neutral-variant-50), var(--color-palette-neutral-variant-60));
+  --color-inverse-surface: light-dark(var(--color-palette-neutral-20), var(--color-palette-neutral-90));
+  --color-inverse-on-surface: light-dark(var(--color-palette-neutral-100), var(--color-palette-neutral-0));
+  --color-inverse-primary: light-dark(var(--color-palette-primary-80), var(--color-palette-primary-40));
+  --color-scrim: light-dark(var(--color-palette-neutral-0), var(--color-palette-neutral-0));
+}
+}
+
 @media (color-gamut: p3) {
 @supports (color: oklch(from red l c h)) {
 :root, [data-contrast='standard'] {
@@ -728,5 +920,20 @@
   --color-primary: light-dark(oklch(from var(--color-palette-primary-30) l calc(c * 1.18) h), oklch(from var(--color-palette-primary-90) l calc(c * 1.18) h));
 }
 }
+
+:not(:root)[data-style='classic'] {
+  --color-primary: light-dark(oklch(from var(--color-palette-primary-40) l calc(c * 1.18) h), oklch(from var(--color-palette-primary-80) l calc(c * 1.18) h));
+}
+[data-contrast='medium']:not(:root)[data-style='classic'], [data-contrast='medium'] :not(:root)[data-style='classic'] {
+  --color-primary: light-dark(oklch(from var(--color-palette-primary-35) l calc(c * 1.18) h), oklch(from var(--color-palette-primary-85) l calc(c * 1.18) h));
+}
+[data-contrast='high']:not(:root)[data-style='classic'], [data-contrast='high'] :not(:root)[data-style='classic'] {
+  --color-primary: light-dark(oklch(from var(--color-palette-primary-30) l calc(c * 1.18) h), oklch(from var(--color-palette-primary-90) l calc(c * 1.18) h));
+}
+@media (prefers-contrast: more) {
+:root:not([data-contrast]):not(:root)[data-style='classic'], :root:not([data-contrast]) :not(:root)[data-style='classic'] {
+  --color-primary: light-dark(oklch(from var(--color-palette-primary-30) l calc(c * 1.18) h), oklch(from var(--color-palette-primary-90) l calc(c * 1.18) h));
+}
+}
 }
 }

package/dist/css/variables.css

@@ -582,17 +582,6 @@
   --marketing-accent-line: linear-gradient(90deg, var(--color-primary) 0%, var(--color-bookub) 35%, var(--color-founderub) 70%, var(--color-payub) 100%); /** Brand accent line: Nexub and the product colours */
   --marketing-lift: -6px; /** Card hover lift */
   --marketing-button-lift: -2px; /** Hero button hover lift */
-  --duration-instant: 0s;
-  --duration-fast: 0.15s;
-  --duration-normal: 0.2s;
-  --duration-slow: 0.3s;
-  --duration-slower: 0.5s;
-  --ease-linear: cubic-bezier(0, 0, 1, 1);
-  --ease-in: cubic-bezier(0.4, 0, 1, 1);
-  --ease-out: cubic-bezier(0, 0, 0.2, 1);
-  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
-  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
-  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
   --radius-none: 0px;
   --radius-xs: 0.125rem;
   --radius-sm: 0.25rem;

package/dist/js/generated/native.d.ts

@@ -1024,21 +1024,6 @@ export declare const native: {
         };
     };
     readonly motion: {
-        readonly duration: {
-            readonly instant: 0;
-            readonly fast: 150;
-            readonly normal: 200;
-            readonly slow: 300;
-            readonly slower: 500;
-        };
-        readonly easing: {
-            readonly linear: readonly [0, 0, 1, 1];
-            readonly in: readonly [0.4, 0, 1, 1];
-            readonly out: readonly [0, 0, 0.2, 1];
-            readonly "in-out": readonly [0.4, 0, 0.2, 1];
-            readonly "out-expo": readonly [0.16, 1, 0.3, 1];
-            readonly spring: readonly [0.34, 1.56, 0.64, 1];
-        };
         readonly spring: {
             readonly spatial: {
                 readonly fast: {

package/dist/js/generated/native.js

@@ -1026,51 +1026,6 @@ export const native = {
         }
     },
     "motion": {
-        "duration": {
-            "instant": 0,
-            "fast": 150,
-            "normal": 200,
-            "slow": 300,
-            "slower": 500
-        },
-        "easing": {
-            "linear": [
-                0,
-                0,
-                1,
-                1
-            ],
-            "in": [
-                0.4,
-                0,
-                1,
-                1
-            ],
-            "out": [
-                0,
-                0,
-                0.2,
-                1
-            ],
-            "in-out": [
-                0.4,
-                0,
-                0.2,
-                1
-            ],
-            "out-expo": [
-                0.16,
-                1,
-                0.3,
-                1
-            ],
-            "spring": [
-                0.34,
-                1.56,
-                0.64,
-                1
-            ]
-        },
         "spring": {
             "spatial": {
                 "fast": {

package/dist/js/generated/tokens.d.ts

@@ -670,21 +670,6 @@ export declare const tokens: {
         readonly lift: "-6px";
         readonly "button-lift": "-2px";
     };
-    readonly duration: {
-        readonly instant: "0ms";
-        readonly fast: "150ms";
-        readonly normal: "200ms";
-        readonly slow: "300ms";
-        readonly slower: "500ms";
-    };
-    readonly ease: {
-        readonly linear: "cubic-bezier(0, 0, 1, 1)";
-        readonly in: "cubic-bezier(0.4, 0, 1, 1)";
-        readonly out: "cubic-bezier(0, 0, 0.2, 1)";
-        readonly "in-out": "cubic-bezier(0.4, 0, 0.2, 1)";
-        readonly "out-expo": "cubic-bezier(0.16, 1, 0.3, 1)";
-        readonly spring: "cubic-bezier(0.34, 1.56, 0.64, 1)";
-    };
     readonly radius: {
         readonly none: "0px";
         readonly xs: "2px";

package/dist/js/generated/tokens.js

@@ -672,21 +672,6 @@ export const tokens = {
         "lift": "-6px",
         "button-lift": "-2px"
     },
-    "duration": {
-        "instant": "0ms",
-        "fast": "150ms",
-        "normal": "200ms",
-        "slow": "300ms",
-        "slower": "500ms"
-    },
-    "ease": {
-        "linear": "cubic-bezier(0, 0, 1, 1)",
-        "in": "cubic-bezier(0.4, 0, 1, 1)",
-        "out": "cubic-bezier(0, 0, 0.2, 1)",
-        "in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
-        "out-expo": "cubic-bezier(0.16, 1, 0.3, 1)",
-        "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
-    },
     "radius": {
         "none": "0px",
         "xs": "2px",

package/dist/json/tokens.json

@@ -578,17 +578,6 @@
   "marketing-accent-line": "linear-gradient(90deg, var(--color-primary) 0%, var(--color-bookub) 35%, var(--color-founderub) 70%, var(--color-payub) 100%)",
   "marketing-lift": "-6px",
   "marketing-button-lift": "-2px",
-  "duration-instant": "0ms",
-  "duration-fast": "150ms",
-  "duration-normal": "200ms",
-  "duration-slow": "300ms",
-  "duration-slower": "500ms",
-  "ease-linear": "cubic-bezier(0, 0, 1, 1)",
-  "ease-in": "cubic-bezier(0.4, 0, 1, 1)",
-  "ease-out": "cubic-bezier(0, 0, 0.2, 1)",
-  "ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
-  "ease-out-expo": "cubic-bezier(0.16, 1, 0.3, 1)",
-  "ease-spring": "cubic-bezier(0.34, 1.56, 0.64, 1)",
   "radius-none": "0px",
   "radius-xs": "2px",
   "radius-sm": "4px",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexub/tokens",
-  "version": "7.9.0",
+  "version": "8.0.0",
   "description": "Design tokens for Nexub Design System — colours, typography, spacing, radii, shadows, and motion as CSS variables, a Tailwind 4 theme, Figma variables and native (React Native, SwiftUI, Compose) tokens.",
   "type": "module",
   "license": "MIT",