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

package/dist/tokens.css

@@ -2108,6 +2108,7 @@
   --sheet-overlay-bg-blur: oklch(0% 0 0 / 30%);
   --sheet-overlay-bg-default: oklch(0.00% 0.0000 0 / 60.0%);
   --sheet-overlay-bg-light: oklch(100% 0 0 / 50%);
+  --sheet-overlay-bg-soft: oklch(0% 0 0 / 40%);
   --sidebar-accent-foreground: oklch(14.48% 0.0000 0);
   --sidebar-accent: oklch(92.19% 0.0000 0);
   --sidebar-avatar-height: 2.75rem;
@@ -2128,6 +2129,8 @@
   --sidebar-dropdown-marker-size: 8px;
   --sidebar-foreground: oklch(20.46% 0.0000 0);
   --sidebar-group-padding: 8px;
+  --sidebar-history-item-bg-active: oklch(97.02% 0.0000 0);
+  --sidebar-history-item-color-active: oklch(14.48% 0.0000 0);
   --sidebar-history-item-color: oklch(55.55% 0.0000 0);
   --sidebar-history-item-height: 30px;
   --sidebar-history-status-off-border-color: oklch(92.19% 0.0000 0);
@@ -2194,6 +2197,7 @@
   --sidebar-rail-item-icon-size: 1rem;
   --sidebar-rail-item-padding: 8px;
   --sidebar-rail-item-radius: 4px;
+  --sidebar-rail-toggle-offset-bottom: 214px;
   --sidebar-rail-width-expanded: 16rem;
   --sidebar-rail-width-labels: 5rem;
   --sidebar-rail-width: 4rem;
@@ -2216,7 +2220,7 @@
   --sidebar-theme-toggle-track-height: 1.5rem;
   --sidebar-theme-toggle-track-width: 2.25rem;
   --sidebar-width-icon: 4rem;
-  --sidebar-width-mobile: 18rem;
+  --sidebar-width-mobile: 18.5rem;
   --sidebar-width: 16rem;
   --sidebar: oklch(98.51% 0.0000 0);
   --single-stat-label-color: oklch(55.55% 0.0000 0);
@@ -3588,6 +3592,8 @@
   --sidebar-dropdown-marker-color-active: oklch(71.55% 0.0000 0);
   --sidebar-dropdown-marker-color-default: transparent;
   --sidebar-foreground: oklch(97.02% 0.0000 0);
+  --sidebar-history-item-bg-active: oklch(26.86% 0.0000 0);
+  --sidebar-history-item-color-active: oklch(98.51% 0.0000 0);
   --sidebar-history-item-color: oklch(71.55% 0.0000 0);
   --sidebar-history-status-off-border-color: oklch(37.15% 0.0000 0);
   --sidebar-history-title-color: oklch(71.55% 0.0000 0);
@@ -4461,6 +4467,8 @@
   --sidebar-dropdown-marker-color-active: oklch(55.55% 0.0000 0);
   --sidebar-dropdown-marker-color-default: transparent;
   --sidebar-foreground: oklch(20.46% 0.0000 0);
+  --sidebar-history-item-bg-active: oklch(97.02% 0.0000 0);
+  --sidebar-history-item-color-active: oklch(14.48% 0.0000 0);
   --sidebar-history-item-color: oklch(55.55% 0.0000 0);
   --sidebar-history-status-off-border-color: oklch(92.19% 0.0000 0);
   --sidebar-history-title-color: oklch(55.55% 0.0000 0);

package/dist/tokens.js

@@ -2448,6 +2448,7 @@ export const tokens = {
     "sheet-overlay-bg-blur": "oklch(0% 0 0 / 30%)",
     "sheet-overlay-bg-default": "oklch(0.00% 0.0000 0 / 60.0%)",
     "sheet-overlay-bg-light": "oklch(100% 0 0 / 50%)",
+    "sheet-overlay-bg-soft": "oklch(0% 0 0 / 40%)",
     "sidebar": "oklch(98.51% 0.0000 0)",
     "sidebar-accent": "oklch(92.19% 0.0000 0)",
     "sidebar-accent-foreground": "oklch(14.48% 0.0000 0)",
@@ -2469,7 +2470,9 @@ export const tokens = {
     "sidebar-dropdown-marker-size": "8px",
     "sidebar-foreground": "oklch(20.46% 0.0000 0)",
     "sidebar-group-padding": "8px",
+    "sidebar-history-item-bg-active": "oklch(97.02% 0.0000 0)",
     "sidebar-history-item-color": "oklch(55.55% 0.0000 0)",
+    "sidebar-history-item-color-active": "oklch(14.48% 0.0000 0)",
     "sidebar-history-item-height": "30px",
     "sidebar-history-status-off-border-color": "oklch(92.19% 0.0000 0)",
     "sidebar-history-status-off-border-width": "1.5px",
@@ -2535,6 +2538,7 @@ export const tokens = {
     "sidebar-rail-item-icon-size": "1rem",
     "sidebar-rail-item-padding": "8px",
     "sidebar-rail-item-radius": "4px",
+    "sidebar-rail-toggle-offset-bottom": "214px",
     "sidebar-rail-width": "4rem",
     "sidebar-rail-width-expanded": "16rem",
     "sidebar-rail-width-labels": "5rem",
@@ -2558,7 +2562,7 @@ export const tokens = {
     "sidebar-theme-toggle-track-width": "2.25rem",
     "sidebar-width": "16rem",
     "sidebar-width-icon": "4rem",
-    "sidebar-width-mobile": "18rem",
+    "sidebar-width-mobile": "18.5rem",
     "single-stat-label-color": "oklch(55.55% 0.0000 0)",
     "single-stat-label-size": "0.875rem",
     "single-stat-label-weight": "400",

package/dist/tokens.meta.json

@@ -14827,6 +14827,13 @@
         "type": "color",
         "value": "oklch(100% 0 0 / 50%)"
       },
+      {
+        "name": "sheet-overlay-bg-soft",
+        "cssVar": "--sheet-overlay-bg-soft",
+        "type": "color",
+        "description": "Black 40%: Figma core/background/overlay-soft, the backdrop of the mobile Sidebar drawer (Figma Usage and Behavior 2962:5122).",
+        "value": "oklch(0% 0 0 / 40%)"
+      },
       {
         "name": "sidebar-avatar-height",
         "cssVar": "--sidebar-avatar-height",
@@ -14917,6 +14924,13 @@
         "type": "dimension",
         "value": "8px"
       },
+      {
+        "name": "sidebar-history-item-bg-active",
+        "cssVar": "--sidebar-history-item-bg-active",
+        "type": "color",
+        "description": "Fill of the open history item: --muted, the same fill as the hover (Figma HistoryItem 2893:13419 Status=Active, variable 1235:14).",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
       {
         "name": "sidebar-history-item-color",
         "cssVar": "--sidebar-history-item-color",
@@ -14924,6 +14938,13 @@
         "description": "History item text 14/400 neutral-500 (Figma 2893:13418) — audit 2026-09-14.",
         "value": "oklch(55.55% 0.0000 0)"
       },
+      {
+        "name": "sidebar-history-item-color-active",
+        "cssVar": "--sidebar-history-item-color-active",
+        "type": "color",
+        "description": "Text of the open history item: --foreground, weight 400 (Figma HistoryItem 2893:13419 Status=Active, variable 1215:37).",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
       {
         "name": "sidebar-history-item-height",
         "cssVar": "--sidebar-history-item-height",
@@ -15358,6 +15379,13 @@
         "description": "Rail nav-item border-radius = 4px (Figma rounded-md).",
         "value": "4px"
       },
+      {
+        "name": "sidebar-rail-toggle-offset-bottom",
+        "cssVar": "--sidebar-rail-toggle-offset-bottom",
+        "type": "dimension",
+        "description": "Distance from the column bottom to the 32px expand/collapse button that appears on the edge (Figma Sidebar Status=Border Hover 2990:10137: y=722 in the 968px column), so it sits above the footer.",
+        "value": "214px"
+      },
       {
         "name": "sidebar-rail-width",
         "cssVar": "--sidebar-rail-width",
@@ -15509,8 +15537,8 @@
         "name": "sidebar-width-mobile",
         "cssVar": "--sidebar-width-mobile",
         "type": "dimension",
-        "description": "Sidebar mobile drawer width (~288px).",
-        "value": "18rem"
+        "description": "Sidebar mobile drawer width: 296px (Figma Sidebar State=Mobile 2963:6166).",
+        "value": "18.5rem"
       },
       {
         "name": "single-stat-label-color",

package/package.json

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