@etus/tokens 0.2.0 → 1.0.1

package/dist/tokens.css

@@ -87,7 +87,7 @@
   --avatar-fallback-text-primary: oklch(18.34% 0.0338 166.67);
   --avatar-fallback-text-secondary: oklch(21.23% 0.0502 138.22);
   --avatar-fallback-text-success: oklch(100.00% 0.0000 0);
-  --avatar-fallback-text-warning: oklch(100.00% 0.0000 0);
+  --avatar-fallback-text-warning: oklch(28.57% 0.0639 53.81);
   --avatar-radius-circle: 9999px;
   --avatar-radius-square: 0.375rem;
   --avatar-size-2xl: 64px;
@@ -666,18 +666,14 @@
   --duration-slow: 300ms;
   --duration-slower: 500ms;
   --duration-slowest: 700ms;
+  --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
   --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
   --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
+  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
   --ease-in: cubic-bezier(0.4, 0, 1, 1);
   --ease-linear: cubic-bezier(0, 0, 1, 1);
   --ease-out: cubic-bezier(0, 0, 0.2, 1);
-  --ease-spring: cubic-bezier(0.36, 1.56, 0.64, 1);
-  --easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-  --easing-default: cubic-bezier(0.4, 0, 0.2, 1);
-  --easing-in-out: cubic-bezier(0.4, 0, 0.2, 1);
-  --easing-in: cubic-bezier(0.4, 0, 1, 1);
-  --easing-out: cubic-bezier(0, 0, 0.2, 1);
-  --easing-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
+  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
   --empty-state-media-icon-bg: oklch(97.02% 0.0000 0);
   --empty-state-media-icon-fg: oklch(14.48% 0.0000 0);
   --empty-state-media-icon-icon-size: 24px;
@@ -2205,7 +2201,7 @@
   --typography-paragraph-p4-textcase: none;
   --typography-paragraph-p4-textdecoration: none;
   --warning-border: oklch(94.51% 0.1243 101.54);
-  --warning-foreground: oklch(100.00% 0.0000 0);
+  --warning-foreground: oklch(28.57% 0.0639 53.81);
   --warning-subtle-foreground: oklch(55.38% 0.1207 66.44);
   --warning-subtle: oklch(98.73% 0.0262 102.21);
   --warning: oklch(86.06% 0.1731 91.94);
@@ -2396,7 +2392,7 @@
   --text-color-default: oklch(98.51% 0.0000 0);
   --text-color-muted: oklch(71.55% 0.0000 0);
   --warning-border: oklch(55.38% 0.1207 66.44);
-  --warning-foreground: oklch(100.00% 0.0000 0);
+  --warning-foreground: oklch(28.57% 0.0639 53.81);
   --warning-subtle-foreground: oklch(90.52% 0.1657 98.11);
   --warning-subtle: oklch(28.57% 0.0639 53.81);
   --warning: oklch(79.52% 0.1617 86.05);
@@ -2552,7 +2548,7 @@
   --text-color-default: oklch(14.48% 0.0000 0);
   --text-color-muted: oklch(55.55% 0.0000 0);
   --warning-border: oklch(94.51% 0.1243 101.54);
-  --warning-foreground: oklch(100.00% 0.0000 0);
+  --warning-foreground: oklch(28.57% 0.0639 53.81);
   --warning-subtle-foreground: oklch(55.38% 0.1207 66.44);
   --warning-subtle: oklch(98.73% 0.0262 102.21);
   --warning: oklch(86.06% 0.1731 91.94);

package/dist/tokens.js

@@ -158,7 +158,7 @@ export const tokens = {
     "text-color-muted": "oklch(71.55% 0.0000 0)",
     "warning": "oklch(79.52% 0.1617 86.05)",
     "warning-border": "oklch(55.38% 0.1207 66.44)",
-    "warning-foreground": "oklch(100.00% 0.0000 0)",
+    "warning-foreground": "oklch(28.57% 0.0639 53.81)",
     "warning-subtle": "oklch(28.57% 0.0639 53.81)",
     "warning-subtle-foreground": "oklch(90.52% 0.1657 98.11)",
   },
@@ -243,7 +243,7 @@ export const tokens = {
     "avatar-fallback-text-primary": "oklch(18.34% 0.0338 166.67)",
     "avatar-fallback-text-secondary": "oklch(21.23% 0.0502 138.22)",
     "avatar-fallback-text-success": "oklch(100.00% 0.0000 0)",
-    "avatar-fallback-text-warning": "oklch(100.00% 0.0000 0)",
+    "avatar-fallback-text-warning": "oklch(28.57% 0.0639 53.81)",
     "avatar-radius-circle": "9999px",
     "avatar-radius-square": "0.375rem",
     "avatar-size-2xl": "64px",
@@ -777,18 +777,14 @@ export const tokens = {
     "duration-slow": "300ms",
     "duration-slower": "500ms",
     "duration-slowest": "700ms",
+    "ease-bounce": "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
     "ease-default": "cubic-bezier(0.4, 0, 0.2, 1)",
     "ease-emphasized": "cubic-bezier(0.2, 0, 0, 1)",
     "ease-in": "cubic-bezier(0.4, 0, 1, 1)",
+    "ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
     "ease-linear": "cubic-bezier(0, 0, 1, 1)",
     "ease-out": "cubic-bezier(0, 0, 0.2, 1)",
-    "ease-spring": "cubic-bezier(0.36, 1.56, 0.64, 1)",
-    "easing-bounce": "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
-    "easing-default": "cubic-bezier(0.4, 0, 0.2, 1)",
-    "easing-in": "cubic-bezier(0.4, 0, 1, 1)",
-    "easing-in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
-    "easing-out": "cubic-bezier(0, 0, 0.2, 1)",
-    "easing-spring": "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
+    "ease-spring": "cubic-bezier(0.34, 1.56, 0.64, 1)",
     "empty-state-media-icon-bg": "oklch(97.02% 0.0000 0)",
     "empty-state-media-icon-fg": "oklch(14.48% 0.0000 0)",
     "empty-state-media-icon-icon-size": "24px",
@@ -1592,16 +1588,16 @@ export const tokens = {
     "radio-root-size-md": "20px",
     "radio-root-size-sm": "16px",
     "radius": "4px",
-    "radius-2xl": "16px",
+    "radius-2xl": "20px",
     "radius-3xl": "24px",
     "radius-4xl": "32px",
     "radius-full": "9999px",
-    "radius-lg": "8px",
-    "radius-md": "6px",
+    "radius-lg": "12px",
+    "radius-md": "8px",
     "radius-none": "0px",
-    "radius-pill": "9999px",
+    "radius-pill": "999px",
     "radius-sm": "4px",
-    "radius-xl": "12px",
+    "radius-xl": "16px",
     "radius-xs": "2px",
     "rail-accent": "oklch(95.21% 0.0467 171.12)",
     "rail-accent-foreground": "oklch(26.88% 0.0527 163.85)",
@@ -2393,7 +2389,7 @@ export const tokens = {
     "typography-paragraph-p4-textdecoration": "none",
     "warning": "oklch(86.06% 0.1731 91.94)",
     "warning-border": "oklch(94.51% 0.1243 101.54)",
-    "warning-foreground": "oklch(100.00% 0.0000 0)",
+    "warning-foreground": "oklch(28.57% 0.0639 53.81)",
     "warning-subtle": "oklch(98.73% 0.0262 102.21)",
     "warning-subtle-foreground": "oklch(55.38% 0.1207 66.44)",
     "z-base": "0",

package/dist/tokens.meta.json

@@ -1803,7 +1803,7 @@
         "name": "warning",
         "cssVar": "--warning",
         "type": "color",
-        "description": "Attention alerts, pending states (yellow-400, Figma v2 canonical — was yellow-600). A11Y NOTE: yellow-400 + white foreground has low contrast; verify Badge/Button warning surfaces",
+        "description": "Attention alerts, pending states (yellow-400, Figma v2 canonical)",
         "light": "oklch(86.06% 0.1731 91.94)",
         "dark": "oklch(79.52% 0.1617 86.05)"
       },
@@ -1819,9 +1819,9 @@
         "name": "warning-foreground",
         "cssVar": "--warning-foreground",
         "type": "color",
-        "description": "Text on warning (base.white) — see warning a11y note",
-        "light": "oklch(100.00% 0.0000 0)",
-        "dark": "oklch(100.00% 0.0000 0)"
+        "description": "Text on warning (yellow-950, A11Y fix 2026-04-30 — was base.white at 1.53 contrast, now 9.52)",
+        "light": "oklch(28.57% 0.0639 53.81)",
+        "dark": "oklch(28.57% 0.0639 53.81)"
       },
       {
         "name": "warning-subtle",
@@ -2879,7 +2879,7 @@
         "name": "radius-full",
         "cssVar": "--radius-full",
         "type": "dimension",
-        "description": "Fully rounded — alias of radius.pill for Tailwind compat (rounded-full utility)",
+        "description": "Fully rounded — alias of radius.pill for Tailwind compat (rounded-full utility, kept at 9999px)",
         "value": "9999px"
       },
       {
@@ -3499,7 +3499,7 @@
         "name": "duration-slow",
         "cssVar": "--duration-slow",
         "type": "duration",
-        "description": "(Legacy alias of duration-moderate; Figma slow=400ms — pendente Gabriel).",
+        "description": "Alias de duration-moderate. Mantido por compatibilidade com consumidores legados.",
         "value": "300ms"
       },
       {
@@ -3516,89 +3516,61 @@
         "description": "Splash screens, transições de página, animações de destaque.",
         "value": "700ms"
       },
+      {
+        "name": "ease-bounce",
+        "cssVar": "--ease-bounce",
+        "type": "cubicBezier",
+        "description": "Pendente — Wagner publicará no Figma. Curva exagerada com overshoot duplo.",
+        "value": "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
+      },
       {
         "name": "ease-default",
         "cssVar": "--ease-default",
         "type": "cubicBezier",
-        "description": "Padrão do sistema — sai devagar, chega devagar. Tabs, sliders, reordenação.",
+        "description": "Padrão do sistema — sai devagar, chega devagar. Movimentos que ocorrem no mesmo plano: tabs, sliders, reordenação de listas.",
         "value": "cubic-bezier(0.4, 0, 0.2, 1)"
       },
       {
         "name": "ease-emphasized",
         "cssVar": "--ease-emphasized",
         "type": "cubicBezier",
-        "description": "M3 Emphasized — desaceleração dramática. Modais grandes, drawers, transições de página.",
+        "description": "M3 Emphasized — desaceleração dramática no final. Modais grandes, drawers, transições de página. Comunica peso e importância.",
         "value": "cubic-bezier(0.2, 0, 0, 1)"
       },
       {
         "name": "ease-in",
         "cssVar": "--ease-in",
         "type": "cubicBezier",
-        "description": "Começa devagar, termina rápido. Saídas — elemento que SAI da tela.",
+        "description": "Começa devagar, termina rápido. Exclusivo para saídas: elemento que SAI da tela. Transmite que o elemento 'vai embora'.",
         "value": "cubic-bezier(0.4, 0, 1, 1)"
       },
+      {
+        "name": "ease-in-out",
+        "cssVar": "--ease-in-out",
+        "type": "cubicBezier",
+        "description": "Pendente — Wagner publicará no Figma. Usado provisoriamente como alias de --ease-default.",
+        "value": "cubic-bezier(0.4, 0, 0.2, 1)"
+      },
       {
         "name": "ease-linear",
         "cssVar": "--ease-linear",
         "type": "cubicBezier",
-        "description": "Velocidade constante. Loaders rotativos, progress bars de duração fixa.",
+        "description": "Velocidade constante do início ao fim. Loaders rotativos, progress bars de duração fixa. Nunca use para entradas/saídas de elementos.",
         "value": "cubic-bezier(0, 0, 1, 1)"
       },
       {
         "name": "ease-out",
         "cssVar": "--ease-out",
         "type": "cubicBezier",
-        "description": "Começa rápido, desacelera ao chegar. Entradas — elemento que ENTRA na tela.",
+        "description": "Começa rápido, desacelera ao chegar. Exclusivo para entradas: elemento que ENTRA na tela. Transmite que o elemento 'chegou'.",
         "value": "cubic-bezier(0, 0, 0.2, 1)"
       },
       {
         "name": "ease-spring",
         "cssVar": "--ease-spring",
         "type": "cubicBezier",
-        "description": "Ultrapassa levemente o destino e volta (bounce). Menus, cards de destaque.",
-        "value": "cubic-bezier(0.36, 1.56, 0.64, 1)"
-      },
-      {
-        "name": "easing-bounce",
-        "cssVar": "--easing-bounce",
-        "type": "cubicBezier",
-        "description": "(Legacy) Sem equivalente Figma — usar ease-spring.",
-        "value": "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
-      },
-      {
-        "name": "easing-default",
-        "cssVar": "--easing-default",
-        "type": "cubicBezier",
-        "description": "(Legacy alias of --ease-default)",
-        "value": "cubic-bezier(0.4, 0, 0.2, 1)"
-      },
-      {
-        "name": "easing-in",
-        "cssVar": "--easing-in",
-        "type": "cubicBezier",
-        "description": "(Legacy alias of --ease-in)",
-        "value": "cubic-bezier(0.4, 0, 1, 1)"
-      },
-      {
-        "name": "easing-in-out",
-        "cssVar": "--easing-in-out",
-        "type": "cubicBezier",
-        "description": "(Legacy) Sem equivalente Figma direto.",
-        "value": "cubic-bezier(0.4, 0, 0.2, 1)"
-      },
-      {
-        "name": "easing-out",
-        "cssVar": "--easing-out",
-        "type": "cubicBezier",
-        "description": "(Legacy alias of --ease-out)",
-        "value": "cubic-bezier(0, 0, 0.2, 1)"
-      },
-      {
-        "name": "easing-spring",
-        "cssVar": "--easing-spring",
-        "type": "cubicBezier",
-        "description": "(Legacy) Spring effect — Figma usa cubic-bezier(0.36, 1.56, 0.64, 1).",
-        "value": "cubic-bezier(0.175, 0.885, 0.32, 1.275)"
+        "description": "Ultrapassa levemente o destino e volta (bounce). Menus, cards de destaque, interações lúdicas. Não use em interfaces densas ou corporativas.",
+        "value": "cubic-bezier(0.34, 1.56, 0.64, 1)"
       }
     ]
   },
@@ -4116,7 +4088,7 @@
         "name": "avatar-fallback-text-warning",
         "cssVar": "--avatar-fallback-text-warning",
         "type": "color",
-        "value": "oklch(100.00% 0.0000 0)"
+        "value": "oklch(28.57% 0.0639 53.81)"
       },
       {
         "name": "avatar-radius-circle",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etus/tokens",
-  "version": "0.2.0",
+  "version": "1.0.1",
   "description": "Seven Design System - Design tokens (CSS variables) for ETUS applications",
   "license": "MIT",
   "repository": {