@etus/tokens 0.4.0-beta.21 → 0.4.0-beta.23
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 +114 -72
- package/dist/tokens.js +54 -40
- package/dist/tokens.meta.json +137 -69
- package/package.json +1 -1
package/dist/tokens.meta.json
CHANGED
|
@@ -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
|
-
"
|
|
1610
|
-
"
|
|
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 —
|
|
1666
|
-
"light": "oklch(
|
|
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(
|
|
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(
|
|
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(
|
|
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
|
-
"
|
|
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(
|
|
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(
|
|
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
|
|
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(
|
|
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:
|
|
2156
|
-
"light": "
|
|
2157
|
-
"dark": "
|
|
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(
|
|
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
|
-
"
|
|
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
|
|
6457
|
-
"value": "oklch(
|
|
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)
|
|
6853
|
-
"value": "oklch(
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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",
|
|
@@ -14897,6 +14931,20 @@
|
|
|
14897
14931
|
"description": "History item row 30px (Figma 2893:13418) — audit 2026-09-14.",
|
|
14898
14932
|
"value": "30px"
|
|
14899
14933
|
},
|
|
14934
|
+
{
|
|
14935
|
+
"name": "sidebar-history-status-off-border-color",
|
|
14936
|
+
"cssVar": "--sidebar-history-status-off-border-color",
|
|
14937
|
+
"type": "color",
|
|
14938
|
+
"description": "Ring color of the inactive status indicator: --border, #E5E5E5 in light and #404040 in dark (Figma Dash 2864:4119 / 2893:15022).",
|
|
14939
|
+
"value": "oklch(92.19% 0.0000 0)"
|
|
14940
|
+
},
|
|
14941
|
+
{
|
|
14942
|
+
"name": "sidebar-history-status-off-border-width",
|
|
14943
|
+
"cssVar": "--sidebar-history-status-off-border-width",
|
|
14944
|
+
"type": "dimension",
|
|
14945
|
+
"description": "Inactive status indicator of a history item: a hollow 6px ring with a 1.5px stroke (Figma Dash 2864:4119).",
|
|
14946
|
+
"value": "1.5px"
|
|
14947
|
+
},
|
|
14900
14948
|
{
|
|
14901
14949
|
"name": "sidebar-history-title-color",
|
|
14902
14950
|
"cssVar": "--sidebar-history-title-color",
|
|
@@ -15324,6 +15372,13 @@
|
|
|
15324
15372
|
"description": "Largura da rail expandida em overlay no estado Expandida + Secundaria (= sidebar.width 200px; Figma 2483:1600). O painel fica imovel; footprint segue 280.",
|
|
15325
15373
|
"value": "16rem"
|
|
15326
15374
|
},
|
|
15375
|
+
{
|
|
15376
|
+
"name": "sidebar-rail-width-labels",
|
|
15377
|
+
"cssVar": "--sidebar-rail-width-labels",
|
|
15378
|
+
"type": "dimension",
|
|
15379
|
+
"description": "Collapsed rail width with labels under the icons = 80px (railLabels, product plan; Figma 2781:6122 is still an empty 80px reserved frame, 2026-09-24). Replaces --sidebar-width-icon (64px) only when railLabels is on.",
|
|
15380
|
+
"value": "5rem"
|
|
15381
|
+
},
|
|
15327
15382
|
{
|
|
15328
15383
|
"name": "sidebar-section-content-gap",
|
|
15329
15384
|
"cssVar": "--sidebar-section-content-gap",
|
|
@@ -15794,6 +15849,7 @@
|
|
|
15794
15849
|
"name": "slider-tooltip-fg",
|
|
15795
15850
|
"cssVar": "--slider-tooltip-fg",
|
|
15796
15851
|
"type": "color",
|
|
15852
|
+
"description": "Slider tooltip text, consumed by sliderTooltipVariants. The --slider-tooltip-text name that the 2.2 triage expected was never emitted.",
|
|
15797
15853
|
"value": "oklch(20.46% 0.0000 0)"
|
|
15798
15854
|
},
|
|
15799
15855
|
{
|
|
@@ -16035,7 +16091,8 @@
|
|
|
16035
16091
|
"name": "status-cancelled-text",
|
|
16036
16092
|
"cssVar": "--status-cancelled-text",
|
|
16037
16093
|
"type": "color",
|
|
16038
|
-
"
|
|
16094
|
+
"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.",
|
|
16095
|
+
"value": "oklch(43.86% 0.0000 0)"
|
|
16039
16096
|
},
|
|
16040
16097
|
{
|
|
16041
16098
|
"name": "status-changes-requested-bg",
|
|
@@ -16089,7 +16146,8 @@
|
|
|
16089
16146
|
"name": "status-expired-text",
|
|
16090
16147
|
"cssVar": "--status-expired-text",
|
|
16091
16148
|
"type": "color",
|
|
16092
|
-
"
|
|
16149
|
+
"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.",
|
|
16150
|
+
"value": "oklch(43.86% 0.0000 0)"
|
|
16093
16151
|
},
|
|
16094
16152
|
{
|
|
16095
16153
|
"name": "status-in-review-bg",
|
|
@@ -16273,7 +16331,8 @@
|
|
|
16273
16331
|
"name": "status-pending-text",
|
|
16274
16332
|
"cssVar": "--status-pending-text",
|
|
16275
16333
|
"type": "color",
|
|
16276
|
-
"
|
|
16334
|
+
"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.",
|
|
16335
|
+
"value": "oklch(43.86% 0.0000 0)"
|
|
16277
16336
|
},
|
|
16278
16337
|
{
|
|
16279
16338
|
"name": "status-rejected-bg",
|
|
@@ -16625,7 +16684,7 @@
|
|
|
16625
16684
|
{
|
|
16626
16685
|
"name": "table-footer-bg",
|
|
16627
16686
|
"cssVar": "--table-footer-bg",
|
|
16628
|
-
"value": "oklch(
|
|
16687
|
+
"value": "color-mix(in oklab, oklch(26.86% 0.0000 0) 50%, transparent)"
|
|
16629
16688
|
},
|
|
16630
16689
|
{
|
|
16631
16690
|
"name": "table-footer-border",
|
|
@@ -16667,7 +16726,7 @@
|
|
|
16667
16726
|
{
|
|
16668
16727
|
"name": "table-row-hover",
|
|
16669
16728
|
"cssVar": "--table-row-hover",
|
|
16670
|
-
"value": "oklch(
|
|
16729
|
+
"value": "color-mix(in oklab, oklch(26.86% 0.0000 0) 50%, transparent)"
|
|
16671
16730
|
},
|
|
16672
16731
|
{
|
|
16673
16732
|
"name": "table-row-selected",
|
|
@@ -16678,7 +16737,7 @@
|
|
|
16678
16737
|
{
|
|
16679
16738
|
"name": "table-row-striped",
|
|
16680
16739
|
"cssVar": "--table-row-striped",
|
|
16681
|
-
"value": "oklch(
|
|
16740
|
+
"value": "color-mix(in oklab, oklch(26.86% 0.0000 0) 30%, transparent)"
|
|
16682
16741
|
},
|
|
16683
16742
|
{
|
|
16684
16743
|
"name": "tabs-list-bg",
|
|
@@ -16744,7 +16803,8 @@
|
|
|
16744
16803
|
"name": "tabs-trigger-badge-fg",
|
|
16745
16804
|
"cssVar": "--tabs-trigger-badge-fg",
|
|
16746
16805
|
"type": "color",
|
|
16747
|
-
"
|
|
16806
|
+
"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.",
|
|
16807
|
+
"value": "oklch(43.86% 0.0000 0)"
|
|
16748
16808
|
},
|
|
16749
16809
|
{
|
|
16750
16810
|
"name": "tabs-trigger-badge-padding-x",
|
|
@@ -17142,7 +17202,8 @@
|
|
|
17142
17202
|
"name": "task-status-backlog-text",
|
|
17143
17203
|
"cssVar": "--task-status-backlog-text",
|
|
17144
17204
|
"type": "color",
|
|
17145
|
-
"
|
|
17205
|
+
"description": "--on-muted: TaskStatus draws this text over --muted. The previous gray failed AA (3.6-4.4:1).",
|
|
17206
|
+
"value": "oklch(43.86% 0.0000 0)"
|
|
17146
17207
|
},
|
|
17147
17208
|
{
|
|
17148
17209
|
"name": "task-status-blocked-bg",
|
|
@@ -17160,7 +17221,8 @@
|
|
|
17160
17221
|
"name": "task-status-blocked-text",
|
|
17161
17222
|
"cssVar": "--task-status-blocked-text",
|
|
17162
17223
|
"type": "color",
|
|
17163
|
-
"
|
|
17224
|
+
"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.",
|
|
17225
|
+
"value": "oklch(50.54% 0.1905 27.52)"
|
|
17164
17226
|
},
|
|
17165
17227
|
{
|
|
17166
17228
|
"name": "task-status-done-bg",
|
|
@@ -17178,7 +17240,8 @@
|
|
|
17178
17240
|
"name": "task-status-done-text",
|
|
17179
17241
|
"cssVar": "--task-status-done-text",
|
|
17180
17242
|
"type": "color",
|
|
17181
|
-
"
|
|
17243
|
+
"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.",
|
|
17244
|
+
"value": "oklch(52.73% 0.1371 150.07)"
|
|
17182
17245
|
},
|
|
17183
17246
|
{
|
|
17184
17247
|
"name": "task-status-in-progress-bg",
|
|
@@ -17196,7 +17259,8 @@
|
|
|
17196
17259
|
"name": "task-status-in-progress-text",
|
|
17197
17260
|
"cssVar": "--task-status-in-progress-text",
|
|
17198
17261
|
"type": "color",
|
|
17199
|
-
"
|
|
17262
|
+
"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.",
|
|
17263
|
+
"value": "oklch(48.82% 0.2172 264.38)"
|
|
17200
17264
|
},
|
|
17201
17265
|
{
|
|
17202
17266
|
"name": "task-status-in-review-bg",
|
|
@@ -17214,7 +17278,8 @@
|
|
|
17214
17278
|
"name": "task-status-in-review-text",
|
|
17215
17279
|
"cssVar": "--task-status-in-review-text",
|
|
17216
17280
|
"type": "color",
|
|
17217
|
-
"
|
|
17281
|
+
"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.",
|
|
17282
|
+
"value": "oklch(55.38% 0.1207 66.44)"
|
|
17218
17283
|
},
|
|
17219
17284
|
{
|
|
17220
17285
|
"name": "task-status-todo-bg",
|
|
@@ -17232,7 +17297,8 @@
|
|
|
17232
17297
|
"name": "task-status-todo-text",
|
|
17233
17298
|
"cssVar": "--task-status-todo-text",
|
|
17234
17299
|
"type": "color",
|
|
17235
|
-
"
|
|
17300
|
+
"description": "--on-muted: TaskStatus draws this text over --muted. The previous gray failed AA (3.6-4.4:1).",
|
|
17301
|
+
"value": "oklch(43.86% 0.0000 0)"
|
|
17236
17302
|
},
|
|
17237
17303
|
{
|
|
17238
17304
|
"name": "textarea-bg-default",
|
|
@@ -17257,14 +17323,15 @@
|
|
|
17257
17323
|
"name": "textarea-border-default",
|
|
17258
17324
|
"cssVar": "--textarea-border-default",
|
|
17259
17325
|
"type": "color",
|
|
17260
|
-
"
|
|
17326
|
+
"description": "Resting field border: core/input in both themes (Figma Dash 2864:4119 / 2893:15022).",
|
|
17327
|
+
"value": "oklch(55.55% 0.0000 0)"
|
|
17261
17328
|
},
|
|
17262
17329
|
{
|
|
17263
17330
|
"name": "textarea-border-disabled",
|
|
17264
17331
|
"cssVar": "--textarea-border-disabled",
|
|
17265
17332
|
"type": "color",
|
|
17266
|
-
"description": "Textarea disabled
|
|
17267
|
-
"value": "oklch(
|
|
17333
|
+
"description": "Figma Disabled state of Input/Select/Textarea: stroke disabled-border (#d4d4d4 light, #404040 dark); the fill stays --muted (product decision 2026-09-25).",
|
|
17334
|
+
"value": "oklch(86.99% 0.0000 0)"
|
|
17268
17335
|
},
|
|
17269
17336
|
{
|
|
17270
17337
|
"name": "textarea-border-error",
|
|
@@ -17973,7 +18040,8 @@
|
|
|
17973
18040
|
"name": "toggle-variant-default-color-default",
|
|
17974
18041
|
"cssVar": "--toggle-variant-default-color-default",
|
|
17975
18042
|
"type": "color",
|
|
17976
|
-
"
|
|
18043
|
+
"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.",
|
|
18044
|
+
"value": "oklch(43.86% 0.0000 0)"
|
|
17977
18045
|
},
|
|
17978
18046
|
{
|
|
17979
18047
|
"name": "toggle-variant-default-color-hover",
|