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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/tokens.css CHANGED
@@ -459,6 +459,7 @@
459
459
  --calendar-container-padding: 12px;
460
460
  --calendar-day-font-size: 14px;
461
461
  --calendar-day-gap: 4px;
462
+ --calendar-day-radius: 8px;
462
463
  --calendar-day-size: auto;
463
464
  --calendar-indicator-size: 4px;
464
465
  --calendar-today-indicator-offset: 0.125rem;
@@ -619,8 +620,8 @@
619
620
  --color-mobile: oklch(65.95% 0.2608 320.32);
620
621
  --color-other: oklch(63.68% 0.2078 25.33);
621
622
  --color-picker-content-gap: 12px;
622
- --color-picker-content-padding: 12px;
623
- --color-picker-content-width: 260px;
623
+ --color-picker-content-padding: 16px;
624
+ --color-picker-content-width: 320px;
624
625
  --color-picker-filled-preview-radius: 9999px;
625
626
  --color-picker-focus-ring-destructive: oklch(63.68% 0.2078 25.33);
626
627
  --color-picker-focus-ring-primary: oklch(81.75% 0.1821 159.79);
@@ -655,8 +656,8 @@
655
656
  --combobox-trigger-padding-x-lg: 14px;
656
657
  --combobox-trigger-padding-x-md: 12px;
657
658
  --combobox-trigger-padding-x-sm: 10px;
658
- --combobox-trigger-padding-y-lg: 8px;
659
- --combobox-trigger-padding-y-md: 8px;
659
+ --combobox-trigger-padding-y-lg: 6px;
660
+ --combobox-trigger-padding-y-md: 4px;
660
661
  --combobox-trigger-padding-y-sm: 4px;
661
662
  --combobox-trigger-radius: 8px;
662
663
  --combobox-trigger-ring-primary: oklch(81.75% 0.1821 159.79);
@@ -872,6 +873,7 @@
872
873
  --dropdown-menu-content-min-width: 8rem;
873
874
  --dropdown-menu-content-padding: 4px;
874
875
  --dropdown-menu-content-radius: 8px;
876
+ --dropdown-menu-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
875
877
  --dropdown-menu-content-z-index: 50;
876
878
  --dropdown-menu-indicator-left: 8px;
877
879
  --dropdown-menu-indicator-size: 0.875rem;
@@ -1194,6 +1196,7 @@
1194
1196
  --green-800: oklch(44.79% 0.1083 151.33);
1195
1197
  --green-900: oklch(39.25% 0.0896 152.54);
1196
1198
  --green-950: oklch(26.64% 0.0628 152.93);
1199
+ --header-contained-max-width: 1280px;
1197
1200
  --header-content-height: 36px;
1198
1201
  --header-height: 64px;
1199
1202
  --header-root-bg: oklch(100.00% 0.0000 0);
@@ -1506,6 +1509,10 @@
1506
1509
  --markdown-editor-toolbar-border-bottom: oklch(92.19% 0.0000 0);
1507
1510
  --markdown-editor-toolbar-gap: 4px;
1508
1511
  --markdown-editor-toolbar-padding: 8px;
1512
+ --menu-content-bg: oklch(100.00% 0.0000 0);
1513
+ --menu-content-border: oklch(92.19% 0.0000 0);
1514
+ --menu-content-radius: 8px;
1515
+ --menu-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1509
1516
  --menu-item-bg-default: transparent;
1510
1517
  --menu-item-bg-hover: oklch(95.21% 0.0467 171.12);
1511
1518
  --menu-item-fg-default: oklch(14.48% 0.0000 0);
@@ -1761,7 +1768,9 @@
1761
1768
  --priority-urgent-text: oklch(45% 0.18 25);
1762
1769
  --progress-bar-fill-color-default: oklch(81.75% 0.1821 159.79);
1763
1770
  --progress-bar-fill-color-error: oklch(63.68% 0.2078 25.33);
1771
+ --progress-bar-fill-color-info: oklch(87.82% 0.2037 137.75);
1764
1772
  --progress-bar-fill-color-primary: oklch(81.75% 0.1821 159.79);
1773
+ --progress-bar-fill-color-secondary: oklch(87.82% 0.2037 137.75);
1765
1774
  --progress-bar-fill-color-success: oklch(62.71% 0.1699 149.21);
1766
1775
  --progress-bar-fill-color-warning: oklch(86.06% 0.1731 91.94);
1767
1776
  --progress-bar-indicator-border-radius: 9999px;
@@ -1788,7 +1797,9 @@
1788
1797
  --progress-bar-size-xs-height: 4px;
1789
1798
  --progress-bar-track-color-default: oklch(97.02% 0.0000 0);
1790
1799
  --progress-bar-track-color-error: oklch(97.02% 0.0000 0);
1800
+ --progress-bar-track-color-info: oklch(97.02% 0.0000 0);
1791
1801
  --progress-bar-track-color-primary: oklch(97.02% 0.0000 0);
1802
+ --progress-bar-track-color-secondary: oklch(97.02% 0.0000 0);
1792
1803
  --progress-bar-track-color-success: oklch(97.02% 0.0000 0);
1793
1804
  --progress-bar-track-color-warning: oklch(97.02% 0.0000 0);
1794
1805
  --progress-circle-indicator-color-default: oklch(14.48% 0.0000 0);
@@ -1852,6 +1863,7 @@
1852
1863
  --rail-background: oklch(98.51% 0.0000 0);
1853
1864
  --rail-border: oklch(92.19% 0.0000 0);
1854
1865
  --rail-width: 4rem;
1866
+ --rating-focus-ring-color: oklch(81.75% 0.1821 159.79);
1855
1867
  --rating-icon-color-empty: oklch(55.55% 0.0000 0);
1856
1868
  --rating-icon-color-filled: oklch(86.06% 0.1731 91.94);
1857
1869
  --rating-icon-size-lg: 24px;
@@ -1949,14 +1961,14 @@
1949
1961
  --select-trigger-disabled-border: oklch(97.02% 0.0000 0);
1950
1962
  --select-trigger-disabled-fg: oklch(55.55% 0.0000 0);
1951
1963
  --select-trigger-gap: 8px;
1952
- --select-trigger-height-lg: 40px;
1953
- --select-trigger-height-md: 36px;
1954
- --select-trigger-height-sm: 32px;
1964
+ --select-trigger-height-lg: 44px;
1965
+ --select-trigger-height-md: 40px;
1966
+ --select-trigger-height-sm: 36px;
1955
1967
  --select-trigger-padding-x-lg: 0.875rem;
1956
1968
  --select-trigger-padding-x-md: 12px;
1957
1969
  --select-trigger-padding-x-sm: 0.625rem;
1958
- --select-trigger-padding-y-lg: 8px;
1959
- --select-trigger-padding-y-md: 8px;
1970
+ --select-trigger-padding-y-lg: 0.375rem;
1971
+ --select-trigger-padding-y-md: 4px;
1960
1972
  --select-trigger-padding-y-sm: 4px;
1961
1973
  --select-trigger-radius: 8px;
1962
1974
  --select-trigger-ring-destructive: oklch(63.68% 0.2078 25.33);
@@ -2564,6 +2576,10 @@
2564
2576
  --toggle-group-root-gap: 4px;
2565
2577
  --toggle-group-root-padding: 4px;
2566
2578
  --toggle-group-root-radius: 0.375rem;
2579
+ --toggle-icon-size-default: 16px;
2580
+ --toggle-icon-size-lg: 16px;
2581
+ --toggle-icon-size-md: 16px;
2582
+ --toggle-icon-size-sm: 12px;
2567
2583
  --toggle-icon-size: 16px;
2568
2584
  --toggle-root-border-radius-pill: 9999px;
2569
2585
  --toggle-root-border-radius-rounded: 8px;
@@ -3304,6 +3320,8 @@
3304
3320
  --markdown-editor-root-border: oklch(43.86% 0.0000 0);
3305
3321
  --markdown-editor-toolbar-background: oklch(26.86% 0.0000 0);
3306
3322
  --markdown-editor-toolbar-border-bottom: oklch(37.15% 0.0000 0);
3323
+ --menu-content-bg: oklch(20.46% 0.0000 0);
3324
+ --menu-content-border: oklch(37.15% 0.0000 0);
3307
3325
  --menu-item-bg-hover: oklch(26.88% 0.0527 163.85);
3308
3326
  --menu-item-fg-default: oklch(98.51% 0.0000 0);
3309
3327
  --menu-item-fg-destructive: oklch(63.68% 0.2078 25.33);
@@ -3383,7 +3401,9 @@
3383
3401
  --progress-bar-label-position-right-color: oklch(98.51% 0.0000 0);
3384
3402
  --progress-bar-track-color-default: oklch(26.86% 0.0000 0);
3385
3403
  --progress-bar-track-color-error: oklch(26.86% 0.0000 0);
3404
+ --progress-bar-track-color-info: oklch(26.86% 0.0000 0);
3386
3405
  --progress-bar-track-color-primary: oklch(26.86% 0.0000 0);
3406
+ --progress-bar-track-color-secondary: oklch(26.86% 0.0000 0);
3387
3407
  --progress-bar-track-color-success: oklch(26.86% 0.0000 0);
3388
3408
  --progress-bar-track-color-warning: oklch(26.86% 0.0000 0);
3389
3409
  --progress-circle-indicator-color-default: oklch(98.51% 0.0000 0);
@@ -3409,6 +3429,7 @@
3409
3429
  --rail-accent: oklch(26.88% 0.0527 163.85);
3410
3430
  --rail-background: oklch(20.46% 0.0000 0);
3411
3431
  --rail-border: oklch(37.15% 0.0000 0);
3432
+ --rating-focus-ring-color: oklch(84.11% 0.1609 163.31);
3412
3433
  --rating-icon-color-filled: oklch(79.52% 0.1617 86.05);
3413
3434
  --report-builder-accent-bg-subtle: oklch(33.49% 0.0383 251.89);
3414
3435
  --report-builder-accent-bg: oklch(34.67% 0.0731 256.69);
@@ -4047,6 +4068,8 @@
4047
4068
  --markdown-editor-root-border: oklch(92.19% 0.0000 0);
4048
4069
  --markdown-editor-toolbar-background: oklch(97.02% 0.0000 0);
4049
4070
  --markdown-editor-toolbar-border-bottom: oklch(92.19% 0.0000 0);
4071
+ --menu-content-bg: oklch(100.00% 0.0000 0);
4072
+ --menu-content-border: oklch(92.19% 0.0000 0);
4050
4073
  --menu-item-bg-hover: oklch(95.21% 0.0467 171.12);
4051
4074
  --menu-item-fg-default: oklch(14.48% 0.0000 0);
4052
4075
  --menu-item-fg-destructive: oklch(63.68% 0.2078 25.33);
@@ -4126,7 +4149,9 @@
4126
4149
  --progress-bar-label-position-right-color: oklch(14.48% 0.0000 0);
4127
4150
  --progress-bar-track-color-default: oklch(97.02% 0.0000 0);
4128
4151
  --progress-bar-track-color-error: oklch(97.02% 0.0000 0);
4152
+ --progress-bar-track-color-info: oklch(97.02% 0.0000 0);
4129
4153
  --progress-bar-track-color-primary: oklch(97.02% 0.0000 0);
4154
+ --progress-bar-track-color-secondary: oklch(97.02% 0.0000 0);
4130
4155
  --progress-bar-track-color-success: oklch(97.02% 0.0000 0);
4131
4156
  --progress-bar-track-color-warning: oklch(97.02% 0.0000 0);
4132
4157
  --progress-circle-indicator-color-default: oklch(14.48% 0.0000 0);
@@ -4152,6 +4177,7 @@
4152
4177
  --rail-accent: oklch(95.21% 0.0467 171.12);
4153
4178
  --rail-background: oklch(98.51% 0.0000 0);
4154
4179
  --rail-border: oklch(92.19% 0.0000 0);
4180
+ --rating-focus-ring-color: oklch(81.75% 0.1821 159.79);
4155
4181
  --rating-icon-color-filled: oklch(86.06% 0.1731 91.94);
4156
4182
  --report-builder-accent-bg-subtle: oklch(97.14% 0.0108 256.69);
4157
4183
  --report-builder-accent-bg: oklch(95.32% 0.0207 261.77);
@@ -4914,6 +4940,8 @@
4914
4940
  --color-markdown-editor-root-border: var(--markdown-editor-root-border);
4915
4941
  --color-markdown-editor-toolbar-background: var(--markdown-editor-toolbar-background);
4916
4942
  --color-markdown-editor-toolbar-border-bottom: var(--markdown-editor-toolbar-border-bottom);
4943
+ --color-menu-content-bg: var(--menu-content-bg);
4944
+ --color-menu-content-border: var(--menu-content-border);
4917
4945
  --color-menu-item-bg-default: var(--menu-item-bg-default);
4918
4946
  --color-menu-item-bg-hover: var(--menu-item-bg-hover);
4919
4947
  --color-menu-item-fg-default: var(--menu-item-fg-default);
@@ -4994,7 +5022,9 @@
4994
5022
  --color-priority-urgent-text: var(--priority-urgent-text);
4995
5023
  --color-progress-bar-fill-color-default: var(--progress-bar-fill-color-default);
4996
5024
  --color-progress-bar-fill-color-error: var(--progress-bar-fill-color-error);
5025
+ --color-progress-bar-fill-color-info: var(--progress-bar-fill-color-info);
4997
5026
  --color-progress-bar-fill-color-primary: var(--progress-bar-fill-color-primary);
5027
+ --color-progress-bar-fill-color-secondary: var(--progress-bar-fill-color-secondary);
4998
5028
  --color-progress-bar-fill-color-success: var(--progress-bar-fill-color-success);
4999
5029
  --color-progress-bar-fill-color-warning: var(--progress-bar-fill-color-warning);
5000
5030
  --color-progress-bar-label-position-bottom-color: var(--progress-bar-label-position-bottom-color);
@@ -5002,7 +5032,9 @@
5002
5032
  --color-progress-bar-label-position-right-color: var(--progress-bar-label-position-right-color);
5003
5033
  --color-progress-bar-track-color-default: var(--progress-bar-track-color-default);
5004
5034
  --color-progress-bar-track-color-error: var(--progress-bar-track-color-error);
5035
+ --color-progress-bar-track-color-info: var(--progress-bar-track-color-info);
5005
5036
  --color-progress-bar-track-color-primary: var(--progress-bar-track-color-primary);
5037
+ --color-progress-bar-track-color-secondary: var(--progress-bar-track-color-secondary);
5006
5038
  --color-progress-bar-track-color-success: var(--progress-bar-track-color-success);
5007
5039
  --color-progress-bar-track-color-warning: var(--progress-bar-track-color-warning);
5008
5040
  --color-progress-circle-indicator-color-default: var(--progress-circle-indicator-color-default);
@@ -5028,6 +5060,7 @@
5028
5060
  --color-rail-accent: var(--rail-accent);
5029
5061
  --color-rail-background: var(--rail-background);
5030
5062
  --color-rail-border: var(--rail-border);
5063
+ --color-rating-focus-ring-color: var(--rating-focus-ring-color);
5031
5064
  --color-rating-icon-color-empty: var(--rating-icon-color-empty);
5032
5065
  --color-rating-icon-color-filled: var(--rating-icon-color-filled);
5033
5066
  --color-report-builder-accent-bg-subtle: var(--report-builder-accent-bg-subtle);
package/dist/tokens.js CHANGED
@@ -599,6 +599,7 @@ export const tokens = {
599
599
  "calendar-container-padding": "12px",
600
600
  "calendar-day-font-size": "14px",
601
601
  "calendar-day-gap": "4px",
602
+ "calendar-day-radius": "8px",
602
603
  "calendar-day-size": "auto",
603
604
  "calendar-indicator-size": "4px",
604
605
  "calendar-today-indicator-offset": "0.125rem",
@@ -759,8 +760,8 @@ export const tokens = {
759
760
  "color-mobile": "oklch(65.95% 0.2608 320.32)",
760
761
  "color-other": "oklch(63.68% 0.2078 25.33)",
761
762
  "color-picker-content-gap": "12px",
762
- "color-picker-content-padding": "12px",
763
- "color-picker-content-width": "260px",
763
+ "color-picker-content-padding": "16px",
764
+ "color-picker-content-width": "320px",
764
765
  "color-picker-filled-preview-radius": "9999px",
765
766
  "color-picker-focus-ring-destructive": "oklch(63.68% 0.2078 25.33)",
766
767
  "color-picker-focus-ring-primary": "oklch(81.75% 0.1821 159.79)",
@@ -795,8 +796,8 @@ export const tokens = {
795
796
  "combobox-trigger-padding-x-lg": "14px",
796
797
  "combobox-trigger-padding-x-md": "12px",
797
798
  "combobox-trigger-padding-x-sm": "10px",
798
- "combobox-trigger-padding-y-lg": "8px",
799
- "combobox-trigger-padding-y-md": "8px",
799
+ "combobox-trigger-padding-y-lg": "6px",
800
+ "combobox-trigger-padding-y-md": "4px",
800
801
  "combobox-trigger-padding-y-sm": "4px",
801
802
  "combobox-trigger-radius": "8px",
802
803
  "combobox-trigger-ring-primary": "oklch(81.75% 0.1821 159.79)",
@@ -1012,6 +1013,7 @@ export const tokens = {
1012
1013
  "dropdown-menu-content-min-width": "8rem",
1013
1014
  "dropdown-menu-content-padding": "4px",
1014
1015
  "dropdown-menu-content-radius": "8px",
1016
+ "dropdown-menu-content-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
1015
1017
  "dropdown-menu-content-z-index": "50",
1016
1018
  "dropdown-menu-indicator-left": "8px",
1017
1019
  "dropdown-menu-indicator-size": "0.875rem",
@@ -1312,6 +1314,7 @@ export const tokens = {
1312
1314
  "form-label-fg": "oklch(14.48% 0.0000 0)",
1313
1315
  "form-label-size": "14px",
1314
1316
  "form-label-weight": "500",
1317
+ "header-contained-max-width": "1280px",
1315
1318
  "header-content-height": "36px",
1316
1319
  "header-height": "64px",
1317
1320
  "header-root-bg": "oklch(100.00% 0.0000 0)",
@@ -1624,6 +1627,10 @@ export const tokens = {
1624
1627
  "markdown-editor-toolbar-border-bottom": "oklch(92.19% 0.0000 0)",
1625
1628
  "markdown-editor-toolbar-gap": "4px",
1626
1629
  "markdown-editor-toolbar-padding": "8px",
1630
+ "menu-content-bg": "oklch(100.00% 0.0000 0)",
1631
+ "menu-content-border": "oklch(92.19% 0.0000 0)",
1632
+ "menu-content-radius": "8px",
1633
+ "menu-content-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
1627
1634
  "menu-item-bg-default": "transparent",
1628
1635
  "menu-item-bg-hover": "oklch(95.21% 0.0467 171.12)",
1629
1636
  "menu-item-fg-default": "oklch(14.48% 0.0000 0)",
@@ -2040,7 +2047,9 @@ export const tokens = {
2040
2047
  "priority-urgent-text": "oklch(45% 0.18 25)",
2041
2048
  "progress-bar-fill-color-default": "oklch(81.75% 0.1821 159.79)",
2042
2049
  "progress-bar-fill-color-error": "oklch(63.68% 0.2078 25.33)",
2050
+ "progress-bar-fill-color-info": "oklch(87.82% 0.2037 137.75)",
2043
2051
  "progress-bar-fill-color-primary": "oklch(81.75% 0.1821 159.79)",
2052
+ "progress-bar-fill-color-secondary": "oklch(87.82% 0.2037 137.75)",
2044
2053
  "progress-bar-fill-color-success": "oklch(62.71% 0.1699 149.21)",
2045
2054
  "progress-bar-fill-color-warning": "oklch(86.06% 0.1731 91.94)",
2046
2055
  "progress-bar-indicator-border-radius": "9999px",
@@ -2067,7 +2076,9 @@ export const tokens = {
2067
2076
  "progress-bar-size-xs-height": "4px",
2068
2077
  "progress-bar-track-color-default": "oklch(97.02% 0.0000 0)",
2069
2078
  "progress-bar-track-color-error": "oklch(97.02% 0.0000 0)",
2079
+ "progress-bar-track-color-info": "oklch(97.02% 0.0000 0)",
2070
2080
  "progress-bar-track-color-primary": "oklch(97.02% 0.0000 0)",
2081
+ "progress-bar-track-color-secondary": "oklch(97.02% 0.0000 0)",
2071
2082
  "progress-bar-track-color-success": "oklch(97.02% 0.0000 0)",
2072
2083
  "progress-bar-track-color-warning": "oklch(97.02% 0.0000 0)",
2073
2084
  "progress-circle-indicator-color-default": "oklch(14.48% 0.0000 0)",
@@ -2131,6 +2142,7 @@ export const tokens = {
2131
2142
  "rail-background": "oklch(98.51% 0.0000 0)",
2132
2143
  "rail-border": "oklch(92.19% 0.0000 0)",
2133
2144
  "rail-width": "4rem",
2145
+ "rating-focus-ring-color": "oklch(81.75% 0.1821 159.79)",
2134
2146
  "rating-icon-color-empty": "oklch(55.55% 0.0000 0)",
2135
2147
  "rating-icon-color-filled": "oklch(86.06% 0.1731 91.94)",
2136
2148
  "rating-icon-size-lg": "24px",
@@ -2217,14 +2229,14 @@ export const tokens = {
2217
2229
  "select-trigger-disabled-border": "oklch(97.02% 0.0000 0)",
2218
2230
  "select-trigger-disabled-fg": "oklch(55.55% 0.0000 0)",
2219
2231
  "select-trigger-gap": "8px",
2220
- "select-trigger-height-lg": "40px",
2221
- "select-trigger-height-md": "36px",
2222
- "select-trigger-height-sm": "32px",
2232
+ "select-trigger-height-lg": "44px",
2233
+ "select-trigger-height-md": "40px",
2234
+ "select-trigger-height-sm": "36px",
2223
2235
  "select-trigger-padding-x-lg": "0.875rem",
2224
2236
  "select-trigger-padding-x-md": "12px",
2225
2237
  "select-trigger-padding-x-sm": "0.625rem",
2226
- "select-trigger-padding-y-lg": "8px",
2227
- "select-trigger-padding-y-md": "8px",
2238
+ "select-trigger-padding-y-lg": "0.375rem",
2239
+ "select-trigger-padding-y-md": "4px",
2228
2240
  "select-trigger-padding-y-sm": "4px",
2229
2241
  "select-trigger-radius": "8px",
2230
2242
  "select-trigger-ring-destructive": "oklch(63.68% 0.2078 25.33)",
@@ -2781,6 +2793,10 @@ export const tokens = {
2781
2793
  "toggle-group-root-padding": "4px",
2782
2794
  "toggle-group-root-radius": "0.375rem",
2783
2795
  "toggle-icon-size": "16px",
2796
+ "toggle-icon-size-default": "16px",
2797
+ "toggle-icon-size-lg": "16px",
2798
+ "toggle-icon-size-md": "16px",
2799
+ "toggle-icon-size-sm": "12px",
2784
2800
  "toggle-root-border-radius-pill": "9999px",
2785
2801
  "toggle-root-border-radius-rounded": "8px",
2786
2802
  "toggle-root-border-width": "1px",
@@ -6194,6 +6194,13 @@
6194
6194
  "type": "dimension",
6195
6195
  "value": "4px"
6196
6196
  },
6197
+ {
6198
+ "name": "calendar-day-radius",
6199
+ "cssVar": "--calendar-day-radius",
6200
+ "type": "dimension",
6201
+ "description": "Day cell (selected/today/range) border-radius. Tokenizes the existing rounded-md per DES-1167 Pendência 10. Resolves to Figma radius/md (8px) — same primitive Combobox/Select land on; the audit's literal 6px predates the Figma v2 radius migration (md 6→8).",
6202
+ "value": "8px"
6203
+ },
6197
6204
  {
6198
6205
  "name": "calendar-day-size",
6199
6206
  "cssVar": "--calendar-day-size",
@@ -7122,13 +7129,15 @@
7122
7129
  "name": "color-picker-content-padding",
7123
7130
  "cssVar": "--color-picker-content-padding",
7124
7131
  "type": "dimension",
7125
- "value": "12px"
7132
+ "description": "ColorPicker popover padding 16px aligned with Figma spacing/s-16 (frame 1384:7946) per DES-1255 — pre-fix was spacing.3 (12px).",
7133
+ "value": "16px"
7126
7134
  },
7127
7135
  {
7128
7136
  "name": "color-picker-content-width",
7129
7137
  "cssVar": "--color-picker-content-width",
7130
7138
  "type": "dimension",
7131
- "value": "260px"
7139
+ "description": "ColorPicker popover width 320px aligned with Figma (node 1384-7726, all states 320w) per DES-1255 — pre-fix was 260px.",
7140
+ "value": "320px"
7132
7141
  },
7133
7142
  {
7134
7143
  "name": "color-picker-filled-preview-radius",
@@ -7341,12 +7350,14 @@
7341
7350
  {
7342
7351
  "name": "combobox-trigger-padding-y-lg",
7343
7352
  "cssVar": "--combobox-trigger-padding-y-lg",
7344
- "value": "8px"
7353
+ "description": "Aligned with --input-size-lg-py 6px (DES-1257). Pre-fix was spacing.2 (8px).",
7354
+ "value": "6px"
7345
7355
  },
7346
7356
  {
7347
7357
  "name": "combobox-trigger-padding-y-md",
7348
7358
  "cssVar": "--combobox-trigger-padding-y-md",
7349
- "value": "8px"
7359
+ "description": "Aligned with --input-size-md-py 4px (DES-1257, sizes ← Input). Pre-fix was spacing.2 (8px).",
7360
+ "value": "4px"
7350
7361
  },
7351
7362
  {
7352
7363
  "name": "combobox-trigger-padding-y-sm",
@@ -8509,6 +8520,12 @@
8509
8520
  "type": "dimension",
8510
8521
  "value": "8px"
8511
8522
  },
8523
+ {
8524
+ "name": "dropdown-menu-content-shadow",
8525
+ "cssVar": "--dropdown-menu-content-shadow",
8526
+ "description": "Content drop-shadow per DES-1186 Pendência 8 — Figma Light Mode/shadow-md (dual layer). Matches Menu / Combobox / Popover content.shadow for cross-component menu-surface consistency.",
8527
+ "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
8528
+ },
8512
8529
  {
8513
8530
  "name": "dropdown-menu-content-z-index",
8514
8531
  "cssVar": "--dropdown-menu-content-z-index",
@@ -9936,6 +9953,13 @@
9936
9953
  "type": "dimension",
9937
9954
  "value": "14px"
9938
9955
  },
9956
+ {
9957
+ "name": "header-contained-max-width",
9958
+ "cssVar": "--header-contained-max-width",
9959
+ "type": "dimension",
9960
+ "description": "Max content width when contained — matches the prior max-w-7xl (1280px = breakpoint-xl). DES-1190.",
9961
+ "value": "1280px"
9962
+ },
9939
9963
  {
9940
9964
  "name": "header-content-height",
9941
9965
  "cssVar": "--header-content-height",
@@ -11286,6 +11310,31 @@
11286
11310
  "type": "dimension",
11287
11311
  "value": "8px"
11288
11312
  },
11313
+ {
11314
+ "name": "menu-content-bg",
11315
+ "cssVar": "--menu-content-bg",
11316
+ "type": "color",
11317
+ "description": "Menu floating chrome background — popover surface. Chrome encapsulated in Menu.tsx per DES-1281 (was applied by the consumer).",
11318
+ "value": "oklch(100.00% 0.0000 0)"
11319
+ },
11320
+ {
11321
+ "name": "menu-content-border",
11322
+ "cssVar": "--menu-content-border",
11323
+ "type": "color",
11324
+ "value": "oklch(92.19% 0.0000 0)"
11325
+ },
11326
+ {
11327
+ "name": "menu-content-radius",
11328
+ "cssVar": "--menu-content-radius",
11329
+ "type": "dimension",
11330
+ "description": "Menu floating chrome radius 8px (Figma radius/md, node 1447-6819).",
11331
+ "value": "8px"
11332
+ },
11333
+ {
11334
+ "name": "menu-content-shadow",
11335
+ "cssVar": "--menu-content-shadow",
11336
+ "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
11337
+ },
11289
11338
  {
11290
11339
  "name": "menu-item-bg-default",
11291
11340
  "cssVar": "--menu-item-bg-default",
@@ -12590,12 +12639,26 @@
12590
12639
  "type": "color",
12591
12640
  "value": "oklch(63.68% 0.2078 25.33)"
12592
12641
  },
12642
+ {
12643
+ "name": "progress-bar-fill-color-info",
12644
+ "cssVar": "--progress-bar-fill-color-info",
12645
+ "type": "color",
12646
+ "description": "Info indicator aliases Secondary (Figma Style=Info renders brand/secondary/background #8ff566) per DES-1214 Pendência 3. Uses the non-theme-flipping primitive so the indicator stays lime in dark mode.",
12647
+ "value": "oklch(87.82% 0.2037 137.75)"
12648
+ },
12593
12649
  {
12594
12650
  "name": "progress-bar-fill-color-primary",
12595
12651
  "cssVar": "--progress-bar-fill-color-primary",
12596
12652
  "type": "color",
12597
12653
  "value": "oklch(81.75% 0.1821 159.79)"
12598
12654
  },
12655
+ {
12656
+ "name": "progress-bar-fill-color-secondary",
12657
+ "cssVar": "--progress-bar-fill-color-secondary",
12658
+ "type": "color",
12659
+ "description": "Secondary indicator lime aligned with Figma brand/secondary/background (#8ff566) per DES-1214 Pendência 3. Uses the non-theme-flipping primitive so the indicator stays lime in dark mode.",
12660
+ "value": "oklch(87.82% 0.2037 137.75)"
12661
+ },
12599
12662
  {
12600
12663
  "name": "progress-bar-fill-color-success",
12601
12664
  "cssVar": "--progress-bar-fill-color-success",
@@ -12748,6 +12811,13 @@
12748
12811
  "description": "Track always uses muted gray. Per Bowser audit ProgressBar BUG — pre-fix duplicated indicator.",
12749
12812
  "value": "oklch(97.02% 0.0000 0)"
12750
12813
  },
12814
+ {
12815
+ "name": "progress-bar-track-color-info",
12816
+ "cssVar": "--progress-bar-track-color-info",
12817
+ "type": "color",
12818
+ "description": "Track always uses muted gray (universal Figma core/background/muted). Info aliases Secondary per DES-1214 Pendência 3.",
12819
+ "value": "oklch(97.02% 0.0000 0)"
12820
+ },
12751
12821
  {
12752
12822
  "name": "progress-bar-track-color-primary",
12753
12823
  "cssVar": "--progress-bar-track-color-primary",
@@ -12755,6 +12825,13 @@
12755
12825
  "description": "Track always uses muted gray. Per Bowser audit ProgressBar BUG — pre-fix was oklch(81.75% 0.1821 159.79) (duplicate of indicator).",
12756
12826
  "value": "oklch(97.02% 0.0000 0)"
12757
12827
  },
12828
+ {
12829
+ "name": "progress-bar-track-color-secondary",
12830
+ "cssVar": "--progress-bar-track-color-secondary",
12831
+ "type": "color",
12832
+ "description": "Track always uses muted gray (universal Figma core/background/muted). Per DES-1214 Pendência 3.",
12833
+ "value": "oklch(97.02% 0.0000 0)"
12834
+ },
12758
12835
  {
12759
12836
  "name": "progress-bar-track-color-success",
12760
12837
  "cssVar": "--progress-bar-track-color-success",
@@ -13075,6 +13152,13 @@
13075
13152
  "description": "Rail width aligned with Figma Secondary 64px per DES-1300 item 3 — pre-fix was 3.5rem (56px).",
13076
13153
  "value": "4rem"
13077
13154
  },
13155
+ {
13156
+ "name": "rating-focus-ring-color",
13157
+ "cssVar": "--rating-focus-ring-color",
13158
+ "type": "color",
13159
+ "description": "Rating focus-ring color per DES-1217 Pendência 5 — dedicated token replacing the generic --ring utility, aligned with Avatar/Button focus-ring.",
13160
+ "value": "oklch(81.75% 0.1821 159.79)"
13161
+ },
13078
13162
  {
13079
13163
  "name": "rating-icon-color-empty",
13080
13164
  "cssVar": "--rating-icon-color-empty",
@@ -13427,19 +13511,22 @@
13427
13511
  "name": "select-trigger-height-lg",
13428
13512
  "cssVar": "--select-trigger-height-lg",
13429
13513
  "type": "dimension",
13430
- "value": "40px"
13514
+ "description": "Select trigger lg height 44px — aligned with --input-size-lg-h (DES-1295). Pre-fix was spacing.10 (40px).",
13515
+ "value": "44px"
13431
13516
  },
13432
13517
  {
13433
13518
  "name": "select-trigger-height-md",
13434
13519
  "cssVar": "--select-trigger-height-md",
13435
13520
  "type": "dimension",
13436
- "value": "36px"
13521
+ "description": "Select trigger md height 40px — aligned with --input-size-md-h (DES-1295). Pre-fix was spacing.9 (36px).",
13522
+ "value": "40px"
13437
13523
  },
13438
13524
  {
13439
13525
  "name": "select-trigger-height-sm",
13440
13526
  "cssVar": "--select-trigger-height-sm",
13441
13527
  "type": "dimension",
13442
- "value": "32px"
13528
+ "description": "Select trigger sm height 36px — Select is an Input type in Figma (DES-1295), aligned with --input-size-sm-h. Pre-fix was spacing.8 (32px).",
13529
+ "value": "36px"
13443
13530
  },
13444
13531
  {
13445
13532
  "name": "select-trigger-padding-x-lg",
@@ -13463,13 +13550,15 @@
13463
13550
  "name": "select-trigger-padding-y-lg",
13464
13551
  "cssVar": "--select-trigger-padding-y-lg",
13465
13552
  "type": "dimension",
13466
- "value": "8px"
13553
+ "description": "Aligned with --input-size-lg-py 6px (DES-1295). Pre-fix was spacing.2 (8px).",
13554
+ "value": "0.375rem"
13467
13555
  },
13468
13556
  {
13469
13557
  "name": "select-trigger-padding-y-md",
13470
13558
  "cssVar": "--select-trigger-padding-y-md",
13471
13559
  "type": "dimension",
13472
- "value": "8px"
13560
+ "description": "Aligned with --input-size-md-py 4px (DES-1295). Pre-fix was spacing.2 (8px).",
13561
+ "value": "4px"
13473
13562
  },
13474
13563
  {
13475
13564
  "name": "select-trigger-padding-y-sm",
@@ -16251,8 +16340,37 @@
16251
16340
  "name": "toggle-icon-size",
16252
16341
  "cssVar": "--toggle-icon-size",
16253
16342
  "type": "dimension",
16343
+ "description": "Flat icon size 16px (spacing.4). Retained for ToggleGroup (forms/) back-compat — primitive Toggle now cascades per size via the size-sm/size-md/size-lg tokens.",
16344
+ "value": "16px"
16345
+ },
16346
+ {
16347
+ "name": "toggle-icon-size-default",
16348
+ "cssVar": "--toggle-icon-size-default",
16349
+ "type": "dimension",
16350
+ "description": "Toggle icon size for size=default — 16px (spacing.4), aliases md per Toggle audit DES-1235 Pendência 4.",
16254
16351
  "value": "16px"
16255
16352
  },
16353
+ {
16354
+ "name": "toggle-icon-size-lg",
16355
+ "cssVar": "--toggle-icon-size-lg",
16356
+ "type": "dimension",
16357
+ "description": "Toggle icon size for size=lg — 16px (spacing.4) per Figma and Toggle audit DES-1235 Pendência 4.",
16358
+ "value": "16px"
16359
+ },
16360
+ {
16361
+ "name": "toggle-icon-size-md",
16362
+ "cssVar": "--toggle-icon-size-md",
16363
+ "type": "dimension",
16364
+ "description": "Toggle icon size for size=md — 16px (spacing.4) per Figma and Toggle audit DES-1235 Pendência 4.",
16365
+ "value": "16px"
16366
+ },
16367
+ {
16368
+ "name": "toggle-icon-size-sm",
16369
+ "cssVar": "--toggle-icon-size-sm",
16370
+ "type": "dimension",
16371
+ "description": "Toggle icon size for size=sm — 12px (spacing.3) per Figma Variant=*/Size=sm and Toggle audit DES-1235 Pendência 4 (was fixed 16px).",
16372
+ "value": "12px"
16373
+ },
16256
16374
  {
16257
16375
  "name": "toggle-root-border-radius-pill",
16258
16376
  "cssVar": "--toggle-root-border-radius-pill",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@etus/tokens",
3
- "version": "0.4.0-beta.4",
3
+ "version": "0.4.0-beta.6",
4
4
  "description": "Seven Design System - Design tokens (CSS variables) for ETUS applications",
5
5
  "license": "MIT",
6
6
  "repository": {