@jirawatpyk/aura-tokens 4.6.0 → 4.6.1

package/aura.css

@@ -1,4 +1,4 @@
-/* AURA v4.6.0 — GENERATED by scripts/build-tokens.js from tokens.json. Do not edit by hand. */
+/* AURA v4.6.1 — GENERATED by scripts/build-tokens.js from tokens.json. Do not edit by hand. */
 /* Fonts: load aura-fonts.css (or the <link> tags in README) separately, so a blocked Google Fonts never breaks this file. */
 
 :root, [data-theme="light"] {

package/components/aura.components.css

@@ -21,7 +21,9 @@
   justify-content: center;
   gap: var(--aura-space-2);
   cursor: pointer;
-  transition: all var(--aura-duration-fast) cubic-bezier(0.4, 0, 0.2, 1);
+  transition-property: background-color, color, border-color, box-shadow, transform, opacity;
+  transition-duration: var(--aura-duration-fast);
+  transition-timing-function: var(--aura-ease);
 }
 .aura-btn:active { transform: scale(0.98); }
 .aura-btn:disabled { opacity: var(--aura-disabled-opacity); pointer-events: none; }
@@ -871,9 +873,9 @@ button.aura-stat { font: inherit; width: 100%; cursor: pointer; }
 .aura-progress--warning .aura-progress__bar { background: var(--aura-alert-warning-fg); }
 .aura-progress--danger .aura-progress__bar { background: var(--aura-fg-danger); }
 .aura-progress--neutral .aura-progress__bar { background: var(--aura-fg-secondary); }
-.aura-progress__track.is-indeterminate .aura-progress__bar { width: 35%; animation: aura-progress-slide 1.4s var(--aura-ease) infinite; }
+.aura-progress__track.is-indeterminate .aura-progress__bar { width: 35%; animation: aura-progress-slide var(--aura-duration-pulse) var(--aura-ease) infinite; }
 @keyframes aura-progress-slide { from { left: -35%; } to { left: 100%; } }
-@media (prefers-reduced-motion: reduce) { .aura-progress__track.is-indeterminate .aura-progress__bar { animation-duration: 4.2s; } }
+@media (prefers-reduced-motion: reduce) { .aura-progress__track.is-indeterminate .aura-progress__bar { animation-duration: calc(var(--aura-duration-pulse) * 3); } }
 .aura-progress__hint { margin: 0; font-size: 12px; color: var(--aura-fg-secondary); }
 
 /* ---------- Skeleton ---------- */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jirawatpyk/aura-tokens",
-  "version": "4.6.0",
+  "version": "4.6.1",
   "description": "AURA Design System — tokens (CSS variables, Tailwind preset, Figma variables), theme contrast checks and token lint.",
   "main": "tailwind.tokens.cjs",
   "types": "components/index.d.ts",

package/scripts/lint-tokens.js

@@ -1,5 +1,7 @@
 #!/usr/bin/env node
-/* Token lint — fails when source files hard-code colours instead of AURA tokens.
+/* Token lint — fails when source files hard-code colours instead of AURA tokens, or (CSS) motion:
+ * a transition/animation must take its duration and easing from --aura-duration-* / --aura-ease / --aura-spring
+ * (`linear` is allowed: it's for spinners and progress, not a feel).
  * Usage: node scripts/lint-tokens.js [dir]   (default: ./src) */
 const fs = require('fs');
 const path = require('path');
@@ -7,6 +9,8 @@ const dir = path.resolve(process.argv[2] || path.join(process.cwd(), 'src'));
 const ALLOW = /(aura\.css|aura\.components\.css|aura\.bundle\.js|tokens\.json|tailwind\.tokens\.cjs|figma-variables\.csv)$/;
 const EXT = /\.(tsx?|jsx?|css|scss|mdx)$/;
 const COLOUR = /#(?:[0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{3,4})\b|\b(?:rgba?|hsla?)\(\s*\d|\b(?:bg|text|border|ring|fill|stroke)-\[(?:#|rgb|hsl)/gi;
+const MOTION_PROP = /\b(?:transition|animation)(?:-duration|-timing-function|-delay)?\s*:/i;
+const MOTION_RAW = /(?:^|[\s,:(])(?:\d*\.?\d+m?s)\b|cubic-bezier\(|\bease(?:-in-out|-in|-out)?\b/gi;
 const violations = [];
 function scan(d) {
   if (!fs.existsSync(d)) return;
@@ -21,12 +25,16 @@ function scan(d) {
     text.split('\n').forEach((line, i) => {
       const m = line.match(COLOUR);
       if (m) violations.push(`${path.relative(process.cwd(), full)}:${i + 1}  ${m.join(', ')}`);
+      if (/\.s?css$/.test(f) && MOTION_PROP.test(line)) {
+        const raw = line.replace(/var\([^)]*\)/g, '').match(MOTION_RAW);
+        if (raw) violations.push(`${path.relative(process.cwd(), full)}:${i + 1}  motion ${raw.map((s) => s.trim()).join(', ')} — use --aura-duration-* / --aura-ease`);
+      }
     });
   }
 }
 scan(dir);
 if (violations.length) {
-  console.error(`Token lint FAIL: ${violations.length} hard-coded colour(s) — use semantic tokens\n  ` + violations.join('\n  '));
+  console.error(`Token lint FAIL: ${violations.length} hard-coded colour(s) or motion value(s) — use tokens\n  ` + violations.join('\n  '));
   process.exit(1);
 }
-console.log(`Token lint OK — no hard-coded colours in ${path.relative(process.cwd(), dir) || '.'}`);
+console.log(`Token lint OK — no hard-coded colours or motion in ${path.relative(process.cwd(), dir) || '.'}`);

package/tokens.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.6.0",
+  "version": "4.6.1",
   "meta": {
     "name": "AURA Design System",
     "tier": "3-tier",