@etus/ui 0.4.0-beta.10 → 0.4.0-beta.11

package/dist/styles.css

@@ -434,23 +434,14 @@
   --button-shadow-default: 0 1px 2px 0 rgb(0 0 0 / 0.05), 0 1px 3px 0 rgb(0 0 0 / 0.1);
   --button-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --button-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --button-size-2xl-gap: 8px;
-  --button-size-2xl-h: 60px;
-  --button-size-2xl-leading: 28px;
-  --button-size-2xl-px: 40px;
-  --button-size-2xl-py: 16px;
-  --button-size-2xl-text: 18px;
   --button-size-default-gap: 8px;
   --button-size-default-h: 36px;
   --button-size-default-leading: 20px;
   --button-size-default-px: 16px;
   --button-size-default-py: 8px;
   --button-size-default-text: 14px;
-  --button-size-icon-2xl-size: 60px;
-  --button-size-icon-lg-size: 40px;
   --button-size-icon-size: 36px;
   --button-size-icon-sm-size: 32px;
-  --button-size-icon-xl-size: 48px;
   --button-size-lg-gap: 8px;
   --button-size-lg-h: 40px;
   --button-size-lg-leading: 20px;
@@ -463,12 +454,6 @@
   --button-size-sm-px: 12px;
   --button-size-sm-py: 8px;
   --button-size-sm-text: 12px;
-  --button-size-xl-gap: 8px;
-  --button-size-xl-h: 48px;
-  --button-size-xl-leading: 24px;
-  --button-size-xl-px: 32px;
-  --button-size-xl-py: 12px;
-  --button-size-xl-text: 16px;
   --button-tertiary-color-bg-hover: oklch(97.02% 0.0000 0);
   --button-tertiary-color-fg-default: oklch(81.75% 0.1821 159.79);
   --button-tertiary-color-fg-hover: oklch(81.75% 0.1821 159.79);
@@ -854,6 +839,7 @@
   --date-range-picker-today-button-text-size: 0.75rem;
   --date-range-picker-trigger-gap: 8px;
   --date-range-picker-trigger-width: 300px;
+  --destructive-active: oklch(50.54% 0.1905 27.52);
   --destructive-border: oklch(88.45% 0.0593 18.33);
   --destructive-foreground: oklch(100.00% 0.0000 0);
   --destructive-hover: oklch(57.71% 0.2152 27.33);
@@ -1963,6 +1949,7 @@
   --scroll-bar-width-default: 0.625rem;
   --scroll-bar-width-thin: 0.375rem;
   --scroll-bar-width-wide: 0.875rem;
+  --secondary-active: oklch(58.24% 0.1354 137.66);
   --secondary-border: oklch(94.80% 0.0824 139.21);
   --secondary-foreground: oklch(21.23% 0.0502 138.22);
   --secondary-hover: oklch(72.57% 0.1684 137.62);
@@ -2961,7 +2948,7 @@
   --accordion-trigger-ring-primary: oklch(84.11% 0.1609 163.31);
   --alert-dialog-content-bg: oklch(26.86% 0.0000 0);
   --alert-dialog-content-border: oklch(37.15% 0.0000 0);
-  --alert-dialog-icon-pill-color-default-bg: oklch(26.86% 0.0000 0);
+  --alert-dialog-icon-pill-color-default-bg: oklch(37.15% 0.0000 0);
   --alert-dialog-icon-pill-color-default-fg: oklch(71.55% 0.0000 0);
   --alert-dialog-icon-pill-color-destructive-bg: oklch(25.75% 0.0886 26.04);
   --alert-dialog-icon-pill-color-destructive-fg: oklch(80.77% 0.1035 19.57);
@@ -2985,13 +2972,13 @@
   --alert-variant-warning-fg: oklch(90.52% 0.1657 98.11);
   --asset-manager-item-background: oklch(26.86% 0.0000 0);
   --asset-manager-item-border: oklch(37.15% 0.0000 0);
-  --asset-manager-preview-background: oklch(26.86% 0.0000 0);
+  --asset-manager-preview-background: oklch(37.15% 0.0000 0);
   --asset-palette-status-approved-color: oklch(84.11% 0.1609 163.31);
   --asset-palette-status-archived-color: oklch(71.55% 0.0000 0);
   --asset-palette-type-code-md-color: oklch(71.55% 0.0000 0);
-  --asset-palette-type-code-md-tint: oklch(26.86% 0.0000 0);
+  --asset-palette-type-code-md-tint: oklch(37.15% 0.0000 0);
   --asset-palette-type-unknown-color: oklch(71.55% 0.0000 0);
-  --asset-palette-type-unknown-tint: oklch(26.86% 0.0000 0);
+  --asset-palette-type-unknown-tint: oklch(37.15% 0.0000 0);
   --autocomplete-content-bg: oklch(20.46% 0.0000 0);
   --autocomplete-content-border: oklch(37.15% 0.0000 0);
   --autocomplete-content-fg: oklch(98.51% 0.0000 0);
@@ -2999,7 +2986,7 @@
   --autocomplete-item-highlighted-bg: oklch(26.88% 0.0527 163.85);
   --autocomplete-item-highlighted-fg: oklch(95.21% 0.0467 171.12);
   --autocomplete-loading-fg: oklch(71.55% 0.0000 0);
-  --avatar-fallback-bg-default: oklch(26.86% 0.0000 0);
+  --avatar-fallback-bg-default: oklch(37.15% 0.0000 0);
   --avatar-fallback-bg-destructive: oklch(63.68% 0.2078 25.33);
   --avatar-fallback-bg-primary: oklch(84.11% 0.1609 163.31);
   --avatar-fallback-bg-secondary: oklch(28.73% 0.0661 137.75);
@@ -3052,21 +3039,21 @@
   --breadcrumb-page-text: oklch(98.51% 0.0000 0);
   --button-destructive-bg-default: oklch(63.68% 0.2078 25.33);
   --button-destructive-bg-hover: oklch(63.68% 0.2078 25.33);
-  --button-disabled-bg: oklch(26.86% 0.0000 0);
+  --button-disabled-bg: oklch(37.15% 0.0000 0);
   --button-disabled-border: oklch(37.15% 0.0000 0);
   --button-disabled-fg: oklch(71.55% 0.0000 0);
   --button-ghost-bg-hover: oklch(26.88% 0.0527 163.85);
   --button-ghost-fg-default: oklch(98.51% 0.0000 0);
   --button-ghost-fg-hover: oklch(95.21% 0.0467 171.12);
-  --button-group-item-background-active: oklch(26.86% 0.0000 0);
-  --button-group-item-background-hover: oklch(26.86% 0.0000 0);
+  --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-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);
   --button-group-root-fg-primary: oklch(18.34% 0.0338 166.67);
   --button-group-separator-color: oklch(43.86% 0.0000 0);
-  --button-group-text-background: oklch(26.86% 0.0000 0);
+  --button-group-text-background: oklch(37.15% 0.0000 0);
   --button-link-color-fg-default: oklch(84.11% 0.1609 163.31);
   --button-link-color-fg-hover: oklch(84.11% 0.1609 163.31);
   --button-link-gray-fg-default: oklch(71.55% 0.0000 0);
@@ -3093,7 +3080,7 @@
   --button-secondary-gray-border-hover: oklch(37.15% 0.0000 0);
   --button-secondary-gray-fg-default: oklch(98.51% 0.0000 0);
   --button-secondary-gray-fg-hover: oklch(95.21% 0.0467 171.12);
-  --button-tertiary-color-bg-hover: oklch(26.86% 0.0000 0);
+  --button-tertiary-color-bg-hover: oklch(37.15% 0.0000 0);
   --button-tertiary-color-fg-default: oklch(84.11% 0.1609 163.31);
   --button-tertiary-color-fg-hover: oklch(84.11% 0.1609 163.31);
   --button-tertiary-gray-bg-hover: oklch(26.88% 0.0527 163.85);
@@ -3113,7 +3100,7 @@
   --chart-card-border: oklch(37.15% 0.0000 0);
   --chart-card-empty-state-caption-color: oklch(71.55% 0.0000 0);
   --chart-card-empty-state-title-color: oklch(98.51% 0.0000 0);
-  --chart-card-featured-icon-bg: oklch(26.86% 0.0000 0);
+  --chart-card-featured-icon-bg: oklch(37.15% 0.0000 0);
   --chart-card-fg: oklch(98.51% 0.0000 0);
   --chart-card-footer-caption-color: oklch(71.55% 0.0000 0);
   --chart-card-footer-trend-color: oklch(98.51% 0.0000 0);
@@ -3125,7 +3112,7 @@
   --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-disabled: oklch(26.86% 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);
   --checkbox-root-border-focus: oklch(84.11% 0.1609 163.31);
@@ -3133,7 +3120,7 @@
   --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-chip-bg: oklch(26.86% 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);
   --collection-empty-fg: oklch(71.55% 0.0000 0);
@@ -3141,7 +3128,7 @@
   --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-tab-active-bg: oklch(26.86% 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);
   --color-chrome: oklch(81.75% 0.1821 159.79);
@@ -3161,8 +3148,8 @@
   --combobox-item-focus-fg: oklch(95.21% 0.0467 171.12);
   --combobox-trigger-border-default: oklch(37.15% 0.0000 0);
   --combobox-trigger-border-focus: oklch(84.11% 0.1609 163.31);
-  --combobox-trigger-disabled-bg: oklch(26.86% 0.0000 0);
-  --combobox-trigger-disabled-border: oklch(26.86% 0.0000 0);
+  --combobox-trigger-disabled-bg: oklch(37.15% 0.0000 0);
+  --combobox-trigger-disabled-border: oklch(37.15% 0.0000 0);
   --combobox-trigger-disabled-fg: oklch(71.55% 0.0000 0);
   --combobox-trigger-ring-primary: oklch(84.11% 0.1609 163.31);
   --comment-system-item-background: oklch(26.86% 0.0000 0);
@@ -3185,8 +3172,8 @@
   --datatable-error-state-icon-color: oklch(63.68% 0.2078 25.33);
   --datatable-pagination-info-color: oklch(71.55% 0.0000 0);
   --datatable-row-bg-highlighted: oklch(84.11% 0.1609 163.31);
-  --datatable-row-bg-hover: oklch(26.86% 0.0000 0);
-  --datatable-row-bg-selected: oklch(26.86% 0.0000 0);
+  --datatable-row-bg-hover: oklch(37.15% 0.0000 0);
+  --datatable-row-bg-selected: oklch(37.15% 0.0000 0);
   --datatable-sort-badge-bg: oklch(84.11% 0.1609 163.31);
   --datatable-sort-badge-fg: oklch(18.34% 0.0338 166.67);
   --datatable-toolbar-search-icon-color: oklch(71.55% 0.0000 0);
@@ -3195,10 +3182,11 @@
   --date-picker-content-fg: oklch(98.51% 0.0000 0);
   --date-picker-trigger-border-default: oklch(37.15% 0.0000 0);
   --date-picker-trigger-border-focus: oklch(84.11% 0.1609 163.31);
-  --date-picker-trigger-disabled-bg: oklch(26.86% 0.0000 0);
-  --date-picker-trigger-disabled-border: oklch(26.86% 0.0000 0);
+  --date-picker-trigger-disabled-bg: oklch(37.15% 0.0000 0);
+  --date-picker-trigger-disabled-border: oklch(37.15% 0.0000 0);
   --date-picker-trigger-disabled-fg: oklch(71.55% 0.0000 0);
   --date-picker-trigger-ring-primary: oklch(84.11% 0.1609 163.31);
+  --destructive-active: oklch(80.77% 0.1035 19.57);
   --destructive-border: oklch(50.54% 0.1905 27.52);
   --destructive-foreground: oklch(100.00% 0.0000 0);
   --destructive-hover: oklch(71.06% 0.1661 22.22);
@@ -3227,7 +3215,7 @@
   --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%);
-  --empty-state-media-icon-bg: oklch(26.86% 0.0000 0);
+  --empty-state-media-icon-bg: oklch(37.15% 0.0000 0);
   --empty-state-media-icon-fg: oklch(98.51% 0.0000 0);
   --extended-chart-1: oklch(81.75% 0.1821 159.79);
   --extended-chart-2: oklch(65.95% 0.2608 320.32);
@@ -3247,7 +3235,7 @@
   --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(26.86% 0.0000 0);
+  --featured-icon-color-default-bg: oklch(37.15% 0.0000 0);
   --featured-icon-color-default-fg: oklch(71.55% 0.0000 0);
   --featured-icon-color-destructive-bg: oklch(25.75% 0.0886 26.04);
   --featured-icon-color-destructive-fg: oklch(63.68% 0.2078 25.33);
@@ -3258,9 +3246,9 @@
   --featured-icon-color-warning-bg: oklch(28.57% 0.0639 53.81);
   --featured-icon-color-warning-fg: oklch(79.52% 0.1617 86.05);
   --feed-content-description-color: oklch(71.55% 0.0000 0);
-  --feed-icon-background: oklch(26.86% 0.0000 0);
+  --feed-icon-background: oklch(37.15% 0.0000 0);
   --feed-icon-color: oklch(71.55% 0.0000 0);
-  --feed-item-background-active: oklch(26.86% 0.0000 0);
+  --feed-item-background-active: oklch(37.15% 0.0000 0);
   --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);
@@ -3274,17 +3262,17 @@
   --filetree-project-sub-fg: oklch(71.55% 0.0000 0);
   --filetree-row-active-bg: oklch(26.88% 0.0527 163.85);
   --filetree-row-active-fg: oklch(95.21% 0.0467 171.12);
-  --filetree-row-hover-bg: oklch(26.86% 0.0000 0);
+  --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-border: oklch(37.15% 0.0000 0);
   --filetree-shell-fg: oklch(98.51% 0.0000 0);
-  --filetree-toolbar-search-bg: oklch(26.86% 0.0000 0);
+  --filetree-toolbar-search-bg: oklch(37.15% 0.0000 0);
   --filetree-variant-ide-folder-icon-color: oklch(84.11% 0.1609 163.31);
   --filetree-variant-ide-indent-guide-color: oklch(37.15% 0.0000 0);
   --filetree-variant-notion-indent-guide-color: oklch(37.15% 0.0000 0);
   --filter-builder-group-border-color: oklch(37.15% 0.0000 0);
-  --folder-stack-empty-bg: oklch(26.86% 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);
   --foreground: oklch(98.51% 0.0000 0);
@@ -3308,17 +3296,17 @@
   --ifta-label-label-color-muted: oklch(71.55% 0.0000 0);
   --ifta-label-ring-destructive: oklch(63.68% 0.2078 25.33);
   --ifta-label-ring-primary: oklch(84.11% 0.1609 163.31);
-  --image-gallery-empty-border-color: oklch(26.86% 0.0000 0);
-  --image-gallery-loading-background: oklch(26.86% 0.0000 0);
+  --image-gallery-empty-border-color: oklch(37.15% 0.0000 0);
+  --image-gallery-loading-background: oklch(37.15% 0.0000 0);
   --image-gallery-selection-ring-color: oklch(84.11% 0.1609 163.31);
-  --image-skeleton-bg: oklch(26.86% 0.0000 0);
+  --image-skeleton-bg: oklch(37.15% 0.0000 0);
   --info-border: oklch(54.61% 0.2152 262.88);
   --info-foreground: oklch(100.00% 0.0000 0);
   --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-disabled: oklch(26.86% 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);
   --input-border-focus: oklch(84.11% 0.1609 163.31);
@@ -3335,8 +3323,8 @@
   --inversed-foreground: oklch(14.48% 0.0000 0);
   --kanban-card-background: oklch(26.86% 0.0000 0);
   --kanban-card-foreground: oklch(98.51% 0.0000 0);
-  --kanban-column-background: oklch(26.86% 0.0000 0);
-  --kbd-variant-default-background: oklch(26.86% 0.0000 0);
+  --kanban-column-background: oklch(37.15% 0.0000 0);
+  --kbd-variant-default-background: oklch(37.15% 0.0000 0);
   --kbd-variant-default-color: oklch(71.55% 0.0000 0);
   --kbd-variant-ghost-background: transparent;
   --kbd-variant-ghost-color: oklch(71.55% 0.0000 0);
@@ -3362,11 +3350,11 @@
   --link-color-nav: oklch(98.51% 0.0000 0);
   --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(26.86% 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-root-border: oklch(43.86% 0.0000 0);
-  --markdown-editor-toolbar-background: oklch(26.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);
   --menu-content-bg: oklch(20.46% 0.0000 0);
   --menu-content-border: oklch(37.15% 0.0000 0);
@@ -3376,7 +3364,7 @@
   --menu-item-fg-hover: oklch(95.21% 0.0467 171.12);
   --modal-content-bg: oklch(26.86% 0.0000 0);
   --modal-content-border: oklch(37.15% 0.0000 0);
-  --modal-icon-pill-color-default-bg: oklch(26.86% 0.0000 0);
+  --modal-icon-pill-color-default-bg: oklch(37.15% 0.0000 0);
   --modal-icon-pill-color-default-fg: oklch(71.55% 0.0000 0);
   --modal-icon-pill-color-destructive-bg: oklch(25.75% 0.0886 26.04);
   --modal-icon-pill-color-destructive-fg: oklch(80.77% 0.1035 19.57);
@@ -3389,11 +3377,11 @@
   --multiselect-tag-bg: oklch(28.73% 0.0661 137.75);
   --multiselect-tag-fg: oklch(97.98% 0.0312 139.44);
   --muted-foreground: oklch(71.55% 0.0000 0);
-  --muted: oklch(26.86% 0.0000 0);
+  --muted: oklch(37.15% 0.0000 0);
   --native-select-focus-ring-color: oklch(84.11% 0.1609 163.31);
   --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(26.86% 0.0000 0);
+  --native-select-variant-filled-bg: oklch(37.15% 0.0000 0);
   --navbar-root-background: oklch(14.48% 0.0000 0);
   --navbar-root-border-color: oklch(37.15% 0.0000 0);
   --navigation-menu-content-bg: oklch(20.46% 0.0000 0);
@@ -3416,7 +3404,7 @@
   --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-subtle-bg: oklch(26.86% 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);
   --paragraph-color-muted: oklch(71.55% 0.0000 0);
@@ -3447,29 +3435,29 @@
   --progress-bar-label-position-bottom-color: oklch(71.55% 0.0000 0);
   --progress-bar-label-position-floating-color: oklch(98.51% 0.0000 0);
   --progress-bar-label-position-right-color: oklch(98.51% 0.0000 0);
-  --progress-bar-track-color-default: oklch(26.86% 0.0000 0);
-  --progress-bar-track-color-error: oklch(26.86% 0.0000 0);
-  --progress-bar-track-color-info: oklch(26.86% 0.0000 0);
-  --progress-bar-track-color-primary: oklch(26.86% 0.0000 0);
-  --progress-bar-track-color-secondary: oklch(26.86% 0.0000 0);
-  --progress-bar-track-color-success: oklch(26.86% 0.0000 0);
-  --progress-bar-track-color-warning: oklch(26.86% 0.0000 0);
+  --progress-bar-track-color-default: oklch(37.15% 0.0000 0);
+  --progress-bar-track-color-error: oklch(37.15% 0.0000 0);
+  --progress-bar-track-color-info: oklch(37.15% 0.0000 0);
+  --progress-bar-track-color-primary: oklch(37.15% 0.0000 0);
+  --progress-bar-track-color-secondary: oklch(37.15% 0.0000 0);
+  --progress-bar-track-color-success: oklch(37.15% 0.0000 0);
+  --progress-bar-track-color-warning: oklch(37.15% 0.0000 0);
   --progress-circle-indicator-color-default: oklch(98.51% 0.0000 0);
   --progress-circle-indicator-color-error: oklch(63.68% 0.2078 25.33);
   --progress-circle-indicator-color-primary: oklch(84.11% 0.1609 163.31);
   --progress-circle-indicator-color-success: oklch(72.27% 0.1920 149.58);
   --progress-circle-indicator-color-warning: oklch(79.52% 0.1617 86.05);
   --progress-circle-label-color: oklch(71.55% 0.0000 0);
-  --progress-circle-track-color-default: oklch(26.86% 0.0000 0);
-  --progress-circle-track-color-error: oklch(26.86% 0.0000 0);
-  --progress-circle-track-color-primary: oklch(26.86% 0.0000 0);
-  --progress-circle-track-color-success: oklch(26.86% 0.0000 0);
-  --progress-circle-track-color-warning: oklch(26.86% 0.0000 0);
+  --progress-circle-track-color-default: oklch(37.15% 0.0000 0);
+  --progress-circle-track-color-error: oklch(37.15% 0.0000 0);
+  --progress-circle-track-color-primary: oklch(37.15% 0.0000 0);
+  --progress-circle-track-color-success: oklch(37.15% 0.0000 0);
+  --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-disabled: oklch(26.86% 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);
   --radio-root-border-focus: oklch(84.11% 0.1609 163.31);
@@ -3506,11 +3494,12 @@
   --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-border: oklch(43.86% 0.0000 0);
-  --rich-text-editor-toolbar-background: oklch(26.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);
   --ring-offset: oklch(14.48% 0.0000 0);
   --ring: oklch(84.11% 0.1609 163.31);
   --scroll-bar-thumb-bg: oklch(37.15% 0.0000 0);
+  --secondary-active: oklch(58.24% 0.1354 137.66);
   --secondary-border: oklch(42.97% 0.0993 137.99);
   --secondary-foreground: oklch(97.98% 0.0312 139.44);
   --secondary-hover: oklch(42.97% 0.0993 137.99);
@@ -3523,8 +3512,8 @@
   --select-item-focus-bg: oklch(26.88% 0.0527 163.85);
   --select-item-focus-fg: oklch(95.21% 0.0467 171.12);
   --select-trigger-border-focus: oklch(84.11% 0.1609 163.31);
-  --select-trigger-disabled-bg: oklch(26.86% 0.0000 0);
-  --select-trigger-disabled-border: oklch(26.86% 0.0000 0);
+  --select-trigger-disabled-bg: oklch(37.15% 0.0000 0);
+  --select-trigger-disabled-border: oklch(37.15% 0.0000 0);
   --select-trigger-disabled-fg: oklch(71.55% 0.0000 0);
   --select-trigger-ring-destructive: oklch(63.68% 0.2078 25.33);
   --select-trigger-ring-primary: oklch(84.11% 0.1609 163.31);
@@ -3547,13 +3536,13 @@
   --sidebar-input-foreground: oklch(98.51% 0.0000 0);
   --sidebar-logo-background: oklch(84.11% 0.1609 163.31);
   --sidebar-logo-foreground: oklch(18.34% 0.0338 166.67);
-  --sidebar-nav-item-bg-hover: oklch(26.86% 0.0000 0);
+  --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-border-color: oklch(37.15% 0.0000 0);
   --sidebar-panel-header-color: oklch(98.51% 0.0000 0);
-  --sidebar-rail-item-bg-hover: oklch(26.86% 0.0000 0);
+  --sidebar-rail-item-bg-hover: oklch(37.15% 0.0000 0);
   --sidebar-rail-item-fg-active: oklch(98.51% 0.0000 0);
   --sidebar-rail-item-fg-default: oklch(71.55% 0.0000 0);
   --sidebar-ring: oklch(84.11% 0.1609 163.31);
@@ -3561,7 +3550,7 @@
   --sidebar: oklch(20.46% 0.0000 0);
   --single-stat-label-color: oklch(71.55% 0.0000 0);
   --single-stat-value-color: oklch(98.51% 0.0000 0);
-  --skeleton-bg: oklch(26.86% 0.0000 0);
+  --skeleton-bg: oklch(37.15% 0.0000 0);
   --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);
@@ -3569,7 +3558,7 @@
   --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);
-  --slider-track-bg: oklch(26.86% 0.0000 0);
+  --slider-track-bg: oklch(37.15% 0.0000 0);
   --spinner-color-default: oklch(71.55% 0.0000 0);
   --spinner-color-error: oklch(63.68% 0.2078 25.33);
   --spinner-color-primary: oklch(84.11% 0.1609 163.31);
@@ -3611,11 +3600,11 @@
   --status-warning-subtle-foreground: oklch(90.52% 0.1657 98.11);
   --status-warning-subtle: oklch(28.57% 0.0639 53.81);
   --stepper-indicator-background-active: oklch(84.11% 0.1609 163.31);
-  --stepper-indicator-background-inactive: oklch(26.86% 0.0000 0);
+  --stepper-indicator-background-inactive: oklch(37.15% 0.0000 0);
   --stepper-indicator-color-active: oklch(18.34% 0.0338 166.67);
   --stepper-indicator-color-inactive: oklch(71.55% 0.0000 0);
   --stepper-separator-color-active: oklch(84.11% 0.1609 163.31);
-  --stepper-separator-color: oklch(26.86% 0.0000 0);
+  --stepper-separator-color: oklch(37.15% 0.0000 0);
   --success-border: oklch(52.73% 0.1371 150.07);
   --success-foreground: oklch(100.00% 0.0000 0);
   --success-subtle-foreground: oklch(87.12% 0.1363 154.45);
@@ -3624,7 +3613,7 @@
   --surface-foreground: oklch(97.02% 0.0000 0);
   --surface: oklch(20.46% 0.0000 0);
   --switch-thumb-bg: oklch(14.48% 0.0000 0);
-  --switch-track-bg-disabled: oklch(26.86% 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);
   --switch-track-ring-ghost: oklch(71.55% 0.0000 0);
@@ -3634,12 +3623,12 @@
   --table-header-bg: oklch(14.48% 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(26.86% 0.0000 0);
-  --tabs-list-bg: oklch(26.86% 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-fg: oklch(98.51% 0.0000 0);
-  --tabs-trigger-badge-bg: oklch(26.86% 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);
@@ -3648,9 +3637,9 @@
   --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(26.86% 0.0000 0);
+  --tag-color-bg-checked: oklch(37.15% 0.0000 0);
   --tag-color-bg-default: oklch(14.48% 0.0000 0);
-  --tag-color-bg-hover: oklch(26.86% 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);
   --tag-color-dot: oklch(84.11% 0.1609 163.31);
@@ -3662,43 +3651,43 @@
   --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-disabled: oklch(26.86% 0.0000 0);
-  --textarea-bg-filled: oklch(26.86% 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);
-  --textarea-border-disabled: oklch(26.86% 0.0000 0);
+  --textarea-border-disabled: oklch(37.15% 0.0000 0);
   --textarea-border-error: oklch(63.68% 0.2078 25.33);
   --textarea-border-focus: oklch(84.11% 0.1609 163.31);
   --textarea-fg-default: oklch(98.51% 0.0000 0);
   --textarea-fg-disabled: oklch(71.55% 0.0000 0);
   --textarea-fg-placeholder: oklch(71.55% 0.0000 0);
   --textarea-ring-primary: oklch(84.11% 0.1609 163.31);
-  --thumbnail-root-bg: oklch(26.86% 0.0000 0);
+  --thumbnail-root-bg: oklch(37.15% 0.0000 0);
   --time-picker-focus-ring-destructive: oklch(63.68% 0.2078 25.33);
   --time-picker-focus-ring-primary: oklch(84.11% 0.1609 163.31);
   --timeline-marker-color-default: oklch(84.11% 0.1609 163.31);
   --timeline-marker-color-error: oklch(63.68% 0.2078 25.33);
-  --timeline-marker-color-muted: oklch(26.86% 0.0000 0);
+  --timeline-marker-color-muted: oklch(37.15% 0.0000 0);
   --timeline-marker-color-success: oklch(72.27% 0.1920 149.58);
   --timeline-marker-color-warning: oklch(79.52% 0.1617 86.05);
-  --timeline-marker-disabled-bg: oklch(26.86% 0.0000 0);
+  --timeline-marker-disabled-bg: oklch(37.15% 0.0000 0);
   --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-color-active: oklch(98.51% 0.0000 0);
-  --toggle-group-root-background: oklch(26.86% 0.0000 0);
-  --toggle-variant-default-bg-default: oklch(26.86% 0.0000 0);
-  --toggle-variant-default-bg-hover: oklch(26.86% 0.0000 0);
+  --toggle-group-root-background: oklch(37.15% 0.0000 0);
+  --toggle-variant-default-bg-default: oklch(37.15% 0.0000 0);
+  --toggle-variant-default-bg-hover: oklch(37.15% 0.0000 0);
   --toggle-variant-default-color-default: oklch(71.55% 0.0000 0);
   --toggle-variant-default-color-hover: oklch(98.51% 0.0000 0);
   --toggle-variant-default-color-on: oklch(98.51% 0.0000 0);
-  --toggle-variant-outline-bg-hover: oklch(26.86% 0.0000 0);
+  --toggle-variant-outline-bg-hover: oklch(37.15% 0.0000 0);
   --toggle-variant-outline-bg-on: oklch(84.11% 0.1609 163.31);
   --toggle-variant-outline-border: oklch(37.15% 0.0000 0);
   --toggle-variant-outline-color-default: oklch(98.51% 0.0000 0);
   --toggle-variant-outline-color-hover: oklch(98.51% 0.0000 0);
   --toggle-variant-outline-color-on: oklch(18.34% 0.0338 166.67);
-  --toolbar-button-background-hover: oklch(26.86% 0.0000 0);
+  --toolbar-button-background-hover: oklch(37.15% 0.0000 0);
   --toolbar-button-foreground-muted: oklch(71.55% 0.0000 0);
   --toolbar-button-foreground: oklch(98.51% 0.0000 0);
   --toolbar-root-background: oklch(26.86% 0.0000 0);
@@ -3960,6 +3949,7 @@
   --date-picker-trigger-disabled-border: oklch(97.02% 0.0000 0);
   --date-picker-trigger-disabled-fg: oklch(55.55% 0.0000 0);
   --date-picker-trigger-ring-primary: oklch(81.75% 0.1821 159.79);
+  --destructive-active: oklch(50.54% 0.1905 27.52);
   --destructive-border: oklch(88.45% 0.0593 18.33);
   --destructive-foreground: oklch(100.00% 0.0000 0);
   --destructive-hover: oklch(57.71% 0.2152 27.33);
@@ -4272,6 +4262,7 @@
   --ring-offset: oklch(100.00% 0.0000 0);
   --ring: oklch(81.75% 0.1821 159.79);
   --scroll-bar-thumb-bg: oklch(92.19% 0.0000 0);
+  --secondary-active: oklch(58.24% 0.1354 137.66);
   --secondary-border: oklch(94.80% 0.0824 139.21);
   --secondary-foreground: oklch(21.23% 0.0502 138.22);
   --secondary-hover: oklch(72.57% 0.1684 137.62);
@@ -4830,6 +4821,7 @@
   --color-date-picker-trigger-disabled-border: var(--date-picker-trigger-disabled-border);
   --color-date-picker-trigger-disabled-fg: var(--date-picker-trigger-disabled-fg);
   --color-date-picker-trigger-ring-primary: var(--date-picker-trigger-ring-primary);
+  --color-destructive-active: var(--destructive-active);
   --color-destructive-border: var(--destructive-border);
   --color-destructive-foreground: var(--destructive-foreground);
   --color-destructive-hover: var(--destructive-hover);
@@ -5169,6 +5161,7 @@
   --color-ring-offset: var(--ring-offset);
   --color-ring: var(--ring);
   --color-scroll-bar-thumb-bg: var(--scroll-bar-thumb-bg);
+  --color-secondary-active: var(--secondary-active);
   --color-secondary-border: var(--secondary-border);
   --color-secondary-foreground: var(--secondary-foreground);
   --color-secondary-hover: var(--secondary-hover);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etus/ui",
-  "version": "0.4.0-beta.10",
+  "version": "0.4.0-beta.11",
   "description": "Seven Design System - UI components for ETUS applications",
   "license": "MIT",
   "repository": {
@@ -113,7 +113,7 @@
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
     "vaul": "^1.1.2",
-    "@etus/tokens": "^0.4.0-beta.8"
+    "@etus/tokens": "^0.4.0-beta.9"
   },
   "devDependencies": {
     "@storybook/react-vite": "^10.2.15",