@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
@@ -1122,26 +1122,42 @@
1122
1122
  "path": ["control", "checked", "borderColor", "rest"]
1123
1123
  },
1124
1124
  "control-checked-borderColor-hover": {
1125
- "value": "#00000000",
1125
+ "value": "#0860ca",
1126
1126
  "$type": "color",
1127
+ "mix": {
1128
+ "color": "#033d8b",
1129
+ "weight": 0.2
1130
+ },
1127
1131
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1128
1132
  "isSource": true,
1129
1133
  "original": {
1130
- "value": "transparent",
1131
- "$type": "color"
1134
+ "value": "{bgColor.accent.emphasis}",
1135
+ "$type": "color",
1136
+ "mix": {
1137
+ "color": "{base.color.blue.7}",
1138
+ "weight": 0.2
1139
+ }
1132
1140
  },
1133
1141
  "name": "control-checked-borderColor-hover",
1134
1142
  "attributes": {},
1135
1143
  "path": ["control", "checked", "borderColor", "hover"]
1136
1144
  },
1137
1145
  "control-checked-borderColor-active": {
1138
- "value": "#00000000",
1146
+ "value": "#0757ba",
1139
1147
  "$type": "color",
1148
+ "mix": {
1149
+ "color": "#033d8b",
1150
+ "weight": 0.4
1151
+ },
1140
1152
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1141
1153
  "isSource": true,
1142
1154
  "original": {
1143
- "value": "transparent",
1144
- "$type": "color"
1155
+ "value": "{bgColor.accent.emphasis}",
1156
+ "$type": "color",
1157
+ "mix": {
1158
+ "color": "{base.color.blue.7}",
1159
+ "weight": 0.4
1160
+ }
1145
1161
  },
1146
1162
  "name": "control-checked-borderColor-active",
1147
1163
  "attributes": {},
@@ -1639,45 +1655,41 @@
1639
1655
  "path": ["button", "primary", "bgColor", "disabled"]
1640
1656
  },
1641
1657
  "button-primary-borderColor-rest": {
1642
- "value": "#d0d7decc",
1658
+ "value": "#1f232826",
1643
1659
  "$type": "color",
1644
- "alpha": 0.8,
1660
+ "alpha": 0.15,
1645
1661
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1646
1662
  "isSource": true,
1647
1663
  "original": {
1648
- "value": "{borderColor.muted}",
1664
+ "value": "{base.color.black}",
1649
1665
  "$type": "color",
1650
- "alpha": 0.8
1666
+ "alpha": 0.15
1651
1667
  },
1652
1668
  "name": "button-primary-borderColor-rest",
1653
1669
  "attributes": {},
1654
1670
  "path": ["button", "primary", "borderColor", "rest"]
1655
1671
  },
1656
1672
  "button-primary-borderColor-hover": {
1657
- "value": "#d0d7decc",
1673
+ "value": "#1f232826",
1658
1674
  "$type": "color",
1659
- "alpha": 0.8,
1660
1675
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1661
1676
  "isSource": true,
1662
1677
  "original": {
1663
- "value": "{borderColor.muted}",
1664
- "$type": "color",
1665
- "alpha": 0.8
1678
+ "value": "{button.primary.borderColor.rest}",
1679
+ "$type": "color"
1666
1680
  },
1667
1681
  "name": "button-primary-borderColor-hover",
1668
1682
  "attributes": {},
1669
1683
  "path": ["button", "primary", "borderColor", "hover"]
1670
1684
  },
1671
1685
  "button-primary-borderColor-disabled": {
1672
- "value": "#d0d7decc",
1686
+ "value": "#1f232826",
1673
1687
  "$type": "color",
1674
- "alpha": 0.8,
1675
1688
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1676
1689
  "isSource": true,
1677
1690
  "original": {
1678
- "value": "{borderColor.muted}",
1679
- "$type": "color",
1680
- "alpha": 0.8
1691
+ "value": "{button.primary.borderColor.rest}",
1692
+ "$type": "color"
1681
1693
  },
1682
1694
  "name": "button-primary-borderColor-disabled",
1683
1695
  "attributes": {},
@@ -1719,6 +1731,19 @@
1719
1731
  "attributes": {},
1720
1732
  "path": ["button", "invisible", "fgColor", "rest"]
1721
1733
  },
1734
+ "button-invisible-fgColor-hover": {
1735
+ "value": "#0969da",
1736
+ "$type": "color",
1737
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1738
+ "isSource": true,
1739
+ "original": {
1740
+ "value": "{fgColor.accent}",
1741
+ "$type": "color"
1742
+ },
1743
+ "name": "button-invisible-fgColor-hover",
1744
+ "attributes": {},
1745
+ "path": ["button", "invisible", "fgColor", "hover"]
1746
+ },
1722
1747
  "button-invisible-fgColor-disabled": {
1723
1748
  "value": "#8c959f",
1724
1749
  "$type": "color",
@@ -2176,26 +2201,43 @@
2176
2201
  "path": ["button", "danger", "shadow", "selected"]
2177
2202
  },
2178
2203
  "buttonCounter-default-bgColor-rest": {
2179
- "value": "#eaeef280",
2204
+ "value": "#eaeef2",
2180
2205
  "$type": "color",
2206
+ "alpha": 1,
2181
2207
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
2182
2208
  "isSource": true,
2183
2209
  "original": {
2184
2210
  "value": "{bgColor.neutral.muted}",
2185
- "$type": "color"
2211
+ "$type": "color",
2212
+ "alpha": 1
2186
2213
  },
2187
2214
  "name": "buttonCounter-default-bgColor-rest",
2188
2215
  "attributes": {},
2189
2216
  "path": ["buttonCounter", "default", "bgColor", "rest"]
2190
2217
  },
2218
+ "buttonCounter-invisible-bgColor-rest": {
2219
+ "value": "#eaeef2",
2220
+ "$type": "color",
2221
+ "alpha": 1,
2222
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
2223
+ "isSource": true,
2224
+ "original": {
2225
+ "value": "{bgColor.neutral.muted}",
2226
+ "$type": "color",
2227
+ "alpha": 1
2228
+ },
2229
+ "name": "buttonCounter-invisible-bgColor-rest",
2230
+ "attributes": {},
2231
+ "path": ["buttonCounter", "invisible", "bgColor", "rest"]
2232
+ },
2191
2233
  "buttonCounter-primary-bgColor-rest": {
2192
- "value": "#ffffff33",
2234
+ "value": "#002d1133",
2193
2235
  "$type": "color",
2194
2236
  "alpha": 0.2,
2195
2237
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
2196
2238
  "isSource": true,
2197
2239
  "original": {
2198
- "value": "{base.color.white}",
2240
+ "value": "{base.color.green.9}",
2199
2241
  "$type": "color",
2200
2242
  "alpha": 0.2
2201
2243
  },
@@ -2248,6 +2290,47 @@
2248
2290
  "attributes": {},
2249
2291
  "path": ["buttonCounter", "outline", "bgColor", "disabled"]
2250
2292
  },
2293
+ "buttonCounter-outline-fgColor-rest": {
2294
+ "value": "#0550ae",
2295
+ "$type": "color",
2296
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
2297
+ "isSource": true,
2298
+ "original": {
2299
+ "value": "{base.color.blue.6}",
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": "#ffffff",
2308
+ "$type": "color",
2309
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
2310
+ "isSource": true,
2311
+ "original": {
2312
+ "value": "{base.color.white}",
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": "#0969da80",
2321
+ "$type": "color",
2322
+ "alpha": 0.5,
2323
+ "filePath": "src/tokens/functional/color/light/patterns-light.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
+ },
2251
2334
  "buttonCounter-danger-bgColor-hover": {
2252
2335
  "value": "#ffffff33",
2253
2336
  "$type": "color",
@@ -2293,6 +2376,55 @@
2293
2376
  "attributes": {},
2294
2377
  "path": ["buttonCounter", "danger", "bgColor", "rest"]
2295
2378
  },
2379
+ "buttonCounter-danger-fgColor-rest": {
2380
+ "value": "#c21c2c",
2381
+ "$type": "color",
2382
+ "mix": {
2383
+ "color": "#a40e26",
2384
+ "weight": 0.3
2385
+ },
2386
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
2387
+ "isSource": true,
2388
+ "original": {
2389
+ "value": "{base.color.red.5}",
2390
+ "$type": "color",
2391
+ "mix": {
2392
+ "color": "{base.color.red.6}",
2393
+ "weight": 0.3
2394
+ }
2395
+ },
2396
+ "name": "buttonCounter-danger-fgColor-rest",
2397
+ "attributes": {},
2398
+ "path": ["buttonCounter", "danger", "fgColor", "rest"]
2399
+ },
2400
+ "buttonCounter-danger-fgColor-hover": {
2401
+ "value": "#ffffff",
2402
+ "$type": "color",
2403
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
2404
+ "isSource": true,
2405
+ "original": {
2406
+ "value": "{base.color.white}",
2407
+ "$type": "color"
2408
+ },
2409
+ "name": "buttonCounter-danger-fgColor-hover",
2410
+ "attributes": {},
2411
+ "path": ["buttonCounter", "danger", "fgColor", "hover"]
2412
+ },
2413
+ "buttonCounter-danger-fgColor-disabled": {
2414
+ "value": "#d1242f80",
2415
+ "$type": "color",
2416
+ "alpha": 0.5,
2417
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
2418
+ "isSource": true,
2419
+ "original": {
2420
+ "value": "{fgColor.danger}",
2421
+ "$type": "color",
2422
+ "alpha": 0.5
2423
+ },
2424
+ "name": "buttonCounter-danger-fgColor-disabled",
2425
+ "attributes": {},
2426
+ "path": ["buttonCounter", "danger", "fgColor", "disabled"]
2427
+ },
2296
2428
  "focus-outlineColor": {
2297
2429
  "value": "#0969da",
2298
2430
  "$type": "color",
@@ -2541,40 +2673,6 @@
2541
2673
  "attributes": {},
2542
2674
  "path": ["fgColor", "link", "rest"]
2543
2675
  },
2544
- "fgColor-link-inverse-rest": {
2545
- "value": "#54aeff",
2546
- "$type": "color",
2547
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
2548
- "isSource": true,
2549
- "original": {
2550
- "value": "{base.color.blue.3}",
2551
- "$type": "color"
2552
- },
2553
- "name": "fgColor-link-inverse-rest",
2554
- "attributes": {},
2555
- "path": ["fgColor", "link", "inverse", "rest"]
2556
- },
2557
- "fgColor-link-control": {
2558
- "value": "#868f99",
2559
- "$type": "color",
2560
- "mix": {
2561
- "color": "#6e7781",
2562
- "weight": 0.2
2563
- },
2564
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
2565
- "isSource": true,
2566
- "original": {
2567
- "value": "{base.color.gray.4}",
2568
- "$type": "color",
2569
- "mix": {
2570
- "color": "{base.color.gray.5}",
2571
- "weight": 0.2
2572
- }
2573
- },
2574
- "name": "fgColor-link-control",
2575
- "attributes": {},
2576
- "path": ["fgColor", "link", "control"]
2577
- },
2578
2676
  "fgColor-accent": {
2579
2677
  "value": "#0969da",
2580
2678
  "$type": "color",
@@ -0,0 +1,245 @@
1
+ {
2
+ "topicTag-borderColor": "color-topic-tag-border",
3
+ "highlight-neutral-bgColor": "color-search-keyword-hl",
4
+ "page-header-bgColor": "color-page-header-bg",
5
+ "diffBlob-addition-fgColor-text": "color-diff-blob-addition-fg",
6
+ "diffBlob-addition-fgColor-num": "color-diff-blob-addition-num-text",
7
+ "diffBlob-addition-bgColor-num": "color-diff-blob-addition-num-bg",
8
+ "diffBlob-addition-bgColor-line": "color-diff-blob-addition-line-bg",
9
+ "diffBlob-addition-bgColor-word": "color-diff-blob-addition-word-bg",
10
+ "diffBlob-deletion-fgColor-text": "color-diff-blob-deletion-fg",
11
+ "diffBlob-deletion-fgColor-num": "color-diff-blob-deletion-num-text",
12
+ "diffBlob-deletion-bgColor-num": "color-diff-blob-deletion-num-bg",
13
+ "diffBlob-deletion-bgColor-line": "color-diff-blob-deletion-line-bg",
14
+ "diffBlob-deletion-bgColor-word": "color-diff-blob-deletion-word-bg",
15
+ "diffBlob-hunk-bgColor-num": "color-diff-blob-hunk-num-bg",
16
+ "diffBlob-expander-iconColor": "color-diff-blob-expander-icon",
17
+ "diffStat-addition-bgColor": "color-diffstat-addition-bg",
18
+ "codeMirror-fgColor": "color-codemirror-text",
19
+ "codeMirror-bgColor": "color-codemirror-bg",
20
+ "codeMirror-gutters-bgColor": "color-codemirror-gutters-bg",
21
+ "codeMirror-gutterMarker-fgColor-default": "color-codemirror-guttermarker-text",
22
+ "codeMirror-gutterMarker-fgColor-muted": "color-codemirror-guttermarker-subtle-text",
23
+ "codeMirror-lineNumber-fgColor": "color-codemirror-linenumber-text",
24
+ "codeMirror-cursor-fgColor": "color-codemirror-cursor",
25
+ "codeMirror-selection-bgColor": "color-codemirror-selection-bg",
26
+ "codeMirror-activeline-bgColor": "color-codemirror-activeline-bg",
27
+ "codeMirror-matchingBracket-fgColor": "color-codemirror-matchingbracket-text",
28
+ "codeMirror-lines-bgColor": "color-codemirror-lines-bg",
29
+ "codeMirror-syntax-fgColor-comment": "color-codemirror-syntax-comment",
30
+ "codeMirror-syntax-fgColor-constant": "color-codemirror-syntax-constant",
31
+ "codeMirror-syntax-fgColor-entity": "color-codemirror-syntax-entity",
32
+ "codeMirror-syntax-fgColor-keyword": "color-codemirror-syntax-keyword",
33
+ "codeMirror-syntax-fgColor-storage": "color-codemirror-syntax-storage",
34
+ "codeMirror-syntax-fgColor-string": "color-codemirror-syntax-string",
35
+ "codeMirror-syntax-fgColor-support": "color-codemirror-syntax-support",
36
+ "codeMirror-syntax-fgColor-variable": "color-codemirror-syntax-variable",
37
+ "header-fgColor-default": "color-header-text",
38
+ "header-fgColor-logo": "color-header-logo",
39
+ "header-bgColor": "color-header-bg",
40
+ "header-borderColor-divider": "color-header-divider",
41
+ "headerSearch-bgColor": "color-header-search-bg",
42
+ "headerSearch-borderColor": "color-header-search-border",
43
+ "avatar-bgColor": "color-avatar-bg",
44
+ "avatar-borderColor": "color-avatar-border",
45
+ "avatar-shadow": "color-avatar-child-shadow",
46
+ "avatarStack-fade-bgColor-default": "color-avatar-stack-fade",
47
+ "avatarStack-fade-bgColor-muted": "color-avatar-stack-fade-more",
48
+ "control-bgColor-rest": "color-btn-bg",
49
+ "control-bgColor-hover": "color-btn-hover-bg",
50
+ "control-bgColor-active": "color-btn-selected-bg",
51
+ "control-bgColor-disabled": "color-btn-bg",
52
+ "control-bgColor-selected": "color-btn-selected-bg",
53
+ "control-fgColor-rest": "color-fg-default",
54
+ "control-fgColor-placeholder": "color-fg-subtle",
55
+ "control-fgColor-disabled": "color-primer-fg-disabled",
56
+ "control-borderColor-rest": "color-btn-border",
57
+ "control-borderColor-emphasis": "color-switch-knob-border",
58
+ "control-borderColor-disabled": "color-btn-border",
59
+ "control-borderColor-selected": "color-btn-bg",
60
+ "control-borderColor-success": "color-success-emphasis",
61
+ "control-borderColor-danger": "color-danger-emphasis",
62
+ "control-borderColor-warning": "color-attention-emphasis",
63
+ "control-iconColor-rest": "color-fg-muted",
64
+ "control-transparent-bgColor-rest": "transparent",
65
+ "control-transparent-bgColor-hover": "color-action-list-item-default-hover-bg",
66
+ "control-transparent-bgColor-active": "color-action-list-item-default-active-bg",
67
+ "control-transparent-bgColor-disabled": "color-action-list-item-default-selected-bg",
68
+ "control-transparent-bgColor-selected": "color-action-list-item-default-selected-bg",
69
+ "control-transparent-borderColor-rest": "transparent",
70
+ "control-transparent-borderColor-hover": "color-action-list-item-default-hover-border",
71
+ "control-transparent-borderColor-active": "color-action-list-item-default-active-border",
72
+ "control-danger-fgColor-rest": "color-danger-fg",
73
+ "control-danger-fgColor-hover": "color-action-list-item-danger-hover-text",
74
+ "control-danger-bgColor-hover": "color-action-list-item-danger-hover-bg",
75
+ "control-danger-bgColor-active": "color-action-list-item-danger-active-bg",
76
+ "control-checked-bgColor-rest": "color-switch-track-checked-bg",
77
+ "control-checked-bgColor-hover": "color-switch-track-checked-hover-bg",
78
+ "control-checked-bgColor-active": "color-switch-track-checked-active-bg",
79
+ "control-checked-bgColor-disabled": "color-switch-track-disabled-bg",
80
+ "control-checked-fgColor-rest": "color-switch-track-checked-fg",
81
+ "control-checked-fgColor-disabled": "color-switch-track-checked-disabled-fg",
82
+ "control-checked-borderColor-rest": "color-switch-track-checked-bg",
83
+ "control-checked-borderColor-hover": "color-switch-track-checked-hover-bg",
84
+ "control-checked-borderColor-active": "color-switch-track-checked-active-bg",
85
+ "control-checked-borderColor-disabled": "color-switch-track-disabled-bg",
86
+ "controlTrack-bgColor-rest": "color-switch-track-bg",
87
+ "controlTrack-bgColor-hover": "color-switch-track-hover-bg",
88
+ "controlTrack-bgColor-active": "color-switch-track-active-bg",
89
+ "controlTrack-bgColor-disabled": "color-switch-track-disabled-bg",
90
+ "controlTrack-fgColor-rest": "color-switch-track-fg",
91
+ "controlTrack-fgColor-disabled": "color-switch-track-disabled-fg",
92
+ "controlTrack-borderColor-rest": "color-switch-track-border",
93
+ "controlTrack-borderColor-disabled": "color-primer-fg-disabled",
94
+ "controlKnob-bgColor-rest": "color-switch-knob-bg",
95
+ "controlKnob-bgColor-disabled": "color-btn-bg",
96
+ "controlKnob-bgColor-checked": "color-switch-knob-checked-bg",
97
+ "controlKnob-borderColor-rest": "color-switch-knob-border",
98
+ "controlKnob-borderColor-disabled": "color-btn-bg",
99
+ "controlKnob-borderColor-checked": "color-switch-knob-checked-border",
100
+ "counter-borderColor": "color-counter-border",
101
+ "button-default-fgColor-rest": "color-btn-text",
102
+ "button-default-bgColor-rest": "color-btn-bg",
103
+ "button-default-bgColor-hover": "color-btn-hover-bg",
104
+ "button-default-bgColor-active": "color-btn-active-bg",
105
+ "button-default-bgColor-selected": "color-btn-selected-bg",
106
+ "button-default-borderColor-rest": "color-btn-border",
107
+ "button-default-borderColor-hover": "color-btn-hover-border",
108
+ "button-default-borderColor-active": "color-btn-active-border",
109
+ "button-default-shadow-resting": "color-btn-shadow",
110
+ "button-default-shadow-inset": "color-btn-inset-shadow",
111
+ "button-primary-fgColor-rest": "color-btn-primary-text",
112
+ "button-primary-fgColor-disabled": "color-btn-primary-disabled-text",
113
+ "button-primary-iconColor-rest": "color-btn-primary-icon",
114
+ "button-primary-bgColor-rest": "color-btn-primary-bg",
115
+ "button-primary-bgColor-hover": "color-btn-primary-hover-bg",
116
+ "button-primary-bgColor-active": "color-btn-primary-selected-bg",
117
+ "button-primary-bgColor-disabled": "color-btn-primary-disabled-bg",
118
+ "button-primary-borderColor-rest": "color-btn-primary-border",
119
+ "button-primary-borderColor-hover": "color-btn-primary-hover-border",
120
+ "button-primary-borderColor-disabled": "color-btn-primary-disabled-border",
121
+ "button-primary-shadow-selected": "color-btn-primary-selected-shadow",
122
+ "button-invisible-fgColor-rest": "color-btn-outline-text",
123
+ "button-invisible-fgColor-hover": "color-btn-outline-text",
124
+ "button-invisible-fgColor-disabled": "color-primer-fg-disabled",
125
+ "button-invisible-bgColor-rest": "transparent",
126
+ "button-invisible-bgColor-hover": "color-action-list-item-default-hover-bg",
127
+ "button-invisible-bgColor-active": "color-action-list-item-default-active-bg",
128
+ "button-invisible-bgColor-disabled": "color-action-list-item-default-selected-bg",
129
+ "button-invisible-borderColor-rest": "transparent",
130
+ "button-invisible-borderColor-hover": "transparent",
131
+ "button-outline-fgColor-rest": "color-btn-outline-text",
132
+ "button-outline-fgColor-hover": "color-btn-outline-hover-text",
133
+ "button-outline-fgColor-active": "color-btn-outline-selected-text",
134
+ "button-outline-fgColor-disabled": "color-btn-outline-disabled-text",
135
+ "button-outline-bgColor-rest": "color-btn-bg",
136
+ "button-outline-bgColor-hover": "color-btn-outline-hover-bg",
137
+ "button-outline-bgColor-active": "color-btn-outline-selected-bg",
138
+ "button-outline-bgColor-disabled": "color-btn-outline-disabled-bg",
139
+ "button-outline-borderColor-hover": "color-btn-outline-hover-border",
140
+ "button-outline-borderColor-active": "color-btn-outline-selected-border",
141
+ "button-outline-shadow-selected": "color-btn-outline-selected-shadow",
142
+ "button-danger-fgColor-rest": "color-btn-danger-text",
143
+ "button-danger-fgColor-hover": "color-btn-danger-hover-text",
144
+ "button-danger-fgColor-active": "color-btn-danger-selected-text",
145
+ "button-danger-fgColor-disabled": "color-btn-danger-disabled-text",
146
+ "button-danger-iconColor-rest": "color-btn-danger-icon",
147
+ "button-danger-iconColor-hover": "color-btn-danger-hover-icon",
148
+ "button-danger-bgColor-rest": "color-btn-bg",
149
+ "button-danger-bgColor-hover": "color-btn-danger-hover-bg",
150
+ "button-danger-bgColor-active": "color-btn-danger-selected-bg",
151
+ "button-danger-bgColor-disabled": "color-btn-danger-disabled-bg",
152
+ "button-danger-borderColor-rest": "color-btn-border",
153
+ "button-danger-borderColor-hover": "color-btn-danger-hover-border",
154
+ "button-danger-borderColor-active": "color-btn-danger-selected-border",
155
+ "button-danger-shadow-selected": "color-btn-danger-selected-shadow",
156
+ "buttonCounter-default-bgColor-rest": "color-btn-counter-bg",
157
+ "buttonCounter-primary-bgColor-rest": "color-btn-primary-counter-bg",
158
+ "buttonCounter-outline-bgColor-rest": "color-btn-outline-counter-bg",
159
+ "buttonCounter-outline-bgColor-hover": "color-btn-outline-hover-counter-bg",
160
+ "buttonCounter-outline-bgColor-disabled": "color-btn-outline-disabled-counter-bg",
161
+ "buttonCounter-outline-fgColor-rest": "btn-outline-counterFg",
162
+ "buttonCounter-outline-fgColor-hover": "btn-outline-hoverCounterFg",
163
+ "buttonCounter-outline-fgColor-disabled": "btn-outline-disabledCounterFg",
164
+ "buttonCounter-danger-bgColor-hover": "color-btn-danger-hover-counter-bg",
165
+ "buttonCounter-danger-bgColor-disabled": "color-btn-danger-disabled-counter-bg",
166
+ "buttonCounter-danger-bgColor-rest": "color-btn-danger-counter-bg",
167
+ "buttonCounter-danger-fgColor-rest": "btn-danger-counterFg",
168
+ "buttonCounter-danger-fgColor-hover": "btn-danger-hoverCounterFg",
169
+ "buttonCounter-danger-fgColor-disabled": "btn-danger-disabledCounterFg",
170
+ "focus-outlineColor": "color-accent-fg",
171
+ "focus-outline": "color-accent-fg solid 2px",
172
+ "menu-bgColor-active": "color-menu-bg-active",
173
+ "overlay-bgColor": "color-canvas-overlay",
174
+ "overlay-backdrop-bgColor": "color-primer-canvas-backdrop",
175
+ "selectMenu-borderColor": "color-select-menu-backdrop-border",
176
+ "selectMenu-bgColor-active": "color-select-menu-tap-focus-bg",
177
+ "sideNav-bgColor-selected": "color-sidenav-selected-bg",
178
+ "timelineBadge-bgColor": "color-timeline-badge-bg",
179
+ "treeViewItem-leadingVisual-bgColor-rest": "color-tree-view-item-directory-fill",
180
+ "underlineNav-borderColor-active": "color-primer-border-active",
181
+ "underlineNav-borderColor-hover": "color-underlinenav-border-hover",
182
+ "underlineNav-iconColor-rest": "color-underlinenav-icon",
183
+ "fgColor-default": "color-fg-default",
184
+ "fgColor-muted": "color-fg-muted",
185
+ "fgColor-onEmphasis": "color-fg-on-emphasis",
186
+ "fgColor-disabled": "color-primer-fg-disabled",
187
+ "fgColor-link-rest": "color-accent-fg",
188
+ "fgColor-accent": "color-accent-fg",
189
+ "fgColor-success": "color-success-fg",
190
+ "fgColor-attention": "color-attention-fg",
191
+ "fgColor-severe": "color-severe-fg",
192
+ "fgColor-danger": "color-danger-fg",
193
+ "fgColor-open": "color-open-fg",
194
+ "fgColor-closed": "color-closed-fg",
195
+ "fgColor-done": "color-done-fg",
196
+ "fgColor-sponsors": "color-sponsors-fg",
197
+ "bgColor-default": "color-canvas-default",
198
+ "bgColor-muted": "color-canvas-inset",
199
+ "bgColor-emphasis": "color-neutral-emphasis-plus",
200
+ "bgColor-disabled": "color-neutral-muted",
201
+ "bgColor-neutral-muted": "color-neutral-muted",
202
+ "bgColor-neutral-emphasis": "color-fg-subtle",
203
+ "bgColor-accent-muted": "color-accent-muted",
204
+ "bgColor-accent-emphasis": "color-accent-fg",
205
+ "bgColor-success-muted": "color-success-subtle",
206
+ "bgColor-success-emphasis": "color-success-fg",
207
+ "bgColor-attention-muted": "color-attention-subtle",
208
+ "bgColor-attention-emphasis": "color-attention-fg",
209
+ "bgColor-severe-muted": "color-severe-subtle",
210
+ "bgColor-severe-emphasis": "color-severe-fg",
211
+ "bgColor-danger-muted": "color-danger-subtle",
212
+ "bgColor-danger-emphasis": "color-danger-fg",
213
+ "bgColor-open-muted": "color-open-subtle",
214
+ "bgColor-open-emphasis": "color-open-fg",
215
+ "bgColor-closed-muted": "color-closed-subtle",
216
+ "bgColor-closed-emphasis": "color-closed-fg",
217
+ "bgColor-done-muted": "color-done-subtle",
218
+ "bgColor-done-emphasis": "color-done-fg",
219
+ "bgColor-sponsors-muted": "color-sponsors-subtle",
220
+ "bgColor-sponsors-emphasis": "color-sponsors-fg",
221
+ "borderColor-default": "color-border-default",
222
+ "borderColor-muted": "color-neutral-muted",
223
+ "borderColor-emphasis": "color-fg-subtle",
224
+ "borderColor-disabled": "color-border-default",
225
+ "borderColor-neutral-muted": "color-neutral-muted",
226
+ "borderColor-neutral-emphasis": "color-fg-subtle",
227
+ "borderColor-accent-muted": "color-accent-muted",
228
+ "borderColor-accent-emphasis": "color-accent-fg",
229
+ "borderColor-success-muted": "color-success-muted",
230
+ "borderColor-success-emphasis": "color-success-emphasis",
231
+ "borderColor-attention-muted": "color-attention-muted",
232
+ "borderColor-attention-emphasis": "color-attention-emphasis",
233
+ "borderColor-severe-muted": "color-severe-muted",
234
+ "borderColor-severe-emphasis": "color-severe-emphasis",
235
+ "borderColor-danger-muted": "color-danger-muted",
236
+ "borderColor-danger-emphasis": "color-danger-emphasis",
237
+ "borderColor-open-muted": "color-open-muted",
238
+ "borderColor-open-emphasis": "color-open-emphasis",
239
+ "borderColor-closed-muted": "color-closed-muted",
240
+ "borderColor-closed-emphasis": "color-closed-emphasis",
241
+ "borderColor-done-muted": "color-done-muted",
242
+ "borderColor-done-emphasis": "color-done-emphasis",
243
+ "borderColor-sponsors-muted": "color-sponsors-muted",
244
+ "borderColor-sponsors-emphasis": "color-sponsors-emphasis"
245
+ }
@@ -181,8 +181,8 @@ exports.default = {
181
181
  },
182
182
  borderColor: {
183
183
  rest: "#1f6feb",
184
- hover: "#00000000",
185
- active: "#00000000",
184
+ hover: "#2a7aef",
185
+ active: "#3685f3",
186
186
  disabled: "#484f58",
187
187
  },
188
188
  },
@@ -254,9 +254,9 @@ exports.default = {
254
254
  disabled: "#1158c7",
255
255
  },
256
256
  borderColor: {
257
- rest: "#30363dcc",
258
- hover: "#30363dcc",
259
- disabled: "#30363dcc",
257
+ rest: "#f0f6fc1a",
258
+ hover: "#f0f6fc1a",
259
+ disabled: "#f0f6fc1a",
260
260
  },
261
261
  shadow: {
262
262
  selected: "0px 0px 0px 0px #000000",
@@ -265,6 +265,7 @@ exports.default = {
265
265
  invisible: {
266
266
  fgColor: {
267
267
  rest: "#2f81f7",
268
+ hover: "#58a6ff",
268
269
  disabled: "#484f58",
269
270
  },
270
271
  bgColor: {
@@ -280,8 +281,8 @@ exports.default = {
280
281
  },
281
282
  outline: {
282
283
  fgColor: {
283
- rest: "#2f81f7",
284
- hover: "#2f81f7",
284
+ rest: "#388bfd",
285
+ hover: "#58a6ff",
285
286
  active: "#ffffff",
286
287
  disabled: "#2f81f780",
287
288
  },
@@ -332,23 +333,38 @@ exports.default = {
332
333
  rest: "#30363d",
333
334
  },
334
335
  },
336
+ invisible: {
337
+ bgColor: {
338
+ rest: "#30363d",
339
+ },
340
+ },
335
341
  primary: {
336
342
  bgColor: {
337
- rest: "#ffffff33",
343
+ rest: "#04260f33",
338
344
  },
339
345
  },
340
346
  outline: {
341
347
  bgColor: {
342
- rest: "#1f6feb1a",
343
- hover: "#ffffff33",
348
+ rest: "#051d4d33",
349
+ hover: "#051d4d33",
344
350
  disabled: "#1f6feb0d",
345
351
  },
352
+ fgColor: {
353
+ rest: "#388bfd",
354
+ hover: "#58a6ff",
355
+ disabled: "#2f81f780",
356
+ },
346
357
  },
347
358
  danger: {
348
359
  bgColor: {
349
360
  hover: "#ffffff33",
350
361
  disabled: "#bd561d0d",
351
- rest: "#bd561d1a",
362
+ rest: "#49020233",
363
+ },
364
+ fgColor: {
365
+ rest: "#db6d28",
366
+ hover: "#ffffff",
367
+ disabled: "#db6d2880",
352
368
  },
353
369
  },
354
370
  },
@@ -403,10 +419,6 @@ exports.default = {
403
419
  disabled: "#484f58",
404
420
  link: {
405
421
  rest: "#2f81f7",
406
- inverse: {
407
- rest: "#1f6feb",
408
- },
409
- control: "#636a75",
410
422
  },
411
423
  accent: "#2f81f7",
412
424
  success: "#58a6ff",