@etus/tokens 0.4.0-beta.5 → 0.4.0-beta.6

package/dist/tokens.css

@@ -459,6 +459,7 @@
   --calendar-container-padding: 12px;
   --calendar-day-font-size: 14px;
   --calendar-day-gap: 4px;
+  --calendar-day-radius: 8px;
   --calendar-day-size: auto;
   --calendar-indicator-size: 4px;
   --calendar-today-indicator-offset: 0.125rem;
@@ -872,6 +873,7 @@
   --dropdown-menu-content-min-width: 8rem;
   --dropdown-menu-content-padding: 4px;
   --dropdown-menu-content-radius: 8px;
+  --dropdown-menu-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --dropdown-menu-content-z-index: 50;
   --dropdown-menu-indicator-left: 8px;
   --dropdown-menu-indicator-size: 0.875rem;
@@ -1194,6 +1196,7 @@
   --green-800: oklch(44.79% 0.1083 151.33);
   --green-900: oklch(39.25% 0.0896 152.54);
   --green-950: oklch(26.64% 0.0628 152.93);
+  --header-contained-max-width: 1280px;
   --header-content-height: 36px;
   --header-height: 64px;
   --header-root-bg: oklch(100.00% 0.0000 0);
@@ -1765,7 +1768,9 @@
   --priority-urgent-text: oklch(45% 0.18 25);
   --progress-bar-fill-color-default: oklch(81.75% 0.1821 159.79);
   --progress-bar-fill-color-error: oklch(63.68% 0.2078 25.33);
+  --progress-bar-fill-color-info: oklch(87.82% 0.2037 137.75);
   --progress-bar-fill-color-primary: oklch(81.75% 0.1821 159.79);
+  --progress-bar-fill-color-secondary: oklch(87.82% 0.2037 137.75);
   --progress-bar-fill-color-success: oklch(62.71% 0.1699 149.21);
   --progress-bar-fill-color-warning: oklch(86.06% 0.1731 91.94);
   --progress-bar-indicator-border-radius: 9999px;
@@ -1792,7 +1797,9 @@
   --progress-bar-size-xs-height: 4px;
   --progress-bar-track-color-default: oklch(97.02% 0.0000 0);
   --progress-bar-track-color-error: oklch(97.02% 0.0000 0);
+  --progress-bar-track-color-info: oklch(97.02% 0.0000 0);
   --progress-bar-track-color-primary: oklch(97.02% 0.0000 0);
+  --progress-bar-track-color-secondary: oklch(97.02% 0.0000 0);
   --progress-bar-track-color-success: oklch(97.02% 0.0000 0);
   --progress-bar-track-color-warning: oklch(97.02% 0.0000 0);
   --progress-circle-indicator-color-default: oklch(14.48% 0.0000 0);
@@ -1856,6 +1863,7 @@
   --rail-background: oklch(98.51% 0.0000 0);
   --rail-border: oklch(92.19% 0.0000 0);
   --rail-width: 4rem;
+  --rating-focus-ring-color: oklch(81.75% 0.1821 159.79);
   --rating-icon-color-empty: oklch(55.55% 0.0000 0);
   --rating-icon-color-filled: oklch(86.06% 0.1731 91.94);
   --rating-icon-size-lg: 24px;
@@ -2568,6 +2576,10 @@
   --toggle-group-root-gap: 4px;
   --toggle-group-root-padding: 4px;
   --toggle-group-root-radius: 0.375rem;
+  --toggle-icon-size-default: 16px;
+  --toggle-icon-size-lg: 16px;
+  --toggle-icon-size-md: 16px;
+  --toggle-icon-size-sm: 12px;
   --toggle-icon-size: 16px;
   --toggle-root-border-radius-pill: 9999px;
   --toggle-root-border-radius-rounded: 8px;
@@ -3389,7 +3401,9 @@
   --progress-bar-label-position-right-color: oklch(98.51% 0.0000 0);
   --progress-bar-track-color-default: oklch(26.86% 0.0000 0);
   --progress-bar-track-color-error: oklch(26.86% 0.0000 0);
+  --progress-bar-track-color-info: oklch(26.86% 0.0000 0);
   --progress-bar-track-color-primary: oklch(26.86% 0.0000 0);
+  --progress-bar-track-color-secondary: oklch(26.86% 0.0000 0);
   --progress-bar-track-color-success: oklch(26.86% 0.0000 0);
   --progress-bar-track-color-warning: oklch(26.86% 0.0000 0);
   --progress-circle-indicator-color-default: oklch(98.51% 0.0000 0);
@@ -3415,6 +3429,7 @@
   --rail-accent: oklch(26.88% 0.0527 163.85);
   --rail-background: oklch(20.46% 0.0000 0);
   --rail-border: oklch(37.15% 0.0000 0);
+  --rating-focus-ring-color: oklch(84.11% 0.1609 163.31);
   --rating-icon-color-filled: oklch(79.52% 0.1617 86.05);
   --report-builder-accent-bg-subtle: oklch(33.49% 0.0383 251.89);
   --report-builder-accent-bg: oklch(34.67% 0.0731 256.69);
@@ -4134,7 +4149,9 @@
   --progress-bar-label-position-right-color: oklch(14.48% 0.0000 0);
   --progress-bar-track-color-default: oklch(97.02% 0.0000 0);
   --progress-bar-track-color-error: oklch(97.02% 0.0000 0);
+  --progress-bar-track-color-info: oklch(97.02% 0.0000 0);
   --progress-bar-track-color-primary: oklch(97.02% 0.0000 0);
+  --progress-bar-track-color-secondary: oklch(97.02% 0.0000 0);
   --progress-bar-track-color-success: oklch(97.02% 0.0000 0);
   --progress-bar-track-color-warning: oklch(97.02% 0.0000 0);
   --progress-circle-indicator-color-default: oklch(14.48% 0.0000 0);
@@ -4160,6 +4177,7 @@
   --rail-accent: oklch(95.21% 0.0467 171.12);
   --rail-background: oklch(98.51% 0.0000 0);
   --rail-border: oklch(92.19% 0.0000 0);
+  --rating-focus-ring-color: oklch(81.75% 0.1821 159.79);
   --rating-icon-color-filled: oklch(86.06% 0.1731 91.94);
   --report-builder-accent-bg-subtle: oklch(97.14% 0.0108 256.69);
   --report-builder-accent-bg: oklch(95.32% 0.0207 261.77);
@@ -5004,7 +5022,9 @@
   --color-priority-urgent-text: var(--priority-urgent-text);
   --color-progress-bar-fill-color-default: var(--progress-bar-fill-color-default);
   --color-progress-bar-fill-color-error: var(--progress-bar-fill-color-error);
+  --color-progress-bar-fill-color-info: var(--progress-bar-fill-color-info);
   --color-progress-bar-fill-color-primary: var(--progress-bar-fill-color-primary);
+  --color-progress-bar-fill-color-secondary: var(--progress-bar-fill-color-secondary);
   --color-progress-bar-fill-color-success: var(--progress-bar-fill-color-success);
   --color-progress-bar-fill-color-warning: var(--progress-bar-fill-color-warning);
   --color-progress-bar-label-position-bottom-color: var(--progress-bar-label-position-bottom-color);
@@ -5012,7 +5032,9 @@
   --color-progress-bar-label-position-right-color: var(--progress-bar-label-position-right-color);
   --color-progress-bar-track-color-default: var(--progress-bar-track-color-default);
   --color-progress-bar-track-color-error: var(--progress-bar-track-color-error);
+  --color-progress-bar-track-color-info: var(--progress-bar-track-color-info);
   --color-progress-bar-track-color-primary: var(--progress-bar-track-color-primary);
+  --color-progress-bar-track-color-secondary: var(--progress-bar-track-color-secondary);
   --color-progress-bar-track-color-success: var(--progress-bar-track-color-success);
   --color-progress-bar-track-color-warning: var(--progress-bar-track-color-warning);
   --color-progress-circle-indicator-color-default: var(--progress-circle-indicator-color-default);
@@ -5038,6 +5060,7 @@
   --color-rail-accent: var(--rail-accent);
   --color-rail-background: var(--rail-background);
   --color-rail-border: var(--rail-border);
+  --color-rating-focus-ring-color: var(--rating-focus-ring-color);
   --color-rating-icon-color-empty: var(--rating-icon-color-empty);
   --color-rating-icon-color-filled: var(--rating-icon-color-filled);
   --color-report-builder-accent-bg-subtle: var(--report-builder-accent-bg-subtle);

package/dist/tokens.js

@@ -599,6 +599,7 @@ export const tokens = {
     "calendar-container-padding": "12px",
     "calendar-day-font-size": "14px",
     "calendar-day-gap": "4px",
+    "calendar-day-radius": "8px",
     "calendar-day-size": "auto",
     "calendar-indicator-size": "4px",
     "calendar-today-indicator-offset": "0.125rem",
@@ -1012,6 +1013,7 @@ export const tokens = {
     "dropdown-menu-content-min-width": "8rem",
     "dropdown-menu-content-padding": "4px",
     "dropdown-menu-content-radius": "8px",
+    "dropdown-menu-content-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
     "dropdown-menu-content-z-index": "50",
     "dropdown-menu-indicator-left": "8px",
     "dropdown-menu-indicator-size": "0.875rem",
@@ -1312,6 +1314,7 @@ export const tokens = {
     "form-label-fg": "oklch(14.48% 0.0000 0)",
     "form-label-size": "14px",
     "form-label-weight": "500",
+    "header-contained-max-width": "1280px",
     "header-content-height": "36px",
     "header-height": "64px",
     "header-root-bg": "oklch(100.00% 0.0000 0)",
@@ -2044,7 +2047,9 @@ export const tokens = {
     "priority-urgent-text": "oklch(45% 0.18 25)",
     "progress-bar-fill-color-default": "oklch(81.75% 0.1821 159.79)",
     "progress-bar-fill-color-error": "oklch(63.68% 0.2078 25.33)",
+    "progress-bar-fill-color-info": "oklch(87.82% 0.2037 137.75)",
     "progress-bar-fill-color-primary": "oklch(81.75% 0.1821 159.79)",
+    "progress-bar-fill-color-secondary": "oklch(87.82% 0.2037 137.75)",
     "progress-bar-fill-color-success": "oklch(62.71% 0.1699 149.21)",
     "progress-bar-fill-color-warning": "oklch(86.06% 0.1731 91.94)",
     "progress-bar-indicator-border-radius": "9999px",
@@ -2071,7 +2076,9 @@ export const tokens = {
     "progress-bar-size-xs-height": "4px",
     "progress-bar-track-color-default": "oklch(97.02% 0.0000 0)",
     "progress-bar-track-color-error": "oklch(97.02% 0.0000 0)",
+    "progress-bar-track-color-info": "oklch(97.02% 0.0000 0)",
     "progress-bar-track-color-primary": "oklch(97.02% 0.0000 0)",
+    "progress-bar-track-color-secondary": "oklch(97.02% 0.0000 0)",
     "progress-bar-track-color-success": "oklch(97.02% 0.0000 0)",
     "progress-bar-track-color-warning": "oklch(97.02% 0.0000 0)",
     "progress-circle-indicator-color-default": "oklch(14.48% 0.0000 0)",
@@ -2135,6 +2142,7 @@ export const tokens = {
     "rail-background": "oklch(98.51% 0.0000 0)",
     "rail-border": "oklch(92.19% 0.0000 0)",
     "rail-width": "4rem",
+    "rating-focus-ring-color": "oklch(81.75% 0.1821 159.79)",
     "rating-icon-color-empty": "oklch(55.55% 0.0000 0)",
     "rating-icon-color-filled": "oklch(86.06% 0.1731 91.94)",
     "rating-icon-size-lg": "24px",
@@ -2785,6 +2793,10 @@ export const tokens = {
     "toggle-group-root-padding": "4px",
     "toggle-group-root-radius": "0.375rem",
     "toggle-icon-size": "16px",
+    "toggle-icon-size-default": "16px",
+    "toggle-icon-size-lg": "16px",
+    "toggle-icon-size-md": "16px",
+    "toggle-icon-size-sm": "12px",
     "toggle-root-border-radius-pill": "9999px",
     "toggle-root-border-radius-rounded": "8px",
     "toggle-root-border-width": "1px",

package/dist/tokens.meta.json

@@ -6194,6 +6194,13 @@
         "type": "dimension",
         "value": "4px"
       },
+      {
+        "name": "calendar-day-radius",
+        "cssVar": "--calendar-day-radius",
+        "type": "dimension",
+        "description": "Day cell (selected/today/range) border-radius. Tokenizes the existing rounded-md per DES-1167 Pendência 10. Resolves to Figma radius/md (8px) — same primitive Combobox/Select land on; the audit's literal 6px predates the Figma v2 radius migration (md 6→8).",
+        "value": "8px"
+      },
       {
         "name": "calendar-day-size",
         "cssVar": "--calendar-day-size",
@@ -8513,6 +8520,12 @@
         "type": "dimension",
         "value": "8px"
       },
+      {
+        "name": "dropdown-menu-content-shadow",
+        "cssVar": "--dropdown-menu-content-shadow",
+        "description": "Content drop-shadow per DES-1186 Pendência 8 — Figma Light Mode/shadow-md (dual layer). Matches Menu / Combobox / Popover content.shadow for cross-component menu-surface consistency.",
+        "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
+      },
       {
         "name": "dropdown-menu-content-z-index",
         "cssVar": "--dropdown-menu-content-z-index",
@@ -9940,6 +9953,13 @@
         "type": "dimension",
         "value": "14px"
       },
+      {
+        "name": "header-contained-max-width",
+        "cssVar": "--header-contained-max-width",
+        "type": "dimension",
+        "description": "Max content width when contained — matches the prior max-w-7xl (1280px = breakpoint-xl). DES-1190.",
+        "value": "1280px"
+      },
       {
         "name": "header-content-height",
         "cssVar": "--header-content-height",
@@ -12619,12 +12639,26 @@
         "type": "color",
         "value": "oklch(63.68% 0.2078 25.33)"
       },
+      {
+        "name": "progress-bar-fill-color-info",
+        "cssVar": "--progress-bar-fill-color-info",
+        "type": "color",
+        "description": "Info indicator aliases Secondary (Figma Style=Info renders brand/secondary/background #8ff566) per DES-1214 Pendência 3. Uses the non-theme-flipping primitive so the indicator stays lime in dark mode.",
+        "value": "oklch(87.82% 0.2037 137.75)"
+      },
       {
         "name": "progress-bar-fill-color-primary",
         "cssVar": "--progress-bar-fill-color-primary",
         "type": "color",
         "value": "oklch(81.75% 0.1821 159.79)"
       },
+      {
+        "name": "progress-bar-fill-color-secondary",
+        "cssVar": "--progress-bar-fill-color-secondary",
+        "type": "color",
+        "description": "Secondary indicator lime aligned with Figma brand/secondary/background (#8ff566) per DES-1214 Pendência 3. Uses the non-theme-flipping primitive so the indicator stays lime in dark mode.",
+        "value": "oklch(87.82% 0.2037 137.75)"
+      },
       {
         "name": "progress-bar-fill-color-success",
         "cssVar": "--progress-bar-fill-color-success",
@@ -12777,6 +12811,13 @@
         "description": "Track always uses muted gray. Per Bowser audit ProgressBar BUG — pre-fix duplicated indicator.",
         "value": "oklch(97.02% 0.0000 0)"
       },
+      {
+        "name": "progress-bar-track-color-info",
+        "cssVar": "--progress-bar-track-color-info",
+        "type": "color",
+        "description": "Track always uses muted gray (universal Figma core/background/muted). Info aliases Secondary per DES-1214 Pendência 3.",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
       {
         "name": "progress-bar-track-color-primary",
         "cssVar": "--progress-bar-track-color-primary",
@@ -12784,6 +12825,13 @@
         "description": "Track always uses muted gray. Per Bowser audit ProgressBar BUG — pre-fix was oklch(81.75% 0.1821 159.79) (duplicate of indicator).",
         "value": "oklch(97.02% 0.0000 0)"
       },
+      {
+        "name": "progress-bar-track-color-secondary",
+        "cssVar": "--progress-bar-track-color-secondary",
+        "type": "color",
+        "description": "Track always uses muted gray (universal Figma core/background/muted). Per DES-1214 Pendência 3.",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
       {
         "name": "progress-bar-track-color-success",
         "cssVar": "--progress-bar-track-color-success",
@@ -13104,6 +13152,13 @@
         "description": "Rail width aligned with Figma Secondary 64px per DES-1300 item 3 — pre-fix was 3.5rem (56px).",
         "value": "4rem"
       },
+      {
+        "name": "rating-focus-ring-color",
+        "cssVar": "--rating-focus-ring-color",
+        "type": "color",
+        "description": "Rating focus-ring color per DES-1217 Pendência 5 — dedicated token replacing the generic --ring utility, aligned with Avatar/Button focus-ring.",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
       {
         "name": "rating-icon-color-empty",
         "cssVar": "--rating-icon-color-empty",
@@ -16285,8 +16340,37 @@
         "name": "toggle-icon-size",
         "cssVar": "--toggle-icon-size",
         "type": "dimension",
+        "description": "Flat icon size 16px (spacing.4). Retained for ToggleGroup (forms/) back-compat — primitive Toggle now cascades per size via the size-sm/size-md/size-lg tokens.",
+        "value": "16px"
+      },
+      {
+        "name": "toggle-icon-size-default",
+        "cssVar": "--toggle-icon-size-default",
+        "type": "dimension",
+        "description": "Toggle icon size for size=default — 16px (spacing.4), aliases md per Toggle audit DES-1235 Pendência 4.",
         "value": "16px"
       },
+      {
+        "name": "toggle-icon-size-lg",
+        "cssVar": "--toggle-icon-size-lg",
+        "type": "dimension",
+        "description": "Toggle icon size for size=lg — 16px (spacing.4) per Figma and Toggle audit DES-1235 Pendência 4.",
+        "value": "16px"
+      },
+      {
+        "name": "toggle-icon-size-md",
+        "cssVar": "--toggle-icon-size-md",
+        "type": "dimension",
+        "description": "Toggle icon size for size=md — 16px (spacing.4) per Figma and Toggle audit DES-1235 Pendência 4.",
+        "value": "16px"
+      },
+      {
+        "name": "toggle-icon-size-sm",
+        "cssVar": "--toggle-icon-size-sm",
+        "type": "dimension",
+        "description": "Toggle icon size for size=sm — 12px (spacing.3) per Figma Variant=*/Size=sm and Toggle audit DES-1235 Pendência 4 (was fixed 16px).",
+        "value": "12px"
+      },
       {
         "name": "toggle-root-border-radius-pill",
         "cssVar": "--toggle-root-border-radius-pill",

package/package.json

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