@helloimjolopez-pathway/pathway-tokens 5.3.0 → 5.4.0

package/dist/tokens.css

@@ -439,7 +439,9 @@
   --motion-duration-5: 380ms; /** Panel state changes: accordions, expand/collapse, item enter/exit */
   --motion-duration-6: 460ms; /** Large physical-scale moves (e.g. SideNav width expand/collapse) */
   --motion-duration-7: 680ms; /** Cross-component transitions: page content sliding, large layout shifts */
-  --motion-duration-8: 1100ms; /** Continuous loops only: spinners, skeleton shimmer, indeterminate progress */
+  --motion-duration-8: 1100ms; /** Slowest transition step: very large layout shifts, deliberate full-screen moves */
+  --motion-duration-loop: 1000ms; /** Standard continuous-loop period (standalone Spinner, skeleton shimmer) */
+  --motion-duration-loop-fast: 750ms; /** Tighter loop for embedded/inline contexts (in-button spinner — faster reads as more responsive feedback) */
   --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1); /** Most transitions — enters AND exits. Smooth, no overshoot. Default for colour, fill, opacity, focus rings. */
   --motion-easing-spring: cubic-bezier(0.34, 1.04, 0.64, 1); /** Signature Pathway curve. Interactive element entrances: dropdown/popover panel opens. A whisper of overshoot (y2=1.04) — easeful, only *ever so slightly* alive. Softened 2026-06-08 from 1.08, which read as too bouncy. Not for chevrons — see chevron rule below. */
   --motion-easing-decelerate: cubic-bezier(0, 0, 0.2, 1); /** Enters where the element should glide in smoothly — overlay panels, popovers, anything appearing from outside. Pure ease-out, no bounce. */

package/dist/tokens.js

@@ -69276,14 +69276,14 @@ export default {
         $type: "duration",
         $value: "1100ms",
         $description:
-          "Continuous loops only: spinners, skeleton shimmer, indeterminate progress",
+          "Slowest transition step: very large layout shifts, deliberate full-screen moves",
         filePath: "tokens/motion-tokens.json",
         isSource: true,
         original: {
           $type: "duration",
           $value: "1100ms",
           $description:
-            "Continuous loops only: spinners, skeleton shimmer, indeterminate progress",
+            "Slowest transition step: very large layout shifts, deliberate full-screen moves",
           key: "{motion.duration.8}",
         },
         name: "MotionDuration8",
@@ -69294,6 +69294,52 @@ export default {
         },
         path: ["motion", "duration", "8"],
       },
+      loop: {
+        key: "{motion.duration.loop}",
+        $type: "duration",
+        $value: "1000ms",
+        $description:
+          "Standard continuous-loop period (standalone Spinner, skeleton shimmer)",
+        filePath: "tokens/motion-tokens.json",
+        isSource: true,
+        original: {
+          $type: "duration",
+          $value: "1000ms",
+          $description:
+            "Standard continuous-loop period (standalone Spinner, skeleton shimmer)",
+          key: "{motion.duration.loop}",
+        },
+        name: "MotionDurationLoop",
+        attributes: {
+          category: "motion",
+          type: "duration",
+          item: "loop",
+        },
+        path: ["motion", "duration", "loop"],
+      },
+      "loop-fast": {
+        key: "{motion.duration.loop-fast}",
+        $type: "duration",
+        $value: "750ms",
+        $description:
+          "Tighter loop for embedded/inline contexts (in-button spinner — faster reads as more responsive feedback)",
+        filePath: "tokens/motion-tokens.json",
+        isSource: true,
+        original: {
+          $type: "duration",
+          $value: "750ms",
+          $description:
+            "Tighter loop for embedded/inline contexts (in-button spinner — faster reads as more responsive feedback)",
+          key: "{motion.duration.loop-fast}",
+        },
+        name: "MotionDurationLoopFast",
+        attributes: {
+          category: "motion",
+          type: "duration",
+          item: "loop-fast",
+        },
+        path: ["motion", "duration", "loop-fast"],
+      },
     },
     easing: {
       standard: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helloimjolopez-pathway/pathway-tokens",
-  "version": "5.3.0",
+  "version": "5.4.0",
   "description": "Pathway Design System tokens — CSS custom properties, JS export, and DTCG JSON",
   "license": "UNLICENSED",
   "type": "module",