@conductor-by-89soone/tokens 0.2.0 → 0.3.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,
@@ -1282,7 +1283,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

@@ -384,7 +384,10 @@ var forbiddenPairs = [
     id: "FP-002",
     foreground: "accent",
     background: "surface.elevated",
-    reason: "the accent is a body foreground on `surface.base` and `surface.raised` only; on the elevated surface it measures 4.40:1 in dark, below body 4.5:1 (tokens spec 8.4)"
+    reason: "the accent is a body foreground on `surface.base` and `surface.raised` only; on the elevated surface it measures 4.40:1 in dark, below body 4.5:1 (tokens spec 8.4)",
+    // Body only. 4.40:1 clears both the `large` 3:1 and the `nonText` 3:1 thresholds, and the
+    // SRS forbids only body use on this surface.
+    usages: ["body"]
   }
 ];
 
@@ -488,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,
@@ -1500,7 +1504,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,
@@ -1772,6 +1777,7 @@ function assertNotForbidden(pair2, index, forbidden) {
     const bannedForeground = aliasTerminus(index, banned.foreground);
     const bannedBackground = aliasTerminus(index, banned.background);
     if (resolvedForeground !== bannedForeground || resolvedBackground !== bannedBackground) continue;
+    if (banned.usages !== void 0 && !banned.usages.includes(pair2.usage)) continue;
     throw new TokenBuildError("TOK-CP-FORBIDDEN", "contrast pair declares a forbidden combination", [
       `pair: ${pair2.id} (${pair2.foreground} on ${pair2.background})`,
       `forbidden: ${banned.id} (${banned.foreground} on ${banned.background})`,

package/dist/contrast-report.json

@@ -14,7 +14,7 @@
     "checks": 232,
     "passed": 232,
     "failed": 0,
-    "excludedTokens": 228,
+    "excludedTokens": 229,
     "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",

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)",

package/dist/lint-cli.js

@@ -125,9 +125,9 @@ function isAllowed(allowances, line) {
 // src/lint/rules.ts
 var HEX_COLOR = /#(?:[0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})\b/gi;
 var FUNCTIONAL_COLOR = /\b(?:rgba?|hsla?)\([^)]*\)/gi;
-var PX_LITERAL = /(?<![\w#.])(\d+(?:\.\d+)?)px\b/g;
-var REM_LITERAL = /(?<![\w#.])(\d+(?:\.\d+)?)rem\b/g;
-var MS_LITERAL = /(?<![\w#.])(\d+(?:\.\d+)?)ms\b/g;
+var PX_LITERAL = /(?<![\w#.])(\d+(?:\.\d+)?|\.\d+)px\b/g;
+var REM_LITERAL = /(?<![\w#.])(\d+(?:\.\d+)?|\.\d+)rem\b/g;
+var MS_LITERAL = /(?<![\w#.])(\d+(?:\.\d+)?|\.\d+)ms\b/g;
 var Z_INDEX = /\b(?:z-index|zIndex)\s*:\s*["'`]?\s*(-?\d+)/g;
 var FONT_SIZE_PX = /\b(?:font-size|fontSize)\s*:\s*["'`]?\s*(\d+(?:\.\d+)?px)/g;
 var MEDIA_PRELUDE = /@media[^{;]*/g;

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;
@@ -488,6 +489,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;
@@ -833,6 +835,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;

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)";

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)",

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",

package/package.json

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