@conductor-by-89soone/tokens 0.5.0 → 0.6.0

package/dist/cli.js

@@ -271,7 +271,13 @@ var motion = [
   semantic("motion.fast", "140ms {ease.entrance}", "Colour, background and border transitions."),
   semantic("motion.standard", "240ms {ease.entrance}", "Overlay and page entrance."),
   semantic("motion.bounce", "300ms {ease.overshoot}", "Toggle and switch settle."),
-  semantic("motion.spin", "1000ms {ease.linear}", "One revolution of the indeterminate spinner.")
+  semantic("motion.spin", "1000ms {ease.linear}", "One revolution of the indeterminate spinner."),
+  // CR-047: a press, an exit, a large surface, a spring settle, and the step between staged items.
+  semantic("motion.instant", "90ms {ease.entrance}", "Press feedback and pointer-tracking highlights."),
+  semantic("motion.exit", "160ms {ease.exit}", "Overlay, popover and drawer exits."),
+  semantic("motion.slow", "420ms {ease.emphasized}", "Drawers and other large surfaces entering."),
+  semantic("motion.spring", "520ms {ease.spring}", "Spring settle for dialogs, popovers and checked indicators (entrances only)."),
+  semantic("motion.stagger", "45ms", "Delay step between items of a staged entrance; a duration, never an easing.")
 ];
 var scaleTokens = [
   ...fontSize,
@@ -477,7 +483,7 @@ var overlay = [
   component("overlay.drawerBackground", ref("surface.raised"), "Drawer panel fill."),
   component("overlay.drawerWidth", value("500px"), "Drawer panel width."),
   component("overlay.enter", ref("motion.standard"), "Overlay entrance."),
-  component("overlay.exit", ref("motion.fast"), "Overlay exit.")
+  component("overlay.exit", ref("motion.exit"), "Overlay exit.")
 ];
 var HEADING_MIN_PX = FONT_SIZE_PX.xl * 1.2;
 var HEADING_MAX_PX = FONT_SIZE_PX.xl * 1.6;
@@ -1314,7 +1320,15 @@ var nonColour = [
   primitive("curve.24", "24px", "Corner radius step."),
   primitive("ease.entrance", "cubic-bezier(0.2, 0, 0, 1)", "Entrance and state-change easing."),
   primitive("ease.overshoot", "cubic-bezier(0.34, 1.56, 0.64, 1)", "Toggle settle easing."),
-  primitive("ease.linear", "linear", "Constant-rate motion: spinners and marquees.")
+  primitive("ease.linear", "linear", "Constant-rate motion: spinners and marquees."),
+  // CR-047: exits accelerate away, large surfaces decelerate hard, and settles follow a sampled spring.
+  primitive("ease.exit", "cubic-bezier(0.4, 0, 1, 1)", "Exit easing: accelerates out of view."),
+  primitive("ease.emphasized", "cubic-bezier(0.05, 0.7, 0.1, 1)", "Emphasized deceleration for large surfaces and hero entrances."),
+  primitive(
+    "ease.spring",
+    "linear(0, 0.075 5%, 0.242 10%, 0.435 15%, 0.616 20%, 0.766 25%, 0.878 30%, 0.967 36%, 1.015 42%, 1.037 50%, 1.033 60%, 1.012 75%, 1)",
+    "Damped spring (ratio 0.72, ~4% overshoot) sampled into linear(); entrances only."
+  )
 ];
 var primitiveTokens = [
   ...ink,

package/dist/contrast-cli.js

@@ -492,7 +492,13 @@ var motion = [
   semantic("motion.fast", "140ms {ease.entrance}", "Colour, background and border transitions."),
   semantic("motion.standard", "240ms {ease.entrance}", "Overlay and page entrance."),
   semantic("motion.bounce", "300ms {ease.overshoot}", "Toggle and switch settle."),
-  semantic("motion.spin", "1000ms {ease.linear}", "One revolution of the indeterminate spinner.")
+  semantic("motion.spin", "1000ms {ease.linear}", "One revolution of the indeterminate spinner."),
+  // CR-047: a press, an exit, a large surface, a spring settle, and the step between staged items.
+  semantic("motion.instant", "90ms {ease.entrance}", "Press feedback and pointer-tracking highlights."),
+  semantic("motion.exit", "160ms {ease.exit}", "Overlay, popover and drawer exits."),
+  semantic("motion.slow", "420ms {ease.emphasized}", "Drawers and other large surfaces entering."),
+  semantic("motion.spring", "520ms {ease.spring}", "Spring settle for dialogs, popovers and checked indicators (entrances only)."),
+  semantic("motion.stagger", "45ms", "Delay step between items of a staged entrance; a duration, never an easing.")
 ];
 var scaleTokens = [
   ...fontSize,
@@ -698,7 +704,7 @@ var overlay = [
   component("overlay.drawerBackground", ref("surface.raised"), "Drawer panel fill."),
   component("overlay.drawerWidth", value("500px"), "Drawer panel width."),
   component("overlay.enter", ref("motion.standard"), "Overlay entrance."),
-  component("overlay.exit", ref("motion.fast"), "Overlay exit.")
+  component("overlay.exit", ref("motion.exit"), "Overlay exit.")
 ];
 var HEADING_MIN_PX = FONT_SIZE_PX.xl * 1.2;
 var HEADING_MAX_PX = FONT_SIZE_PX.xl * 1.6;
@@ -1535,7 +1541,15 @@ var nonColour = [
   primitive("curve.24", "24px", "Corner radius step."),
   primitive("ease.entrance", "cubic-bezier(0.2, 0, 0, 1)", "Entrance and state-change easing."),
   primitive("ease.overshoot", "cubic-bezier(0.34, 1.56, 0.64, 1)", "Toggle settle easing."),
-  primitive("ease.linear", "linear", "Constant-rate motion: spinners and marquees.")
+  primitive("ease.linear", "linear", "Constant-rate motion: spinners and marquees."),
+  // CR-047: exits accelerate away, large surfaces decelerate hard, and settles follow a sampled spring.
+  primitive("ease.exit", "cubic-bezier(0.4, 0, 1, 1)", "Exit easing: accelerates out of view."),
+  primitive("ease.emphasized", "cubic-bezier(0.05, 0.7, 0.1, 1)", "Emphasized deceleration for large surfaces and hero entrances."),
+  primitive(
+    "ease.spring",
+    "linear(0, 0.075 5%, 0.242 10%, 0.435 15%, 0.616 20%, 0.766 25%, 0.878 30%, 0.967 36%, 1.015 42%, 1.037 50%, 1.033 60%, 1.012 75%, 1)",
+    "Damped spring (ratio 0.72, ~4% overshoot) sampled into linear(); entrances only."
+  )
 ];
 var primitiveTokens = [
   ...ink,

package/dist/contrast-report.json

@@ -14,7 +14,7 @@
     "checks": 232,
     "passed": 232,
     "failed": 0,
-    "excludedTokens": 236,
+    "excludedTokens": 241,
     "forbiddenPairs": 2
   },
   "results": [
@@ -3396,6 +3396,31 @@
       "usage": "decorative",
       "reason": "One revolution of the indeterminate spinner."
     },
+    {
+      "key": "motion.instant",
+      "usage": "decorative",
+      "reason": "Press feedback and pointer-tracking highlights."
+    },
+    {
+      "key": "motion.exit",
+      "usage": "decorative",
+      "reason": "Overlay, popover and drawer exits."
+    },
+    {
+      "key": "motion.slow",
+      "usage": "decorative",
+      "reason": "Drawers and other large surfaces entering."
+    },
+    {
+      "key": "motion.spring",
+      "usage": "decorative",
+      "reason": "Spring settle for dialogs, popovers and checked indicators (entrances only)."
+    },
+    {
+      "key": "motion.stagger",
+      "usage": "decorative",
+      "reason": "Delay step between items of a staged entrance; a duration, never an easing."
+    },
     {
       "key": "button.minHeight",
       "usage": "decorative",

package/dist/index.js

@@ -169,7 +169,12 @@ var tokens = {
     fast: "var(--cdt-motion-fast)",
     standard: "var(--cdt-motion-standard)",
     bounce: "var(--cdt-motion-bounce)",
-    spin: "var(--cdt-motion-spin)"
+    spin: "var(--cdt-motion-spin)",
+    instant: "var(--cdt-motion-instant)",
+    exit: "var(--cdt-motion-exit)",
+    slow: "var(--cdt-motion-slow)",
+    spring: "var(--cdt-motion-spring)",
+    stagger: "var(--cdt-motion-stagger)"
   },
   button: {
     minHeight: "var(--cdt-button-min-height)",

package/dist/tokens.css

@@ -145,6 +145,11 @@
   --cdt-motion-standard: 240ms cubic-bezier(0.2, 0, 0, 1);
   --cdt-motion-bounce: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
   --cdt-motion-spin: 1000ms linear;
+  --cdt-motion-instant: 90ms cubic-bezier(0.2, 0, 0, 1);
+  --cdt-motion-exit: 160ms cubic-bezier(0.4, 0, 1, 1);
+  --cdt-motion-slow: 420ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  --cdt-motion-spring: 520ms linear(0, 0.075 5%, 0.242 10%, 0.435 15%, 0.616 20%, 0.766 25%, 0.878 30%, 0.967 36%, 1.015 42%, 1.037 50%, 1.033 60%, 1.012 75%, 1);
+  --cdt-motion-stagger: 45ms;
 
   --cdt-button-min-height: 40px;
   --cdt-button-min-height-compact: 42px;
@@ -302,7 +307,7 @@
   --cdt-overlay-drawer-background: #141d2a;
   --cdt-overlay-drawer-width: 500px;
   --cdt-overlay-enter: 240ms cubic-bezier(0.2, 0, 0, 1);
-  --cdt-overlay-exit: 140ms cubic-bezier(0.2, 0, 0, 1);
+  --cdt-overlay-exit: 160ms cubic-bezier(0.4, 0, 1, 1);
 
   --cdt-page-heading-size: clamp(24px, 3vw, 32px);
   --cdt-page-heading-line-height: 1.16;
@@ -498,6 +503,11 @@
   --cdt-motion-standard: 240ms cubic-bezier(0.2, 0, 0, 1);
   --cdt-motion-bounce: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
   --cdt-motion-spin: 1000ms linear;
+  --cdt-motion-instant: 90ms cubic-bezier(0.2, 0, 0, 1);
+  --cdt-motion-exit: 160ms cubic-bezier(0.4, 0, 1, 1);
+  --cdt-motion-slow: 420ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  --cdt-motion-spring: 520ms linear(0, 0.075 5%, 0.242 10%, 0.435 15%, 0.616 20%, 0.766 25%, 0.878 30%, 0.967 36%, 1.015 42%, 1.037 50%, 1.033 60%, 1.012 75%, 1);
+  --cdt-motion-stagger: 45ms;
 
   --cdt-button-min-height: 40px;
   --cdt-button-min-height-compact: 42px;
@@ -655,7 +665,7 @@
   --cdt-overlay-drawer-background: #fbfcfd;
   --cdt-overlay-drawer-width: 500px;
   --cdt-overlay-enter: 240ms cubic-bezier(0.2, 0, 0, 1);
-  --cdt-overlay-exit: 140ms cubic-bezier(0.2, 0, 0, 1);
+  --cdt-overlay-exit: 160ms cubic-bezier(0.4, 0, 1, 1);
 
   --cdt-page-heading-size: clamp(24px, 3vw, 32px);
   --cdt-page-heading-line-height: 1.16;
@@ -852,6 +862,11 @@
   --cdt-motion-standard: 240ms cubic-bezier(0.2, 0, 0, 1);
   --cdt-motion-bounce: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
   --cdt-motion-spin: 1000ms linear;
+  --cdt-motion-instant: 90ms cubic-bezier(0.2, 0, 0, 1);
+  --cdt-motion-exit: 160ms cubic-bezier(0.4, 0, 1, 1);
+  --cdt-motion-slow: 420ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  --cdt-motion-spring: 520ms linear(0, 0.075 5%, 0.242 10%, 0.435 15%, 0.616 20%, 0.766 25%, 0.878 30%, 0.967 36%, 1.015 42%, 1.037 50%, 1.033 60%, 1.012 75%, 1);
+  --cdt-motion-stagger: 45ms;
 
   --cdt-button-min-height: 40px;
   --cdt-button-min-height-compact: 42px;
@@ -1009,7 +1024,7 @@
   --cdt-overlay-drawer-background: #fbfcfd;
   --cdt-overlay-drawer-width: 500px;
   --cdt-overlay-enter: 240ms cubic-bezier(0.2, 0, 0, 1);
-  --cdt-overlay-exit: 140ms cubic-bezier(0.2, 0, 0, 1);
+  --cdt-overlay-exit: 160ms cubic-bezier(0.4, 0, 1, 1);
 
   --cdt-page-heading-size: clamp(24px, 3vw, 32px);
   --cdt-page-heading-line-height: 1.16;

package/dist/tokens.d.ts

@@ -172,6 +172,11 @@ declare const tokens: {
         readonly standard: "var(--cdt-motion-standard)";
         readonly bounce: "var(--cdt-motion-bounce)";
         readonly spin: "var(--cdt-motion-spin)";
+        readonly instant: "var(--cdt-motion-instant)";
+        readonly exit: "var(--cdt-motion-exit)";
+        readonly slow: "var(--cdt-motion-slow)";
+        readonly spring: "var(--cdt-motion-spring)";
+        readonly stagger: "var(--cdt-motion-stagger)";
     };
     readonly button: {
         readonly minHeight: "var(--cdt-button-min-height)";

package/dist/tokens.js

@@ -165,7 +165,12 @@ var tokens = {
     fast: "var(--cdt-motion-fast)",
     standard: "var(--cdt-motion-standard)",
     bounce: "var(--cdt-motion-bounce)",
-    spin: "var(--cdt-motion-spin)"
+    spin: "var(--cdt-motion-spin)",
+    instant: "var(--cdt-motion-instant)",
+    exit: "var(--cdt-motion-exit)",
+    slow: "var(--cdt-motion-slow)",
+    spring: "var(--cdt-motion-spring)",
+    stagger: "var(--cdt-motion-stagger)"
   },
   button: {
     minHeight: "var(--cdt-button-min-height)",

package/dist/tokens.json

@@ -1357,6 +1357,61 @@
         "light": "1000ms linear"
       }
     },
+    {
+      "key": "motion.instant",
+      "cssName": "--cdt-motion-instant",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Press feedback and pointer-tracking highlights.",
+      "values": {
+        "dark": "90ms cubic-bezier(0.2, 0, 0, 1)",
+        "light": "90ms cubic-bezier(0.2, 0, 0, 1)"
+      }
+    },
+    {
+      "key": "motion.exit",
+      "cssName": "--cdt-motion-exit",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Overlay, popover and drawer exits.",
+      "values": {
+        "dark": "160ms cubic-bezier(0.4, 0, 1, 1)",
+        "light": "160ms cubic-bezier(0.4, 0, 1, 1)"
+      }
+    },
+    {
+      "key": "motion.slow",
+      "cssName": "--cdt-motion-slow",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Drawers and other large surfaces entering.",
+      "values": {
+        "dark": "420ms cubic-bezier(0.05, 0.7, 0.1, 1)",
+        "light": "420ms cubic-bezier(0.05, 0.7, 0.1, 1)"
+      }
+    },
+    {
+      "key": "motion.spring",
+      "cssName": "--cdt-motion-spring",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Spring settle for dialogs, popovers and checked indicators (entrances only).",
+      "values": {
+        "dark": "520ms linear(0, 0.075 5%, 0.242 10%, 0.435 15%, 0.616 20%, 0.766 25%, 0.878 30%, 0.967 36%, 1.015 42%, 1.037 50%, 1.033 60%, 1.012 75%, 1)",
+        "light": "520ms linear(0, 0.075 5%, 0.242 10%, 0.435 15%, 0.616 20%, 0.766 25%, 0.878 30%, 0.967 36%, 1.015 42%, 1.037 50%, 1.033 60%, 1.012 75%, 1)"
+      }
+    },
+    {
+      "key": "motion.stagger",
+      "cssName": "--cdt-motion-stagger",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Delay step between items of a staged entrance; a duration, never an easing.",
+      "values": {
+        "dark": "45ms",
+        "light": "45ms"
+      }
+    },
     {
       "key": "button.minHeight",
       "cssName": "--cdt-button-min-height",
@@ -3053,10 +3108,10 @@
       "tier": "component",
       "usage": "decorative",
       "description": "Overlay exit.",
-      "alias": "motion.fast",
+      "alias": "motion.exit",
       "values": {
-        "dark": "140ms cubic-bezier(0.2, 0, 0, 1)",
-        "light": "140ms cubic-bezier(0.2, 0, 0, 1)"
+        "dark": "160ms cubic-bezier(0.4, 0, 1, 1)",
+        "light": "160ms cubic-bezier(0.4, 0, 1, 1)"
       }
     },
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conductor-by-89soone/tokens",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Theme-aware design tokens and validation CLIs for Conductor.",
   "license": "MIT",
   "homepage": "https://89sooner.github.io/design-system/",