@etus/tokens 2.1.0 → 2.2.0

package/dist/tokens.css

@@ -2556,6 +2556,15 @@
   --tooltip-content-radius: 8px;
   --tooltip-content-text-size: 0.75rem;
   --tooltip-content-z-index: 50;
+  --topbar-leading-gap: 8px;
+  --topbar-root-background: oklch(97.02% 0.0000 0);
+  --topbar-root-border-color: oklch(92.19% 0.0000 0);
+  --topbar-root-gap: 16px;
+  --topbar-root-height-default: 3.5rem;
+  --topbar-root-height-filters: 3.25rem;
+  --topbar-root-padding-x: 32px;
+  --topbar-root-padding-y: 8px;
+  --topbar-trailing-gap: 16px;
   --typography-caption-c1-font-family: Inter;
   --typography-caption-c1-font-size: 12px;
   --typography-caption-c1-font-weight: 600;
@@ -4052,6 +4061,8 @@
   --color-toolbar-separator-color: var(--toolbar-separator-color);
   --color-tooltip-content-background: var(--tooltip-content-background);
   --color-tooltip-content-foreground: var(--tooltip-content-foreground);
+  --color-topbar-root-background: var(--topbar-root-background);
+  --color-topbar-root-border-color: var(--topbar-root-border-color);
   --color-warning-border: var(--warning-border);
   --color-warning-foreground: var(--warning-foreground);
   --color-warning-subtle-foreground: var(--warning-subtle-foreground);

package/dist/tokens.js

@@ -2749,6 +2749,15 @@ export const tokens = {
     "tooltip-content-radius": "8px",
     "tooltip-content-text-size": "0.75rem",
     "tooltip-content-z-index": "50",
+    "topbar-leading-gap": "8px",
+    "topbar-root-background": "oklch(97.02% 0.0000 0)",
+    "topbar-root-border-color": "oklch(92.19% 0.0000 0)",
+    "topbar-root-gap": "16px",
+    "topbar-root-height-default": "3.5rem",
+    "topbar-root-height-filters": "3.25rem",
+    "topbar-root-padding-x": "32px",
+    "topbar-root-padding-y": "8px",
+    "topbar-trailing-gap": "16px",
     "typography-caption-c1-font-family": "Inter",
     "typography-caption-c1-font-size": "12px",
     "typography-caption-c1-font-weight": "600",

package/dist/tokens.meta.json

@@ -16132,6 +16132,69 @@
         "type": "number",
         "value": "50"
       },
+      {
+        "name": "topbar-leading-gap",
+        "cssVar": "--topbar-leading-gap",
+        "type": "dimension",
+        "description": "Gap inside the TopbarLeading slot (8px) — tight for breadcrumb chips.",
+        "value": "8px"
+      },
+      {
+        "name": "topbar-root-background",
+        "cssVar": "--topbar-root-background",
+        "type": "color",
+        "description": "Topbar surface background — mirrors Figma --core/background/surface (#fafafa) via the local muted alias.",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "topbar-root-border-color",
+        "cssVar": "--topbar-root-border-color",
+        "type": "color",
+        "description": "Border color used when stacking default + filters variants vertically.",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "topbar-root-gap",
+        "cssVar": "--topbar-root-gap",
+        "type": "dimension",
+        "description": "Gap between leading and trailing slots (16px).",
+        "value": "16px"
+      },
+      {
+        "name": "topbar-root-height-default",
+        "cssVar": "--topbar-root-height-default",
+        "type": "dimension",
+        "description": "Topbar default variant height (56px) — mirrors Figma Core Components / Topbar / Default.",
+        "value": "3.5rem"
+      },
+      {
+        "name": "topbar-root-height-filters",
+        "cssVar": "--topbar-root-height-filters",
+        "type": "dimension",
+        "description": "Topbar filters variant height (52px) — mirrors Figma Core Components / Topbar / Filters.",
+        "value": "3.25rem"
+      },
+      {
+        "name": "topbar-root-padding-x",
+        "cssVar": "--topbar-root-padding-x",
+        "type": "dimension",
+        "description": "Topbar horizontal padding (32px) — mirrors Figma px-32.",
+        "value": "32px"
+      },
+      {
+        "name": "topbar-root-padding-y",
+        "cssVar": "--topbar-root-padding-y",
+        "type": "dimension",
+        "description": "Topbar vertical padding (8px) — mirrors Figma py-8.",
+        "value": "8px"
+      },
+      {
+        "name": "topbar-trailing-gap",
+        "cssVar": "--topbar-trailing-gap",
+        "type": "dimension",
+        "description": "Gap inside the TopbarTrailing slot (16px) — comfortable for action controls.",
+        "value": "16px"
+      },
       {
         "name": "typography-caption-c1-font-family",
         "cssVar": "--typography-caption-c1-font-family",

package/package.json

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