@nswds/tokens 3.7.0 → 3.8.1

package/dist/js/motion/global.d.ts

@@ -0,0 +1,10 @@
+export declare const duration: {
+  fast: string
+  base: string
+  slow: string
+}
+export declare const easing: {
+  standard: string
+  decelerate: string
+  accelerate: string
+}

package/dist/js/motion/global.js

@@ -0,0 +1,10 @@
+export const duration = {
+  fast: '150ms',
+  base: '250ms',
+  slow: '400ms',
+}
+export const easing = {
+  standard: 'cubic-bezier(0.4, 0, 0.2, 1)',
+  decelerate: 'cubic-bezier(0, 0, 0.2, 1)',
+  accelerate: 'cubic-bezier(0.4, 0, 1, 1)',
+}

package/dist/js/z-index/global.d.ts

@@ -0,0 +1,10 @@
+export declare const zIndex: {
+  base: number
+  dropdown: number
+  sticky: number
+  overlay: number
+  modal: number
+  popover: number
+  toast: number
+  tooltip: number
+}

package/dist/js/z-index/global.js

@@ -0,0 +1,10 @@
+export const zIndex = {
+  base: 0,
+  dropdown: 1000,
+  sticky: 1100,
+  overlay: 1200,
+  modal: 1300,
+  popover: 1400,
+  toast: 1500,
+  tooltip: 1600,
+}

package/dist/json/motion/global.json

@@ -0,0 +1,12 @@
+{
+  "duration": {
+    "duration-fast": "150ms",
+    "duration-base": "250ms",
+    "duration-slow": "400ms"
+  },
+  "easing": {
+    "easing-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "easing-decelerate": "cubic-bezier(0, 0, 0.2, 1)",
+    "easing-accelerate": "cubic-bezier(0.4, 0, 1, 1)"
+  }
+}

package/dist/json/z-index/global.json

@@ -0,0 +1,12 @@
+{
+  "z-index": {
+    "z-index-base": 0,
+    "z-index-dropdown": 1000,
+    "z-index-sticky": 1100,
+    "z-index-overlay": 1200,
+    "z-index-modal": 1300,
+    "z-index-popover": 1400,
+    "z-index-toast": 1500,
+    "z-index-tooltip": 1600
+  }
+}

package/dist/less/motion/global.less

@@ -0,0 +1,6 @@
+@duration-fast: 150ms; // Fast — quick feedback on small elements (hovers, toggles, focus rings). DRAFT pending design review.
+@duration-base: 250ms; // Base — the default duration for most UI transitions. DRAFT pending design review.
+@duration-slow: 400ms; // Slow — larger surfaces entering or leaving (modals, drawers, sheets). DRAFT pending design review.
+@easing-standard: cubic-bezier(0.4, 0, 0.2, 1); // Standard ease-in-out — the default curve for elements moving within the viewport. DRAFT pending design review.
+@easing-decelerate: cubic-bezier(0, 0, 0.2, 1); // Decelerate (ease-out) — elements entering the screen, fast then settling. DRAFT pending design review.
+@easing-accelerate: cubic-bezier(0.4, 0, 1, 1); // Accelerate (ease-in) — elements leaving the screen, building speed as they exit. DRAFT pending design review.

package/dist/less/z-index/global.less

@@ -0,0 +1,8 @@
+@z-index-base: 0; // Base stacking level (0) — default in-flow content. DRAFT pending design review.
+@z-index-dropdown: 1000; // Dropdown menus and select popups. DRAFT pending design review.
+@z-index-sticky: 1100; // Sticky elements that pin on scroll (headers, toolbars). DRAFT pending design review.
+@z-index-overlay: 1200; // Full-screen overlay scrims sitting behind modal content. DRAFT pending design review.
+@z-index-modal: 1300; // Modal dialogs and side sheets. DRAFT pending design review.
+@z-index-popover: 1400; // Popovers anchored to a trigger, above modals. DRAFT pending design review.
+@z-index-toast: 1500; // Toast and snackbar notifications. DRAFT pending design review.
+@z-index-tooltip: 1600; // Tooltips — the top-most interactive layer. DRAFT pending design review.

package/dist/scss/motion/global.scss

@@ -0,0 +1,6 @@
+$duration-fast: 150ms; // Fast — quick feedback on small elements (hovers, toggles, focus rings). DRAFT pending design review.
+$duration-base: 250ms; // Base — the default duration for most UI transitions. DRAFT pending design review.
+$duration-slow: 400ms; // Slow — larger surfaces entering or leaving (modals, drawers, sheets). DRAFT pending design review.
+$easing-standard: cubic-bezier(0.4, 0, 0.2, 1); // Standard ease-in-out — the default curve for elements moving within the viewport. DRAFT pending design review.
+$easing-decelerate: cubic-bezier(0, 0, 0.2, 1); // Decelerate (ease-out) — elements entering the screen, fast then settling. DRAFT pending design review.
+$easing-accelerate: cubic-bezier(0.4, 0, 1, 1); // Accelerate (ease-in) — elements leaving the screen, building speed as they exit. DRAFT pending design review.

package/dist/scss/z-index/global.scss

@@ -0,0 +1,8 @@
+$z-index-base: 0; // Base stacking level (0) — default in-flow content. DRAFT pending design review.
+$z-index-dropdown: 1000; // Dropdown menus and select popups. DRAFT pending design review.
+$z-index-sticky: 1100; // Sticky elements that pin on scroll (headers, toolbars). DRAFT pending design review.
+$z-index-overlay: 1200; // Full-screen overlay scrims sitting behind modal content. DRAFT pending design review.
+$z-index-modal: 1300; // Modal dialogs and side sheets. DRAFT pending design review.
+$z-index-popover: 1400; // Popovers anchored to a trigger, above modals. DRAFT pending design review.
+$z-index-toast: 1500; // Toast and snackbar notifications. DRAFT pending design review.
+$z-index-tooltip: 1600; // Tooltips — the top-most interactive layer. DRAFT pending design review.

package/dist/tailwind/motion/global.css

@@ -0,0 +1,8 @@
+@theme {
+  --duration-fast: 150ms;
+  --duration-base: 250ms;
+  --duration-slow: 400ms;
+  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
+  --ease-decelerate: cubic-bezier(0, 0, 0.2, 1);
+  --ease-accelerate: cubic-bezier(0.4, 0, 1, 1);
+}

package/dist/tailwind/preset.css

@@ -956,3 +956,27 @@
   --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
 }
+
+
+/* ── tailwind/motion/global.css ── */
+@theme {
+  --duration-fast: 150ms;
+  --duration-base: 250ms;
+  --duration-slow: 400ms;
+  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
+  --ease-decelerate: cubic-bezier(0, 0, 0.2, 1);
+  --ease-accelerate: cubic-bezier(0.4, 0, 1, 1);
+}
+
+
+/* ── tailwind/z-index/global.css ── */
+@theme {
+  --z-index-base: 0;
+  --z-index-dropdown: 1000;
+  --z-index-sticky: 1100;
+  --z-index-overlay: 1200;
+  --z-index-modal: 1300;
+  --z-index-popover: 1400;
+  --z-index-toast: 1500;
+  --z-index-tooltip: 1600;
+}

package/dist/tailwind/z-index/global.css

@@ -0,0 +1,10 @@
+@theme {
+  --z-index-base: 0;
+  --z-index-dropdown: 1000;
+  --z-index-sticky: 1100;
+  --z-index-overlay: 1200;
+  --z-index-modal: 1300;
+  --z-index-popover: 1400;
+  --z-index-toast: 1500;
+  --z-index-tooltip: 1600;
+}

package/dist/tokens/global/motion/canonical.json

@@ -0,0 +1,45 @@
+{
+  "duration": {
+    "fast": {
+      "$type": "duration",
+      "$description": "Fast — quick feedback on small elements (hovers, toggles, focus rings). DRAFT pending design review.",
+      "$value": {
+        "value": 150,
+        "unit": "ms"
+      }
+    },
+    "base": {
+      "$type": "duration",
+      "$description": "Base — the default duration for most UI transitions. DRAFT pending design review.",
+      "$value": {
+        "value": 250,
+        "unit": "ms"
+      }
+    },
+    "slow": {
+      "$type": "duration",
+      "$description": "Slow — larger surfaces entering or leaving (modals, drawers, sheets). DRAFT pending design review.",
+      "$value": {
+        "value": 400,
+        "unit": "ms"
+      }
+    }
+  },
+  "easing": {
+    "standard": {
+      "$type": "cubicBezier",
+      "$description": "Standard ease-in-out — the default curve for elements moving within the viewport. DRAFT pending design review.",
+      "$value": [0.4, 0, 0.2, 1]
+    },
+    "decelerate": {
+      "$type": "cubicBezier",
+      "$description": "Decelerate (ease-out) — elements entering the screen, fast then settling. DRAFT pending design review.",
+      "$value": [0, 0, 0.2, 1]
+    },
+    "accelerate": {
+      "$type": "cubicBezier",
+      "$description": "Accelerate (ease-in) — elements leaving the screen, building speed as they exit. DRAFT pending design review.",
+      "$value": [0.4, 0, 1, 1]
+    }
+  }
+}

package/dist/tokens/global/z-index/canonical.json

@@ -0,0 +1,44 @@
+{
+  "z-index": {
+    "base": {
+      "$type": "number",
+      "$description": "Base stacking level (0) — default in-flow content. DRAFT pending design review.",
+      "$value": 0
+    },
+    "dropdown": {
+      "$type": "number",
+      "$description": "Dropdown menus and select popups. DRAFT pending design review.",
+      "$value": 1000
+    },
+    "sticky": {
+      "$type": "number",
+      "$description": "Sticky elements that pin on scroll (headers, toolbars). DRAFT pending design review.",
+      "$value": 1100
+    },
+    "overlay": {
+      "$type": "number",
+      "$description": "Full-screen overlay scrims sitting behind modal content. DRAFT pending design review.",
+      "$value": 1200
+    },
+    "modal": {
+      "$type": "number",
+      "$description": "Modal dialogs and side sheets. DRAFT pending design review.",
+      "$value": 1300
+    },
+    "popover": {
+      "$type": "number",
+      "$description": "Popovers anchored to a trigger, above modals. DRAFT pending design review.",
+      "$value": 1400
+    },
+    "toast": {
+      "$type": "number",
+      "$description": "Toast and snackbar notifications. DRAFT pending design review.",
+      "$value": 1500
+    },
+    "tooltip": {
+      "$type": "number",
+      "$description": "Tooltips — the top-most interactive layer. DRAFT pending design review.",
+      "$value": 1600
+    }
+  }
+}

package/dist/ts/motion/global.ts

@@ -0,0 +1,10 @@
+export const duration = {
+  fast: '150ms',
+  base: '250ms',
+  slow: '400ms',
+}
+export const easing = {
+  standard: 'cubic-bezier(0.4, 0, 0.2, 1)',
+  decelerate: 'cubic-bezier(0, 0, 0.2, 1)',
+  accelerate: 'cubic-bezier(0.4, 0, 1, 1)',
+}

package/dist/ts/z-index/global.ts

@@ -0,0 +1,10 @@
+export const zIndex = {
+  base: 0,
+  dropdown: 1000,
+  sticky: 1100,
+  overlay: 1200,
+  modal: 1300,
+  popover: 1400,
+  toast: 1500,
+  tooltip: 1600,
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nswds/tokens",
-  "version": "3.7.0",
+  "version": "3.8.1",
   "description": "Design tokens for NSW Government digital products, providing colour tokens, theme outputs, and brand assets for use across CSS, SCSS, Less, JavaScript, TypeScript, JSON, Tailwind, Figma, and DTCG-compatible workflows.",
   "license": "MPL-2.0",
   "keywords": [