@etus/tokens 0.4.0-beta.11 → 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;
@@ -944,30 +944,26 @@
   --extended-chart-3: oklch(62.31% 0.1880 259.81);
   --extended-chart-4: oklch(79.52% 0.1617 86.05);
   --extended-chart-5: oklch(63.68% 0.2078 25.33);
-  --feature-item-body-gap: 4px;
+  --feature-item-badge-bg: oklch(97.05% 0.0142 254.60);
+  --feature-item-badge-border: oklch(88.23% 0.0571 254.13);
+  --feature-item-badge-fg: oklch(48.82% 0.2172 264.38);
+  --feature-item-badge-font-size: 12px;
+  --feature-item-badge-font-weight: 500;
+  --feature-item-badge-line-height: 16px;
+  --feature-item-badge-padding-x: 8px;
+  --feature-item-badge-padding-y: 4px;
+  --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: 13px;
-  --feature-item-description-line-height: 1.55;
-  --feature-item-icon-radius: 10px;
-  --feature-item-icon-size: 40px;
-  --feature-item-link-color: oklch(56.08% 0.1221 160.56);
-  --feature-item-link-font-size: 12px;
-  --feature-item-link-font-weight: 600;
-  --feature-item-link-gap: 4px;
-  --feature-item-link-margin-top: 4px;
-  --feature-item-root-gap: 14px;
-  --feature-item-root-padding: 4px;
+  --feature-item-description-font-size: 16px;
+  --feature-item-description-font-weight: 400;
+  --feature-item-description-line-height: 24px;
+  --feature-item-icon-size: 20px;
+  --feature-item-root-gap: 16px;
   --feature-item-title-color: oklch(14.48% 0.0000 0);
-  --feature-item-title-font-size: 14px;
+  --feature-item-title-font-size: 18px;
   --feature-item-title-font-weight: 600;
-  --feature-item-tone-brand-bg: oklch(81.75% 0.1821 159.79);
-  --feature-item-tone-brand-fg: oklch(18.34% 0.0338 166.67);
-  --feature-item-tone-info-bg: oklch(97.05% 0.0142 254.60);
-  --feature-item-tone-info-fg: oklch(48.82% 0.2172 264.38);
-  --feature-item-tone-subtle-bg: oklch(97.65% 0.0243 170.99);
-  --feature-item-tone-subtle-fg: oklch(56.08% 0.1221 160.56);
-  --feature-item-tone-warning-bg: oklch(98.73% 0.0262 102.21);
-  --feature-item-tone-warning-fg: oklch(55.38% 0.1207 66.44);
+  --feature-item-title-line-height: 24px;
   --featured-icon-color-brand-bg: oklch(97.65% 0.0243 170.99);
   --featured-icon-color-brand-fg: oklch(81.75% 0.1821 159.79);
   --featured-icon-color-default-bg: oklch(97.02% 0.0000 0);
@@ -1507,6 +1503,7 @@
   --link-text-lg: 18px;
   --link-text-sm: 14px;
   --link-text-xs: 12px;
+  --logo-conta-size: 24px;
   --markdown-editor-area-background: transparent;
   --markdown-editor-area-foreground: oklch(14.48% 0.0000 0);
   --markdown-editor-area-padding: 16px;
@@ -2023,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);
@@ -2082,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;
@@ -3005,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);
@@ -3053,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);
@@ -3080,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);
@@ -3118,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);
@@ -3130,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);
@@ -3138,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);
@@ -3213,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);
@@ -3221,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%);
@@ -3233,17 +3240,11 @@
   --extended-chart-3: oklch(62.31% 0.1880 259.81);
   --extended-chart-4: oklch(79.52% 0.1617 86.05);
   --extended-chart-5: oklch(63.68% 0.2078 25.33);
+  --feature-item-badge-bg: oklch(28.23% 0.0874 267.94);
+  --feature-item-badge-border: oklch(54.61% 0.2152 262.88);
+  --feature-item-badge-fg: oklch(80.91% 0.0956 251.81);
   --feature-item-description-color: oklch(71.55% 0.0000 0);
-  --feature-item-link-color: oklch(87.18% 0.1296 166.48);
   --feature-item-title-color: oklch(98.51% 0.0000 0);
-  --feature-item-tone-brand-bg: oklch(84.11% 0.1609 163.31);
-  --feature-item-tone-brand-fg: oklch(18.34% 0.0338 166.67);
-  --feature-item-tone-info-bg: oklch(28.23% 0.0874 267.94);
-  --feature-item-tone-info-fg: oklch(80.91% 0.0956 251.81);
-  --feature-item-tone-subtle-bg: oklch(18.34% 0.0338 166.67);
-  --feature-item-tone-subtle-fg: oklch(87.18% 0.1296 166.48);
-  --feature-item-tone-warning-bg: oklch(28.57% 0.0639 53.81);
-  --feature-item-tone-warning-fg: oklch(90.52% 0.1657 98.11);
   --featured-icon-color-brand-bg: oklch(18.34% 0.0338 166.67);
   --featured-icon-color-brand-fg: oklch(84.11% 0.1609 163.31);
   --featured-icon-color-default-bg: oklch(37.15% 0.0000 0);
@@ -3263,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);
@@ -3275,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);
@@ -3285,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);
@@ -3316,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);
@@ -3328,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);
@@ -3350,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);
@@ -3362,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);
@@ -3393,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);
@@ -3413,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);
@@ -3466,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);
@@ -3503,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);
@@ -3533,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);
@@ -3550,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);
@@ -3565,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);
@@ -3623,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);
@@ -3632,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);
@@ -3661,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);
@@ -3690,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);
@@ -3712,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);
@@ -4009,17 +4010,11 @@
   --extended-chart-3: oklch(62.31% 0.1880 259.81);
   --extended-chart-4: oklch(79.52% 0.1617 86.05);
   --extended-chart-5: oklch(63.68% 0.2078 25.33);
+  --feature-item-badge-bg: oklch(97.05% 0.0142 254.60);
+  --feature-item-badge-border: oklch(88.23% 0.0571 254.13);
+  --feature-item-badge-fg: oklch(48.82% 0.2172 264.38);
   --feature-item-description-color: oklch(55.55% 0.0000 0);
-  --feature-item-link-color: oklch(56.08% 0.1221 160.56);
   --feature-item-title-color: oklch(14.48% 0.0000 0);
-  --feature-item-tone-brand-bg: oklch(81.75% 0.1821 159.79);
-  --feature-item-tone-brand-fg: oklch(18.34% 0.0338 166.67);
-  --feature-item-tone-info-bg: oklch(97.05% 0.0142 254.60);
-  --feature-item-tone-info-fg: oklch(48.82% 0.2172 264.38);
-  --feature-item-tone-subtle-bg: oklch(97.65% 0.0243 170.99);
-  --feature-item-tone-subtle-fg: oklch(56.08% 0.1221 160.56);
-  --feature-item-tone-warning-bg: oklch(98.73% 0.0262 102.21);
-  --feature-item-tone-warning-fg: oklch(55.38% 0.1207 66.44);
   --featured-icon-color-brand-bg: oklch(97.65% 0.0243 170.99);
   --featured-icon-color-brand-fg: oklch(81.75% 0.1821 159.79);
   --featured-icon-color-default-bg: oklch(97.02% 0.0000 0);
@@ -4897,17 +4892,11 @@
   --color-extended-chart-3: var(--extended-chart-3);
   --color-extended-chart-4: var(--extended-chart-4);
   --color-extended-chart-5: var(--extended-chart-5);
+  --color-feature-item-badge-bg: var(--feature-item-badge-bg);
+  --color-feature-item-badge-border: var(--feature-item-badge-border);
+  --color-feature-item-badge-fg: var(--feature-item-badge-fg);
   --color-feature-item-description-color: var(--feature-item-description-color);
-  --color-feature-item-link-color: var(--feature-item-link-color);
   --color-feature-item-title-color: var(--feature-item-title-color);
-  --color-feature-item-tone-brand-bg: var(--feature-item-tone-brand-bg);
-  --color-feature-item-tone-brand-fg: var(--feature-item-tone-brand-fg);
-  --color-feature-item-tone-info-bg: var(--feature-item-tone-info-bg);
-  --color-feature-item-tone-info-fg: var(--feature-item-tone-info-fg);
-  --color-feature-item-tone-subtle-bg: var(--feature-item-tone-subtle-bg);
-  --color-feature-item-tone-subtle-fg: var(--feature-item-tone-subtle-fg);
-  --color-feature-item-tone-warning-bg: var(--feature-item-tone-warning-bg);
-  --color-feature-item-tone-warning-fg: var(--feature-item-tone-warning-fg);
   --color-featured-icon-color-brand-bg: var(--featured-icon-color-brand-bg);
   --color-featured-icon-color-brand-fg: var(--featured-icon-color-brand-fg);
   --color-featured-icon-color-default-bg: var(--featured-icon-color-default-bg);
@@ -5242,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);
@@ -5496,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",
@@ -1088,30 +1088,26 @@ export const tokens = {
     "extended-chart-3": "oklch(62.31% 0.1880 259.81)",
     "extended-chart-4": "oklch(79.52% 0.1617 86.05)",
     "extended-chart-5": "oklch(63.68% 0.2078 25.33)",
-    "feature-item-body-gap": "4px",
+    "feature-item-badge-bg": "oklch(97.05% 0.0142 254.60)",
+    "feature-item-badge-border": "oklch(88.23% 0.0571 254.13)",
+    "feature-item-badge-fg": "oklch(48.82% 0.2172 264.38)",
+    "feature-item-badge-font-size": "12px",
+    "feature-item-badge-font-weight": "500",
+    "feature-item-badge-line-height": "16px",
+    "feature-item-badge-padding-x": "8px",
+    "feature-item-badge-padding-y": "4px",
+    "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": "13px",
-    "feature-item-description-line-height": "1.55",
-    "feature-item-icon-radius": "10px",
-    "feature-item-icon-size": "40px",
-    "feature-item-link-color": "oklch(56.08% 0.1221 160.56)",
-    "feature-item-link-font-size": "12px",
-    "feature-item-link-font-weight": "600",
-    "feature-item-link-gap": "4px",
-    "feature-item-link-margin-top": "4px",
-    "feature-item-root-gap": "14px",
-    "feature-item-root-padding": "4px",
+    "feature-item-description-font-size": "16px",
+    "feature-item-description-font-weight": "400",
+    "feature-item-description-line-height": "24px",
+    "feature-item-icon-size": "20px",
+    "feature-item-root-gap": "16px",
     "feature-item-title-color": "oklch(14.48% 0.0000 0)",
-    "feature-item-title-font-size": "14px",
+    "feature-item-title-font-size": "18px",
     "feature-item-title-font-weight": "600",
-    "feature-item-tone-brand-bg": "oklch(81.75% 0.1821 159.79)",
-    "feature-item-tone-brand-fg": "oklch(18.34% 0.0338 166.67)",
-    "feature-item-tone-info-bg": "oklch(97.05% 0.0142 254.60)",
-    "feature-item-tone-info-fg": "oklch(48.82% 0.2172 264.38)",
-    "feature-item-tone-subtle-bg": "oklch(97.65% 0.0243 170.99)",
-    "feature-item-tone-subtle-fg": "oklch(56.08% 0.1221 160.56)",
-    "feature-item-tone-warning-bg": "oklch(98.73% 0.0262 102.21)",
-    "feature-item-tone-warning-fg": "oklch(55.38% 0.1207 66.44)",
+    "feature-item-title-line-height": "24px",
     "featured-icon-color-brand-bg": "oklch(97.65% 0.0243 170.99)",
     "featured-icon-color-brand-fg": "oklch(81.75% 0.1821 159.79)",
     "featured-icon-color-default-bg": "oklch(97.02% 0.0000 0)",
@@ -1629,6 +1625,7 @@ export const tokens = {
     "link-text-lg": "18px",
     "link-text-sm": "14px",
     "link-text-xs": "12px",
+    "logo-conta-size": "24px",
     "markdown-editor-area-background": "transparent",
     "markdown-editor-area-foreground": "oklch(14.48% 0.0000 0)",
     "markdown-editor-area-padding": "16px",
@@ -2296,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)",
@@ -2355,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",
@@ -2128,10 +2128,16 @@
         "value": "500"
       },
       {
-        "name": "feature-item-link-font-weight",
-        "cssVar": "--feature-item-link-font-weight",
+        "name": "feature-item-badge-font-weight",
+        "cssVar": "--feature-item-badge-font-weight",
         "type": "fontWeight",
-        "value": "600"
+        "value": "500"
+      },
+      {
+        "name": "feature-item-description-font-weight",
+        "cssVar": "--feature-item-description-font-weight",
+        "type": "fontWeight",
+        "value": "400"
       },
       {
         "name": "feature-item-title-font-weight",
@@ -8752,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",
@@ -8763,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",
@@ -8787,78 +8793,90 @@
         "value": "500px"
       },
       {
-        "name": "feature-item-body-gap",
-        "cssVar": "--feature-item-body-gap",
-        "type": "dimension",
-        "value": "4px"
+        "name": "feature-item-badge-bg",
+        "cssVar": "--feature-item-badge-bg",
+        "type": "color",
+        "value": "oklch(97.05% 0.0142 254.60)"
       },
       {
-        "name": "feature-item-description-color",
-        "cssVar": "--feature-item-description-color",
+        "name": "feature-item-badge-border",
+        "cssVar": "--feature-item-badge-border",
         "type": "color",
-        "value": "oklch(55.55% 0.0000 0)"
+        "value": "oklch(88.23% 0.0571 254.13)"
       },
       {
-        "name": "feature-item-description-font-size",
-        "cssVar": "--feature-item-description-font-size",
+        "name": "feature-item-badge-fg",
+        "cssVar": "--feature-item-badge-fg",
+        "type": "color",
+        "value": "oklch(48.82% 0.2172 264.38)"
+      },
+      {
+        "name": "feature-item-badge-font-size",
+        "cssVar": "--feature-item-badge-font-size",
         "type": "fontSize",
-        "value": "13px"
+        "value": "12px"
       },
       {
-        "name": "feature-item-description-line-height",
-        "cssVar": "--feature-item-description-line-height",
+        "name": "feature-item-badge-line-height",
+        "cssVar": "--feature-item-badge-line-height",
         "type": "lineHeight",
-        "value": "1.55"
+        "value": "16px"
       },
       {
-        "name": "feature-item-icon-radius",
-        "cssVar": "--feature-item-icon-radius",
+        "name": "feature-item-badge-padding-x",
+        "cssVar": "--feature-item-badge-padding-x",
         "type": "dimension",
-        "description": "FeatureItem icon plate radius 10px per Figma /Feature-item canonical.",
-        "value": "10px"
+        "value": "8px"
       },
       {
-        "name": "feature-item-icon-size",
-        "cssVar": "--feature-item-icon-size",
+        "name": "feature-item-badge-padding-y",
+        "cssVar": "--feature-item-badge-padding-y",
         "type": "dimension",
-        "description": "FeatureItem icon plate size 40px per Figma /Feature-item canonical.",
-        "value": "40px"
+        "value": "4px"
+      },
+      {
+        "name": "feature-item-badge-radius",
+        "cssVar": "--feature-item-badge-radius",
+        "type": "dimension",
+        "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-link-color",
-        "cssVar": "--feature-item-link-color",
+        "name": "feature-item-body-gap",
+        "cssVar": "--feature-item-body-gap",
+        "type": "dimension",
+        "value": "8px"
+      },
+      {
+        "name": "feature-item-description-color",
+        "cssVar": "--feature-item-description-color",
         "type": "color",
-        "value": "oklch(56.08% 0.1221 160.56)"
+        "value": "oklch(55.55% 0.0000 0)"
       },
       {
-        "name": "feature-item-link-font-size",
-        "cssVar": "--feature-item-link-font-size",
+        "name": "feature-item-description-font-size",
+        "cssVar": "--feature-item-description-font-size",
         "type": "fontSize",
-        "value": "12px"
+        "value": "16px"
       },
       {
-        "name": "feature-item-link-gap",
-        "cssVar": "--feature-item-link-gap",
-        "type": "dimension",
-        "value": "4px"
+        "name": "feature-item-description-line-height",
+        "cssVar": "--feature-item-description-line-height",
+        "type": "lineHeight",
+        "value": "24px"
       },
       {
-        "name": "feature-item-link-margin-top",
-        "cssVar": "--feature-item-link-margin-top",
+        "name": "feature-item-icon-size",
+        "cssVar": "--feature-item-icon-size",
         "type": "dimension",
-        "value": "4px"
+        "description": "Glifo inline da variante icon. A placa do feature-icon vem do FeaturedIcon.",
+        "value": "20px"
       },
       {
         "name": "feature-item-root-gap",
         "cssVar": "--feature-item-root-gap",
         "type": "dimension",
-        "value": "14px"
-      },
-      {
-        "name": "feature-item-root-padding",
-        "cssVar": "--feature-item-root-padding",
-        "type": "dimension",
-        "value": "4px"
+        "value": "16px"
       },
       {
         "name": "feature-item-title-color",
@@ -8870,55 +8888,13 @@
         "name": "feature-item-title-font-size",
         "cssVar": "--feature-item-title-font-size",
         "type": "fontSize",
-        "value": "14px"
-      },
-      {
-        "name": "feature-item-tone-brand-bg",
-        "cssVar": "--feature-item-tone-brand-bg",
-        "type": "color",
-        "value": "oklch(81.75% 0.1821 159.79)"
-      },
-      {
-        "name": "feature-item-tone-brand-fg",
-        "cssVar": "--feature-item-tone-brand-fg",
-        "type": "color",
-        "value": "oklch(18.34% 0.0338 166.67)"
-      },
-      {
-        "name": "feature-item-tone-info-bg",
-        "cssVar": "--feature-item-tone-info-bg",
-        "type": "color",
-        "value": "oklch(97.05% 0.0142 254.60)"
-      },
-      {
-        "name": "feature-item-tone-info-fg",
-        "cssVar": "--feature-item-tone-info-fg",
-        "type": "color",
-        "value": "oklch(48.82% 0.2172 264.38)"
-      },
-      {
-        "name": "feature-item-tone-subtle-bg",
-        "cssVar": "--feature-item-tone-subtle-bg",
-        "type": "color",
-        "value": "oklch(97.65% 0.0243 170.99)"
-      },
-      {
-        "name": "feature-item-tone-subtle-fg",
-        "cssVar": "--feature-item-tone-subtle-fg",
-        "type": "color",
-        "value": "oklch(56.08% 0.1221 160.56)"
-      },
-      {
-        "name": "feature-item-tone-warning-bg",
-        "cssVar": "--feature-item-tone-warning-bg",
-        "type": "color",
-        "value": "oklch(98.73% 0.0262 102.21)"
+        "value": "18px"
       },
       {
-        "name": "feature-item-tone-warning-fg",
-        "cssVar": "--feature-item-tone-warning-fg",
-        "type": "color",
-        "value": "oklch(55.38% 0.1207 66.44)"
+        "name": "feature-item-title-line-height",
+        "cssVar": "--feature-item-title-line-height",
+        "type": "lineHeight",
+        "value": "24px"
       },
       {
         "name": "featured-icon-color-brand-bg",
@@ -11334,6 +11310,13 @@
         "type": "fontSize",
         "value": "12px"
       },
+      {
+        "name": "logo-conta-size",
+        "cssVar": "--logo-conta-size",
+        "type": "dimension",
+        "description": "LogoConta circular badge diameter (24px per Figma /Logo-Conta canonical, node 1138:2959).",
+        "value": "24px"
+      },
       {
         "name": "markdown-editor-area-background",
         "cssVar": "--markdown-editor-area-background",
@@ -13887,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",
@@ -14245,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.11",
+  "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",