@conductor-by-89soone/tokens 0.2.1 → 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

@@ -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,
@@ -1503,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,

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/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.1",
+  "version": "0.3.0",
   "description": "Theme-aware design tokens and validation CLIs for Conductor.",
   "license": "MIT",
   "homepage": "https://89sooner.github.io/design-system/",