@etus/tokens 0.4.0-beta.12 → 0.4.0-beta.13

package/dist/tokens.css

@@ -933,9 +933,9 @@
   --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
   --empty-state-media-icon-bg: oklch(97.02% 0.0000 0);
   --empty-state-media-icon-fg: oklch(14.48% 0.0000 0);
-  --empty-state-media-icon-icon-size: 24px;
+  --empty-state-media-icon-icon-size: 32px;
   --empty-state-media-icon-radius: 0.5rem;
-  --empty-state-media-icon-size: 40px;
+  --empty-state-media-icon-size: 56px;
   --event-calendar-root-min-height-full: 500px;
   --event-calendar-root-min-height-lg: 600px;
   --event-calendar-root-min-height-md: 500px;
@@ -952,7 +952,7 @@
   --feature-item-badge-line-height: 16px;
   --feature-item-badge-padding-x: 8px;
   --feature-item-badge-padding-y: 4px;
-  --feature-item-badge-radius: 2px;
+  --feature-item-badge-radius: 4px;
   --feature-item-body-gap: 8px;
   --feature-item-description-color: oklch(55.55% 0.0000 0);
   --feature-item-description-font-size: 16px;
@@ -2020,6 +2020,8 @@
   --sheet-overlay-bg-light: oklch(100% 0 0 / 50%);
   --sidebar-accent-foreground: oklch(26.88% 0.0527 163.85);
   --sidebar-accent: oklch(95.21% 0.0467 171.12);
+  --sidebar-avatar-height: 2.75rem;
+  --sidebar-avatar-size: 2.5rem;
   --sidebar-background: oklch(98.51% 0.0000 0);
   --sidebar-border: oklch(92.19% 0.0000 0);
   --sidebar-container-background: oklch(98.51% 0.0000 0);
@@ -2079,6 +2081,14 @@
   --sidebar-section-title-font-weight: 400;
   --sidebar-section-title-line-height: 1;
   --sidebar-section-title-padding-x: 8px;
+  --sidebar-theme-toggle-gap: 12px;
+  --sidebar-theme-toggle-knob-bg: oklch(100.00% 0.0000 0);
+  --sidebar-theme-toggle-knob-fg: oklch(14.48% 0.0000 0);
+  --sidebar-theme-toggle-knob-size: 1.25rem;
+  --sidebar-theme-toggle-track-bg-dark: oklch(14.48% 0.0000 0);
+  --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-icon: 4rem;
   --sidebar-width-mobile: 18rem;
   --sidebar-width: 17rem;
@@ -3002,7 +3012,7 @@
   --avatar-fallback-text-success: oklch(100.00% 0.0000 0);
   --avatar-fallback-text-warning: oklch(28.57% 0.0639 53.81);
   --avatar-focus-ring-color: oklch(84.11% 0.1609 163.31);
-  --background: oklch(14.48% 0.0000 0);
+  --background: oklch(20.46% 0.0000 0);
   --badge-color-destructive-bg: oklch(63.68% 0.2078 25.33);
   --badge-color-destructive-border: oklch(63.68% 0.2078 25.33);
   --badge-color-destructive-fg: oklch(100.00% 0.0000 0);
@@ -3050,7 +3060,7 @@
   --button-ghost-fg-hover: oklch(95.21% 0.0467 171.12);
   --button-group-item-background-active: oklch(37.15% 0.0000 0);
   --button-group-item-background-hover: oklch(37.15% 0.0000 0);
-  --button-group-item-background: oklch(14.48% 0.0000 0);
+  --button-group-item-background: oklch(20.46% 0.0000 0);
   --button-group-root-bg-primary: oklch(84.11% 0.1609 163.31);
   --button-group-root-border-color-default: oklch(37.15% 0.0000 0);
   --button-group-root-border-color-primary: oklch(90.88% 0.0912 168.55);
@@ -3077,7 +3087,7 @@
   --button-secondary-color-border-hover: oklch(42.97% 0.0993 137.99);
   --button-secondary-color-fg-default: oklch(97.98% 0.0312 139.44);
   --button-secondary-color-fg-hover: oklch(97.98% 0.0312 139.44);
-  --button-secondary-gray-bg-default: oklch(14.48% 0.0000 0);
+  --button-secondary-gray-bg-default: oklch(20.46% 0.0000 0);
   --button-secondary-gray-bg-hover: oklch(26.88% 0.0527 163.85);
   --button-secondary-gray-border-default: oklch(37.15% 0.0000 0);
   --button-secondary-gray-border-hover: oklch(37.15% 0.0000 0);
@@ -3115,11 +3125,11 @@
   --chart-card-previous-color: oklch(71.55% 0.0000 0);
   --chart-card-title-color: oklch(97.02% 0.0000 0);
   --chart-card-value-color: oklch(98.51% 0.0000 0);
-  --chart-tooltip-bg: oklch(14.48% 0.0000 0);
+  --chart-tooltip-bg: oklch(20.46% 0.0000 0);
   --chart-tooltip-border: oklch(37.15% 0.0000 0);
   --checkbox-indicator-color: oklch(18.34% 0.0338 166.67);
   --checkbox-root-bg-checked: oklch(84.11% 0.1609 163.31);
-  --checkbox-root-bg-default: oklch(14.48% 0.0000 0);
+  --checkbox-root-bg-default: oklch(20.46% 0.0000 0);
   --checkbox-root-bg-disabled: oklch(37.15% 0.0000 0);
   --checkbox-root-border-checked: oklch(84.11% 0.1609 163.31);
   --checkbox-root-border-default: oklch(37.15% 0.0000 0);
@@ -3127,7 +3137,7 @@
   --collection-batchbar-action-primary-bg: oklch(84.11% 0.1609 163.31);
   --collection-batchbar-action-primary-fg: oklch(18.34% 0.0338 166.67);
   --collection-batchbar-bg: oklch(98.51% 0.0000 0);
-  --collection-batchbar-fg: oklch(14.48% 0.0000 0);
+  --collection-batchbar-fg: oklch(20.46% 0.0000 0);
   --collection-chip-bg: oklch(37.15% 0.0000 0);
   --collection-chip-close-color: oklch(71.55% 0.0000 0);
   --collection-chip-fg: oklch(98.51% 0.0000 0);
@@ -3135,7 +3145,7 @@
   --collection-section-title-fg: oklch(71.55% 0.0000 0);
   --collection-tabs-count-active-bg: oklch(84.11% 0.1609 163.31);
   --collection-tabs-count-active-fg: oklch(18.34% 0.0338 166.67);
-  --collection-tabs-count-bg: oklch(14.48% 0.0000 0);
+  --collection-tabs-count-bg: oklch(20.46% 0.0000 0);
   --collection-tabs-tab-active-bg: oklch(37.15% 0.0000 0);
   --collection-tabs-tab-active-fg: oklch(98.51% 0.0000 0);
   --collection-tabs-tab-inactive-fg: oklch(71.55% 0.0000 0);
@@ -3210,7 +3220,7 @@
   --disabled: oklch(26.86% 0.0000 0);
   --divider-color-default: oklch(37.15% 0.0000 0);
   --divider-color-dual: oklch(37.15% 0.0000 0);
-  --divider-content-bg-default: oklch(14.48% 0.0000 0);
+  --divider-content-bg-default: oklch(20.46% 0.0000 0);
   --divider-content-bg-fill: oklch(28.73% 0.0661 137.75);
   --divider-content-text-default: oklch(71.55% 0.0000 0);
   --divider-content-text-heading: oklch(98.51% 0.0000 0);
@@ -3218,8 +3228,8 @@
   --drag-and-drop-droppable-border-active: oklch(84.11% 0.1609 163.31);
   --drag-and-drop-handle-color-hover: oklch(98.51% 0.0000 0);
   --drag-and-drop-handle-color: oklch(71.55% 0.0000 0);
-  --drag-and-drop-overlay-background: oklch(14.48% 0.0000 0);
-  --drawer-content-bg: oklch(20.46% 0.0000 0);
+  --drag-and-drop-overlay-background: oklch(20.46% 0.0000 0);
+  --drawer-content-bg: oklch(14.48% 0.0000 0);
   --drawer-content-border: oklch(37.15% 0.0000 0);
   --drawer-handle-bg: oklch(71.55% 0.0000 0);
   --drawer-overlay-bg: oklch(0.00% 0.0000 0 / 80.0%);
@@ -3254,7 +3264,7 @@
   --feed-item-border-color: oklch(37.15% 0.0000 0);
   --feed-timestamp-color: oklch(71.55% 0.0000 0);
   --file-upload-dropzone-background-hover: oklch(26.88% 0.0527 163.85);
-  --file-upload-dropzone-background: oklch(14.48% 0.0000 0);
+  --file-upload-dropzone-background: oklch(20.46% 0.0000 0);
   --file-upload-dropzone-border-color: oklch(71.55% 0.0000 0);
   --file-upload-icon-color: oklch(71.55% 0.0000 0);
   --file-upload-item-border: oklch(37.15% 0.0000 0);
@@ -3266,7 +3276,7 @@
   --filetree-row-active-fg: oklch(95.21% 0.0467 171.12);
   --filetree-row-hover-bg: oklch(37.15% 0.0000 0);
   --filetree-row-modified-color: oklch(84.11% 0.1609 163.31);
-  --filetree-shell-bg: oklch(20.46% 0.0000 0);
+  --filetree-shell-bg: oklch(14.48% 0.0000 0);
   --filetree-shell-border: oklch(37.15% 0.0000 0);
   --filetree-shell-fg: oklch(98.51% 0.0000 0);
   --filetree-toolbar-search-bg: oklch(37.15% 0.0000 0);
@@ -3276,12 +3286,12 @@
   --filter-builder-group-border-color: oklch(37.15% 0.0000 0);
   --folder-stack-empty-bg: oklch(37.15% 0.0000 0);
   --folder-stack-interactive-active-ring-color: oklch(84.11% 0.1609 163.31);
-  --folder-stack-outline-color: oklch(14.48% 0.0000 0);
+  --folder-stack-outline-color: oklch(20.46% 0.0000 0);
   --foreground: oklch(98.51% 0.0000 0);
   --form-error-fg: oklch(63.68% 0.2078 25.33);
   --form-helper-fg: oklch(71.55% 0.0000 0);
   --form-label-fg: oklch(98.51% 0.0000 0);
-  --header-root-bg: oklch(14.48% 0.0000 0);
+  --header-root-bg: oklch(20.46% 0.0000 0);
   --header-root-border-color: oklch(37.15% 0.0000 0);
   --heading-base-color: oklch(98.51% 0.0000 0);
   --heading-color-default: oklch(98.51% 0.0000 0);
@@ -3307,7 +3317,7 @@
   --info-subtle-foreground: oklch(80.91% 0.0956 251.81);
   --info-subtle: oklch(28.23% 0.0874 267.94);
   --info: oklch(62.31% 0.1880 259.81);
-  --input-bg-default: oklch(14.48% 0.0000 0);
+  --input-bg-default: oklch(20.46% 0.0000 0);
   --input-bg-disabled: oklch(37.15% 0.0000 0);
   --input-border-default: oklch(37.15% 0.0000 0);
   --input-border-error: oklch(63.68% 0.2078 25.33);
@@ -3319,7 +3329,7 @@
   --input-otp-caret-color: oklch(98.51% 0.0000 0);
   --input-otp-slot-active-border: oklch(84.11% 0.1609 163.31);
   --input-otp-slot-active-ring: oklch(84.11% 0.1609 163.31);
-  --input-otp-slot-bg: oklch(14.48% 0.0000 0);
+  --input-otp-slot-bg: oklch(20.46% 0.0000 0);
   --input-otp-slot-border: oklch(43.86% 0.0000 0);
   --input: oklch(43.86% 0.0000 0);
   --inversed-foreground: oklch(14.48% 0.0000 0);
@@ -3341,11 +3351,11 @@
   --kpi-card-trend-up: oklch(72.27% 0.1920 149.58);
   --label-optional-color: oklch(71.55% 0.0000 0);
   --label-required-color: oklch(63.68% 0.2078 25.33);
-  --layout-header-background: oklch(14.48% 0.0000 0);
+  --layout-header-background: oklch(20.46% 0.0000 0);
   --layout-header-border: oklch(37.15% 0.0000 0);
-  --lightbox-button-color: oklch(14.48% 0.0000 0);
-  --lightbox-header-text-color: oklch(14.48% 0.0000 0);
-  --lightbox-thumbnail-ring-color: oklch(14.48% 0.0000 0);
+  --lightbox-button-color: oklch(20.46% 0.0000 0);
+  --lightbox-header-text-color: oklch(20.46% 0.0000 0);
+  --lightbox-thumbnail-ring-color: oklch(20.46% 0.0000 0);
   --link-color-default: oklch(84.11% 0.1609 163.31);
   --link-color-muted: oklch(71.55% 0.0000 0);
   --link-color-nav-hover: oklch(84.11% 0.1609 163.31);
@@ -3353,8 +3363,8 @@
   --link-color-subtle: oklch(98.51% 0.0000 0);
   --markdown-editor-area-foreground: oklch(98.51% 0.0000 0);
   --markdown-editor-help-code-bg: oklch(37.15% 0.0000 0);
-  --markdown-editor-preview-background: oklch(14.48% 0.0000 0);
-  --markdown-editor-root-background: oklch(14.48% 0.0000 0);
+  --markdown-editor-preview-background: oklch(20.46% 0.0000 0);
+  --markdown-editor-root-background: oklch(20.46% 0.0000 0);
   --markdown-editor-root-border: oklch(43.86% 0.0000 0);
   --markdown-editor-toolbar-background: oklch(37.15% 0.0000 0);
   --markdown-editor-toolbar-border-bottom: oklch(37.15% 0.0000 0);
@@ -3384,18 +3394,18 @@
   --native-select-root-border-default: oklch(43.86% 0.0000 0);
   --native-select-root-border-focus: oklch(84.11% 0.1609 163.31);
   --native-select-variant-filled-bg: oklch(37.15% 0.0000 0);
-  --navbar-root-background: oklch(14.48% 0.0000 0);
+  --navbar-root-background: oklch(20.46% 0.0000 0);
   --navbar-root-border-color: oklch(37.15% 0.0000 0);
   --navigation-menu-content-bg: oklch(20.46% 0.0000 0);
   --navigation-menu-content-text: oklch(98.51% 0.0000 0);
   --navigation-menu-indicator-bg: oklch(37.15% 0.0000 0);
-  --navigation-menu-trigger-bg: oklch(14.48% 0.0000 0);
+  --navigation-menu-trigger-bg: oklch(20.46% 0.0000 0);
   --navigation-menu-trigger-hover-bg: oklch(26.88% 0.0527 163.85);
   --navigation-menu-trigger-hover-text: oklch(95.21% 0.0467 171.12);
   --navigation-menu-viewport-bg: oklch(20.46% 0.0000 0);
   --navigation-menu-viewport-text: oklch(98.51% 0.0000 0);
   --notification-bg-hover: oklch(26.88% 0.0527 163.85);
-  --notification-bg-read: oklch(14.48% 0.0000 0);
+  --notification-bg-read: oklch(20.46% 0.0000 0);
   --notification-bg-unread: oklch(26.88% 0.0527 163.85);
   --notification-dot-color-default: oklch(84.11% 0.1609 163.31);
   --notification-dot-color-error: oklch(63.68% 0.2078 25.33);
@@ -3404,8 +3414,8 @@
   --notification-dot-color-warning: oklch(79.52% 0.1617 86.05);
   --overlay: oklch(0.00% 0.0000 0 / 80.0%);
   --panel-root-border-color: oklch(37.15% 0.0000 0);
-  --panel-variant-default-bg: oklch(14.48% 0.0000 0);
-  --panel-variant-elevated-bg: oklch(14.48% 0.0000 0);
+  --panel-variant-default-bg: oklch(20.46% 0.0000 0);
+  --panel-variant-elevated-bg: oklch(20.46% 0.0000 0);
   --panel-variant-subtle-bg: oklch(37.15% 0.0000 0);
   --paragraph-color-default: oklch(98.51% 0.0000 0);
   --paragraph-color-destructive: oklch(63.68% 0.2078 25.33);
@@ -3457,8 +3467,8 @@
   --progress-circle-track-color-warning: oklch(37.15% 0.0000 0);
   --progress-circle-value-color: oklch(98.51% 0.0000 0);
   --radio-indicator-color: oklch(84.11% 0.1609 163.31);
-  --radio-root-bg-checked: oklch(14.48% 0.0000 0);
-  --radio-root-bg-default: oklch(14.48% 0.0000 0);
+  --radio-root-bg-checked: oklch(20.46% 0.0000 0);
+  --radio-root-bg-default: oklch(20.46% 0.0000 0);
   --radio-root-bg-disabled: oklch(37.15% 0.0000 0);
   --radio-root-border-checked: oklch(84.11% 0.1609 163.31);
   --radio-root-border-default: oklch(37.15% 0.0000 0);
@@ -3494,7 +3504,7 @@
   --resizable-handle-bg: oklch(37.15% 0.0000 0);
   --resizable-handle-grip-bg: oklch(37.15% 0.0000 0);
   --resizable-handle-ring: oklch(84.11% 0.1609 163.31);
-  --rich-text-editor-root-background: oklch(14.48% 0.0000 0);
+  --rich-text-editor-root-background: oklch(20.46% 0.0000 0);
   --rich-text-editor-root-border: oklch(43.86% 0.0000 0);
   --rich-text-editor-toolbar-background: oklch(37.15% 0.0000 0);
   --rich-text-editor-toolbar-border-bottom: oklch(37.15% 0.0000 0);
@@ -3524,16 +3534,16 @@
   --shadow-sm: inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 2px 4px 0 rgb(0 0 0 / 0.35);
   --shadow-xl: inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 24px 48px 0 rgb(0 0 0 / 0.50);
   --shadow-xs: inset 0 1px 0 0 rgb(255 255 255 / 0.04), 0 1px 2px 0 rgb(0 0 0 / 0.30);
-  --sheet-content-bg: oklch(20.46% 0.0000 0);
+  --sheet-content-bg: oklch(14.48% 0.0000 0);
   --sheet-content-border: oklch(37.15% 0.0000 0);
   --sheet-overlay-bg-default: oklch(0.00% 0.0000 0 / 80.0%);
   --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(37.15% 0.0000 0);
-  --sidebar-container-background: oklch(20.46% 0.0000 0);
+  --sidebar-container-background: oklch(14.48% 0.0000 0);
   --sidebar-foreground: oklch(97.02% 0.0000 0);
-  --sidebar-input-background: oklch(14.48% 0.0000 0);
+  --sidebar-input-background: oklch(20.46% 0.0000 0);
   --sidebar-input-border: oklch(37.15% 0.0000 0);
   --sidebar-input-foreground: oklch(98.51% 0.0000 0);
   --sidebar-logo-background: oklch(84.11% 0.1609 163.31);
@@ -3541,7 +3551,7 @@
   --sidebar-nav-item-bg-hover: oklch(37.15% 0.0000 0);
   --sidebar-nav-item-fg-active: oklch(98.51% 0.0000 0);
   --sidebar-nav-item-fg-default: oklch(71.55% 0.0000 0);
-  --sidebar-panel-background: oklch(20.46% 0.0000 0);
+  --sidebar-panel-background: oklch(14.48% 0.0000 0);
   --sidebar-panel-border-color: oklch(37.15% 0.0000 0);
   --sidebar-panel-header-color: oklch(98.51% 0.0000 0);
   --sidebar-rail-item-bg-hover: oklch(37.15% 0.0000 0);
@@ -3556,7 +3566,7 @@
   --slider-focus-ring-primary: oklch(84.11% 0.1609 163.31);
   --slider-label-color: oklch(98.51% 0.0000 0);
   --slider-range-bg-default: oklch(84.11% 0.1609 163.31);
-  --slider-thumb-bg: oklch(14.48% 0.0000 0);
+  --slider-thumb-bg: oklch(20.46% 0.0000 0);
   --slider-thumb-border: oklch(84.11% 0.1609 163.31);
   --slider-tooltip-bg: oklch(20.46% 0.0000 0);
   --slider-tooltip-fg: oklch(98.51% 0.0000 0);
@@ -3614,8 +3624,8 @@
   --success-subtle: oklch(26.64% 0.0628 152.93);
   --success: oklch(72.27% 0.1920 149.58);
   --surface-foreground: oklch(97.02% 0.0000 0);
-  --surface: oklch(20.46% 0.0000 0);
-  --switch-thumb-bg: oklch(14.48% 0.0000 0);
+  --surface: oklch(14.48% 0.0000 0);
+  --switch-thumb-bg: oklch(20.46% 0.0000 0);
   --switch-track-bg-disabled: oklch(37.15% 0.0000 0);
   --switch-track-bg-off: oklch(43.86% 0.0000 0);
   --switch-track-bg-on: oklch(84.11% 0.1609 163.31);
@@ -3623,25 +3633,25 @@
   --switch-track-ring-primary: oklch(84.11% 0.1609 163.31);
   --table-caption-fg: oklch(71.55% 0.0000 0);
   --table-footer-border: oklch(37.15% 0.0000 0);
-  --table-header-bg: oklch(14.48% 0.0000 0);
+  --table-header-bg: oklch(20.46% 0.0000 0);
   --table-header-fg: oklch(71.55% 0.0000 0);
   --table-row-border: oklch(37.15% 0.0000 0);
   --table-row-selected: oklch(37.15% 0.0000 0);
   --tabs-list-bg: oklch(37.15% 0.0000 0);
   --tabs-list-fg: oklch(71.55% 0.0000 0);
-  --tabs-trigger-active-bg: oklch(14.48% 0.0000 0);
+  --tabs-trigger-active-bg: oklch(20.46% 0.0000 0);
   --tabs-trigger-active-fg: oklch(98.51% 0.0000 0);
   --tabs-trigger-badge-bg: oklch(37.15% 0.0000 0);
   --tabs-trigger-badge-fg: oklch(71.55% 0.0000 0);
   --tabs-trigger-focus-ring: oklch(84.11% 0.1609 163.31);
   --tabs-trigger-inactive-fg: oklch(71.55% 0.0000 0);
   --tag-checkbox-bg-checked: oklch(84.11% 0.1609 163.31);
-  --tag-checkbox-bg-default: oklch(14.48% 0.0000 0);
+  --tag-checkbox-bg-default: oklch(20.46% 0.0000 0);
   --tag-checkbox-border-checked: oklch(84.11% 0.1609 163.31);
   --tag-checkbox-border-default: oklch(37.15% 0.0000 0);
   --tag-checkbox-text-checked: oklch(18.34% 0.0338 166.67);
   --tag-color-bg-checked: oklch(37.15% 0.0000 0);
-  --tag-color-bg-default: oklch(14.48% 0.0000 0);
+  --tag-color-bg-default: oklch(20.46% 0.0000 0);
   --tag-color-bg-hover: oklch(37.15% 0.0000 0);
   --tag-color-border-checked: oklch(84.11% 0.1609 163.31);
   --tag-color-border-default: oklch(37.15% 0.0000 0);
@@ -3652,13 +3662,13 @@
   --tag-color-dot-warning: oklch(79.52% 0.1617 86.05);
   --tag-color-dot: oklch(84.11% 0.1609 163.31);
   --tag-color-text-default: oklch(98.51% 0.0000 0);
-  --tags-input-root-background: oklch(14.48% 0.0000 0);
+  --tags-input-root-background: oklch(20.46% 0.0000 0);
   --tags-input-root-border: oklch(43.86% 0.0000 0);
   --tags-input-tag-background: oklch(28.73% 0.0661 137.75);
   --tags-input-tag-foreground: oklch(97.98% 0.0312 139.44);
   --text-color-default: oklch(98.51% 0.0000 0);
   --text-color-muted: oklch(71.55% 0.0000 0);
-  --textarea-bg-default: oklch(14.48% 0.0000 0);
+  --textarea-bg-default: oklch(20.46% 0.0000 0);
   --textarea-bg-disabled: oklch(37.15% 0.0000 0);
   --textarea-bg-filled: oklch(37.15% 0.0000 0);
   --textarea-border-default: oklch(37.15% 0.0000 0);
@@ -3681,7 +3691,7 @@
   --timeline-marker-disabled-border: oklch(37.15% 0.0000 0);
   --timeline-marker-disabled-fg: oklch(71.55% 0.0000 0);
   --timeline-marker-focus-ring-color: oklch(84.11% 0.1609 163.31);
-  --toggle-group-item-background-active: oklch(14.48% 0.0000 0);
+  --toggle-group-item-background-active: oklch(20.46% 0.0000 0);
   --toggle-group-item-color-active: oklch(98.51% 0.0000 0);
   --toggle-group-root-background: oklch(37.15% 0.0000 0);
   --toggle-variant-default-bg-default: oklch(37.15% 0.0000 0);
@@ -3703,8 +3713,8 @@
   --toolbar-root-border: oklch(37.15% 0.0000 0);
   --toolbar-separator-color: oklch(37.15% 0.0000 0);
   --tooltip-content-background: oklch(98.51% 0.0000 0);
-  --tooltip-content-foreground: oklch(14.48% 0.0000 0);
-  --topbar-root-background: oklch(20.46% 0.0000 0);
+  --tooltip-content-foreground: oklch(20.46% 0.0000 0);
+  --topbar-root-background: oklch(14.48% 0.0000 0);
   --topbar-root-border-color: oklch(37.15% 0.0000 0);
   --warning-border: oklch(55.38% 0.1207 66.44);
   --warning-foreground: oklch(28.57% 0.0639 53.81);
@@ -5221,6 +5231,10 @@
   --color-sidebar-rail-item-fg-default: var(--sidebar-rail-item-fg-default);
   --color-sidebar-ring: var(--sidebar-ring);
   --color-sidebar-section-title-color: var(--sidebar-section-title-color);
+  --color-sidebar-theme-toggle-knob-bg: var(--sidebar-theme-toggle-knob-bg);
+  --color-sidebar-theme-toggle-knob-fg: var(--sidebar-theme-toggle-knob-fg);
+  --color-sidebar-theme-toggle-track-bg-dark: var(--sidebar-theme-toggle-track-bg-dark);
+  --color-sidebar-theme-toggle-track-bg-light: var(--sidebar-theme-toggle-track-bg-light);
   --color-sidebar: var(--sidebar);
   --color-single-stat-label-color: var(--single-stat-label-color);
   --color-single-stat-value-color: var(--single-stat-value-color);
@@ -5475,7 +5489,6 @@
   --shadow-sm: var(--shadow-sm);
   --shadow-xl: var(--shadow-xl);
   --shadow-xs: var(--shadow-xs);
-  --spacing-none: var(--spacing-none);
   --spacing-normal: var(--paragraph-spacing-normal);
   --spacing-relaxed: var(--paragraph-spacing-relaxed);
   --spacing-s-12: var(--spacing-s-12);

package/dist/tokens.js

@@ -7,7 +7,7 @@ export const tokens = {
   dark: {
     "accent": "oklch(26.88% 0.0527 163.85)",
     "accent-foreground": "oklch(95.21% 0.0467 171.12)",
-    "background": "oklch(14.48% 0.0000 0)",
+    "background": "oklch(20.46% 0.0000 0)",
     "border": "oklch(37.15% 0.0000 0)",
     "brand-accent-background": "oklch(26.88% 0.0527 163.85)",
     "brand-accent-foreground": "oklch(95.21% 0.0467 171.12)",
@@ -184,7 +184,7 @@ export const tokens = {
     "success-hover": "oklch(80.03% 0.1821 151.71)",
     "success-subtle": "oklch(26.64% 0.0628 152.93)",
     "success-subtle-foreground": "oklch(87.12% 0.1363 154.45)",
-    "surface": "oklch(20.46% 0.0000 0)",
+    "surface": "oklch(14.48% 0.0000 0)",
     "surface-foreground": "oklch(97.02% 0.0000 0)",
     "text-color-default": "oklch(98.51% 0.0000 0)",
     "text-color-muted": "oklch(71.55% 0.0000 0)",
@@ -1077,9 +1077,9 @@ export const tokens = {
     "ease-spring": "cubic-bezier(0.34, 1.56, 0.64, 1)",
     "empty-state-media-icon-bg": "oklch(97.02% 0.0000 0)",
     "empty-state-media-icon-fg": "oklch(14.48% 0.0000 0)",
-    "empty-state-media-icon-icon-size": "24px",
+    "empty-state-media-icon-icon-size": "32px",
     "empty-state-media-icon-radius": "0.5rem",
-    "empty-state-media-icon-size": "40px",
+    "empty-state-media-icon-size": "56px",
     "event-calendar-root-min-height-full": "500px",
     "event-calendar-root-min-height-lg": "600px",
     "event-calendar-root-min-height-md": "500px",
@@ -1096,7 +1096,7 @@ export const tokens = {
     "feature-item-badge-line-height": "16px",
     "feature-item-badge-padding-x": "8px",
     "feature-item-badge-padding-y": "4px",
-    "feature-item-badge-radius": "2px",
+    "feature-item-badge-radius": "4px",
     "feature-item-body-gap": "8px",
     "feature-item-description-color": "oklch(55.55% 0.0000 0)",
     "feature-item-description-font-size": "16px",
@@ -2293,6 +2293,8 @@ export const tokens = {
     "sidebar": "oklch(98.51% 0.0000 0)",
     "sidebar-accent": "oklch(95.21% 0.0467 171.12)",
     "sidebar-accent-foreground": "oklch(26.88% 0.0527 163.85)",
+    "sidebar-avatar-height": "2.75rem",
+    "sidebar-avatar-size": "2.5rem",
     "sidebar-background": "oklch(98.51% 0.0000 0)",
     "sidebar-border": "oklch(92.19% 0.0000 0)",
     "sidebar-container-background": "oklch(98.51% 0.0000 0)",
@@ -2352,6 +2354,14 @@ export const tokens = {
     "sidebar-section-title-font-weight": "400",
     "sidebar-section-title-line-height": "1",
     "sidebar-section-title-padding-x": "8px",
+    "sidebar-theme-toggle-gap": "12px",
+    "sidebar-theme-toggle-knob-bg": "oklch(100.00% 0.0000 0)",
+    "sidebar-theme-toggle-knob-fg": "oklch(14.48% 0.0000 0)",
+    "sidebar-theme-toggle-knob-size": "1.25rem",
+    "sidebar-theme-toggle-track-bg-dark": "oklch(14.48% 0.0000 0)",
+    "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-icon": "4rem",
     "sidebar-width-mobile": "18rem",

package/dist/tokens.meta.json

@@ -780,7 +780,7 @@
         "type": "color",
         "description": "Main application background (base.white, Figma v2 canonical)",
         "light": "oklch(100.00% 0.0000 0)",
-        "dark": "oklch(14.48% 0.0000 0)"
+        "dark": "oklch(20.46% 0.0000 0)"
       },
       {
         "name": "border",
@@ -2017,7 +2017,7 @@
         "type": "color",
         "description": "Secondary layer (neutral-50)",
         "light": "oklch(98.51% 0.0000 0)",
-        "dark": "oklch(20.46% 0.0000 0)"
+        "dark": "oklch(14.48% 0.0000 0)"
       },
       {
         "name": "surface-foreground",
@@ -8758,7 +8758,7 @@
         "name": "empty-state-media-icon-icon-size",
         "cssVar": "--empty-state-media-icon-icon-size",
         "type": "dimension",
-        "value": "24px"
+        "value": "32px"
       },
       {
         "name": "empty-state-media-icon-radius",
@@ -8769,7 +8769,7 @@
         "name": "empty-state-media-icon-size",
         "cssVar": "--empty-state-media-icon-size",
         "type": "dimension",
-        "value": "40px"
+        "value": "56px"
       },
       {
         "name": "event-calendar-root-min-height-full",
@@ -8838,7 +8838,8 @@
         "name": "feature-item-badge-radius",
         "cssVar": "--feature-item-badge-radius",
         "type": "dimension",
-        "value": "2px"
+        "description": "Figma radius/sm = 4px. A ref radius.sm resolve 2px pela escala tailwind legada do export — resolucao sistemica rastreada na DES-1384.",
+        "value": "4px"
       },
       {
         "name": "feature-item-body-gap",
@@ -13869,6 +13870,20 @@
         "type": "color",
         "value": "oklch(100% 0 0 / 50%)"
       },
+      {
+        "name": "sidebar-avatar-height",
+        "cssVar": "--sidebar-avatar-height",
+        "type": "dimension",
+        "description": "Avatar row height expanded = 44px (Figma 1088:627 Expanded=True).",
+        "value": "2.75rem"
+      },
+      {
+        "name": "sidebar-avatar-size",
+        "cssVar": "--sidebar-avatar-size",
+        "type": "dimension",
+        "description": "Avatar block collapsed = 40px (Figma 1088:627 Expanded=False).",
+        "value": "2.5rem"
+      },
       {
         "name": "sidebar-container-background",
         "cssVar": "--sidebar-container-background",
@@ -14227,6 +14242,62 @@
         "description": "Section title (Dashboards label) horizontal padding = 8px (Figma px-[var(--spacing/s-8,8px)]).",
         "value": "8px"
       },
+      {
+        "name": "sidebar-theme-toggle-gap",
+        "cssVar": "--sidebar-theme-toggle-gap",
+        "type": "dimension",
+        "description": "Gap between toggle pill and label = 12px (Figma spacing/s-12).",
+        "value": "12px"
+      },
+      {
+        "name": "sidebar-theme-toggle-knob-bg",
+        "cssVar": "--sidebar-theme-toggle-knob-bg",
+        "type": "color",
+        "description": "Toggle knob = base-white #ffffff. Fixed / theme-independent (Figma 1089:324).",
+        "value": "oklch(100.00% 0.0000 0)"
+      },
+      {
+        "name": "sidebar-theme-toggle-knob-fg",
+        "cssVar": "--sidebar-theme-toggle-knob-fg",
+        "type": "color",
+        "description": "Toggle knob icon (sun/moon) = neutral-950 #0a0a0a. Fixed dark for contrast on the white knob (Figma 1089:324).",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "sidebar-theme-toggle-knob-size",
+        "cssVar": "--sidebar-theme-toggle-knob-size",
+        "type": "dimension",
+        "description": "Color-mode toggle knob = 20px (Figma 1089:324).",
+        "value": "1.25rem"
+      },
+      {
+        "name": "sidebar-theme-toggle-track-bg-dark",
+        "cssVar": "--sidebar-theme-toggle-track-bg-dark",
+        "type": "color",
+        "description": "Toggle track when DARK mode is active = neutral-950 #0a0a0a. Fixed / theme-independent (Figma 1089:324).",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "sidebar-theme-toggle-track-bg-light",
+        "cssVar": "--sidebar-theme-toggle-track-bg-light",
+        "type": "color",
+        "description": "Toggle track when LIGHT mode is active = neutral-100 #f5f5f5. Fixed / theme-independent: it reflects the color MODE the toggle sets, not the page theme (Figma 1089:324).",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "sidebar-theme-toggle-track-height",
+        "cssVar": "--sidebar-theme-toggle-track-height",
+        "type": "dimension",
+        "description": "Color-mode toggle track height = 24px (Figma 1089:324).",
+        "value": "1.5rem"
+      },
+      {
+        "name": "sidebar-theme-toggle-track-width",
+        "cssVar": "--sidebar-theme-toggle-track-width",
+        "type": "dimension",
+        "description": "Color-mode toggle track width = 36px (Figma 1089:324).",
+        "value": "2.25rem"
+      },
       {
         "name": "sidebar-width",
         "cssVar": "--sidebar-width",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etus/tokens",
-  "version": "0.4.0-beta.12",
+  "version": "0.4.0-beta.13",
   "description": "Seven Design System - Design tokens (CSS variables) for ETUS applications",
   "license": "MIT",
   "repository": {
@@ -34,11 +34,11 @@
   ],
   "devDependencies": {
     "@types/culori": "^4.0.1",
-    "@types/node": "^25.0.6",
+    "@types/node": "^24.13.2",
     "culori": "^4.0.2",
     "style-dictionary": "^5.1.3",
-    "tailwindcss": "^4.1.18",
-    "tsx": "^4.21.0"
+    "tailwindcss": "^4.3.2",
+    "tsx": "^4.23.0"
   },
   "scripts": {
     "build": "tsx sd/build.ts",