@etus/tokens 0.4.0-beta.22 → 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 +113 -72
- package/dist/tokens.js +53 -40
- package/dist/tokens.meta.json +130 -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",
|
|
@@ -15801,6 +15849,7 @@
|
|
|
15801
15849
|
"name": "slider-tooltip-fg",
|
|
15802
15850
|
"cssVar": "--slider-tooltip-fg",
|
|
15803
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.",
|
|
15804
15853
|
"value": "oklch(20.46% 0.0000 0)"
|
|
15805
15854
|
},
|
|
15806
15855
|
{
|
|
@@ -16042,7 +16091,8 @@
|
|
|
16042
16091
|
"name": "status-cancelled-text",
|
|
16043
16092
|
"cssVar": "--status-cancelled-text",
|
|
16044
16093
|
"type": "color",
|
|
16045
|
-
"
|
|
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)"
|
|
16046
16096
|
},
|
|
16047
16097
|
{
|
|
16048
16098
|
"name": "status-changes-requested-bg",
|
|
@@ -16096,7 +16146,8 @@
|
|
|
16096
16146
|
"name": "status-expired-text",
|
|
16097
16147
|
"cssVar": "--status-expired-text",
|
|
16098
16148
|
"type": "color",
|
|
16099
|
-
"
|
|
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)"
|
|
16100
16151
|
},
|
|
16101
16152
|
{
|
|
16102
16153
|
"name": "status-in-review-bg",
|
|
@@ -16280,7 +16331,8 @@
|
|
|
16280
16331
|
"name": "status-pending-text",
|
|
16281
16332
|
"cssVar": "--status-pending-text",
|
|
16282
16333
|
"type": "color",
|
|
16283
|
-
"
|
|
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)"
|
|
16284
16336
|
},
|
|
16285
16337
|
{
|
|
16286
16338
|
"name": "status-rejected-bg",
|
|
@@ -16632,7 +16684,7 @@
|
|
|
16632
16684
|
{
|
|
16633
16685
|
"name": "table-footer-bg",
|
|
16634
16686
|
"cssVar": "--table-footer-bg",
|
|
16635
|
-
"value": "oklch(
|
|
16687
|
+
"value": "color-mix(in oklab, oklch(26.86% 0.0000 0) 50%, transparent)"
|
|
16636
16688
|
},
|
|
16637
16689
|
{
|
|
16638
16690
|
"name": "table-footer-border",
|
|
@@ -16674,7 +16726,7 @@
|
|
|
16674
16726
|
{
|
|
16675
16727
|
"name": "table-row-hover",
|
|
16676
16728
|
"cssVar": "--table-row-hover",
|
|
16677
|
-
"value": "oklch(
|
|
16729
|
+
"value": "color-mix(in oklab, oklch(26.86% 0.0000 0) 50%, transparent)"
|
|
16678
16730
|
},
|
|
16679
16731
|
{
|
|
16680
16732
|
"name": "table-row-selected",
|
|
@@ -16685,7 +16737,7 @@
|
|
|
16685
16737
|
{
|
|
16686
16738
|
"name": "table-row-striped",
|
|
16687
16739
|
"cssVar": "--table-row-striped",
|
|
16688
|
-
"value": "oklch(
|
|
16740
|
+
"value": "color-mix(in oklab, oklch(26.86% 0.0000 0) 30%, transparent)"
|
|
16689
16741
|
},
|
|
16690
16742
|
{
|
|
16691
16743
|
"name": "tabs-list-bg",
|
|
@@ -16751,7 +16803,8 @@
|
|
|
16751
16803
|
"name": "tabs-trigger-badge-fg",
|
|
16752
16804
|
"cssVar": "--tabs-trigger-badge-fg",
|
|
16753
16805
|
"type": "color",
|
|
16754
|
-
"
|
|
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)"
|
|
16755
16808
|
},
|
|
16756
16809
|
{
|
|
16757
16810
|
"name": "tabs-trigger-badge-padding-x",
|
|
@@ -17149,7 +17202,8 @@
|
|
|
17149
17202
|
"name": "task-status-backlog-text",
|
|
17150
17203
|
"cssVar": "--task-status-backlog-text",
|
|
17151
17204
|
"type": "color",
|
|
17152
|
-
"
|
|
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)"
|
|
17153
17207
|
},
|
|
17154
17208
|
{
|
|
17155
17209
|
"name": "task-status-blocked-bg",
|
|
@@ -17167,7 +17221,8 @@
|
|
|
17167
17221
|
"name": "task-status-blocked-text",
|
|
17168
17222
|
"cssVar": "--task-status-blocked-text",
|
|
17169
17223
|
"type": "color",
|
|
17170
|
-
"
|
|
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)"
|
|
17171
17226
|
},
|
|
17172
17227
|
{
|
|
17173
17228
|
"name": "task-status-done-bg",
|
|
@@ -17185,7 +17240,8 @@
|
|
|
17185
17240
|
"name": "task-status-done-text",
|
|
17186
17241
|
"cssVar": "--task-status-done-text",
|
|
17187
17242
|
"type": "color",
|
|
17188
|
-
"
|
|
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)"
|
|
17189
17245
|
},
|
|
17190
17246
|
{
|
|
17191
17247
|
"name": "task-status-in-progress-bg",
|
|
@@ -17203,7 +17259,8 @@
|
|
|
17203
17259
|
"name": "task-status-in-progress-text",
|
|
17204
17260
|
"cssVar": "--task-status-in-progress-text",
|
|
17205
17261
|
"type": "color",
|
|
17206
|
-
"
|
|
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)"
|
|
17207
17264
|
},
|
|
17208
17265
|
{
|
|
17209
17266
|
"name": "task-status-in-review-bg",
|
|
@@ -17221,7 +17278,8 @@
|
|
|
17221
17278
|
"name": "task-status-in-review-text",
|
|
17222
17279
|
"cssVar": "--task-status-in-review-text",
|
|
17223
17280
|
"type": "color",
|
|
17224
|
-
"
|
|
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)"
|
|
17225
17283
|
},
|
|
17226
17284
|
{
|
|
17227
17285
|
"name": "task-status-todo-bg",
|
|
@@ -17239,7 +17297,8 @@
|
|
|
17239
17297
|
"name": "task-status-todo-text",
|
|
17240
17298
|
"cssVar": "--task-status-todo-text",
|
|
17241
17299
|
"type": "color",
|
|
17242
|
-
"
|
|
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)"
|
|
17243
17302
|
},
|
|
17244
17303
|
{
|
|
17245
17304
|
"name": "textarea-bg-default",
|
|
@@ -17264,14 +17323,15 @@
|
|
|
17264
17323
|
"name": "textarea-border-default",
|
|
17265
17324
|
"cssVar": "--textarea-border-default",
|
|
17266
17325
|
"type": "color",
|
|
17267
|
-
"
|
|
17326
|
+
"description": "Resting field border: core/input in both themes (Figma Dash 2864:4119 / 2893:15022).",
|
|
17327
|
+
"value": "oklch(55.55% 0.0000 0)"
|
|
17268
17328
|
},
|
|
17269
17329
|
{
|
|
17270
17330
|
"name": "textarea-border-disabled",
|
|
17271
17331
|
"cssVar": "--textarea-border-disabled",
|
|
17272
17332
|
"type": "color",
|
|
17273
|
-
"description": "Textarea disabled
|
|
17274
|
-
"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)"
|
|
17275
17335
|
},
|
|
17276
17336
|
{
|
|
17277
17337
|
"name": "textarea-border-error",
|
|
@@ -17980,7 +18040,8 @@
|
|
|
17980
18040
|
"name": "toggle-variant-default-color-default",
|
|
17981
18041
|
"cssVar": "--toggle-variant-default-color-default",
|
|
17982
18042
|
"type": "color",
|
|
17983
|
-
"
|
|
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)"
|
|
17984
18045
|
},
|
|
17985
18046
|
{
|
|
17986
18047
|
"name": "toggle-variant-default-color-hover",
|