@etus/tokens 0.4.0-beta.22 → 0.4.0-beta.24

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.
@@ -869,6 +869,13 @@
869
869
  "light": "oklch(26.88% 0.0527 163.85)",
870
870
  "dark": "oklch(95.21% 0.0467 171.12)"
871
871
  },
872
+ {
873
+ "name": "avatar-border-contrast",
874
+ "cssVar": "--avatar-border-contrast",
875
+ "type": "color",
876
+ "dark": "color-mix(in oklab, oklch(98.51% 0.0000 0) 8%, transparent)",
877
+ "light": "color-mix(in oklab, oklch(14.48% 0.0000 0) 8%, transparent)"
878
+ },
872
879
  {
873
880
  "name": "background",
874
881
  "cssVar": "--background",
@@ -1047,6 +1054,14 @@
1047
1054
  "dark": "oklch(98.51% 0.0000 0)",
1048
1055
  "light": "oklch(20.46% 0.0000 0)"
1049
1056
  },
1057
+ {
1058
+ "name": "button-link-color-fg-hover",
1059
+ "cssVar": "--button-link-color-fg-hover",
1060
+ "type": "color",
1061
+ "description": "Dark sem mudanca de valor: o hover segue o --primary-subtle-foreground do dark (mint-300).",
1062
+ "dark": "oklch(87.18% 0.1296 166.48)",
1063
+ "light": "oklch(26.88% 0.0527 163.85)"
1064
+ },
1050
1065
  {
1051
1066
  "name": "button-outline-fg-default",
1052
1067
  "cssVar": "--button-outline-fg-default",
@@ -1055,6 +1070,14 @@
1055
1070
  "dark": "oklch(98.51% 0.0000 0)",
1056
1071
  "light": "oklch(20.46% 0.0000 0)"
1057
1072
  },
1073
+ {
1074
+ "name": "button-tertiary-color-fg-hover",
1075
+ "cssVar": "--button-tertiary-color-fg-hover",
1076
+ "type": "color",
1077
+ "description": "Dark sem mudanca de valor: o hover segue o --primary-subtle-foreground do dark (mint-300).",
1078
+ "dark": "oklch(87.18% 0.1296 166.48)",
1079
+ "light": "oklch(26.88% 0.0527 163.85)"
1080
+ },
1058
1081
  {
1059
1082
  "name": "card",
1060
1083
  "cssVar": "--card",
@@ -1531,6 +1554,14 @@
1531
1554
  "light": "oklch(55.55% 0.0000 0)",
1532
1555
  "dark": "oklch(55.55% 0.0000 0)"
1533
1556
  },
1557
+ {
1558
+ "name": "input-border-hover",
1559
+ "cssVar": "--input-border-hover",
1560
+ "type": "color",
1561
+ "description": "Hover border in dark: neutral-400, lighter than the resting --input (product decision 2026-09-25).",
1562
+ "dark": "oklch(71.55% 0.0000 0)",
1563
+ "light": "oklch(43.86% 0.0000 0)"
1564
+ },
1534
1565
  {
1535
1566
  "name": "interaction-accent",
1536
1567
  "cssVar": "--interaction-accent",
@@ -1606,8 +1637,9 @@
1606
1637
  "name": "kbd-variant-default-color",
1607
1638
  "cssVar": "--kbd-variant-default-color",
1608
1639
  "type": "color",
1609
- "light": "oklch(55.55% 0.0000 0)",
1610
- "dark": "oklch(71.55% 0.0000 0)"
1640
+ "description": "Key label on the muted fill: on-muted, because muted-foreground on muted gives 4.35:1, below AA.",
1641
+ "light": "oklch(43.86% 0.0000 0)",
1642
+ "dark": "oklch(86.99% 0.0000 0)"
1611
1643
  },
1612
1644
  {
1613
1645
  "name": "kbd-variant-ghost-background",
@@ -1662,8 +1694,16 @@
1662
1694
  "name": "link-color-default",
1663
1695
  "cssVar": "--link-color-default",
1664
1696
  "type": "color",
1665
- "description": "Link default — brand-primary-700 (#0f8a5c) p/ contraste AA no light (era base.primary/mint ~1.5:1 sobre branco; agora ~4.6:1). Dark fica mint (bom contraste em fundo escuro). DES-1075.",
1666
- "light": "oklch(56.08% 0.1221 160.56)",
1697
+ "description": "Link default — mint text through --primary-subtle-foreground (brand-primary-800, 8.04:1 on white). Dark stays mint.",
1698
+ "light": "oklch(42.11% 0.0897 161.06)",
1699
+ "dark": "oklch(84.11% 0.1609 163.31)"
1700
+ },
1701
+ {
1702
+ "name": "link-color-default-hover",
1703
+ "cssVar": "--link-color-default-hover",
1704
+ "type": "color",
1705
+ "description": "Hover of the default and inline Link: mint text moves down the ramp in light (brand-primary-900), state law 2.",
1706
+ "light": "oklch(26.88% 0.0527 163.85)",
1667
1707
  "dark": "oklch(84.11% 0.1609 163.31)"
1668
1708
  },
1669
1709
  {
@@ -1684,7 +1724,7 @@
1684
1724
  "name": "link-color-nav-hover",
1685
1725
  "cssVar": "--link-color-nav-hover",
1686
1726
  "type": "color",
1687
- "light": "oklch(81.75% 0.1821 159.79)",
1727
+ "light": "oklch(42.11% 0.0897 161.06)",
1688
1728
  "dark": "oklch(84.11% 0.1609 163.31)"
1689
1729
  },
1690
1730
  {
@@ -1759,7 +1799,7 @@
1759
1799
  "name": "paragraph-color-primary",
1760
1800
  "cssVar": "--paragraph-color-primary",
1761
1801
  "type": "color",
1762
- "light": "oklch(81.75% 0.1821 159.79)",
1802
+ "light": "oklch(42.11% 0.0897 161.06)",
1763
1803
  "dark": "oklch(84.11% 0.1609 163.31)"
1764
1804
  },
1765
1805
  {
@@ -1877,8 +1917,8 @@
1877
1917
  "name": "primary-subtle-foreground",
1878
1918
  "cssVar": "--primary-subtle-foreground",
1879
1919
  "type": "color",
1880
- "description": "Text on primary-subtle (brand-primary-700)",
1881
- "light": "oklch(56.08% 0.1221 160.56)",
1920
+ "description": "Text on primary-subtle and mint text on light surfaces (brand-primary-800, 8.04:1 on white; product decision 2026-09-25: brand-primary-700 gave 4.37:1)",
1921
+ "light": "oklch(42.11% 0.0897 161.06)",
1882
1922
  "dark": "oklch(87.18% 0.1296 166.48)"
1883
1923
  },
1884
1924
  {
@@ -1983,7 +2023,8 @@
1983
2023
  "name": "report-builder-positive",
1984
2024
  "cssVar": "--report-builder-positive",
1985
2025
  "type": "color",
1986
- "light": "oklch(64.75% 0.1603 148.50)",
2026
+ "description": "Metric glyph (\"123\"): text, so it needs 4.5:1 on the white surface. GAM's #34a853 gives 3.05:1; the Seven success text green passes (WCAG 1.4.3).",
2027
+ "light": "oklch(52.73% 0.1371 150.07)",
1987
2028
  "dark": "oklch(77.44% 0.1039 152.19)"
1988
2029
  },
1989
2030
  {
@@ -2096,8 +2137,8 @@
2096
2137
  "name": "secondary-subtle-foreground",
2097
2138
  "cssVar": "--secondary-subtle-foreground",
2098
2139
  "type": "color",
2099
- "description": "Text on secondary-subtle (brand-secondary-700)",
2100
- "light": "oklch(58.24% 0.1354 137.66)",
2140
+ "description": "Text on secondary-subtle and lime text on light surfaces (brand-secondary-800, 7.81:1 on white; product decision 2026-09-25: brand-secondary-700 gave 4.03:1)",
2141
+ "light": "oklch(42.97% 0.0993 137.99)",
2101
2142
  "dark": "oklch(92.69% 0.1227 138.76)"
2102
2143
  },
2103
2144
  {
@@ -2106,7 +2147,7 @@
2106
2147
  "type": "color",
2107
2148
  "description": "Sidebar default background — alias of sidebar-background so `bg-sidebar` (Tailwind v4 utility) resolves. Without this alias `bg-sidebar` is a dead class (no matching --color-sidebar mapping).",
2108
2149
  "light": "oklch(98.51% 0.0000 0)",
2109
- "dark": "oklch(26.86% 0.0000 0)"
2150
+ "dark": "oklch(20.46% 0.0000 0)"
2110
2151
  },
2111
2152
  {
2112
2153
  "name": "sidebar-accent",
@@ -2128,9 +2169,9 @@
2128
2169
  "name": "sidebar-background",
2129
2170
  "cssVar": "--sidebar-background",
2130
2171
  "type": "color",
2131
- "description": "Sidebar/nav lateral background (neutral-50)",
2172
+ "description": "Sidebar background = --surface (neutral-50): the Figma Dash 2864:4119 paints the page and the sidebar with the same variable (set/2026).",
2132
2173
  "light": "oklch(98.51% 0.0000 0)",
2133
- "dark": "oklch(26.86% 0.0000 0)"
2174
+ "dark": "oklch(20.46% 0.0000 0)"
2134
2175
  },
2135
2176
  {
2136
2177
  "name": "sidebar-border",
@@ -2152,9 +2193,9 @@
2152
2193
  "name": "sidebar-dropdown-marker-color-default",
2153
2194
  "cssVar": "--sidebar-dropdown-marker-color-default",
2154
2195
  "type": "color",
2155
- "description": "Marker of an inactive dropdown child: neutral-300, the closest scale step to the raw #D9D9D9 of Figma 2891:12048 (DES-1481).",
2156
- "light": "oklch(86.99% 0.0000 0)",
2157
- "dark": "oklch(37.15% 0.0000 0)"
2196
+ "description": "Marker of an inactive dropdown child: invisible, like the Figma Dash 2864:4119 and 2893:14143 (#D9D9D9 at 0% opacity); only the active child shows its marker.",
2197
+ "light": "transparent",
2198
+ "dark": "transparent"
2158
2199
  },
2159
2200
  {
2160
2201
  "name": "sidebar-foreground",
@@ -2913,7 +2954,7 @@
2913
2954
  "name": "heading-color-primary",
2914
2955
  "cssVar": "--heading-color-primary",
2915
2956
  "type": "color",
2916
- "value": "oklch(81.75% 0.1821 159.79)"
2957
+ "value": "oklch(42.11% 0.0897 161.06)"
2917
2958
  },
2918
2959
  {
2919
2960
  "name": "heading-size-2xl-font-size",
@@ -5519,12 +5560,6 @@
5519
5560
  "description": "Multi-select tags container max-width relative to input width. Leaves room for the input text cursor and remaining options.",
5520
5561
  "value": "70%"
5521
5562
  },
5522
- {
5523
- "name": "avatar-border-contrast",
5524
- "cssVar": "--avatar-border-contrast",
5525
- "type": "color",
5526
- "value": "rgba(0, 0, 0, 0.08)"
5527
- },
5528
5563
  {
5529
5564
  "name": "avatar-fallback-bg-default",
5530
5565
  "cssVar": "--avatar-fallback-bg-default",
@@ -5565,7 +5600,8 @@
5565
5600
  "name": "avatar-fallback-text-default",
5566
5601
  "cssVar": "--avatar-fallback-text-default",
5567
5602
  "type": "color",
5568
- "value": "oklch(55.55% 0.0000 0)"
5603
+ "description": "Fallback initials on the muted fill (fallback.bg.default): on-muted, because muted-foreground on muted gives 4.35:1, below AA.",
5604
+ "value": "oklch(43.86% 0.0000 0)"
5569
5605
  },
5570
5606
  {
5571
5607
  "name": "avatar-fallback-text-destructive",
@@ -6453,15 +6489,8 @@
6453
6489
  "name": "button-link-color-fg-default",
6454
6490
  "cssVar": "--button-link-color-fg-default",
6455
6491
  "type": "color",
6456
- "description": "Link = brand-primary-700 (Variant=Link, Figma Button 1007:301); antes mint-500, que dava 1,7:1 sobre branco.",
6457
- "value": "oklch(56.08% 0.1221 160.56)"
6458
- },
6459
- {
6460
- "name": "button-link-color-fg-hover",
6461
- "cssVar": "--button-link-color-fg-hover",
6462
- "type": "color",
6463
- "description": "Link = brand-primary-700 (Variant=Link, Figma Button 1007:301); antes mint-500, que dava 1,7:1 sobre branco.",
6464
- "value": "oklch(56.08% 0.1221 160.56)"
6492
+ "description": "Link (Variant=Link, Figma Button 1007:301): texto mint pelo --primary-subtle-foreground (mint-800 no claro, decisao de 2026-09-25); antes mint-500, que dava 1,7:1 sobre branco.",
6493
+ "value": "oklch(42.11% 0.0897 161.06)"
6465
6494
  },
6466
6495
  {
6467
6496
  "name": "button-link-gray-fg-default",
@@ -6849,15 +6878,8 @@
6849
6878
  "name": "button-tertiary-color-fg-default",
6850
6879
  "cssVar": "--button-tertiary-color-fg-default",
6851
6880
  "type": "color",
6852
- "description": "Tertiary color (variante so do codigo) no mesmo tom do Link da Figma, brand-primary-700; antes mint-500 com 1,59:1 sobre o fundo (DES-1438, 2026-09-16).",
6853
- "value": "oklch(56.08% 0.1221 160.56)"
6854
- },
6855
- {
6856
- "name": "button-tertiary-color-fg-hover",
6857
- "cssVar": "--button-tertiary-color-fg-hover",
6858
- "type": "color",
6859
- "description": "Tertiary color (variante so do codigo) no mesmo tom do Link da Figma, brand-primary-700; antes mint-500 com 1,59:1 sobre o fundo (DES-1438, 2026-09-16).",
6860
- "value": "oklch(56.08% 0.1221 160.56)"
6881
+ "description": "Tertiary color (variante so do codigo): texto mint pelo --primary-subtle-foreground (mint-800 no claro, decisao de 2026-09-25); antes mint-500 com 1,59:1 sobre o fundo.",
6882
+ "value": "oklch(42.11% 0.0897 161.06)"
6861
6883
  },
6862
6884
  {
6863
6885
  "name": "button-tertiary-gray-bg-hover",
@@ -8079,7 +8101,8 @@
8079
8101
  "name": "combobox-trigger-disabled-border",
8080
8102
  "cssVar": "--combobox-trigger-disabled-border",
8081
8103
  "type": "color",
8082
- "value": "oklch(97.02% 0.0000 0)"
8104
+ "description": "Figma Disabled state of Input/Select/Textarea: stroke disabled-border (#d4d4d4 light, #404040 dark); the fill stays --muted (product decision 2026-09-25).",
8105
+ "value": "oklch(86.99% 0.0000 0)"
8083
8106
  },
8084
8107
  {
8085
8108
  "name": "combobox-trigger-disabled-fg",
@@ -8970,7 +8993,8 @@
8970
8993
  "name": "date-picker-trigger-disabled-border",
8971
8994
  "cssVar": "--date-picker-trigger-disabled-border",
8972
8995
  "type": "color",
8973
- "value": "oklch(97.02% 0.0000 0)"
8996
+ "description": "Figma Disabled state of Input/Select/Textarea: stroke disabled-border (#d4d4d4 light, #404040 dark); the fill stays --muted (product decision 2026-09-25).",
8997
+ "value": "oklch(86.99% 0.0000 0)"
8974
8998
  },
8975
8999
  {
8976
9000
  "name": "date-picker-trigger-disabled-fg",
@@ -10967,14 +10991,14 @@
10967
10991
  "name": "icon-color-disabled",
10968
10992
  "cssVar": "--icon-color-disabled",
10969
10993
  "type": "color",
10970
- "description": "Icon State=Disabled = neutral-400 #a3a3a3 (Figma 1374:4088; = status-disabled-foreground).",
10994
+ "description": "Icon State=Disabled = neutral-400 #a3a3a3 in light (Figma 1374:4088). Semantic disabled-foreground (disabled text and icons) has the same light value and adds the dark one (neutral-600).",
10971
10995
  "value": "oklch(71.55% 0.0000 0)"
10972
10996
  },
10973
10997
  {
10974
10998
  "name": "icon-color-info",
10975
10999
  "cssVar": "--icon-color-info",
10976
11000
  "type": "color",
10977
- "description": "Icon State=Info = blue-700 #1d4ed8 (Figma 1374:4088).",
11001
+ "description": "Icon State=Info = blue-700 #1d4ed8 in light (Figma 1374:4088). Semantic info-subtle-foreground (text/icons in info) has the same light value and adds the dark one (blue-300).",
10978
11002
  "value": "oklch(48.82% 0.2172 264.38)"
10979
11003
  },
10980
11004
  {
@@ -11000,7 +11024,7 @@
11000
11024
  "name": "icon-color-secondary",
11001
11025
  "cssVar": "--icon-color-secondary",
11002
11026
  "type": "color",
11003
- "description": "Icon State=Secondary = brand-secondary-700 #508d37 (Figma 1374:4088; lime escuro a11y, nao o --secondary base).",
11027
+ "description": "Icon State=Secondary = brand-secondary-700 #508d37 in light (Figma 1374:4088; lime escuro a11y, nao o --secondary base). Semantic secondary-active has the same light value and adds the dark one (brand-secondary-200).",
11004
11028
  "value": "oklch(58.24% 0.1354 137.66)"
11005
11029
  },
11006
11030
  {
@@ -11202,7 +11226,15 @@
11202
11226
  "name": "input-border-default",
11203
11227
  "cssVar": "--input-border-default",
11204
11228
  "type": "color",
11205
- "value": "oklch(92.19% 0.0000 0)"
11229
+ "description": "Resting field border: core/input in both themes (Figma Dash 2864:4119 / 2893:15022).",
11230
+ "value": "oklch(55.55% 0.0000 0)"
11231
+ },
11232
+ {
11233
+ "name": "input-border-disabled",
11234
+ "cssVar": "--input-border-disabled",
11235
+ "type": "color",
11236
+ "description": "Figma Disabled state of Input/Select/Textarea: stroke disabled-border (#d4d4d4 light, #404040 dark); the fill stays --muted (product decision 2026-09-25).",
11237
+ "value": "oklch(86.99% 0.0000 0)"
11206
11238
  },
11207
11239
  {
11208
11240
  "name": "input-border-error",
@@ -13113,7 +13145,7 @@
13113
13145
  "name": "notification-bg-destructive",
13114
13146
  "cssVar": "--notification-bg-destructive",
13115
13147
  "type": "color",
13116
- "description": "Root bg do Status=Destructive (Figma 1417:7938 = status/destructive/subtle #fef2f2; drift 2026-07-15).",
13148
+ "description": "Root bg do Status=Destructive (Figma 1417:7938 = status/destructive/subtle #fef2f2; drift 2026-07-15). Via base.destructive-subtle para o build emitir o valor do tema escuro (red-950).",
13117
13149
  "value": "oklch(97.05% 0.0129 17.38)"
13118
13150
  },
13119
13151
  {
@@ -13566,7 +13598,8 @@
13566
13598
  "name": "priority-low-text",
13567
13599
  "cssVar": "--priority-low-text",
13568
13600
  "type": "color",
13569
- "value": "oklch(55% 0.02 250)"
13601
+ "description": "Light value of core/background/on-muted (neutral-600): the chip keeps its light fill in both themes. The previous gray failed AA over the fill.",
13602
+ "value": "oklch(43.86% 0.0000 0)"
13570
13603
  },
13571
13604
  {
13572
13605
  "name": "priority-medium-bg",
@@ -14562,7 +14595,8 @@
14562
14595
  "name": "select-trigger-disabled-border",
14563
14596
  "cssVar": "--select-trigger-disabled-border",
14564
14597
  "type": "color",
14565
- "value": "oklch(97.02% 0.0000 0)"
14598
+ "description": "Figma Disabled state of Input/Select/Textarea: stroke disabled-border (#d4d4d4 light, #404040 dark); the fill stays --muted (product decision 2026-09-25).",
14599
+ "value": "oklch(86.99% 0.0000 0)"
14566
14600
  },
14567
14601
  {
14568
14602
  "name": "select-trigger-disabled-fg",
@@ -14793,6 +14827,13 @@
14793
14827
  "type": "color",
14794
14828
  "value": "oklch(100% 0 0 / 50%)"
14795
14829
  },
14830
+ {
14831
+ "name": "sheet-overlay-bg-soft",
14832
+ "cssVar": "--sheet-overlay-bg-soft",
14833
+ "type": "color",
14834
+ "description": "Black 40%: Figma core/background/overlay-soft, the backdrop of the mobile Sidebar drawer (Figma Usage and Behavior 2962:5122).",
14835
+ "value": "oklch(0% 0 0 / 40%)"
14836
+ },
14796
14837
  {
14797
14838
  "name": "sidebar-avatar-height",
14798
14839
  "cssVar": "--sidebar-avatar-height",
@@ -14883,6 +14924,13 @@
14883
14924
  "type": "dimension",
14884
14925
  "value": "8px"
14885
14926
  },
14927
+ {
14928
+ "name": "sidebar-history-item-bg-active",
14929
+ "cssVar": "--sidebar-history-item-bg-active",
14930
+ "type": "color",
14931
+ "description": "Fill of the open history item: --muted, the same fill as the hover (Figma HistoryItem 2893:13419 Status=Active, variable 1235:14).",
14932
+ "value": "oklch(97.02% 0.0000 0)"
14933
+ },
14886
14934
  {
14887
14935
  "name": "sidebar-history-item-color",
14888
14936
  "cssVar": "--sidebar-history-item-color",
@@ -14890,6 +14938,13 @@
14890
14938
  "description": "History item text 14/400 neutral-500 (Figma 2893:13418) — audit 2026-09-14.",
14891
14939
  "value": "oklch(55.55% 0.0000 0)"
14892
14940
  },
14941
+ {
14942
+ "name": "sidebar-history-item-color-active",
14943
+ "cssVar": "--sidebar-history-item-color-active",
14944
+ "type": "color",
14945
+ "description": "Text of the open history item: --foreground, weight 400 (Figma HistoryItem 2893:13419 Status=Active, variable 1215:37).",
14946
+ "value": "oklch(14.48% 0.0000 0)"
14947
+ },
14893
14948
  {
14894
14949
  "name": "sidebar-history-item-height",
14895
14950
  "cssVar": "--sidebar-history-item-height",
@@ -14897,6 +14952,20 @@
14897
14952
  "description": "History item row 30px (Figma 2893:13418) — audit 2026-09-14.",
14898
14953
  "value": "30px"
14899
14954
  },
14955
+ {
14956
+ "name": "sidebar-history-status-off-border-color",
14957
+ "cssVar": "--sidebar-history-status-off-border-color",
14958
+ "type": "color",
14959
+ "description": "Ring color of the inactive status indicator: --border, #E5E5E5 in light and #404040 in dark (Figma Dash 2864:4119 / 2893:15022).",
14960
+ "value": "oklch(92.19% 0.0000 0)"
14961
+ },
14962
+ {
14963
+ "name": "sidebar-history-status-off-border-width",
14964
+ "cssVar": "--sidebar-history-status-off-border-width",
14965
+ "type": "dimension",
14966
+ "description": "Inactive status indicator of a history item: a hollow 6px ring with a 1.5px stroke (Figma Dash 2864:4119).",
14967
+ "value": "1.5px"
14968
+ },
14900
14969
  {
14901
14970
  "name": "sidebar-history-title-color",
14902
14971
  "cssVar": "--sidebar-history-title-color",
@@ -15310,6 +15379,13 @@
15310
15379
  "description": "Rail nav-item border-radius = 4px (Figma rounded-md).",
15311
15380
  "value": "4px"
15312
15381
  },
15382
+ {
15383
+ "name": "sidebar-rail-toggle-offset-bottom",
15384
+ "cssVar": "--sidebar-rail-toggle-offset-bottom",
15385
+ "type": "dimension",
15386
+ "description": "Distance from the column bottom to the 32px expand/collapse button that appears on the edge (Figma Sidebar Status=Border Hover 2990:10137: y=722 in the 968px column), so it sits above the footer.",
15387
+ "value": "214px"
15388
+ },
15313
15389
  {
15314
15390
  "name": "sidebar-rail-width",
15315
15391
  "cssVar": "--sidebar-rail-width",
@@ -15461,8 +15537,8 @@
15461
15537
  "name": "sidebar-width-mobile",
15462
15538
  "cssVar": "--sidebar-width-mobile",
15463
15539
  "type": "dimension",
15464
- "description": "Sidebar mobile drawer width (~288px).",
15465
- "value": "18rem"
15540
+ "description": "Sidebar mobile drawer width: 296px (Figma Sidebar State=Mobile 2963:6166).",
15541
+ "value": "18.5rem"
15466
15542
  },
15467
15543
  {
15468
15544
  "name": "single-stat-label-color",
@@ -15801,6 +15877,7 @@
15801
15877
  "name": "slider-tooltip-fg",
15802
15878
  "cssVar": "--slider-tooltip-fg",
15803
15879
  "type": "color",
15880
+ "description": "Slider tooltip text, consumed by sliderTooltipVariants. The --slider-tooltip-text name that the 2.2 triage expected was never emitted.",
15804
15881
  "value": "oklch(20.46% 0.0000 0)"
15805
15882
  },
15806
15883
  {
@@ -16042,7 +16119,8 @@
16042
16119
  "name": "status-cancelled-text",
16043
16120
  "cssVar": "--status-cancelled-text",
16044
16121
  "type": "color",
16045
- "value": "oklch(65% 0.02 250)"
16122
+ "description": "Light value of core/background/on-muted (neutral-600): the chip keeps its light fill in both themes. The previous gray failed AA over the fill.",
16123
+ "value": "oklch(43.86% 0.0000 0)"
16046
16124
  },
16047
16125
  {
16048
16126
  "name": "status-changes-requested-bg",
@@ -16096,7 +16174,8 @@
16096
16174
  "name": "status-expired-text",
16097
16175
  "cssVar": "--status-expired-text",
16098
16176
  "type": "color",
16099
- "value": "oklch(60% 0.02 250)"
16177
+ "description": "Light value of core/background/on-muted (neutral-600): the chip keeps its light fill in both themes. The previous gray failed AA over the fill.",
16178
+ "value": "oklch(43.86% 0.0000 0)"
16100
16179
  },
16101
16180
  {
16102
16181
  "name": "status-in-review-bg",
@@ -16280,7 +16359,8 @@
16280
16359
  "name": "status-pending-text",
16281
16360
  "cssVar": "--status-pending-text",
16282
16361
  "type": "color",
16283
- "value": "oklch(55% 0.02 250)"
16362
+ "description": "Light value of core/background/on-muted (neutral-600): the chip keeps its light fill in both themes. The previous gray failed AA over the fill.",
16363
+ "value": "oklch(43.86% 0.0000 0)"
16284
16364
  },
16285
16365
  {
16286
16366
  "name": "status-rejected-bg",
@@ -16632,7 +16712,7 @@
16632
16712
  {
16633
16713
  "name": "table-footer-bg",
16634
16714
  "cssVar": "--table-footer-bg",
16635
- "value": "oklch(97.02% 0.0000 0)/50"
16715
+ "value": "color-mix(in oklab, oklch(26.86% 0.0000 0) 50%, transparent)"
16636
16716
  },
16637
16717
  {
16638
16718
  "name": "table-footer-border",
@@ -16674,7 +16754,7 @@
16674
16754
  {
16675
16755
  "name": "table-row-hover",
16676
16756
  "cssVar": "--table-row-hover",
16677
- "value": "oklch(97.02% 0.0000 0)/50"
16757
+ "value": "color-mix(in oklab, oklch(26.86% 0.0000 0) 50%, transparent)"
16678
16758
  },
16679
16759
  {
16680
16760
  "name": "table-row-selected",
@@ -16685,7 +16765,7 @@
16685
16765
  {
16686
16766
  "name": "table-row-striped",
16687
16767
  "cssVar": "--table-row-striped",
16688
- "value": "oklch(97.02% 0.0000 0)/30"
16768
+ "value": "color-mix(in oklab, oklch(26.86% 0.0000 0) 30%, transparent)"
16689
16769
  },
16690
16770
  {
16691
16771
  "name": "tabs-list-bg",
@@ -16751,7 +16831,8 @@
16751
16831
  "name": "tabs-trigger-badge-fg",
16752
16832
  "cssVar": "--tabs-trigger-badge-fg",
16753
16833
  "type": "color",
16754
- "value": "oklch(55.55% 0.0000 0)"
16834
+ "description": "Texto do badge, que e um fill muted: usa on-muted (neutral-600 light / neutral-300 dark). muted-foreground sobre muted fica em 4,34:1 e reprova no axe.",
16835
+ "value": "oklch(43.86% 0.0000 0)"
16755
16836
  },
16756
16837
  {
16757
16838
  "name": "tabs-trigger-badge-padding-x",
@@ -17149,7 +17230,8 @@
17149
17230
  "name": "task-status-backlog-text",
17150
17231
  "cssVar": "--task-status-backlog-text",
17151
17232
  "type": "color",
17152
- "value": "oklch(60% 0.02 250)"
17233
+ "description": "--on-muted: TaskStatus draws this text over --muted. The previous gray failed AA (3.6-4.4:1).",
17234
+ "value": "oklch(43.86% 0.0000 0)"
17153
17235
  },
17154
17236
  {
17155
17237
  "name": "task-status-blocked-bg",
@@ -17167,7 +17249,8 @@
17167
17249
  "name": "task-status-blocked-text",
17168
17250
  "cssVar": "--task-status-blocked-text",
17169
17251
  "type": "color",
17170
- "value": "oklch(45% 0.18 25)"
17252
+ "description": "Status law: text over a status surface uses the family -subtle-foreground (TaskStatus draws it over --muted). The fixed dark value read 1.8-2.1:1 on the dark --muted.",
17253
+ "value": "oklch(50.54% 0.1905 27.52)"
17171
17254
  },
17172
17255
  {
17173
17256
  "name": "task-status-done-bg",
@@ -17185,7 +17268,8 @@
17185
17268
  "name": "task-status-done-text",
17186
17269
  "cssVar": "--task-status-done-text",
17187
17270
  "type": "color",
17188
- "value": "oklch(40% 0.15 145)"
17271
+ "description": "Status law: text over a status surface uses the family -subtle-foreground (TaskStatus draws it over --muted). The fixed dark value read 1.8-2.1:1 on the dark --muted.",
17272
+ "value": "oklch(52.73% 0.1371 150.07)"
17189
17273
  },
17190
17274
  {
17191
17275
  "name": "task-status-in-progress-bg",
@@ -17203,7 +17287,8 @@
17203
17287
  "name": "task-status-in-progress-text",
17204
17288
  "cssVar": "--task-status-in-progress-text",
17205
17289
  "type": "color",
17206
- "value": "oklch(45% 0.15 250)"
17290
+ "description": "Status law: text over a status surface uses the family -subtle-foreground (TaskStatus draws it over --muted). The fixed dark value read 1.8-2.1:1 on the dark --muted.",
17291
+ "value": "oklch(48.82% 0.2172 264.38)"
17207
17292
  },
17208
17293
  {
17209
17294
  "name": "task-status-in-review-bg",
@@ -17221,7 +17306,8 @@
17221
17306
  "name": "task-status-in-review-text",
17222
17307
  "cssVar": "--task-status-in-review-text",
17223
17308
  "type": "color",
17224
- "value": "oklch(45% 0.15 95)"
17309
+ "description": "Status law: text over a status surface uses the family -subtle-foreground (TaskStatus draws it over --muted). The fixed dark value read 1.8-2.1:1 on the dark --muted.",
17310
+ "value": "oklch(55.38% 0.1207 66.44)"
17225
17311
  },
17226
17312
  {
17227
17313
  "name": "task-status-todo-bg",
@@ -17239,7 +17325,8 @@
17239
17325
  "name": "task-status-todo-text",
17240
17326
  "cssVar": "--task-status-todo-text",
17241
17327
  "type": "color",
17242
- "value": "oklch(55% 0.02 250)"
17328
+ "description": "--on-muted: TaskStatus draws this text over --muted. The previous gray failed AA (3.6-4.4:1).",
17329
+ "value": "oklch(43.86% 0.0000 0)"
17243
17330
  },
17244
17331
  {
17245
17332
  "name": "textarea-bg-default",
@@ -17264,14 +17351,15 @@
17264
17351
  "name": "textarea-border-default",
17265
17352
  "cssVar": "--textarea-border-default",
17266
17353
  "type": "color",
17267
- "value": "oklch(92.19% 0.0000 0)"
17354
+ "description": "Resting field border: core/input in both themes (Figma Dash 2864:4119 / 2893:15022).",
17355
+ "value": "oklch(55.55% 0.0000 0)"
17268
17356
  },
17269
17357
  {
17270
17358
  "name": "textarea-border-disabled",
17271
17359
  "cssVar": "--textarea-border-disabled",
17272
17360
  "type": "color",
17273
- "description": "Textarea disabled border color per DES-1316 item 2.",
17274
- "value": "oklch(97.02% 0.0000 0)"
17361
+ "description": "Figma Disabled state of Input/Select/Textarea: stroke disabled-border (#d4d4d4 light, #404040 dark); the fill stays --muted (product decision 2026-09-25).",
17362
+ "value": "oklch(86.99% 0.0000 0)"
17275
17363
  },
17276
17364
  {
17277
17365
  "name": "textarea-border-error",
@@ -17980,7 +18068,8 @@
17980
18068
  "name": "toggle-variant-default-color-default",
17981
18069
  "cssVar": "--toggle-variant-default-color-default",
17982
18070
  "type": "color",
17983
- "value": "oklch(55.55% 0.0000 0)"
18071
+ "description": "Text and icon of the default variant at rest, on the muted fill (bg.default): on-muted, because muted-foreground on muted gives 4.35:1, below AA.",
18072
+ "value": "oklch(43.86% 0.0000 0)"
17984
18073
  },
17985
18074
  {
17986
18075
  "name": "toggle-variant-default-color-hover",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@etus/tokens",
3
- "version": "0.4.0-beta.22",
3
+ "version": "0.4.0-beta.24",
4
4
  "description": "Seven Design System - Design tokens (CSS variables) for ETUS applications",
5
5
  "license": "MIT",
6
6
  "repository": {