@conductor-by-89soone/tokens 0.2.1 → 0.4.0

package/dist/cli.js

@@ -270,7 +270,8 @@ var breakpoint = Object.keys(BREAKPOINT_PX).map(
 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.bounce", "300ms {ease.overshoot}", "Toggle and switch settle."),
+  semantic("motion.spin", "1000ms {ease.linear}", "One revolution of the indeterminate spinner.")
 ];
 var scaleTokens = [
   ...fontSize,
@@ -555,6 +556,11 @@ var shell = [
   component("topBar.titleText", ref("text.secondary"), "TopBar context title."),
   component("topBar.minHeight", value("68px"), "TopBar minimum height.")
 ];
+var workbench = [
+  component("workbench.background", ref("surface.canvas"), "Flat workspace surface."),
+  component("workbench.compactPadding", ref("space.2"), "Opt-in compact table cell padding."),
+  component("workbench.listHeight", value("240px"), "Bounded combobox option viewport.")
+];
 var componentTokens = [
   ...button,
   ...card,
@@ -571,7 +577,8 @@ var componentTokens = [
   ...input,
   ...overlay,
   ...page,
-  ...shell
+  ...shell,
+  ...workbench
 ];
 
 // src/palette.dark.ts
@@ -1282,7 +1289,8 @@ var nonColour = [
   primitive("curve.18", "18px", "Corner radius step."),
   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.overshoot", "cubic-bezier(0.34, 1.56, 0.64, 1)", "Toggle settle easing."),
+  primitive("ease.linear", "linear", "Constant-rate motion: spinners and marquees.")
 ];
 var primitiveTokens = [
   ...ink,

package/dist/contrast-cli.js

@@ -491,7 +491,8 @@ var breakpoint = Object.keys(BREAKPOINT_PX).map(
 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.bounce", "300ms {ease.overshoot}", "Toggle and switch settle."),
+  semantic("motion.spin", "1000ms {ease.linear}", "One revolution of the indeterminate spinner.")
 ];
 var scaleTokens = [
   ...fontSize,
@@ -776,6 +777,11 @@ var shell = [
   component("topBar.titleText", ref("text.secondary"), "TopBar context title."),
   component("topBar.minHeight", value("68px"), "TopBar minimum height.")
 ];
+var workbench = [
+  component("workbench.background", ref("surface.canvas"), "Flat workspace surface."),
+  component("workbench.compactPadding", ref("space.2"), "Opt-in compact table cell padding."),
+  component("workbench.listHeight", value("240px"), "Bounded combobox option viewport.")
+];
 var componentTokens = [
   ...button,
   ...card,
@@ -792,7 +798,8 @@ var componentTokens = [
   ...input,
   ...overlay,
   ...page,
-  ...shell
+  ...shell,
+  ...workbench
 ];
 
 // src/palette.dark.ts
@@ -1503,7 +1510,8 @@ var nonColour = [
   primitive("curve.18", "18px", "Corner radius step."),
   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.overshoot", "cubic-bezier(0.34, 1.56, 0.64, 1)", "Toggle settle easing."),
+  primitive("ease.linear", "linear", "Constant-rate motion: spinners and marquees.")
 ];
 var primitiveTokens = [
   ...ink,

package/dist/contrast-report.json

@@ -14,7 +14,7 @@
     "checks": 232,
     "passed": 232,
     "failed": 0,
-    "excludedTokens": 228,
+    "excludedTokens": 232,
     "forbiddenPairs": 2
   },
   "results": [
@@ -3391,6 +3391,11 @@
       "usage": "decorative",
       "reason": "Toggle and switch settle."
     },
+    {
+      "key": "motion.spin",
+      "usage": "decorative",
+      "reason": "One revolution of the indeterminate spinner."
+    },
     {
       "key": "button.minHeight",
       "usage": "decorative",
@@ -4175,6 +4180,21 @@
       "key": "topBar.minHeight",
       "usage": "decorative",
       "reason": "TopBar minimum height."
+    },
+    {
+      "key": "workbench.background",
+      "usage": "decorative",
+      "reason": "Flat workspace surface."
+    },
+    {
+      "key": "workbench.compactPadding",
+      "usage": "decorative",
+      "reason": "Opt-in compact table cell padding."
+    },
+    {
+      "key": "workbench.listHeight",
+      "usage": "decorative",
+      "reason": "Bounded combobox option viewport."
     }
   ],
   "forbidden": [

package/dist/index.js

@@ -168,7 +168,8 @@ var tokens = {
   motion: {
     fast: "var(--cdt-motion-fast)",
     standard: "var(--cdt-motion-standard)",
-    bounce: "var(--cdt-motion-bounce)"
+    bounce: "var(--cdt-motion-bounce)",
+    spin: "var(--cdt-motion-spin)"
   },
   button: {
     minHeight: "var(--cdt-button-min-height)",
@@ -420,6 +421,11 @@ var tokens = {
     eyebrowText: "var(--cdt-top-bar-eyebrow-text)",
     titleText: "var(--cdt-top-bar-title-text)",
     minHeight: "var(--cdt-top-bar-min-height)"
+  },
+  workbench: {
+    background: "var(--cdt-workbench-background)",
+    compactPadding: "var(--cdt-workbench-compact-padding)",
+    listHeight: "var(--cdt-workbench-list-height)"
   }
 };
 

package/dist/tokens.css

@@ -144,6 +144,7 @@
   --cdt-motion-fast: 140ms cubic-bezier(0.2, 0, 0, 1);
   --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-button-min-height: 40px;
   --cdt-button-min-height-compact: 42px;
@@ -346,6 +347,10 @@
   --cdt-top-bar-eyebrow-text: #5f6d80;
   --cdt-top-bar-title-text: #c5cfdd;
   --cdt-top-bar-min-height: 68px;
+
+  --cdt-workbench-background: #0b101a;
+  --cdt-workbench-compact-padding: 8px;
+  --cdt-workbench-list-height: 240px;
 }
 
 :root[data-cdt-theme="light"] {
@@ -488,6 +493,7 @@
   --cdt-motion-fast: 140ms cubic-bezier(0.2, 0, 0, 1);
   --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-button-min-height: 40px;
   --cdt-button-min-height-compact: 42px;
@@ -690,6 +696,10 @@
   --cdt-top-bar-eyebrow-text: #6b788c;
   --cdt-top-bar-title-text: #33415a;
   --cdt-top-bar-min-height: 68px;
+
+  --cdt-workbench-background: #eef1f6;
+  --cdt-workbench-compact-padding: 8px;
+  --cdt-workbench-list-height: 240px;
 }
 
 @media (prefers-color-scheme: light) {
@@ -833,6 +843,7 @@
   --cdt-motion-fast: 140ms cubic-bezier(0.2, 0, 0, 1);
   --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-button-min-height: 40px;
   --cdt-button-min-height-compact: 42px;
@@ -1035,5 +1046,9 @@
   --cdt-top-bar-eyebrow-text: #6b788c;
   --cdt-top-bar-title-text: #33415a;
   --cdt-top-bar-min-height: 68px;
+
+  --cdt-workbench-background: #eef1f6;
+  --cdt-workbench-compact-padding: 8px;
+  --cdt-workbench-list-height: 240px;
 }
 }

package/dist/tokens.d.ts

@@ -171,6 +171,7 @@ declare const tokens: {
         readonly fast: "var(--cdt-motion-fast)";
         readonly standard: "var(--cdt-motion-standard)";
         readonly bounce: "var(--cdt-motion-bounce)";
+        readonly spin: "var(--cdt-motion-spin)";
     };
     readonly button: {
         readonly minHeight: "var(--cdt-button-min-height)";
@@ -423,6 +424,11 @@ declare const tokens: {
         readonly titleText: "var(--cdt-top-bar-title-text)";
         readonly minHeight: "var(--cdt-top-bar-min-height)";
     };
+    readonly workbench: {
+        readonly background: "var(--cdt-workbench-background)";
+        readonly compactPadding: "var(--cdt-workbench-compact-padding)";
+        readonly listHeight: "var(--cdt-workbench-list-height)";
+    };
 };
 /** Shape of the token object, with every leaf narrowed to its own string literal. */
 type Tokens = typeof tokens;

package/dist/tokens.js

@@ -164,7 +164,8 @@ var tokens = {
   motion: {
     fast: "var(--cdt-motion-fast)",
     standard: "var(--cdt-motion-standard)",
-    bounce: "var(--cdt-motion-bounce)"
+    bounce: "var(--cdt-motion-bounce)",
+    spin: "var(--cdt-motion-spin)"
   },
   button: {
     minHeight: "var(--cdt-button-min-height)",
@@ -416,6 +417,11 @@ var tokens = {
     eyebrowText: "var(--cdt-top-bar-eyebrow-text)",
     titleText: "var(--cdt-top-bar-title-text)",
     minHeight: "var(--cdt-top-bar-min-height)"
+  },
+  workbench: {
+    background: "var(--cdt-workbench-background)",
+    compactPadding: "var(--cdt-workbench-compact-padding)",
+    listHeight: "var(--cdt-workbench-list-height)"
   }
 };
 

package/dist/tokens.json

@@ -1346,6 +1346,17 @@
         "light": "300ms cubic-bezier(0.34, 1.56, 0.64, 1)"
       }
     },
+    {
+      "key": "motion.spin",
+      "cssName": "--cdt-motion-spin",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "One revolution of the indeterminate spinner.",
+      "values": {
+        "dark": "1000ms linear",
+        "light": "1000ms linear"
+      }
+    },
     {
       "key": "button.minHeight",
       "cssName": "--cdt-button-min-height",
@@ -3465,6 +3476,41 @@
         "dark": "68px",
         "light": "68px"
       }
+    },
+    {
+      "key": "workbench.background",
+      "cssName": "--cdt-workbench-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Flat workspace surface.",
+      "alias": "surface.canvas",
+      "values": {
+        "dark": "#0b101a",
+        "light": "#eef1f6"
+      }
+    },
+    {
+      "key": "workbench.compactPadding",
+      "cssName": "--cdt-workbench-compact-padding",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Opt-in compact table cell padding.",
+      "alias": "space.2",
+      "values": {
+        "dark": "8px",
+        "light": "8px"
+      }
+    },
+    {
+      "key": "workbench.listHeight",
+      "cssName": "--cdt-workbench-list-height",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Bounded combobox option viewport.",
+      "values": {
+        "dark": "240px",
+        "light": "240px"
+      }
     }
   ]
 }

package/package.json

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