@etus/tokens 0.4.0-beta.24 → 0.4.0-beta.25

package/dist/tokens.js

@@ -91,6 +91,7 @@ export const tokens = {
     "extended-chart-3": "oklch(62.31% 0.1880 259.81)",
     "extended-chart-4": "oklch(79.52% 0.1617 86.05)",
     "extended-chart-5": "oklch(63.68% 0.2078 25.33)",
+    "filetree-row-active-bg": "oklch(37.15% 0.0000 0)",
     "foreground": "oklch(98.51% 0.0000 0)",
     "heading-base-color": "oklch(98.51% 0.0000 0)",
     "heading-color-default": "oklch(98.51% 0.0000 0)",
@@ -256,6 +257,8 @@ export const tokens = {
     "tip-hover": "oklch(82.68% 0.1082 306.38)",
     "tip-subtle": "oklch(29.05% 0.1432 302.72)",
     "tip-subtle-foreground": "oklch(82.68% 0.1082 306.38)",
+    "virtual-table-row-hover": "color-mix(in oklab, oklch(37.15% 0.0000 0) 50%, transparent)",
+    "virtual-table-row-selected": "oklch(37.15% 0.0000 0)",
     "warning": "oklch(86.06% 0.1731 91.94)",
     "warning-active": "oklch(94.51% 0.1243 101.54)",
     "warning-border": "oklch(79.52% 0.1617 86.05)",
@@ -303,7 +306,7 @@ export const tokens = {
     "alert-dialog-icon-pill-color-destructive-fg": "oklch(50.54% 0.1905 27.52)",
     "alert-dialog-icon-pill-color-warning-bg": "oklch(98.73% 0.0262 102.21)",
     "alert-dialog-icon-pill-color-warning-fg": "oklch(55.38% 0.1207 66.44)",
-    "alert-dialog-icon-pill-icon-size": "16px",
+    "alert-dialog-icon-pill-icon-size": "12px",
     "alert-dialog-icon-pill-padding": "8px",
     "alert-dialog-icon-pill-radius": "999px",
     "alert-dialog-overlay-bg": "oklch(0.00% 0.0000 0 / 60.0%)",
@@ -1172,7 +1175,7 @@ export const tokens = {
     "duration-instant": "0ms",
     "duration-moderate": "300ms",
     "duration-normal": "200ms",
-    "duration-slow": "300ms",
+    "duration-slow": "500ms",
     "duration-slower": "500ms",
     "duration-slowest": "700ms",
     "ease-bounce": "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
@@ -1188,6 +1191,7 @@ export const tokens = {
     "empty-state-media-icon-icon-size": "32px",
     "empty-state-media-icon-radius": "0.5rem",
     "empty-state-media-icon-size": "56px",
+    "event-calendar-cell-height": "96px",
     "event-calendar-root-min-height-full": "500px",
     "event-calendar-root-min-height-lg": "600px",
     "event-calendar-root-min-height-md": "500px",
@@ -1296,8 +1300,8 @@ export const tokens = {
     "filetree-project-padding-x": "14px",
     "filetree-project-sub-fg": "oklch(55.55% 0.0000 0)",
     "filetree-project-sub-text": "11px",
-    "filetree-row-active-bg": "oklch(95.21% 0.0467 171.12)",
-    "filetree-row-active-fg": "oklch(26.88% 0.0527 163.85)",
+    "filetree-row-active-bg": "oklch(92.19% 0.0000 0)",
+    "filetree-row-active-fg": "oklch(14.48% 0.0000 0)",
     "filetree-row-hover-bg": "oklch(97.02% 0.0000 0)",
     "filetree-row-modified-color": "oklch(81.75% 0.1821 159.79)",
     "filetree-row-padding-x": "8px",
@@ -1321,7 +1325,7 @@ export const tokens = {
     "filetree-toolbar-search-text": "12px",
     "filetree-variant-ide-chev-h": "24px",
     "filetree-variant-ide-chev-w": "16px",
-    "filetree-variant-ide-folder-icon-color": "oklch(81.75% 0.1821 159.79)",
+    "filetree-variant-ide-folder-icon-color": "oklch(42.11% 0.0897 161.06)",
     "filetree-variant-ide-folder-icon-w": "18px",
     "filetree-variant-ide-indent": "14px",
     "filetree-variant-ide-indent-guide-color": "oklch(92.19% 0.0000 0)",
@@ -1588,6 +1592,7 @@ export const tokens = {
     "input-otp-slot-size-sm-size": "36px",
     "input-otp-slot-size-sm-text": "0.875rem",
     "input-radius": "8px",
+    "input-ring-focus": "color-mix(in oklab, oklch(14.48% 0.0000 0) 15%, transparent)",
     "input-size-lg-h": "44px",
     "input-size-lg-px": "0.875rem",
     "input-size-lg-py": "0.375rem",
@@ -2613,7 +2618,7 @@ export const tokens = {
     "slider-range-bg-default": "oklch(81.75% 0.1821 159.79)",
     "slider-thumb-bg": "oklch(100.00% 0.0000 0)",
     "slider-thumb-border": "oklch(81.75% 0.1821 159.79)",
-    "slider-thumb-drop-shadow": "0 1px 2px 0 var(--drop-shadow-lg-color), 0 1px 3px 0 var(--drop-shadow-md-color)",
+    "slider-thumb-drop-shadow": "var(--shadow-sm)",
     "slider-thumb-size-lg": "20px",
     "slider-thumb-size-md": "16px",
     "slider-thumb-size-sm": "16px",
@@ -3192,6 +3197,8 @@ export const tokens = {
     "typography-paragraph-p4-line-height": "16px",
     "updates-widget-meta-font-size": "10px",
     "updates-widget-width": "313px",
+    "virtual-table-row-hover": "color-mix(in oklab, oklch(97.02% 0.0000 0) 50%, transparent)",
+    "virtual-table-row-selected": "oklch(97.02% 0.0000 0)",
     "warning": "oklch(86.06% 0.1731 91.94)",
     "warning-active": "oklch(68.06% 0.1423 75.83)",
     "warning-border": "oklch(55.38% 0.1207 66.44)",

package/dist/tokens.meta.json

@@ -1482,6 +1482,14 @@
         "light": "oklch(63.68% 0.2078 25.33)",
         "dark": "oklch(63.68% 0.2078 25.33)"
       },
+      {
+        "name": "filetree-row-active-bg",
+        "cssVar": "--filetree-row-active-bg",
+        "type": "color",
+        "description": "Selected row fill: core/background/muted-hover, neutral-200, as the Figma File Item Type=Active (2571:592).",
+        "light": "oklch(92.19% 0.0000 0)",
+        "dark": "oklch(37.15% 0.0000 0)"
+      },
       {
         "name": "foreground",
         "cssVar": "--foreground",
@@ -2607,6 +2615,14 @@
         "light": "oklch(49.55% 0.2369 301.92)",
         "dark": "oklch(82.68% 0.1082 306.38)"
       },
+      {
+        "name": "virtual-table-row-selected",
+        "cssVar": "--virtual-table-row-selected",
+        "type": "color",
+        "description": "Dark: neutral-700, one neutral step above the neutral-800 body.",
+        "dark": "oklch(37.15% 0.0000 0)",
+        "light": "oklch(97.02% 0.0000 0)"
+      },
       {
         "name": "warning",
         "cssVar": "--warning",
@@ -4472,7 +4488,7 @@
         "name": "duration-moderate",
         "cssVar": "--duration-moderate",
         "type": "duration",
-        "description": "Entradas e saídas de elementos na tela: dropdown, tooltip, popover.",
+        "description": "Dropdowns, tooltips, popovers, modais e drawers.",
         "value": "300ms"
       },
       {
@@ -4486,21 +4502,21 @@
         "name": "duration-slow",
         "cssVar": "--duration-slow",
         "type": "duration",
-        "description": "Alias de duration-moderate. Mantido por compatibilidade com consumidores legados.",
-        "value": "300ms"
+        "description": "Transições de página e grandes áreas.",
+        "value": "500ms"
       },
       {
         "name": "duration-slower",
         "cssVar": "--duration-slower",
         "type": "duration",
-        "description": "Modais, drawers, painéis laterais.",
+        "description": "Alias de duration-slow (500ms).",
         "value": "500ms"
       },
       {
         "name": "duration-slowest",
         "cssVar": "--duration-slowest",
         "type": "duration",
-        "description": "Splash screens, transições de página, animações de destaque.",
+        "description": "Reservado: use só com uma justificativa explícita.",
         "value": "700ms"
       },
       {
@@ -4845,8 +4861,8 @@
         "name": "alert-dialog-icon-pill-icon-size",
         "cssVar": "--alert-dialog-icon-pill-icon-size",
         "type": "dimension",
-        "description": "AlertDialog icon-pill glyph size 16px.",
-        "value": "16px"
+        "description": "AlertDialog icon-pill glyph size 12px: a 28px pill with the 8px padding (Figma Alert Dialog 1405:15827 and Confirm Modal 2564:8912).",
+        "value": "12px"
       },
       {
         "name": "alert-dialog-icon-pill-padding",
@@ -9536,6 +9552,13 @@
         "type": "dimension",
         "value": "56px"
       },
+      {
+        "name": "event-calendar-cell-height",
+        "cssVar": "--event-calendar-cell-height",
+        "type": "dimension",
+        "description": "Day cell height (Figma Event calendar 2651:2243, hour rows of the week and day views): the height of an hour slot, and the minimum height of a month cell, whose row stretches in a taller calendar",
+        "value": "96px"
+      },
       {
         "name": "event-calendar-root-min-height-full",
         "cssVar": "--event-calendar-root-min-height-full",
@@ -10133,17 +10156,12 @@
         "type": "dimension",
         "value": "11px"
       },
-      {
-        "name": "filetree-row-active-bg",
-        "cssVar": "--filetree-row-active-bg",
-        "type": "color",
-        "value": "oklch(95.21% 0.0467 171.12)"
-      },
       {
         "name": "filetree-row-active-fg",
         "cssVar": "--filetree-row-active-fg",
         "type": "color",
-        "value": "oklch(26.88% 0.0527 163.85)"
+        "description": "Selected row text: the label keeps the foreground of the other rows (Figma File Item Type=Active).",
+        "value": "oklch(14.48% 0.0000 0)"
       },
       {
         "name": "filetree-row-hover-bg",
@@ -10288,7 +10306,8 @@
         "name": "filetree-variant-ide-folder-icon-color",
         "cssVar": "--filetree-variant-ide-folder-icon-color",
         "type": "color",
-        "value": "oklch(81.75% 0.1821 159.79)"
+        "description": "Folder glyph: the Icon State=Primary color, brand-primary-800 in light (Figma File Item, 2571:592).",
+        "value": "oklch(42.11% 0.0897 161.06)"
       },
       {
         "name": "filetree-variant-ide-folder-icon-w",
@@ -10385,6 +10404,7 @@
         "name": "filetree-variant-notion-indent-guide-color",
         "cssVar": "--filetree-variant-notion-indent-guide-color",
         "type": "color",
+        "description": "Guide line of an open folder: a solid 1px line under the center of the parent chevron (Figma File Tree Divider, 2571:592).",
         "value": "oklch(92.19% 0.0000 0)"
       },
       {
@@ -11504,6 +11524,13 @@
         "description": "Input radius 8px (Figma 1384:8286 Size=md) — aligned with Figma per audit 2026-09-14; pre-fix was 0.375rem (6px).",
         "value": "8px"
       },
+      {
+        "name": "input-ring-focus",
+        "cssVar": "--input-ring-focus",
+        "type": "color",
+        "description": "Focus halo of every text-entry field, drawn as a 4px ring: Figma effect style Focus Ring/Focus Ring - Core (#0A0A0A at 15%, spread 4, no blur) on the Focused state of Input 1384:8287. The Figma style has no dark mode, so the halo follows --foreground: neutral-950 at 15% in light, neutral-50 at 15% in dark.",
+        "value": "color-mix(in oklab, oklch(14.48% 0.0000 0) 15%, transparent)"
+      },
       {
         "name": "input-size-lg-h",
         "cssVar": "--input-size-lg-h",
@@ -15842,8 +15869,9 @@
         "name": "slider-thumb-drop-shadow",
         "cssVar": "--slider-thumb-drop-shadow",
         "type": "shadow",
-        "description": "Slider thumb base drop shadow (composed alongside focus ring on focus-visible).",
-        "value": "0 1px 2px 0 var(--drop-shadow-lg-color), 0 1px 3px 0 var(--drop-shadow-md-color)"
+        "description": "Slider thumb base drop shadow, composed with the focus ring on focus-visible. The small elevation of the scale; the former --drop-shadow-*-color pieces never existed, so the whole focus shadow was invalid (found by check-tokens-output, plan 2026-09-27-002).",
+        "value": "var(--shadow-sm)",
+        "ref": "--shadow-sm"
       },
       {
         "name": "slider-thumb-size-lg",
@@ -18651,6 +18679,12 @@
         "type": "dimension",
         "description": "Widget card width (Figma frame).",
         "value": "313px"
+      },
+      {
+        "name": "virtual-table-row-hover",
+        "cssVar": "--virtual-table-row-hover",
+        "description": "Dark: the selected step (neutral-700) at 50% over the neutral-800 body.",
+        "value": "color-mix(in oklab, oklch(37.15% 0.0000 0) 50%, transparent)"
       }
     ]
   }

package/package.json

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