@etus/tokens 0.4.0-beta.3 → 0.4.0-beta.4

package/dist/tokens.css

@@ -1194,10 +1194,12 @@
   --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-content-height: 36px;
+  --header-height: 64px;
   --header-root-bg: oklch(100.00% 0.0000 0);
   --header-root-border-color: oklch(92.19% 0.0000 0);
-  --header-root-padding-x: 16px;
-  --header-root-padding-y: 12px;
+  --header-root-padding-x: 32px;
+  --header-root-padding-y: 20px;
   --header-size-lg-height: 80px;
   --header-size-md-height: 64px;
   --header-size-sm-height: 48px;
@@ -1668,9 +1670,8 @@
   --notification-dot-color-info: oklch(54.61% 0.2152 262.88);
   --notification-dot-color-success: oklch(62.71% 0.1699 149.21);
   --notification-dot-color-warning: oklch(86.06% 0.1731 91.94);
-  --notification-dot-left: 6px;
+  --notification-dot-gap: 6px;
   --notification-dot-size: 8px;
-  --notification-dot-top: 16px;
   --notification-root-gap: 12px;
   --notification-root-padding: 12px;
   --overlay: oklch(0.00% 0.0000 0 / 60.0%);
@@ -3407,7 +3408,7 @@
   --rail-accent-foreground: oklch(95.21% 0.0467 171.12);
   --rail-accent: oklch(26.88% 0.0527 163.85);
   --rail-background: oklch(20.46% 0.0000 0);
-  --rail-border: oklch(26.86% 0.0000 0);
+  --rail-border: oklch(37.15% 0.0000 0);
   --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);
@@ -3468,7 +3469,7 @@
   --sidebar-accent-foreground: oklch(95.21% 0.0467 171.12);
   --sidebar-accent: oklch(26.88% 0.0527 163.85);
   --sidebar-background: oklch(20.46% 0.0000 0);
-  --sidebar-border: oklch(26.86% 0.0000 0);
+  --sidebar-border: oklch(37.15% 0.0000 0);
   --sidebar-container-background: oklch(20.46% 0.0000 0);
   --sidebar-foreground: oklch(97.02% 0.0000 0);
   --sidebar-input-background: oklch(14.48% 0.0000 0);

package/dist/tokens.js

@@ -149,7 +149,7 @@ export const tokens = {
     "sidebar-accent": "oklch(26.88% 0.0527 163.85)",
     "sidebar-accent-foreground": "oklch(95.21% 0.0467 171.12)",
     "sidebar-background": "oklch(20.46% 0.0000 0)",
-    "sidebar-border": "oklch(26.86% 0.0000 0)",
+    "sidebar-border": "oklch(37.15% 0.0000 0)",
     "sidebar-foreground": "oklch(97.02% 0.0000 0)",
     "sidebar-ring": "oklch(84.11% 0.1609 163.31)",
     "status-destructive-background": "oklch(63.68% 0.2078 25.33)",
@@ -1312,10 +1312,12 @@ export const tokens = {
     "form-label-fg": "oklch(14.48% 0.0000 0)",
     "form-label-size": "14px",
     "form-label-weight": "500",
+    "header-content-height": "36px",
+    "header-height": "64px",
     "header-root-bg": "oklch(100.00% 0.0000 0)",
     "header-root-border-color": "oklch(92.19% 0.0000 0)",
-    "header-root-padding-x": "16px",
-    "header-root-padding-y": "12px",
+    "header-root-padding-x": "32px",
+    "header-root-padding-y": "20px",
     "header-size-lg-height": "80px",
     "header-size-md-height": "64px",
     "header-size-sm-height": "48px",
@@ -1775,9 +1777,8 @@ export const tokens = {
     "notification-dot-color-info": "oklch(54.61% 0.2152 262.88)",
     "notification-dot-color-success": "oklch(62.71% 0.1699 149.21)",
     "notification-dot-color-warning": "oklch(86.06% 0.1731 91.94)",
-    "notification-dot-left": "6px",
+    "notification-dot-gap": "6px",
     "notification-dot-size": "8px",
-    "notification-dot-top": "16px",
     "notification-root-gap": "12px",
     "notification-root-padding": "12px",
     "overlay": "oklch(0.00% 0.0000 0 / 60.0%)",

package/dist/tokens.meta.json

@@ -1760,7 +1760,7 @@
         "type": "color",
         "description": "Sidebar divider (neutral-200)",
         "light": "oklch(92.19% 0.0000 0)",
-        "dark": "oklch(26.86% 0.0000 0)"
+        "dark": "oklch(37.15% 0.0000 0)"
       },
       {
         "name": "sidebar-foreground",
@@ -9936,6 +9936,20 @@
         "type": "dimension",
         "value": "14px"
       },
+      {
+        "name": "header-content-height",
+        "cssVar": "--header-content-height",
+        "type": "dimension",
+        "description": "HeaderNav/HeaderActions content row height (Figma h-9 = 36px). Drives a composed header to 76px. DES-1271.",
+        "value": "36px"
+      },
+      {
+        "name": "header-height",
+        "cssVar": "--header-height",
+        "type": "dimension",
+        "description": "Min height for a logo-only header (Figma 'Logo Left'/'Logo Centered' = 64px). Grows to 76px when HeaderNav/HeaderActions are present (content row 36px + padding-y 2×20px). DES-1271.",
+        "value": "64px"
+      },
       {
         "name": "header-root-bg",
         "cssVar": "--header-root-bg",
@@ -9952,13 +9966,15 @@
         "name": "header-root-padding-x",
         "cssVar": "--header-root-padding-x",
         "type": "dimension",
-        "value": "16px"
+        "description": "Horizontal padding — Figma spacing/s-32 (32px). DES-1271.",
+        "value": "32px"
       },
       {
         "name": "header-root-padding-y",
         "cssVar": "--header-root-padding-y",
         "type": "dimension",
-        "value": "12px"
+        "description": "Vertical padding — Figma spacing/s-20 (20px). DES-1271.",
+        "value": "20px"
       },
       {
         "name": "header-size-lg-height",
@@ -12176,9 +12192,10 @@
         "value": "oklch(86.06% 0.1731 91.94)"
       },
       {
-        "name": "notification-dot-left",
-        "cssVar": "--notification-dot-left",
+        "name": "notification-dot-gap",
+        "cssVar": "--notification-dot-gap",
         "type": "dimension",
+        "description": "Inline gap between the unread dot and the title per DES-1289 — Figma renders the dot inline in the title (spacing/1-5 = 6px), replacing the former absolute top/left offsets.",
         "value": "6px"
       },
       {
@@ -12187,12 +12204,6 @@
         "type": "dimension",
         "value": "8px"
       },
-      {
-        "name": "notification-dot-top",
-        "cssVar": "--notification-dot-top",
-        "type": "dimension",
-        "value": "16px"
-      },
       {
         "name": "notification-root-gap",
         "cssVar": "--notification-root-gap",

package/package.json

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