@primer/primitives 7.11.8-rc.f8fce74 → 7.11.8

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 (160) hide show
  1. package/dist/js/colors/dark.d.ts +6 -0
  2. package/dist/js/colors/dark.js +12 -6
  3. package/dist/js/colors/dark_colorblind.d.ts +6 -0
  4. package/dist/js/colors/dark_colorblind.js +12 -6
  5. package/dist/js/colors/dark_dimmed.d.ts +6 -0
  6. package/dist/js/colors/dark_dimmed.js +12 -6
  7. package/dist/js/colors/dark_high_contrast.d.ts +6 -0
  8. package/dist/js/colors/dark_high_contrast.js +10 -4
  9. package/dist/js/colors/dark_tritanopia.d.ts +6 -0
  10. package/dist/js/colors/dark_tritanopia.js +12 -6
  11. package/dist/js/colors/index.d.ts +54 -0
  12. package/dist/js/colors/light.d.ts +6 -0
  13. package/dist/js/colors/light.js +9 -3
  14. package/dist/js/colors/light_colorblind.d.ts +6 -0
  15. package/dist/js/colors/light_colorblind.js +9 -3
  16. package/dist/js/colors/light_high_contrast.d.ts +6 -0
  17. package/dist/js/colors/light_high_contrast.js +9 -3
  18. package/dist/js/colors/light_tritanopia.d.ts +6 -0
  19. package/dist/js/colors/light_tritanopia.js +9 -3
  20. package/dist/js/index.d.ts +54 -0
  21. package/dist/json/colors/dark.json +12 -6
  22. package/dist/json/colors/dark_colorblind.json +12 -6
  23. package/dist/json/colors/dark_dimmed.json +12 -6
  24. package/dist/json/colors/dark_high_contrast.json +10 -4
  25. package/dist/json/colors/dark_tritanopia.json +12 -6
  26. package/dist/json/colors/light.json +9 -3
  27. package/dist/json/colors/light_colorblind.json +9 -3
  28. package/dist/json/colors/light_high_contrast.json +9 -3
  29. package/dist/json/colors/light_tritanopia.json +9 -3
  30. package/dist/scss/colors/_dark.scss +11 -5
  31. package/dist/scss/colors/_dark_colorblind.scss +11 -5
  32. package/dist/scss/colors/_dark_dimmed.scss +11 -5
  33. package/dist/scss/colors/_dark_high_contrast.scss +9 -3
  34. package/dist/scss/colors/_dark_tritanopia.scss +11 -5
  35. package/dist/scss/colors/_light.scss +8 -2
  36. package/dist/scss/colors/_light_colorblind.scss +8 -2
  37. package/dist/scss/colors/_light_high_contrast.scss +8 -2
  38. package/dist/scss/colors/_light_tritanopia.scss +8 -2
  39. package/dist/ts/colors/dark.ts +12 -6
  40. package/dist/ts/colors/dark_colorblind.ts +12 -6
  41. package/dist/ts/colors/dark_dimmed.ts +12 -6
  42. package/dist/ts/colors/dark_high_contrast.ts +10 -4
  43. package/dist/ts/colors/dark_tritanopia.ts +12 -6
  44. package/dist/ts/colors/light.ts +9 -3
  45. package/dist/ts/colors/light_colorblind.ts +9 -3
  46. package/dist/ts/colors/light_high_contrast.ts +9 -3
  47. package/dist/ts/colors/light_tritanopia.ts +9 -3
  48. package/package.json +2 -2
  49. package/tokens-next-private/css/functional/themes/dark-colorblind.css +38 -26
  50. package/tokens-next-private/css/functional/themes/dark-dimmed.css +38 -26
  51. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +28 -16
  52. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +58 -46
  53. package/tokens-next-private/css/functional/themes/dark.css +38 -26
  54. package/tokens-next-private/css/functional/themes/light-colorblind.css +30 -18
  55. package/tokens-next-private/css/functional/themes/light-high-contrast.css +30 -18
  56. package/tokens-next-private/css/functional/themes/light-tritanopia.css +50 -38
  57. package/tokens-next-private/css/functional/themes/light.css +30 -18
  58. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +158 -70
  59. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +158 -70
  60. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +147 -55
  61. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +191 -101
  62. package/tokens-next-private/docs/functional/themes/dark.json +158 -70
  63. package/tokens-next-private/docs/functional/themes/light-colorblind.json +156 -58
  64. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +158 -58
  65. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +189 -89
  66. package/tokens-next-private/docs/functional/themes/light.json +156 -58
  67. package/tokens-next-private/fallbacks/color-fallbacks.json +245 -0
  68. package/tokens-next-private/js/functional/themes/dark-colorblind.js +27 -15
  69. package/tokens-next-private/js/functional/themes/dark-dimmed.js +27 -15
  70. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +22 -10
  71. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +37 -25
  72. package/tokens-next-private/js/functional/themes/dark.js +27 -15
  73. package/tokens-next-private/js/functional/themes/light-colorblind.js +23 -11
  74. package/tokens-next-private/js/functional/themes/light-high-contrast.js +23 -11
  75. package/tokens-next-private/js/functional/themes/light-tritanopia.js +33 -21
  76. package/tokens-next-private/js/functional/themes/light.js +23 -11
  77. package/tokens-next-private/json/functional/themes/dark-colorblind.json +28 -16
  78. package/tokens-next-private/json/functional/themes/dark-dimmed.json +28 -16
  79. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +23 -11
  80. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +38 -26
  81. package/tokens-next-private/json/functional/themes/dark.json +28 -16
  82. package/tokens-next-private/json/functional/themes/light-colorblind.json +24 -12
  83. package/tokens-next-private/json/functional/themes/light-high-contrast.json +24 -12
  84. package/tokens-next-private/json/functional/themes/light-tritanopia.json +34 -22
  85. package/tokens-next-private/json/functional/themes/light.json +24 -12
  86. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +19 -13
  87. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +19 -13
  88. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +14 -8
  89. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +29 -23
  90. package/tokens-next-private/scss/functional/themes/dark.scss +19 -13
  91. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +15 -9
  92. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +15 -9
  93. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +25 -19
  94. package/tokens-next-private/scss/functional/themes/light.scss +15 -9
  95. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +27 -15
  96. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +27 -15
  97. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +22 -10
  98. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +37 -25
  99. package/tokens-next-private/ts/functional/themes/dark.ts +27 -15
  100. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +23 -11
  101. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +23 -11
  102. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +33 -21
  103. package/tokens-next-private/ts/functional/themes/light.ts +23 -11
  104. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
  105. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
  106. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +17 -5
  107. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
  108. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  109. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  110. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  111. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  112. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  113. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  114. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  115. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  116. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  117. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  118. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  119. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  120. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  121. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  122. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  123. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  124. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  125. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  126. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  127. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  128. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  129. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  130. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  131. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  132. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  133. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  134. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  135. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  136. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  137. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  138. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  139. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  140. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  141. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  142. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  143. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  144. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  145. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  146. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  147. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  148. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  149. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  150. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  151. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  152. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  153. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  154. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  155. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  156. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  157. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  158. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  159. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  160. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -1134,26 +1134,42 @@
1134
1134
  "path": ["control", "checked", "borderColor", "rest"]
1135
1135
  },
1136
1136
  "control-checked-borderColor-hover": {
1137
- "value": "#00000000",
1137
+ "value": "#3876d3",
1138
1138
  "$type": "color",
1139
+ "mix": {
1140
+ "color": "#539bf5",
1141
+ "weight": 0.2
1142
+ },
1139
1143
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1140
1144
  "isSource": true,
1141
1145
  "original": {
1142
- "value": "transparent",
1143
- "$type": "color"
1146
+ "value": "{bgColor.accent.emphasis}",
1147
+ "$type": "color",
1148
+ "mix": {
1149
+ "color": "{base.color.blue.3}",
1150
+ "weight": 0.2
1151
+ }
1144
1152
  },
1145
1153
  "name": "control-checked-borderColor-hover",
1146
1154
  "attributes": {},
1147
1155
  "path": ["control", "checked", "borderColor", "hover"]
1148
1156
  },
1149
1157
  "control-checked-borderColor-active": {
1150
- "value": "#00000000",
1158
+ "value": "#3f7fdb",
1151
1159
  "$type": "color",
1160
+ "mix": {
1161
+ "color": "#539bf5",
1162
+ "weight": 0.4
1163
+ },
1152
1164
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1153
1165
  "isSource": true,
1154
1166
  "original": {
1155
- "value": "transparent",
1156
- "$type": "color"
1167
+ "value": "{bgColor.accent.emphasis}",
1168
+ "$type": "color",
1169
+ "mix": {
1170
+ "color": "{base.color.blue.3}",
1171
+ "weight": 0.4
1172
+ }
1157
1173
  },
1158
1174
  "name": "control-checked-borderColor-active",
1159
1175
  "attributes": {},
@@ -1649,45 +1665,41 @@
1649
1665
  "path": ["button", "primary", "bgColor", "disabled"]
1650
1666
  },
1651
1667
  "button-primary-borderColor-rest": {
1652
- "value": "#444c56cc",
1668
+ "value": "#cdd9e51a",
1653
1669
  "$type": "color",
1654
- "alpha": 0.8,
1670
+ "alpha": 0.1,
1655
1671
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1656
1672
  "isSource": true,
1657
1673
  "original": {
1658
- "value": "{borderColor.default}",
1674
+ "value": "{base.color.gray.0}",
1659
1675
  "$type": "color",
1660
- "alpha": 0.8
1676
+ "alpha": 0.1
1661
1677
  },
1662
1678
  "name": "button-primary-borderColor-rest",
1663
1679
  "attributes": {},
1664
1680
  "path": ["button", "primary", "borderColor", "rest"]
1665
1681
  },
1666
1682
  "button-primary-borderColor-hover": {
1667
- "value": "#444c56cc",
1683
+ "value": "#cdd9e51a",
1668
1684
  "$type": "color",
1669
- "alpha": 0.8,
1670
1685
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1671
1686
  "isSource": true,
1672
1687
  "original": {
1673
- "value": "{borderColor.default}",
1674
- "$type": "color",
1675
- "alpha": 0.8
1688
+ "value": "{button.primary.borderColor.rest}",
1689
+ "$type": "color"
1676
1690
  },
1677
1691
  "name": "button-primary-borderColor-hover",
1678
1692
  "attributes": {},
1679
1693
  "path": ["button", "primary", "borderColor", "hover"]
1680
1694
  },
1681
1695
  "button-primary-borderColor-disabled": {
1682
- "value": "#444c56cc",
1696
+ "value": "#cdd9e51a",
1683
1697
  "$type": "color",
1684
- "alpha": 0.8,
1685
1698
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1686
1699
  "isSource": true,
1687
1700
  "original": {
1688
- "value": "{borderColor.default}",
1689
- "$type": "color",
1690
- "alpha": 0.8
1701
+ "value": "{button.primary.borderColor.rest}",
1702
+ "$type": "color"
1691
1703
  },
1692
1704
  "name": "button-primary-borderColor-disabled",
1693
1705
  "attributes": {},
@@ -1729,6 +1741,19 @@
1729
1741
  "attributes": {},
1730
1742
  "path": ["button", "invisible", "fgColor", "rest"]
1731
1743
  },
1744
+ "button-invisible-fgColor-hover": {
1745
+ "value": "#539bf5",
1746
+ "$type": "color",
1747
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1748
+ "isSource": true,
1749
+ "original": {
1750
+ "value": "{base.color.blue.3}",
1751
+ "$type": "color"
1752
+ },
1753
+ "name": "button-invisible-fgColor-hover",
1754
+ "attributes": {},
1755
+ "path": ["button", "invisible", "fgColor", "hover"]
1756
+ },
1732
1757
  "button-invisible-fgColor-disabled": {
1733
1758
  "value": "#545d68",
1734
1759
  "$type": "color",
@@ -1821,12 +1846,12 @@
1821
1846
  "path": ["button", "invisible", "borderColor", "hover"]
1822
1847
  },
1823
1848
  "button-outline-fgColor-rest": {
1824
- "value": "#3b7cdb",
1849
+ "value": "#4184e4",
1825
1850
  "$type": "color",
1826
1851
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1827
1852
  "isSource": true,
1828
1853
  "original": {
1829
- "value": "{fgColor.accent}",
1854
+ "value": "{base.color.blue.4}",
1830
1855
  "$type": "color"
1831
1856
  },
1832
1857
  "name": "button-outline-fgColor-rest",
@@ -1834,12 +1859,12 @@
1834
1859
  "path": ["button", "outline", "fgColor", "rest"]
1835
1860
  },
1836
1861
  "button-outline-fgColor-hover": {
1837
- "value": "#3b7cdb",
1862
+ "value": "#539bf5",
1838
1863
  "$type": "color",
1839
1864
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1840
1865
  "isSource": true,
1841
1866
  "original": {
1842
- "value": "{fgColor.accent}",
1867
+ "value": "{base.color.blue.3}",
1843
1868
  "$type": "color"
1844
1869
  },
1845
1870
  "name": "button-outline-fgColor-hover",
@@ -2190,14 +2215,29 @@
2190
2215
  "attributes": {},
2191
2216
  "path": ["buttonCounter", "default", "bgColor", "rest"]
2192
2217
  },
2218
+ "buttonCounter-invisible-bgColor-rest": {
2219
+ "value": "#444c56",
2220
+ "$type": "color",
2221
+ "alpha": 1,
2222
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2223
+ "isSource": true,
2224
+ "original": {
2225
+ "value": "{base.color.gray.6}",
2226
+ "$type": "color",
2227
+ "alpha": 1
2228
+ },
2229
+ "name": "buttonCounter-invisible-bgColor-rest",
2230
+ "attributes": {},
2231
+ "path": ["buttonCounter", "invisible", "bgColor", "rest"]
2232
+ },
2193
2233
  "buttonCounter-primary-bgColor-rest": {
2194
- "value": "#cdd9e533",
2234
+ "value": "#11341733",
2195
2235
  "$type": "color",
2196
2236
  "alpha": 0.2,
2197
2237
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2198
2238
  "isSource": true,
2199
2239
  "original": {
2200
- "value": "{base.color.white}",
2240
+ "value": "{base.color.green.9}",
2201
2241
  "$type": "color",
2202
2242
  "alpha": 0.2
2203
2243
  },
@@ -2206,28 +2246,28 @@
2206
2246
  "path": ["buttonCounter", "primary", "bgColor", "rest"]
2207
2247
  },
2208
2248
  "buttonCounter-outline-bgColor-rest": {
2209
- "value": "#316dca1a",
2249
+ "value": "#0f2d5c33",
2210
2250
  "$type": "color",
2211
- "alpha": 0.1,
2251
+ "alpha": 0.2,
2212
2252
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2213
2253
  "isSource": true,
2214
2254
  "original": {
2215
- "value": "{bgColor.accent.emphasis}",
2255
+ "value": "{base.color.blue.9}",
2216
2256
  "$type": "color",
2217
- "alpha": 0.1
2257
+ "alpha": 0.2
2218
2258
  },
2219
2259
  "name": "buttonCounter-outline-bgColor-rest",
2220
2260
  "attributes": {},
2221
2261
  "path": ["buttonCounter", "outline", "bgColor", "rest"]
2222
2262
  },
2223
2263
  "buttonCounter-outline-bgColor-hover": {
2224
- "value": "#cdd9e533",
2264
+ "value": "#0f2d5c33",
2225
2265
  "$type": "color",
2226
2266
  "alpha": 0.2,
2227
2267
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2228
2268
  "isSource": true,
2229
2269
  "original": {
2230
- "value": "{base.color.white}",
2270
+ "value": "{base.color.blue.9}",
2231
2271
  "$type": "color",
2232
2272
  "alpha": 0.2
2233
2273
  },
@@ -2250,6 +2290,47 @@
2250
2290
  "attributes": {},
2251
2291
  "path": ["buttonCounter", "outline", "bgColor", "disabled"]
2252
2292
  },
2293
+ "buttonCounter-outline-fgColor-rest": {
2294
+ "value": "#4184e4",
2295
+ "$type": "color",
2296
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2297
+ "isSource": true,
2298
+ "original": {
2299
+ "value": "{base.color.blue.4}",
2300
+ "$type": "color"
2301
+ },
2302
+ "name": "buttonCounter-outline-fgColor-rest",
2303
+ "attributes": {},
2304
+ "path": ["buttonCounter", "outline", "fgColor", "rest"]
2305
+ },
2306
+ "buttonCounter-outline-fgColor-hover": {
2307
+ "value": "#539bf5",
2308
+ "$type": "color",
2309
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2310
+ "isSource": true,
2311
+ "original": {
2312
+ "value": "{base.color.blue.3}",
2313
+ "$type": "color"
2314
+ },
2315
+ "name": "buttonCounter-outline-fgColor-hover",
2316
+ "attributes": {},
2317
+ "path": ["buttonCounter", "outline", "fgColor", "hover"]
2318
+ },
2319
+ "buttonCounter-outline-fgColor-disabled": {
2320
+ "value": "#3b7cdb80",
2321
+ "$type": "color",
2322
+ "alpha": 0.5,
2323
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2324
+ "isSource": true,
2325
+ "original": {
2326
+ "value": "{fgColor.accent}",
2327
+ "$type": "color",
2328
+ "alpha": 0.5
2329
+ },
2330
+ "name": "buttonCounter-outline-fgColor-disabled",
2331
+ "attributes": {},
2332
+ "path": ["buttonCounter", "outline", "fgColor", "disabled"]
2333
+ },
2253
2334
  "buttonCounter-danger-bgColor-hover": {
2254
2335
  "value": "#cdd9e533",
2255
2336
  "$type": "color",
@@ -2281,20 +2362,61 @@
2281
2362
  "path": ["buttonCounter", "danger", "bgColor", "disabled"]
2282
2363
  },
2283
2364
  "buttonCounter-danger-bgColor-rest": {
2284
- "value": "#c93c371a",
2365
+ "value": "#5d0f1233",
2285
2366
  "$type": "color",
2286
- "alpha": 0.1,
2367
+ "alpha": 0.2,
2287
2368
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2288
2369
  "isSource": true,
2289
2370
  "original": {
2290
- "value": "{bgColor.danger.emphasis}",
2371
+ "value": "{base.color.red.9}",
2291
2372
  "$type": "color",
2292
- "alpha": 0.1
2373
+ "alpha": 0.2
2293
2374
  },
2294
2375
  "name": "buttonCounter-danger-bgColor-rest",
2295
2376
  "attributes": {},
2296
2377
  "path": ["buttonCounter", "danger", "bgColor", "rest"]
2297
2378
  },
2379
+ "buttonCounter-danger-fgColor-rest": {
2380
+ "value": "#e5534b",
2381
+ "$type": "color",
2382
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2383
+ "isSource": true,
2384
+ "original": {
2385
+ "value": "{fgColor.danger}",
2386
+ "$type": "color"
2387
+ },
2388
+ "name": "buttonCounter-danger-fgColor-rest",
2389
+ "attributes": {},
2390
+ "path": ["buttonCounter", "danger", "fgColor", "rest"]
2391
+ },
2392
+ "buttonCounter-danger-fgColor-hover": {
2393
+ "value": "#cdd9e5",
2394
+ "$type": "color",
2395
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2396
+ "isSource": true,
2397
+ "original": {
2398
+ "value": "{base.color.white}",
2399
+ "$type": "color"
2400
+ },
2401
+ "name": "buttonCounter-danger-fgColor-hover",
2402
+ "attributes": {},
2403
+ "path": ["buttonCounter", "danger", "fgColor", "hover"]
2404
+ },
2405
+ "buttonCounter-danger-fgColor-disabled": {
2406
+ "value": "#e5534b80",
2407
+ "$type": "color",
2408
+ "alpha": 0.5,
2409
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2410
+ "isSource": true,
2411
+ "original": {
2412
+ "value": "{fgColor.danger}",
2413
+ "$type": "color",
2414
+ "alpha": 0.5
2415
+ },
2416
+ "name": "buttonCounter-danger-fgColor-disabled",
2417
+ "attributes": {},
2418
+ "path": ["buttonCounter", "danger", "fgColor", "disabled"]
2419
+ },
2298
2420
  "focus-outlineColor": {
2299
2421
  "value": "#316dca",
2300
2422
  "$type": "color",
@@ -2534,40 +2656,6 @@
2534
2656
  "attributes": {},
2535
2657
  "path": ["fgColor", "link", "rest"]
2536
2658
  },
2537
- "fgColor-link-inverse-rest": {
2538
- "value": "#316dca",
2539
- "$type": "color",
2540
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
2541
- "isSource": true,
2542
- "original": {
2543
- "value": "{base.color.blue.5}",
2544
- "$type": "color"
2545
- },
2546
- "name": "fgColor-link-inverse-rest",
2547
- "attributes": {},
2548
- "path": ["fgColor", "link", "inverse", "rest"]
2549
- },
2550
- "fgColor-link-control": {
2551
- "value": "#5e6975",
2552
- "$type": "color",
2553
- "mix": {
2554
- "color": "#636e7b",
2555
- "weight": 0.7
2556
- },
2557
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
2558
- "isSource": true,
2559
- "original": {
2560
- "value": "{base.color.gray.5}",
2561
- "$type": "color",
2562
- "mix": {
2563
- "color": "{base.color.gray.4}",
2564
- "weight": 0.7
2565
- }
2566
- },
2567
- "name": "fgColor-link-control",
2568
- "attributes": {},
2569
- "path": ["fgColor", "link", "control"]
2570
- },
2571
2659
  "fgColor-accent": {
2572
2660
  "value": "#3b7cdb",
2573
2661
  "$type": "color",