@primer/primitives 7.11.8-rc.f8fce74 → 7.11.8-rc.fa82fd1

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 (159) 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 +1 -1
  49. package/tokens-next-private/css/functional/themes/dark-colorblind.css +32 -18
  50. package/tokens-next-private/css/functional/themes/dark-dimmed.css +32 -18
  51. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +20 -6
  52. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +52 -38
  53. package/tokens-next-private/css/functional/themes/dark.css +32 -18
  54. package/tokens-next-private/css/functional/themes/light-colorblind.css +22 -8
  55. package/tokens-next-private/css/functional/themes/light-high-contrast.css +18 -4
  56. package/tokens-next-private/css/functional/themes/light-tritanopia.css +42 -28
  57. package/tokens-next-private/css/functional/themes/light.css +22 -8
  58. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +121 -30
  59. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +121 -30
  60. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +106 -11
  61. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +154 -61
  62. package/tokens-next-private/docs/functional/themes/dark.json +121 -30
  63. package/tokens-next-private/docs/functional/themes/light-colorblind.json +115 -16
  64. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +109 -8
  65. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +148 -47
  66. package/tokens-next-private/docs/functional/themes/light.json +115 -16
  67. package/tokens-next-private/js/functional/themes/dark-colorblind.js +20 -9
  68. package/tokens-next-private/js/functional/themes/dark-dimmed.js +20 -9
  69. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +14 -3
  70. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +30 -19
  71. package/tokens-next-private/js/functional/themes/dark.js +20 -9
  72. package/tokens-next-private/js/functional/themes/light-colorblind.js +15 -4
  73. package/tokens-next-private/js/functional/themes/light-high-contrast.js +13 -2
  74. package/tokens-next-private/js/functional/themes/light-tritanopia.js +25 -14
  75. package/tokens-next-private/js/functional/themes/light.js +15 -4
  76. package/tokens-next-private/json/functional/themes/dark-colorblind.json +20 -9
  77. package/tokens-next-private/json/functional/themes/dark-dimmed.json +20 -9
  78. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +14 -3
  79. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +30 -19
  80. package/tokens-next-private/json/functional/themes/dark.json +20 -9
  81. package/tokens-next-private/json/functional/themes/light-colorblind.json +15 -4
  82. package/tokens-next-private/json/functional/themes/light-high-contrast.json +13 -2
  83. package/tokens-next-private/json/functional/themes/light-tritanopia.json +25 -14
  84. package/tokens-next-private/json/functional/themes/light.json +15 -4
  85. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +16 -9
  86. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +16 -9
  87. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +10 -3
  88. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +26 -19
  89. package/tokens-next-private/scss/functional/themes/dark.scss +16 -9
  90. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +11 -4
  91. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +9 -2
  92. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +21 -14
  93. package/tokens-next-private/scss/functional/themes/light.scss +11 -4
  94. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +20 -9
  95. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +20 -9
  96. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +14 -3
  97. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +30 -19
  98. package/tokens-next-private/ts/functional/themes/dark.ts +20 -9
  99. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +15 -4
  100. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +13 -2
  101. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +25 -14
  102. package/tokens-next-private/ts/functional/themes/light.ts +15 -4
  103. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
  104. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
  105. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +12 -1
  106. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
  107. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  108. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  109. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  110. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  111. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  112. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  113. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  114. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  115. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  116. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  117. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  118. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  119. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  120. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  121. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  122. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  123. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  124. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  125. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  126. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  127. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  128. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  129. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  130. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  131. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  132. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  133. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  134. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  135. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  136. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  137. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  138. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  139. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  140. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  141. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  142. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  143. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  144. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  145. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  146. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  147. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  148. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  149. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  150. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  151. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  152. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  153. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  154. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  155. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  156. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  157. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  158. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  159. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -1649,45 +1649,41 @@
1649
1649
  "path": ["button", "primary", "bgColor", "disabled"]
1650
1650
  },
1651
1651
  "button-primary-borderColor-rest": {
1652
- "value": "#444c56cc",
1652
+ "value": "#cdd9e51a",
1653
1653
  "$type": "color",
1654
- "alpha": 0.8,
1654
+ "alpha": 0.1,
1655
1655
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1656
1656
  "isSource": true,
1657
1657
  "original": {
1658
- "value": "{borderColor.default}",
1658
+ "value": "{base.color.gray.0}",
1659
1659
  "$type": "color",
1660
- "alpha": 0.8
1660
+ "alpha": 0.1
1661
1661
  },
1662
1662
  "name": "button-primary-borderColor-rest",
1663
1663
  "attributes": {},
1664
1664
  "path": ["button", "primary", "borderColor", "rest"]
1665
1665
  },
1666
1666
  "button-primary-borderColor-hover": {
1667
- "value": "#444c56cc",
1667
+ "value": "#cdd9e51a",
1668
1668
  "$type": "color",
1669
- "alpha": 0.8,
1670
1669
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1671
1670
  "isSource": true,
1672
1671
  "original": {
1673
- "value": "{borderColor.default}",
1674
- "$type": "color",
1675
- "alpha": 0.8
1672
+ "value": "{button.primary.borderColor.rest}",
1673
+ "$type": "color"
1676
1674
  },
1677
1675
  "name": "button-primary-borderColor-hover",
1678
1676
  "attributes": {},
1679
1677
  "path": ["button", "primary", "borderColor", "hover"]
1680
1678
  },
1681
1679
  "button-primary-borderColor-disabled": {
1682
- "value": "#444c56cc",
1680
+ "value": "#cdd9e51a",
1683
1681
  "$type": "color",
1684
- "alpha": 0.8,
1685
1682
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1686
1683
  "isSource": true,
1687
1684
  "original": {
1688
- "value": "{borderColor.default}",
1689
- "$type": "color",
1690
- "alpha": 0.8
1685
+ "value": "{button.primary.borderColor.rest}",
1686
+ "$type": "color"
1691
1687
  },
1692
1688
  "name": "button-primary-borderColor-disabled",
1693
1689
  "attributes": {},
@@ -1729,6 +1725,19 @@
1729
1725
  "attributes": {},
1730
1726
  "path": ["button", "invisible", "fgColor", "rest"]
1731
1727
  },
1728
+ "button-invisible-fgColor-hover": {
1729
+ "value": "#539bf5",
1730
+ "$type": "color",
1731
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1732
+ "isSource": true,
1733
+ "original": {
1734
+ "value": "{base.color.blue.3}",
1735
+ "$type": "color"
1736
+ },
1737
+ "name": "button-invisible-fgColor-hover",
1738
+ "attributes": {},
1739
+ "path": ["button", "invisible", "fgColor", "hover"]
1740
+ },
1732
1741
  "button-invisible-fgColor-disabled": {
1733
1742
  "value": "#545d68",
1734
1743
  "$type": "color",
@@ -1821,12 +1830,12 @@
1821
1830
  "path": ["button", "invisible", "borderColor", "hover"]
1822
1831
  },
1823
1832
  "button-outline-fgColor-rest": {
1824
- "value": "#3b7cdb",
1833
+ "value": "#4184e4",
1825
1834
  "$type": "color",
1826
1835
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1827
1836
  "isSource": true,
1828
1837
  "original": {
1829
- "value": "{fgColor.accent}",
1838
+ "value": "{base.color.blue.4}",
1830
1839
  "$type": "color"
1831
1840
  },
1832
1841
  "name": "button-outline-fgColor-rest",
@@ -1834,12 +1843,12 @@
1834
1843
  "path": ["button", "outline", "fgColor", "rest"]
1835
1844
  },
1836
1845
  "button-outline-fgColor-hover": {
1837
- "value": "#3b7cdb",
1846
+ "value": "#539bf5",
1838
1847
  "$type": "color",
1839
1848
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1840
1849
  "isSource": true,
1841
1850
  "original": {
1842
- "value": "{fgColor.accent}",
1851
+ "value": "{base.color.blue.3}",
1843
1852
  "$type": "color"
1844
1853
  },
1845
1854
  "name": "button-outline-fgColor-hover",
@@ -2191,13 +2200,13 @@
2191
2200
  "path": ["buttonCounter", "default", "bgColor", "rest"]
2192
2201
  },
2193
2202
  "buttonCounter-primary-bgColor-rest": {
2194
- "value": "#cdd9e533",
2203
+ "value": "#11341733",
2195
2204
  "$type": "color",
2196
2205
  "alpha": 0.2,
2197
2206
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2198
2207
  "isSource": true,
2199
2208
  "original": {
2200
- "value": "{base.color.white}",
2209
+ "value": "{base.color.green.9}",
2201
2210
  "$type": "color",
2202
2211
  "alpha": 0.2
2203
2212
  },
@@ -2206,28 +2215,28 @@
2206
2215
  "path": ["buttonCounter", "primary", "bgColor", "rest"]
2207
2216
  },
2208
2217
  "buttonCounter-outline-bgColor-rest": {
2209
- "value": "#316dca1a",
2218
+ "value": "#0f2d5c33",
2210
2219
  "$type": "color",
2211
- "alpha": 0.1,
2220
+ "alpha": 0.2,
2212
2221
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2213
2222
  "isSource": true,
2214
2223
  "original": {
2215
- "value": "{bgColor.accent.emphasis}",
2224
+ "value": "{base.color.blue.9}",
2216
2225
  "$type": "color",
2217
- "alpha": 0.1
2226
+ "alpha": 0.2
2218
2227
  },
2219
2228
  "name": "buttonCounter-outline-bgColor-rest",
2220
2229
  "attributes": {},
2221
2230
  "path": ["buttonCounter", "outline", "bgColor", "rest"]
2222
2231
  },
2223
2232
  "buttonCounter-outline-bgColor-hover": {
2224
- "value": "#cdd9e533",
2233
+ "value": "#0f2d5c33",
2225
2234
  "$type": "color",
2226
2235
  "alpha": 0.2,
2227
2236
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2228
2237
  "isSource": true,
2229
2238
  "original": {
2230
- "value": "{base.color.white}",
2239
+ "value": "{base.color.blue.9}",
2231
2240
  "$type": "color",
2232
2241
  "alpha": 0.2
2233
2242
  },
@@ -2250,6 +2259,47 @@
2250
2259
  "attributes": {},
2251
2260
  "path": ["buttonCounter", "outline", "bgColor", "disabled"]
2252
2261
  },
2262
+ "buttonCounter-outline-fgColor-rest": {
2263
+ "value": "#4184e4",
2264
+ "$type": "color",
2265
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2266
+ "isSource": true,
2267
+ "original": {
2268
+ "value": "{base.color.blue.4}",
2269
+ "$type": "color"
2270
+ },
2271
+ "name": "buttonCounter-outline-fgColor-rest",
2272
+ "attributes": {},
2273
+ "path": ["buttonCounter", "outline", "fgColor", "rest"]
2274
+ },
2275
+ "buttonCounter-outline-fgColor-hover": {
2276
+ "value": "#539bf5",
2277
+ "$type": "color",
2278
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2279
+ "isSource": true,
2280
+ "original": {
2281
+ "value": "{base.color.blue.3}",
2282
+ "$type": "color"
2283
+ },
2284
+ "name": "buttonCounter-outline-fgColor-hover",
2285
+ "attributes": {},
2286
+ "path": ["buttonCounter", "outline", "fgColor", "hover"]
2287
+ },
2288
+ "buttonCounter-outline-fgColor-disabled": {
2289
+ "value": "#3b7cdb80",
2290
+ "$type": "color",
2291
+ "alpha": 0.5,
2292
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2293
+ "isSource": true,
2294
+ "original": {
2295
+ "value": "{fgColor.accent}",
2296
+ "$type": "color",
2297
+ "alpha": 0.5
2298
+ },
2299
+ "name": "buttonCounter-outline-fgColor-disabled",
2300
+ "attributes": {},
2301
+ "path": ["buttonCounter", "outline", "fgColor", "disabled"]
2302
+ },
2253
2303
  "buttonCounter-danger-bgColor-hover": {
2254
2304
  "value": "#cdd9e533",
2255
2305
  "$type": "color",
@@ -2281,20 +2331,61 @@
2281
2331
  "path": ["buttonCounter", "danger", "bgColor", "disabled"]
2282
2332
  },
2283
2333
  "buttonCounter-danger-bgColor-rest": {
2284
- "value": "#c93c371a",
2334
+ "value": "#5d0f1233",
2285
2335
  "$type": "color",
2286
- "alpha": 0.1,
2336
+ "alpha": 0.2,
2287
2337
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2288
2338
  "isSource": true,
2289
2339
  "original": {
2290
- "value": "{bgColor.danger.emphasis}",
2340
+ "value": "{base.color.red.9}",
2291
2341
  "$type": "color",
2292
- "alpha": 0.1
2342
+ "alpha": 0.2
2293
2343
  },
2294
2344
  "name": "buttonCounter-danger-bgColor-rest",
2295
2345
  "attributes": {},
2296
2346
  "path": ["buttonCounter", "danger", "bgColor", "rest"]
2297
2347
  },
2348
+ "buttonCounter-danger-fgColor-rest": {
2349
+ "value": "#e5534b",
2350
+ "$type": "color",
2351
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2352
+ "isSource": true,
2353
+ "original": {
2354
+ "value": "{fgColor.danger}",
2355
+ "$type": "color"
2356
+ },
2357
+ "name": "buttonCounter-danger-fgColor-rest",
2358
+ "attributes": {},
2359
+ "path": ["buttonCounter", "danger", "fgColor", "rest"]
2360
+ },
2361
+ "buttonCounter-danger-fgColor-hover": {
2362
+ "value": "#cdd9e5",
2363
+ "$type": "color",
2364
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2365
+ "isSource": true,
2366
+ "original": {
2367
+ "value": "{base.color.white}",
2368
+ "$type": "color"
2369
+ },
2370
+ "name": "buttonCounter-danger-fgColor-hover",
2371
+ "attributes": {},
2372
+ "path": ["buttonCounter", "danger", "fgColor", "hover"]
2373
+ },
2374
+ "buttonCounter-danger-fgColor-disabled": {
2375
+ "value": "#e5534b80",
2376
+ "$type": "color",
2377
+ "alpha": 0.5,
2378
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2379
+ "isSource": true,
2380
+ "original": {
2381
+ "value": "{fgColor.danger}",
2382
+ "$type": "color",
2383
+ "alpha": 0.5
2384
+ },
2385
+ "name": "buttonCounter-danger-fgColor-disabled",
2386
+ "attributes": {},
2387
+ "path": ["buttonCounter", "danger", "fgColor", "disabled"]
2388
+ },
2298
2389
  "focus-outlineColor": {
2299
2390
  "value": "#316dca",
2300
2391
  "$type": "color",
@@ -1674,9 +1674,9 @@
1674
1674
  "button-primary-borderColor-hover": {
1675
1675
  "value": "#4ae168",
1676
1676
  "$type": "color",
1677
- "alpha": 1,
1678
1677
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
1679
1678
  "isSource": true,
1679
+ "alpha": 1,
1680
1680
  "original": {
1681
1681
  "value": "{base.color.green.2}",
1682
1682
  "$type": "color",
@@ -1689,9 +1689,9 @@
1689
1689
  "button-primary-borderColor-disabled": {
1690
1690
  "value": "#4ae16866",
1691
1691
  "$type": "color",
1692
- "alpha": 0.4,
1693
1692
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
1694
1693
  "isSource": true,
1694
+ "alpha": 0.4,
1695
1695
  "original": {
1696
1696
  "value": "{base.color.green.2}",
1697
1697
  "$type": "color",
@@ -1737,6 +1737,19 @@
1737
1737
  "attributes": {},
1738
1738
  "path": ["button", "invisible", "fgColor", "rest"]
1739
1739
  },
1740
+ "button-invisible-fgColor-hover": {
1741
+ "value": "#71b7ff",
1742
+ "$type": "color",
1743
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1744
+ "isSource": true,
1745
+ "original": {
1746
+ "value": "{base.color.blue.3}",
1747
+ "$type": "color"
1748
+ },
1749
+ "name": "button-invisible-fgColor-hover",
1750
+ "attributes": {},
1751
+ "path": ["button", "invisible", "fgColor", "hover"]
1752
+ },
1740
1753
  "button-invisible-fgColor-disabled": {
1741
1754
  "value": "#7a828e",
1742
1755
  "$type": "color",
@@ -1834,7 +1847,7 @@
1834
1847
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1835
1848
  "isSource": true,
1836
1849
  "original": {
1837
- "value": "{fgColor.accent}",
1850
+ "value": "{base.color.blue.4}",
1838
1851
  "$type": "color"
1839
1852
  },
1840
1853
  "name": "button-outline-fgColor-rest",
@@ -1842,12 +1855,12 @@
1842
1855
  "path": ["button", "outline", "fgColor", "rest"]
1843
1856
  },
1844
1857
  "button-outline-fgColor-hover": {
1845
- "value": "#409eff",
1858
+ "value": "#71b7ff",
1846
1859
  "$type": "color",
1847
1860
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1848
1861
  "isSource": true,
1849
1862
  "original": {
1850
- "value": "{fgColor.accent}",
1863
+ "value": "{base.color.blue.3}",
1851
1864
  "$type": "color"
1852
1865
  },
1853
1866
  "name": "button-outline-fgColor-hover",
@@ -2214,28 +2227,28 @@
2214
2227
  "path": ["buttonCounter", "primary", "bgColor", "rest"]
2215
2228
  },
2216
2229
  "buttonCounter-outline-bgColor-rest": {
2217
- "value": "#409eff1a",
2230
+ "value": "#194fb133",
2218
2231
  "$type": "color",
2219
- "alpha": 0.1,
2232
+ "alpha": 0.2,
2220
2233
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2221
2234
  "isSource": true,
2222
2235
  "original": {
2223
- "value": "{bgColor.accent.emphasis}",
2236
+ "value": "{base.color.blue.9}",
2224
2237
  "$type": "color",
2225
- "alpha": 0.1
2238
+ "alpha": 0.2
2226
2239
  },
2227
2240
  "name": "buttonCounter-outline-bgColor-rest",
2228
2241
  "attributes": {},
2229
2242
  "path": ["buttonCounter", "outline", "bgColor", "rest"]
2230
2243
  },
2231
2244
  "buttonCounter-outline-bgColor-hover": {
2232
- "value": "#ffffff33",
2245
+ "value": "#194fb133",
2233
2246
  "$type": "color",
2234
2247
  "alpha": 0.2,
2235
2248
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2236
2249
  "isSource": true,
2237
2250
  "original": {
2238
- "value": "{base.color.white}",
2251
+ "value": "{base.color.blue.9}",
2239
2252
  "$type": "color",
2240
2253
  "alpha": 0.2
2241
2254
  },
@@ -2258,6 +2271,47 @@
2258
2271
  "attributes": {},
2259
2272
  "path": ["buttonCounter", "outline", "bgColor", "disabled"]
2260
2273
  },
2274
+ "buttonCounter-outline-fgColor-rest": {
2275
+ "value": "#409eff",
2276
+ "$type": "color",
2277
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2278
+ "isSource": true,
2279
+ "original": {
2280
+ "value": "{base.color.blue.4}",
2281
+ "$type": "color"
2282
+ },
2283
+ "name": "buttonCounter-outline-fgColor-rest",
2284
+ "attributes": {},
2285
+ "path": ["buttonCounter", "outline", "fgColor", "rest"]
2286
+ },
2287
+ "buttonCounter-outline-fgColor-hover": {
2288
+ "value": "#71b7ff",
2289
+ "$type": "color",
2290
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2291
+ "isSource": true,
2292
+ "original": {
2293
+ "value": "{base.color.blue.3}",
2294
+ "$type": "color"
2295
+ },
2296
+ "name": "buttonCounter-outline-fgColor-hover",
2297
+ "attributes": {},
2298
+ "path": ["buttonCounter", "outline", "fgColor", "hover"]
2299
+ },
2300
+ "buttonCounter-outline-fgColor-disabled": {
2301
+ "value": "#409eff80",
2302
+ "$type": "color",
2303
+ "alpha": 0.5,
2304
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2305
+ "isSource": true,
2306
+ "original": {
2307
+ "value": "{fgColor.accent}",
2308
+ "$type": "color",
2309
+ "alpha": 0.5
2310
+ },
2311
+ "name": "buttonCounter-outline-fgColor-disabled",
2312
+ "attributes": {},
2313
+ "path": ["buttonCounter", "outline", "fgColor", "disabled"]
2314
+ },
2261
2315
  "buttonCounter-danger-bgColor-hover": {
2262
2316
  "value": "#01040926",
2263
2317
  "$type": "color",
@@ -2303,6 +2357,47 @@
2303
2357
  "attributes": {},
2304
2358
  "path": ["buttonCounter", "danger", "bgColor", "rest"]
2305
2359
  },
2360
+ "buttonCounter-danger-fgColor-rest": {
2361
+ "value": "#ff6a69",
2362
+ "$type": "color",
2363
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2364
+ "isSource": true,
2365
+ "original": {
2366
+ "value": "{fgColor.danger}",
2367
+ "$type": "color"
2368
+ },
2369
+ "name": "buttonCounter-danger-fgColor-rest",
2370
+ "attributes": {},
2371
+ "path": ["buttonCounter", "danger", "fgColor", "rest"]
2372
+ },
2373
+ "buttonCounter-danger-fgColor-hover": {
2374
+ "value": "#ffffff",
2375
+ "$type": "color",
2376
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2377
+ "isSource": true,
2378
+ "original": {
2379
+ "value": "{base.color.white}",
2380
+ "$type": "color"
2381
+ },
2382
+ "name": "buttonCounter-danger-fgColor-hover",
2383
+ "attributes": {},
2384
+ "path": ["buttonCounter", "danger", "fgColor", "hover"]
2385
+ },
2386
+ "buttonCounter-danger-fgColor-disabled": {
2387
+ "value": "#ff6a6980",
2388
+ "$type": "color",
2389
+ "alpha": 0.5,
2390
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2391
+ "isSource": true,
2392
+ "original": {
2393
+ "value": "{fgColor.danger}",
2394
+ "$type": "color",
2395
+ "alpha": 0.5
2396
+ },
2397
+ "name": "buttonCounter-danger-fgColor-disabled",
2398
+ "attributes": {},
2399
+ "path": ["buttonCounter", "danger", "fgColor", "disabled"]
2400
+ },
2306
2401
  "focus-outlineColor": {
2307
2402
  "value": "#409eff",
2308
2403
  "$type": "color",