@etus/tokens 0.4.0-beta.14 → 0.4.0-beta.15

package/dist/tokens.css

@@ -1262,8 +1262,12 @@
   --hover-card-content-z-index: 50;
   --icon-color-default: currentColor;
   --icon-color-destructive: oklch(63.68% 0.2078 25.33);
+  --icon-color-disabled: oklch(71.55% 0.0000 0);
+  --icon-color-info: oklch(48.82% 0.2172 264.38);
+  --icon-color-inverse: oklch(98.51% 0.0000 0);
   --icon-color-muted: oklch(55.55% 0.0000 0);
   --icon-color-primary: oklch(81.75% 0.1821 159.79);
+  --icon-color-secondary: oklch(58.24% 0.1354 137.66);
   --icon-color-success: oklch(62.71% 0.1699 149.21);
   --icon-color-warning: oklch(86.06% 0.1731 91.94);
   --icon-size-2xl: 48px;
@@ -1685,6 +1689,7 @@
   --neutral-800: oklch(26.86% 0.0000 0);
   --neutral-900: oklch(20.46% 0.0000 0);
   --neutral-950: oklch(14.48% 0.0000 0);
+  --notification-bg-destructive: oklch(97.05% 0.0129 17.38);
   --notification-bg-hover: oklch(95.21% 0.0467 171.12);
   --notification-bg-read: oklch(100.00% 0.0000 0);
   --notification-bg-unread: oklch(95.21% 0.0467 171.12);
@@ -1812,9 +1817,9 @@
   --progress-bar-root-overflow: hidden;
   --progress-bar-root-position: relative;
   --progress-bar-root-width: 100%;
-  --progress-bar-size-lg-height: 12px;
-  --progress-bar-size-md-height: 8px;
-  --progress-bar-size-sm-height: 0.375rem;
+  --progress-bar-size-lg-height: 16px;
+  --progress-bar-size-md-height: 12px;
+  --progress-bar-size-sm-height: 8px;
   --progress-bar-size-xl-height: 16px;
   --progress-bar-size-xs-height: 4px;
   --progress-bar-track-color-default: oklch(97.02% 0.0000 0);
@@ -1827,6 +1832,7 @@
   --progress-circle-indicator-color-default: oklch(14.48% 0.0000 0);
   --progress-circle-indicator-color-error: oklch(63.68% 0.2078 25.33);
   --progress-circle-indicator-color-primary: oklch(81.75% 0.1821 159.79);
+  --progress-circle-indicator-color-secondary: oklch(87.82% 0.2037 137.75);
   --progress-circle-indicator-color-success: oklch(62.71% 0.1699 149.21);
   --progress-circle-indicator-color-warning: oklch(86.06% 0.1731 91.94);
   --progress-circle-indicator-transition: all 300ms ease-out;
@@ -1844,6 +1850,7 @@
   --progress-circle-track-color-default: oklch(97.02% 0.0000 0);
   --progress-circle-track-color-error: oklch(97.02% 0.0000 0);
   --progress-circle-track-color-primary: oklch(97.02% 0.0000 0);
+  --progress-circle-track-color-secondary: oklch(97.02% 0.0000 0);
   --progress-circle-track-color-success: oklch(97.02% 0.0000 0);
   --progress-circle-track-color-warning: oklch(97.02% 0.0000 0);
   --progress-circle-value-color: oklch(14.48% 0.0000 0);
@@ -1893,7 +1900,9 @@
   --rating-icon-size-lg: 24px;
   --rating-icon-size-md: 20px;
   --rating-icon-size-sm: 16px;
-  --rating-item-gap: 2px;
+  --rating-item-gap-lg: 8px;
+  --rating-item-gap-md: 8px;
+  --rating-item-gap-sm: 4px;
   --red-100: oklch(93.56% 0.0309 17.72);
   --red-200: oklch(88.45% 0.0593 18.33);
   --red-300: oklch(80.77% 0.1035 19.57);
@@ -2073,6 +2082,9 @@
   --sidebar-panel-header-font-weight: 700;
   --sidebar-panel-header-line-height: 1.5rem;
   --sidebar-panel-header-padding-x: 16px;
+  --sidebar-panel-item-height: 30px;
+  --sidebar-panel-item-indent-2: 28px;
+  --sidebar-panel-item-indent-3: 48px;
   --sidebar-panel-padding-bottom: 5rem;
   --sidebar-panel-padding-top: 1.75rem;
   --sidebar-panel-width: 13.5rem;
@@ -2085,6 +2097,7 @@
   --sidebar-rail-item-icon-size: 1.25rem;
   --sidebar-rail-item-padding: 8px;
   --sidebar-rail-item-radius: 4px;
+  --sidebar-rail-width-expanded: 12.5rem;
   --sidebar-rail-width: 4rem;
   --sidebar-ring: oklch(81.75% 0.1821 159.79);
   --sidebar-section-content-gap: 8px;
@@ -2106,7 +2119,7 @@
   --sidebar-theme-toggle-track-width: 2.25rem;
   --sidebar-width-icon: 4rem;
   --sidebar-width-mobile: 18rem;
-  --sidebar-width: 17rem;
+  --sidebar-width: 12.5rem;
   --sidebar: oklch(98.51% 0.0000 0);
   --single-stat-label-color: oklch(55.55% 0.0000 0);
   --single-stat-label-size: 0.875rem;
@@ -2419,9 +2432,9 @@
   --tag-size-count-text-md: 0.75rem;
   --tag-size-count-text-sm: 0.625rem;
   --tag-size-gap-default: 6px;
-  --tag-size-height-lg: 32px;
-  --tag-size-height-md: 28px;
-  --tag-size-height-sm: 24px;
+  --tag-size-height-lg: 28px;
+  --tag-size-height-md: 24px;
+  --tag-size-height-sm: 22px;
   --tag-size-padding-x-lg: 12px;
   --tag-size-padding-x-md: 10px;
   --tag-size-padding-x-sm: 8px;
@@ -3326,6 +3339,7 @@
   --heading-color-muted: oklch(71.55% 0.0000 0);
   --heading-color-primary: oklch(84.11% 0.1609 163.31);
   --icon-color-destructive: oklch(63.68% 0.2078 25.33);
+  --icon-color-inverse: oklch(14.48% 0.0000 0);
   --icon-color-muted: oklch(71.55% 0.0000 0);
   --icon-color-primary: oklch(84.11% 0.1609 163.31);
   --icon-color-success: oklch(72.27% 0.1920 149.58);
@@ -3484,12 +3498,14 @@
   --progress-circle-indicator-color-default: oklch(98.51% 0.0000 0);
   --progress-circle-indicator-color-error: oklch(63.68% 0.2078 25.33);
   --progress-circle-indicator-color-primary: oklch(84.11% 0.1609 163.31);
+  --progress-circle-indicator-color-secondary: oklch(28.73% 0.0661 137.75);
   --progress-circle-indicator-color-success: oklch(72.27% 0.1920 149.58);
   --progress-circle-indicator-color-warning: oklch(79.52% 0.1617 86.05);
   --progress-circle-label-color: oklch(71.55% 0.0000 0);
   --progress-circle-track-color-default: oklch(37.15% 0.0000 0);
   --progress-circle-track-color-error: oklch(37.15% 0.0000 0);
   --progress-circle-track-color-primary: oklch(37.15% 0.0000 0);
+  --progress-circle-track-color-secondary: oklch(37.15% 0.0000 0);
   --progress-circle-track-color-success: oklch(37.15% 0.0000 0);
   --progress-circle-track-color-warning: oklch(37.15% 0.0000 0);
   --progress-circle-value-color: oklch(98.51% 0.0000 0);
@@ -4096,6 +4112,7 @@
   --heading-color-muted: oklch(55.55% 0.0000 0);
   --heading-color-primary: oklch(81.75% 0.1821 159.79);
   --icon-color-destructive: oklch(63.68% 0.2078 25.33);
+  --icon-color-inverse: oklch(98.51% 0.0000 0);
   --icon-color-muted: oklch(55.55% 0.0000 0);
   --icon-color-primary: oklch(81.75% 0.1821 159.79);
   --icon-color-success: oklch(62.71% 0.1699 149.21);
@@ -4254,12 +4271,14 @@
   --progress-circle-indicator-color-default: oklch(14.48% 0.0000 0);
   --progress-circle-indicator-color-error: oklch(63.68% 0.2078 25.33);
   --progress-circle-indicator-color-primary: oklch(81.75% 0.1821 159.79);
+  --progress-circle-indicator-color-secondary: oklch(87.82% 0.2037 137.75);
   --progress-circle-indicator-color-success: oklch(62.71% 0.1699 149.21);
   --progress-circle-indicator-color-warning: oklch(86.06% 0.1731 91.94);
   --progress-circle-label-color: oklch(55.55% 0.0000 0);
   --progress-circle-track-color-default: oklch(97.02% 0.0000 0);
   --progress-circle-track-color-error: oklch(97.02% 0.0000 0);
   --progress-circle-track-color-primary: oklch(97.02% 0.0000 0);
+  --progress-circle-track-color-secondary: oklch(97.02% 0.0000 0);
   --progress-circle-track-color-success: oklch(97.02% 0.0000 0);
   --progress-circle-track-color-warning: oklch(97.02% 0.0000 0);
   --progress-circle-value-color: oklch(14.48% 0.0000 0);

package/dist/tokens.js

@@ -1384,8 +1384,12 @@ export const tokens = {
     "hover-card-content-z-index": "50",
     "icon-color-default": "currentColor",
     "icon-color-destructive": "oklch(63.68% 0.2078 25.33)",
+    "icon-color-disabled": "oklch(71.55% 0.0000 0)",
+    "icon-color-info": "oklch(48.82% 0.2172 264.38)",
+    "icon-color-inverse": "oklch(98.51% 0.0000 0)",
     "icon-color-muted": "oklch(55.55% 0.0000 0)",
     "icon-color-primary": "oklch(81.75% 0.1821 159.79)",
+    "icon-color-secondary": "oklch(58.24% 0.1354 137.66)",
     "icon-color-success": "oklch(62.71% 0.1699 149.21)",
     "icon-color-warning": "oklch(86.06% 0.1731 91.94)",
     "icon-size-2xl": "48px",
@@ -1796,6 +1800,7 @@ export const tokens = {
     "navigation-menu-trigger-hover-text": "oklch(26.88% 0.0527 163.85)",
     "navigation-menu-viewport-bg": "oklch(100.00% 0.0000 0)",
     "navigation-menu-viewport-text": "oklch(20.46% 0.0000 0)",
+    "notification-bg-destructive": "oklch(97.05% 0.0129 17.38)",
     "notification-bg-hover": "oklch(95.21% 0.0467 171.12)",
     "notification-bg-read": "oklch(100.00% 0.0000 0)",
     "notification-bg-unread": "oklch(95.21% 0.0467 171.12)",
@@ -2095,9 +2100,9 @@ export const tokens = {
     "progress-bar-root-overflow": "hidden",
     "progress-bar-root-position": "relative",
     "progress-bar-root-width": "100%",
-    "progress-bar-size-lg-height": "12px",
-    "progress-bar-size-md-height": "8px",
-    "progress-bar-size-sm-height": "0.375rem",
+    "progress-bar-size-lg-height": "16px",
+    "progress-bar-size-md-height": "12px",
+    "progress-bar-size-sm-height": "8px",
     "progress-bar-size-xl-height": "16px",
     "progress-bar-size-xs-height": "4px",
     "progress-bar-track-color-default": "oklch(97.02% 0.0000 0)",
@@ -2110,6 +2115,7 @@ export const tokens = {
     "progress-circle-indicator-color-default": "oklch(14.48% 0.0000 0)",
     "progress-circle-indicator-color-error": "oklch(63.68% 0.2078 25.33)",
     "progress-circle-indicator-color-primary": "oklch(81.75% 0.1821 159.79)",
+    "progress-circle-indicator-color-secondary": "oklch(87.82% 0.2037 137.75)",
     "progress-circle-indicator-color-success": "oklch(62.71% 0.1699 149.21)",
     "progress-circle-indicator-color-warning": "oklch(86.06% 0.1731 91.94)",
     "progress-circle-indicator-transition": "all 300ms ease-out",
@@ -2127,6 +2133,7 @@ export const tokens = {
     "progress-circle-track-color-default": "oklch(97.02% 0.0000 0)",
     "progress-circle-track-color-error": "oklch(97.02% 0.0000 0)",
     "progress-circle-track-color-primary": "oklch(97.02% 0.0000 0)",
+    "progress-circle-track-color-secondary": "oklch(97.02% 0.0000 0)",
     "progress-circle-track-color-success": "oklch(97.02% 0.0000 0)",
     "progress-circle-track-color-warning": "oklch(97.02% 0.0000 0)",
     "progress-circle-value-color": "oklch(14.48% 0.0000 0)",
@@ -2176,7 +2183,9 @@ export const tokens = {
     "rating-icon-size-lg": "24px",
     "rating-icon-size-md": "20px",
     "rating-icon-size-sm": "16px",
-    "rating-item-gap": "2px",
+    "rating-item-gap-lg": "8px",
+    "rating-item-gap-md": "8px",
+    "rating-item-gap-sm": "4px",
     "report-builder-accent": "oklch(57.37% 0.1946 257.86)",
     "report-builder-accent-bg": "oklch(95.32% 0.0207 261.77)",
     "report-builder-accent-bg-subtle": "oklch(97.14% 0.0108 256.69)",
@@ -2346,6 +2355,9 @@ export const tokens = {
     "sidebar-panel-header-font-weight": "700",
     "sidebar-panel-header-line-height": "1.5rem",
     "sidebar-panel-header-padding-x": "16px",
+    "sidebar-panel-item-height": "30px",
+    "sidebar-panel-item-indent-2": "28px",
+    "sidebar-panel-item-indent-3": "48px",
     "sidebar-panel-padding-bottom": "5rem",
     "sidebar-panel-padding-top": "1.75rem",
     "sidebar-panel-width": "13.5rem",
@@ -2359,6 +2371,7 @@ export const tokens = {
     "sidebar-rail-item-padding": "8px",
     "sidebar-rail-item-radius": "4px",
     "sidebar-rail-width": "4rem",
+    "sidebar-rail-width-expanded": "12.5rem",
     "sidebar-ring": "oklch(81.75% 0.1821 159.79)",
     "sidebar-section-content-gap": "8px",
     "sidebar-section-content-padding-x": "4px",
@@ -2377,7 +2390,7 @@ export const tokens = {
     "sidebar-theme-toggle-track-bg-light": "oklch(97.02% 0.0000 0)",
     "sidebar-theme-toggle-track-height": "1.5rem",
     "sidebar-theme-toggle-track-width": "2.25rem",
-    "sidebar-width": "17rem",
+    "sidebar-width": "12.5rem",
     "sidebar-width-icon": "4rem",
     "sidebar-width-mobile": "18rem",
     "single-stat-label-color": "oklch(55.55% 0.0000 0)",
@@ -2678,9 +2691,9 @@ export const tokens = {
     "tag-size-count-text-md": "0.75rem",
     "tag-size-count-text-sm": "0.625rem",
     "tag-size-gap-default": "6px",
-    "tag-size-height-lg": "32px",
-    "tag-size-height-md": "28px",
-    "tag-size-height-sm": "24px",
+    "tag-size-height-lg": "28px",
+    "tag-size-height-md": "24px",
+    "tag-size-height-sm": "22px",
     "tag-size-padding-x-lg": "12px",
     "tag-size-padding-x-md": "10px",
     "tag-size-padding-x-sm": "8px",

package/dist/tokens.meta.json

@@ -10229,6 +10229,27 @@
         "type": "color",
         "value": "oklch(63.68% 0.2078 25.33)"
       },
+      {
+        "name": "icon-color-disabled",
+        "cssVar": "--icon-color-disabled",
+        "type": "color",
+        "description": "Icon State=Disabled = neutral-400 #a3a3a3 (Figma 1374:4088; = status-disabled-foreground).",
+        "value": "oklch(71.55% 0.0000 0)"
+      },
+      {
+        "name": "icon-color-info",
+        "cssVar": "--icon-color-info",
+        "type": "color",
+        "description": "Icon State=Info = blue-700 #1d4ed8 (Figma 1374:4088).",
+        "value": "oklch(48.82% 0.2172 264.38)"
+      },
+      {
+        "name": "icon-color-inverse",
+        "cssVar": "--icon-color-inverse",
+        "type": "color",
+        "description": "Icon State=Inverse = surface #fafafa (Figma 1374:4088; icone sobre superficie invertida).",
+        "value": "oklch(98.51% 0.0000 0)"
+      },
       {
         "name": "icon-color-muted",
         "cssVar": "--icon-color-muted",
@@ -10241,6 +10262,13 @@
         "type": "color",
         "value": "oklch(81.75% 0.1821 159.79)"
       },
+      {
+        "name": "icon-color-secondary",
+        "cssVar": "--icon-color-secondary",
+        "type": "color",
+        "description": "Icon State=Secondary = brand-secondary-700 #508d37 (Figma 1374:4088; lime escuro a11y, nao o --secondary base).",
+        "value": "oklch(58.24% 0.1354 137.66)"
+      },
       {
         "name": "icon-color-success",
         "cssVar": "--icon-color-success",
@@ -12333,6 +12361,13 @@
         "type": "color",
         "value": "oklch(20.46% 0.0000 0)"
       },
+      {
+        "name": "notification-bg-destructive",
+        "cssVar": "--notification-bg-destructive",
+        "type": "color",
+        "description": "Root bg do Status=Destructive (Figma 1417:7938 = status/destructive/subtle #fef2f2; drift 2026-07-15).",
+        "value": "oklch(97.05% 0.0129 17.38)"
+      },
       {
         "name": "notification-bg-hover",
         "cssVar": "--notification-bg-hover",
@@ -12950,19 +12985,19 @@
         "name": "progress-bar-size-lg-height",
         "cssVar": "--progress-bar-size-lg-height",
         "type": "dimension",
-        "value": "12px"
+        "value": "16px"
       },
       {
         "name": "progress-bar-size-md-height",
         "cssVar": "--progress-bar-size-md-height",
         "type": "dimension",
-        "value": "8px"
+        "value": "12px"
       },
       {
         "name": "progress-bar-size-sm-height",
         "cssVar": "--progress-bar-size-sm-height",
         "type": "dimension",
-        "value": "0.375rem"
+        "value": "8px"
       },
       {
         "name": "progress-bar-size-xl-height",
@@ -13043,6 +13078,13 @@
         "type": "color",
         "value": "oklch(81.75% 0.1821 159.79)"
       },
+      {
+        "name": "progress-circle-indicator-color-secondary",
+        "cssVar": "--progress-circle-indicator-color-secondary",
+        "type": "color",
+        "description": "Indicator lime --secondary #8ff566 (Figma 1305:266 Color=Secondary; drift 2026-07-15).",
+        "value": "oklch(87.82% 0.2037 137.75)"
+      },
       {
         "name": "progress-circle-indicator-color-success",
         "cssVar": "--progress-circle-indicator-color-success",
@@ -13146,6 +13188,13 @@
         "description": "Track muted gray per Bowser audit ProgressCircle BUG — pre-fix duplicated indicator.",
         "value": "oklch(97.02% 0.0000 0)"
       },
+      {
+        "name": "progress-circle-track-color-secondary",
+        "cssVar": "--progress-circle-track-color-secondary",
+        "type": "color",
+        "description": "Track muted gray (Figma 1305:266 Color=Secondary; drift 2026-07-15).",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
       {
         "name": "progress-circle-track-color-success",
         "cssVar": "--progress-circle-track-color-success",
@@ -13382,9 +13431,22 @@
         "value": "16px"
       },
       {
-        "name": "rating-item-gap",
-        "cssVar": "--rating-item-gap",
-        "value": "2px"
+        "name": "rating-item-gap-lg",
+        "cssVar": "--rating-item-gap-lg",
+        "type": "dimension",
+        "value": "8px"
+      },
+      {
+        "name": "rating-item-gap-md",
+        "cssVar": "--rating-item-gap-md",
+        "type": "dimension",
+        "value": "8px"
+      },
+      {
+        "name": "rating-item-gap-sm",
+        "cssVar": "--rating-item-gap-sm",
+        "type": "dimension",
+        "value": "4px"
       },
       {
         "name": "report-builder-chip-font-size",
@@ -14203,6 +14265,27 @@
         "description": "Panel title horizontal padding = 16px (Figma px-[var(--spacing/s-16,16px)]).",
         "value": "16px"
       },
+      {
+        "name": "sidebar-panel-item-height",
+        "cssVar": "--sidebar-panel-item-height",
+        "type": "dimension",
+        "description": "Panel item height (Figma 2473:892 Sidebar / Item Sidebar, 21 variantes).",
+        "value": "30px"
+      },
+      {
+        "name": "sidebar-panel-item-indent-2",
+        "cssVar": "--sidebar-panel-item-indent-2",
+        "type": "dimension",
+        "description": "pl do item nivel 2 sem chevron; com chevron o pl volta ao base 8px e chevron 12 + gap 8 alinham o texto (Figma 2473:892 Nivel=Secundario).",
+        "value": "28px"
+      },
+      {
+        "name": "sidebar-panel-item-indent-3",
+        "cssVar": "--sidebar-panel-item-indent-3",
+        "type": "dimension",
+        "description": "pl do item nivel 3 sem chevron; com chevron pl = indent-2 (Figma 2473:892 Nivel=Terciario).",
+        "value": "48px"
+      },
       {
         "name": "sidebar-panel-padding-bottom",
         "cssVar": "--sidebar-panel-padding-bottom",
@@ -14294,6 +14377,13 @@
         "description": "Rail strip width = 64px (Figma 1091:9106 Secondary mode rail column).",
         "value": "4rem"
       },
+      {
+        "name": "sidebar-rail-width-expanded",
+        "cssVar": "--sidebar-rail-width-expanded",
+        "type": "dimension",
+        "description": "Largura da rail expandida em overlay no estado Expandida + Secundaria (= sidebar.width 200px; Figma 2483:1600). O painel fica imovel; footprint segue 280.",
+        "value": "12.5rem"
+      },
       {
         "name": "sidebar-section-content-gap",
         "cssVar": "--sidebar-section-content-gap",
@@ -14410,8 +14500,8 @@
         "name": "sidebar-width",
         "cssVar": "--sidebar-width",
         "type": "dimension",
-        "description": "Sidebar expanded total width = 272px (Figma 1091:9106 status=Expanded).",
-        "value": "17rem"
+        "description": "Sidebar expanded total width = 200px (Figma 2472:306 Status=Expanded; era 272px contra a pagina antiga 1091:9106, decisao 2026-07-15).",
+        "value": "12.5rem"
       },
       {
         "name": "sidebar-width-icon",
@@ -15962,19 +16052,19 @@
         "name": "tag-size-height-lg",
         "cssVar": "--tag-size-height-lg",
         "type": "dimension",
-        "value": "32px"
+        "value": "28px"
       },
       {
         "name": "tag-size-height-md",
         "cssVar": "--tag-size-height-md",
         "type": "dimension",
-        "value": "28px"
+        "value": "24px"
       },
       {
         "name": "tag-size-height-sm",
         "cssVar": "--tag-size-height-sm",
         "type": "dimension",
-        "value": "24px"
+        "value": "22px"
       },
       {
         "name": "tag-size-padding-x-lg",

package/package.json

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