@gitlab/ui 85.12.1 → 85.13.0

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.
Files changed (39) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/components/base/skeleton_loader/skeleton_loader.js +3 -3
  3. package/dist/components/experimental/duo/chat/constants.js +2 -1
  4. package/dist/components/experimental/duo/chat/duo_chat.js +5 -2
  5. package/dist/index.css +2 -2
  6. package/dist/index.css.map +1 -1
  7. package/dist/tokens/build/js/tokens.dark.js +34 -1
  8. package/dist/tokens/build/js/tokens.js +34 -1
  9. package/dist/tokens/css/tokens.css +33 -0
  10. package/dist/tokens/css/tokens.dark.css +33 -0
  11. package/dist/tokens/js/tokens.dark.js +33 -0
  12. package/dist/tokens/js/tokens.js +33 -0
  13. package/dist/tokens/json/tokens.dark.json +827 -0
  14. package/dist/tokens/json/tokens.json +827 -0
  15. package/dist/tokens/scss/_tokens.dark.scss +33 -0
  16. package/dist/tokens/scss/_tokens.scss +33 -0
  17. package/dist/tokens/scss/_tokens_custom_properties.scss +33 -0
  18. package/dist/utility_classes.css +1 -1
  19. package/dist/utility_classes.css.map +1 -1
  20. package/package.json +1 -2
  21. package/src/components/base/form/form_checkbox/form_checkbox.scss +55 -36
  22. package/src/components/base/skeleton_loader/skeleton_loader.scss +2 -2
  23. package/src/components/base/skeleton_loader/skeleton_loader.vue +3 -3
  24. package/src/components/experimental/duo/chat/constants.js +1 -0
  25. package/src/components/experimental/duo/chat/duo_chat.md +11 -1
  26. package/src/components/experimental/duo/chat/duo_chat.vue +5 -2
  27. package/src/scss/mixins.scss +4 -3
  28. package/src/scss/variables.scss +5 -4
  29. package/src/tokens/action.tokens.json +261 -0
  30. package/src/tokens/build/css/tokens.css +33 -0
  31. package/src/tokens/build/css/tokens.dark.css +33 -0
  32. package/src/tokens/build/js/tokens.dark.js +33 -0
  33. package/src/tokens/build/js/tokens.js +33 -0
  34. package/src/tokens/build/json/tokens.dark.json +827 -0
  35. package/src/tokens/build/json/tokens.json +827 -0
  36. package/src/tokens/build/scss/_tokens.dark.scss +33 -0
  37. package/src/tokens/build/scss/_tokens.scss +33 -0
  38. package/src/tokens/build/scss/_tokens_custom_properties.scss +33 -0
  39. package/src/tokens/control.tokens.json +26 -0
package/src/tokens/build/json/tokens.json CHANGED
@@ -1684,6 +1684,759 @@
1684
1684
  }
1685
1685
  }
1686
1686
  }
1687
+ },
1688
+ "danger": {
1689
+ "background": {
1690
+ "color": {
1691
+ "default": {
1692
+ "value": "#fff",
1693
+ "$type": "color",
1694
+ "comment": "Used for the background of an outlined danger (destructive) action in the default state.",
1695
+ "filePath": "src/tokens/action.tokens.json",
1696
+ "isSource": true,
1697
+ "original": {
1698
+ "value": {
1699
+ "default": "{color.neutral.0}",
1700
+ "dark": "{color.neutral.900}"
1701
+ },
1702
+ "$type": "color",
1703
+ "comment": "Used for the background of an outlined danger (destructive) action in the default state."
1704
+ },
1705
+ "name": "ACTION_DANGER_BACKGROUND_COLOR_DEFAULT",
1706
+ "attributes": {},
1707
+ "path": [
1708
+ "action",
1709
+ "danger",
1710
+ "background",
1711
+ "color",
1712
+ "default"
1713
+ ]
1714
+ },
1715
+ "hover": {
1716
+ "value": "#fcf1ef",
1717
+ "$type": "color",
1718
+ "comment": "Used for the background of an outlined danger (destructive) action in the hover state.",
1719
+ "filePath": "src/tokens/action.tokens.json",
1720
+ "isSource": true,
1721
+ "original": {
1722
+ "value": {
1723
+ "default": "{color.red.50}",
1724
+ "dark": "{color.red.900}"
1725
+ },
1726
+ "$type": "color",
1727
+ "comment": "Used for the background of an outlined danger (destructive) action in the hover state."
1728
+ },
1729
+ "name": "ACTION_DANGER_BACKGROUND_COLOR_HOVER",
1730
+ "attributes": {},
1731
+ "path": [
1732
+ "action",
1733
+ "danger",
1734
+ "background",
1735
+ "color",
1736
+ "hover"
1737
+ ]
1738
+ },
1739
+ "focus": {
1740
+ "value": "#fcf1ef",
1741
+ "$type": "color",
1742
+ "comment": "Used for the background of an outlined danger (destructive) action in the focus state.",
1743
+ "filePath": "src/tokens/action.tokens.json",
1744
+ "isSource": true,
1745
+ "original": {
1746
+ "value": {
1747
+ "default": "{color.red.50}",
1748
+ "dark": "{color.red.900}"
1749
+ },
1750
+ "$type": "color",
1751
+ "comment": "Used for the background of an outlined danger (destructive) action in the focus state."
1752
+ },
1753
+ "name": "ACTION_DANGER_BACKGROUND_COLOR_FOCUS",
1754
+ "attributes": {},
1755
+ "path": [
1756
+ "action",
1757
+ "danger",
1758
+ "background",
1759
+ "color",
1760
+ "focus"
1761
+ ]
1762
+ },
1763
+ "active": {
1764
+ "value": "#fdd4cd",
1765
+ "$type": "color",
1766
+ "comment": "Used for the background of an outlined danger (destructive) action in the active state.",
1767
+ "filePath": "src/tokens/action.tokens.json",
1768
+ "isSource": true,
1769
+ "original": {
1770
+ "value": {
1771
+ "default": "{color.red.100}",
1772
+ "dark": "{color.red.800}"
1773
+ },
1774
+ "$type": "color",
1775
+ "comment": "Used for the background of an outlined danger (destructive) action in the active state."
1776
+ },
1777
+ "name": "ACTION_DANGER_BACKGROUND_COLOR_ACTIVE",
1778
+ "attributes": {},
1779
+ "path": [
1780
+ "action",
1781
+ "danger",
1782
+ "background",
1783
+ "color",
1784
+ "active"
1785
+ ]
1786
+ },
1787
+ "subtle": {
1788
+ "default": {
1789
+ "value": "transparent",
1790
+ "$type": "color",
1791
+ "comment": "Used for the background of a borderless, subtle danger (destructive) action in the default state.",
1792
+ "filePath": "src/tokens/action.tokens.json",
1793
+ "isSource": true,
1794
+ "original": {
1795
+ "value": "{color.alpha.0}",
1796
+ "$type": "color",
1797
+ "comment": "Used for the background of a borderless, subtle danger (destructive) action in the default state."
1798
+ },
1799
+ "name": "ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_DEFAULT",
1800
+ "attributes": {},
1801
+ "path": [
1802
+ "action",
1803
+ "danger",
1804
+ "background",
1805
+ "color",
1806
+ "subtle",
1807
+ "default"
1808
+ ]
1809
+ },
1810
+ "hover": {
1811
+ "value": "#fcf1ef",
1812
+ "$type": "color",
1813
+ "comment": "Used for the background of a borderless, subtle danger (destructive) action in the hover state.",
1814
+ "filePath": "src/tokens/action.tokens.json",
1815
+ "isSource": true,
1816
+ "original": {
1817
+ "value": {
1818
+ "default": "{color.red.50}",
1819
+ "dark": "{color.red.900}"
1820
+ },
1821
+ "$type": "color",
1822
+ "comment": "Used for the background of a borderless, subtle danger (destructive) action in the hover state."
1823
+ },
1824
+ "name": "ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_HOVER",
1825
+ "attributes": {},
1826
+ "path": [
1827
+ "action",
1828
+ "danger",
1829
+ "background",
1830
+ "color",
1831
+ "subtle",
1832
+ "hover"
1833
+ ]
1834
+ },
1835
+ "focus": {
1836
+ "value": "#fcf1ef",
1837
+ "$type": "color",
1838
+ "comment": "Used for the background of a borderless, subtle danger (destructive) action in the focus state.",
1839
+ "filePath": "src/tokens/action.tokens.json",
1840
+ "isSource": true,
1841
+ "original": {
1842
+ "value": {
1843
+ "default": "{color.red.50}",
1844
+ "dark": "{color.red.900}"
1845
+ },
1846
+ "$type": "color",
1847
+ "comment": "Used for the background of a borderless, subtle danger (destructive) action in the focus state."
1848
+ },
1849
+ "name": "ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_FOCUS",
1850
+ "attributes": {},
1851
+ "path": [
1852
+ "action",
1853
+ "danger",
1854
+ "background",
1855
+ "color",
1856
+ "subtle",
1857
+ "focus"
1858
+ ]
1859
+ },
1860
+ "active": {
1861
+ "value": "#fdd4cd",
1862
+ "$type": "color",
1863
+ "comment": "Used for the background of a borderless, subtle danger (destructive) action in the active state.",
1864
+ "filePath": "src/tokens/action.tokens.json",
1865
+ "isSource": true,
1866
+ "original": {
1867
+ "value": {
1868
+ "default": "{color.red.100}",
1869
+ "dark": "{color.red.800}"
1870
+ },
1871
+ "$type": "color",
1872
+ "comment": "Used for the background of a borderless, subtle danger (destructive) action in the active state."
1873
+ },
1874
+ "name": "ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_ACTIVE",
1875
+ "attributes": {},
1876
+ "path": [
1877
+ "action",
1878
+ "danger",
1879
+ "background",
1880
+ "color",
1881
+ "subtle",
1882
+ "active"
1883
+ ]
1884
+ }
1885
+ },
1886
+ "strong": {
1887
+ "default": {
1888
+ "value": "#dd2b0e",
1889
+ "$type": "color",
1890
+ "comment": "Used for the background of a solid, strong danger (destructive) action in the default state.",
1891
+ "filePath": "src/tokens/action.tokens.json",
1892
+ "isSource": true,
1893
+ "original": {
1894
+ "value": {
1895
+ "default": "{color.red.500}",
1896
+ "dark": "{color.red.400}"
1897
+ },
1898
+ "$type": "color",
1899
+ "comment": "Used for the background of a solid, strong danger (destructive) action in the default state."
1900
+ },
1901
+ "name": "ACTION_DANGER_BACKGROUND_COLOR_STRONG_DEFAULT",
1902
+ "attributes": {},
1903
+ "path": [
1904
+ "action",
1905
+ "danger",
1906
+ "background",
1907
+ "color",
1908
+ "strong",
1909
+ "default"
1910
+ ]
1911
+ },
1912
+ "hover": {
1913
+ "value": "#c91c00",
1914
+ "$type": "color",
1915
+ "comment": "Used for the background of a solid, strong danger (destructive) action in the hover state.",
1916
+ "filePath": "src/tokens/action.tokens.json",
1917
+ "isSource": true,
1918
+ "original": {
1919
+ "value": {
1920
+ "default": "{color.red.600}",
1921
+ "dark": "{color.red.300}"
1922
+ },
1923
+ "$type": "color",
1924
+ "comment": "Used for the background of a solid, strong danger (destructive) action in the hover state."
1925
+ },
1926
+ "name": "ACTION_DANGER_BACKGROUND_COLOR_STRONG_HOVER",
1927
+ "attributes": {},
1928
+ "path": [
1929
+ "action",
1930
+ "danger",
1931
+ "background",
1932
+ "color",
1933
+ "strong",
1934
+ "hover"
1935
+ ]
1936
+ },
1937
+ "focus": {
1938
+ "value": "#c91c00",
1939
+ "$type": "color",
1940
+ "comment": "Used for the background of a solid, strong danger (destructive) action in the focus state.",
1941
+ "filePath": "src/tokens/action.tokens.json",
1942
+ "isSource": true,
1943
+ "original": {
1944
+ "value": {
1945
+ "default": "{color.red.600}",
1946
+ "dark": "{color.red.300}"
1947
+ },
1948
+ "$type": "color",
1949
+ "comment": "Used for the background of a solid, strong danger (destructive) action in the focus state."
1950
+ },
1951
+ "name": "ACTION_DANGER_BACKGROUND_COLOR_STRONG_FOCUS",
1952
+ "attributes": {},
1953
+ "path": [
1954
+ "action",
1955
+ "danger",
1956
+ "background",
1957
+ "color",
1958
+ "strong",
1959
+ "focus"
1960
+ ]
1961
+ },
1962
+ "active": {
1963
+ "value": "#8d1300",
1964
+ "$type": "color",
1965
+ "comment": "Used for the background of a solid, strong danger (destructive) action in the active state.",
1966
+ "filePath": "src/tokens/action.tokens.json",
1967
+ "isSource": true,
1968
+ "original": {
1969
+ "value": {
1970
+ "default": "{color.red.800}",
1971
+ "dark": "{color.red.100}"
1972
+ },
1973
+ "$type": "color",
1974
+ "comment": "Used for the background of a solid, strong danger (destructive) action in the active state."
1975
+ },
1976
+ "name": "ACTION_DANGER_BACKGROUND_COLOR_STRONG_ACTIVE",
1977
+ "attributes": {},
1978
+ "path": [
1979
+ "action",
1980
+ "danger",
1981
+ "background",
1982
+ "color",
1983
+ "strong",
1984
+ "active"
1985
+ ]
1986
+ }
1987
+ }
1988
+ }
1989
+ },
1990
+ "border": {
1991
+ "color": {
1992
+ "default": {
1993
+ "value": "#dd2b0e",
1994
+ "$type": "color",
1995
+ "comment": "Used for the border of an outlined danger (destructive) action in the default state.",
1996
+ "filePath": "src/tokens/action.tokens.json",
1997
+ "isSource": true,
1998
+ "original": {
1999
+ "value": {
2000
+ "default": "{color.red.500}",
2001
+ "dark": "{color.red.400}"
2002
+ },
2003
+ "$type": "color",
2004
+ "comment": "Used for the border of an outlined danger (destructive) action in the default state."
2005
+ },
2006
+ "name": "ACTION_DANGER_BORDER_COLOR_DEFAULT",
2007
+ "attributes": {},
2008
+ "path": [
2009
+ "action",
2010
+ "danger",
2011
+ "border",
2012
+ "color",
2013
+ "default"
2014
+ ]
2015
+ },
2016
+ "hover": {
2017
+ "value": "#ae1800",
2018
+ "$type": "color",
2019
+ "comment": "Used for the border of an outlined danger (destructive) action in the hover state.",
2020
+ "filePath": "src/tokens/action.tokens.json",
2021
+ "isSource": true,
2022
+ "original": {
2023
+ "value": {
2024
+ "default": "{color.red.700}",
2025
+ "dark": "{color.red.200}"
2026
+ },
2027
+ "$type": "color",
2028
+ "comment": "Used for the border of an outlined danger (destructive) action in the hover state."
2029
+ },
2030
+ "name": "ACTION_DANGER_BORDER_COLOR_HOVER",
2031
+ "attributes": {},
2032
+ "path": [
2033
+ "action",
2034
+ "danger",
2035
+ "border",
2036
+ "color",
2037
+ "hover"
2038
+ ]
2039
+ },
2040
+ "focus": {
2041
+ "value": "#ae1800",
2042
+ "$type": "color",
2043
+ "comment": "Used for the border of an outlined danger (destructive) action in the focus state.",
2044
+ "filePath": "src/tokens/action.tokens.json",
2045
+ "isSource": true,
2046
+ "original": {
2047
+ "value": {
2048
+ "default": "{color.red.700}",
2049
+ "dark": "{color.red.200}"
2050
+ },
2051
+ "$type": "color",
2052
+ "comment": "Used for the border of an outlined danger (destructive) action in the focus state."
2053
+ },
2054
+ "name": "ACTION_DANGER_BORDER_COLOR_FOCUS",
2055
+ "attributes": {},
2056
+ "path": [
2057
+ "action",
2058
+ "danger",
2059
+ "border",
2060
+ "color",
2061
+ "focus"
2062
+ ]
2063
+ },
2064
+ "active": {
2065
+ "value": "#660e00",
2066
+ "$type": "color",
2067
+ "comment": "Used for the border of an outlined danger (destructive) action in the active state.",
2068
+ "filePath": "src/tokens/action.tokens.json",
2069
+ "isSource": true,
2070
+ "original": {
2071
+ "value": {
2072
+ "default": "{color.red.900}",
2073
+ "dark": "{color.red.50}"
2074
+ },
2075
+ "$type": "color",
2076
+ "comment": "Used for the border of an outlined danger (destructive) action in the active state."
2077
+ },
2078
+ "name": "ACTION_DANGER_BORDER_COLOR_ACTIVE",
2079
+ "attributes": {},
2080
+ "path": [
2081
+ "action",
2082
+ "danger",
2083
+ "border",
2084
+ "color",
2085
+ "active"
2086
+ ]
2087
+ },
2088
+ "strong": {
2089
+ "default": {
2090
+ "value": "#c91c00",
2091
+ "$type": "color",
2092
+ "comment": "Used for the border of a solid, strong danger (destructive) action in the default state.",
2093
+ "filePath": "src/tokens/action.tokens.json",
2094
+ "isSource": true,
2095
+ "original": {
2096
+ "value": {
2097
+ "default": "{color.red.600}",
2098
+ "dark": "{color.red.300}"
2099
+ },
2100
+ "$type": "color",
2101
+ "comment": "Used for the border of a solid, strong danger (destructive) action in the default state."
2102
+ },
2103
+ "name": "ACTION_DANGER_BORDER_COLOR_STRONG_DEFAULT",
2104
+ "attributes": {},
2105
+ "path": [
2106
+ "action",
2107
+ "danger",
2108
+ "border",
2109
+ "color",
2110
+ "strong",
2111
+ "default"
2112
+ ]
2113
+ },
2114
+ "hover": {
2115
+ "value": "#8d1300",
2116
+ "$type": "color",
2117
+ "comment": "Used for the border of a solid, strong danger (destructive) action in the hover state.",
2118
+ "filePath": "src/tokens/action.tokens.json",
2119
+ "isSource": true,
2120
+ "original": {
2121
+ "value": {
2122
+ "default": "{color.red.800}",
2123
+ "dark": "{color.red.100}"
2124
+ },
2125
+ "$type": "color",
2126
+ "comment": "Used for the border of a solid, strong danger (destructive) action in the hover state."
2127
+ },
2128
+ "name": "ACTION_DANGER_BORDER_COLOR_STRONG_HOVER",
2129
+ "attributes": {},
2130
+ "path": [
2131
+ "action",
2132
+ "danger",
2133
+ "border",
2134
+ "color",
2135
+ "strong",
2136
+ "hover"
2137
+ ]
2138
+ },
2139
+ "focus": {
2140
+ "value": "#8d1300",
2141
+ "$type": "color",
2142
+ "comment": "Used for the border of a solid, strong danger (destructive) action in the focus state.",
2143
+ "filePath": "src/tokens/action.tokens.json",
2144
+ "isSource": true,
2145
+ "original": {
2146
+ "value": {
2147
+ "default": "{color.red.800}",
2148
+ "dark": "{color.red.100}"
2149
+ },
2150
+ "$type": "color",
2151
+ "comment": "Used for the border of a solid, strong danger (destructive) action in the focus state."
2152
+ },
2153
+ "name": "ACTION_DANGER_BORDER_COLOR_STRONG_FOCUS",
2154
+ "attributes": {},
2155
+ "path": [
2156
+ "action",
2157
+ "danger",
2158
+ "border",
2159
+ "color",
2160
+ "strong",
2161
+ "focus"
2162
+ ]
2163
+ },
2164
+ "active": {
2165
+ "value": "#660e00",
2166
+ "$type": "color",
2167
+ "comment": "Used for the border of a solid, strong danger (destructive) action in the active state.",
2168
+ "filePath": "src/tokens/action.tokens.json",
2169
+ "isSource": true,
2170
+ "original": {
2171
+ "value": {
2172
+ "default": "{color.red.900}",
2173
+ "dark": "{color.red.50}"
2174
+ },
2175
+ "$type": "color",
2176
+ "comment": "Used for the border of a solid, strong danger (destructive) action in the active state."
2177
+ },
2178
+ "name": "ACTION_DANGER_BORDER_COLOR_STRONG_ACTIVE",
2179
+ "attributes": {},
2180
+ "path": [
2181
+ "action",
2182
+ "danger",
2183
+ "border",
2184
+ "color",
2185
+ "strong",
2186
+ "active"
2187
+ ]
2188
+ }
2189
+ }
2190
+ }
2191
+ },
2192
+ "text": {
2193
+ "color": {
2194
+ "default": {
2195
+ "value": "#dd2b0e",
2196
+ "$type": "color",
2197
+ "comment": "Used for the text of a danger (destructive) action in the default state.",
2198
+ "filePath": "src/tokens/action.tokens.json",
2199
+ "isSource": true,
2200
+ "original": {
2201
+ "value": {
2202
+ "default": "{color.red.500}",
2203
+ "dark": "{color.red.400}"
2204
+ },
2205
+ "$type": "color",
2206
+ "comment": "Used for the text of a danger (destructive) action in the default state."
2207
+ },
2208
+ "name": "ACTION_DANGER_TEXT_COLOR_DEFAULT",
2209
+ "attributes": {},
2210
+ "path": [
2211
+ "action",
2212
+ "danger",
2213
+ "text",
2214
+ "color",
2215
+ "default"
2216
+ ]
2217
+ },
2218
+ "hover": {
2219
+ "value": "#ae1800",
2220
+ "$type": "color",
2221
+ "comment": "Used for the text of a danger (destructive) action in the hover state.",
2222
+ "filePath": "src/tokens/action.tokens.json",
2223
+ "isSource": true,
2224
+ "original": {
2225
+ "value": {
2226
+ "default": "{color.red.700}",
2227
+ "dark": "{color.red.200}"
2228
+ },
2229
+ "$type": "color",
2230
+ "comment": "Used for the text of a danger (destructive) action in the hover state."
2231
+ },
2232
+ "name": "ACTION_DANGER_TEXT_COLOR_HOVER",
2233
+ "attributes": {},
2234
+ "path": [
2235
+ "action",
2236
+ "danger",
2237
+ "text",
2238
+ "color",
2239
+ "hover"
2240
+ ]
2241
+ },
2242
+ "focus": {
2243
+ "value": "#ae1800",
2244
+ "$type": "color",
2245
+ "comment": "Used for the text of a danger (destructive) action in the focus state.",
2246
+ "filePath": "src/tokens/action.tokens.json",
2247
+ "isSource": true,
2248
+ "original": {
2249
+ "value": {
2250
+ "default": "{color.red.700}",
2251
+ "dark": "{color.red.200}"
2252
+ },
2253
+ "$type": "color",
2254
+ "comment": "Used for the text of a danger (destructive) action in the focus state."
2255
+ },
2256
+ "name": "ACTION_DANGER_TEXT_COLOR_FOCUS",
2257
+ "attributes": {},
2258
+ "path": [
2259
+ "action",
2260
+ "danger",
2261
+ "text",
2262
+ "color",
2263
+ "focus"
2264
+ ]
2265
+ },
2266
+ "active": {
2267
+ "value": "#660e00",
2268
+ "$type": "color",
2269
+ "comment": "Used for the text of a danger (destructive) action in the active state.",
2270
+ "filePath": "src/tokens/action.tokens.json",
2271
+ "isSource": true,
2272
+ "original": {
2273
+ "value": {
2274
+ "default": "{color.red.900}",
2275
+ "dark": "{color.red.50}"
2276
+ },
2277
+ "$type": "color",
2278
+ "comment": "Used for the text of a danger (destructive) action in the active state."
2279
+ },
2280
+ "name": "ACTION_DANGER_TEXT_COLOR_ACTIVE",
2281
+ "attributes": {},
2282
+ "path": [
2283
+ "action",
2284
+ "danger",
2285
+ "text",
2286
+ "color",
2287
+ "active"
2288
+ ]
2289
+ },
2290
+ "strong": {
2291
+ "value": "#fff",
2292
+ "$type": "color",
2293
+ "comment": "Used for the text on a solid, strong danger (destructive) action background.",
2294
+ "filePath": "src/tokens/action.tokens.json",
2295
+ "isSource": true,
2296
+ "original": {
2297
+ "value": {
2298
+ "default": "{color.neutral.0}",
2299
+ "dark": "{color.neutral.900}"
2300
+ },
2301
+ "$type": "color",
2302
+ "comment": "Used for the text on a solid, strong danger (destructive) action background."
2303
+ },
2304
+ "name": "ACTION_DANGER_TEXT_COLOR_STRONG",
2305
+ "attributes": {},
2306
+ "path": [
2307
+ "action",
2308
+ "danger",
2309
+ "text",
2310
+ "color",
2311
+ "strong"
2312
+ ]
2313
+ }
2314
+ }
2315
+ },
2316
+ "icon": {
2317
+ "color": {
2318
+ "default": {
2319
+ "value": "#dd2b0e",
2320
+ "$type": "color",
2321
+ "comment": "Used for the icon of a danger (destructive) action in the default state.",
2322
+ "filePath": "src/tokens/action.tokens.json",
2323
+ "isSource": true,
2324
+ "original": {
2325
+ "value": {
2326
+ "default": "{color.red.500}",
2327
+ "dark": "{color.red.400}"
2328
+ },
2329
+ "$type": "color",
2330
+ "comment": "Used for the icon of a danger (destructive) action in the default state."
2331
+ },
2332
+ "name": "ACTION_DANGER_ICON_COLOR_DEFAULT",
2333
+ "attributes": {},
2334
+ "path": [
2335
+ "action",
2336
+ "danger",
2337
+ "icon",
2338
+ "color",
2339
+ "default"
2340
+ ]
2341
+ },
2342
+ "hover": {
2343
+ "value": "#ae1800",
2344
+ "$type": "color",
2345
+ "comment": "Used for the icon of a danger (destructive) action in the hover state.",
2346
+ "filePath": "src/tokens/action.tokens.json",
2347
+ "isSource": true,
2348
+ "original": {
2349
+ "value": {
2350
+ "default": "{color.red.700}",
2351
+ "dark": "{color.red.200}"
2352
+ },
2353
+ "$type": "color",
2354
+ "comment": "Used for the icon of a danger (destructive) action in the hover state."
2355
+ },
2356
+ "name": "ACTION_DANGER_ICON_COLOR_HOVER",
2357
+ "attributes": {},
2358
+ "path": [
2359
+ "action",
2360
+ "danger",
2361
+ "icon",
2362
+ "color",
2363
+ "hover"
2364
+ ]
2365
+ },
2366
+ "focus": {
2367
+ "value": "#ae1800",
2368
+ "$type": "color",
2369
+ "comment": "Used for the icon of a danger (destructive) action in the focus state.",
2370
+ "filePath": "src/tokens/action.tokens.json",
2371
+ "isSource": true,
2372
+ "original": {
2373
+ "value": {
2374
+ "default": "{color.red.700}",
2375
+ "dark": "{color.red.200}"
2376
+ },
2377
+ "$type": "color",
2378
+ "comment": "Used for the icon of a danger (destructive) action in the focus state."
2379
+ },
2380
+ "name": "ACTION_DANGER_ICON_COLOR_FOCUS",
2381
+ "attributes": {},
2382
+ "path": [
2383
+ "action",
2384
+ "danger",
2385
+ "icon",
2386
+ "color",
2387
+ "focus"
2388
+ ]
2389
+ },
2390
+ "active": {
2391
+ "value": "#660e00",
2392
+ "$type": "color",
2393
+ "comment": "Used for the icon of a danger (destructive) action in the active state.",
2394
+ "filePath": "src/tokens/action.tokens.json",
2395
+ "isSource": true,
2396
+ "original": {
2397
+ "value": {
2398
+ "default": "{color.red.900}",
2399
+ "dark": "{color.red.50}"
2400
+ },
2401
+ "$type": "color",
2402
+ "comment": "Used for the icon of a danger (destructive) action in the active state."
2403
+ },
2404
+ "name": "ACTION_DANGER_ICON_COLOR_ACTIVE",
2405
+ "attributes": {},
2406
+ "path": [
2407
+ "action",
2408
+ "danger",
2409
+ "icon",
2410
+ "color",
2411
+ "active"
2412
+ ]
2413
+ },
2414
+ "strong": {
2415
+ "value": "#fff",
2416
+ "$type": "color",
2417
+ "comment": "Used for the icon on a solid, strong danger (destructive) action background.",
2418
+ "filePath": "src/tokens/action.tokens.json",
2419
+ "isSource": true,
2420
+ "original": {
2421
+ "value": {
2422
+ "default": "{color.neutral.0}",
2423
+ "dark": "{color.neutral.900}"
2424
+ },
2425
+ "$type": "color",
2426
+ "comment": "Used for the icon on a solid, strong danger (destructive) action background."
2427
+ },
2428
+ "name": "ACTION_DANGER_ICON_COLOR_STRONG",
2429
+ "attributes": {},
2430
+ "path": [
2431
+ "action",
2432
+ "danger",
2433
+ "icon",
2434
+ "color",
2435
+ "strong"
2436
+ ]
2437
+ }
2438
+ }
2439
+ }
1687
2440
  }
1688
2441
  },
1689
2442
  "background": {
@@ -10363,6 +11116,80 @@
10363
11116
  "color",
10364
11117
  "error"
10365
11118
  ]
11119
+ },
11120
+ "selected": {
11121
+ "default": {
11122
+ "value": "#1f75cb",
11123
+ "$type": "color",
11124
+ "comment": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border.",
11125
+ "filePath": "src/tokens/control.tokens.json",
11126
+ "isSource": true,
11127
+ "original": {
11128
+ "value": {
11129
+ "default": "{color.blue.500}",
11130
+ "dark": "{color.blue.400}"
11131
+ },
11132
+ "$type": "color",
11133
+ "comment": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border."
11134
+ },
11135
+ "name": "CONTROL_BORDER_COLOR_SELECTED_DEFAULT",
11136
+ "attributes": {},
11137
+ "path": [
11138
+ "control",
11139
+ "border",
11140
+ "color",
11141
+ "selected",
11142
+ "default"
11143
+ ]
11144
+ },
11145
+ "hover": {
11146
+ "value": "#0b5cad",
11147
+ "$type": "color",
11148
+ "comment": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border on hover.",
11149
+ "filePath": "src/tokens/control.tokens.json",
11150
+ "isSource": true,
11151
+ "original": {
11152
+ "value": {
11153
+ "default": "{color.blue.700}",
11154
+ "dark": "{color.blue.200}"
11155
+ },
11156
+ "$type": "color",
11157
+ "comment": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border on hover."
11158
+ },
11159
+ "name": "CONTROL_BORDER_COLOR_SELECTED_HOVER",
11160
+ "attributes": {},
11161
+ "path": [
11162
+ "control",
11163
+ "border",
11164
+ "color",
11165
+ "selected",
11166
+ "hover"
11167
+ ]
11168
+ },
11169
+ "focus": {
11170
+ "value": "#0b5cad",
11171
+ "$type": "color",
11172
+ "comment": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border on focus.",
11173
+ "filePath": "src/tokens/control.tokens.json",
11174
+ "isSource": true,
11175
+ "original": {
11176
+ "value": {
11177
+ "default": "{color.blue.700}",
11178
+ "dark": "{color.blue.200}"
11179
+ },
11180
+ "$type": "color",
11181
+ "comment": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border on focus."
11182
+ },
11183
+ "name": "CONTROL_BORDER_COLOR_SELECTED_FOCUS",
11184
+ "attributes": {},
11185
+ "path": [
11186
+ "control",
11187
+ "border",
11188
+ "color",
11189
+ "selected",
11190
+ "focus"
11191
+ ]
11192
+ }
10366
11193
  }
10367
11194
  }
10368
11195
  },