@primer/primitives 7.17.0-rc.34cd1021 → 7.17.0-rc.39874fc0

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 (231) hide show
  1. package/README.md +1 -1
  2. package/build.js +578 -0
  3. package/dist/css/functional/themes/dark-colorblind.css +0 -10
  4. package/dist/css/functional/themes/dark-dimmed.css +0 -10
  5. package/dist/css/functional/themes/dark-high-contrast.css +0 -10
  6. package/dist/css/functional/themes/dark-tritanopia.css +0 -10
  7. package/dist/css/functional/themes/dark.css +0 -10
  8. package/dist/css/functional/themes/light-colorblind.css +0 -10
  9. package/dist/css/functional/themes/light-high-contrast.css +0 -10
  10. package/dist/css/functional/themes/light-tritanopia.css +0 -10
  11. package/dist/css/functional/themes/light.css +0 -10
  12. package/dist/css/functional/typography/typography.css +1 -1
  13. package/dist/deprecated/colors.json +7 -0
  14. package/dist/docs/base/typography/typography.json +4 -52
  15. package/dist/docs/functional/themes/dark-colorblind.json +78 -223
  16. package/dist/docs/functional/themes/dark-dimmed.json +73 -218
  17. package/dist/docs/functional/themes/dark-high-contrast.json +75 -220
  18. package/dist/docs/functional/themes/dark-tritanopia.json +78 -223
  19. package/dist/docs/functional/themes/dark.json +73 -218
  20. package/dist/docs/functional/themes/light-colorblind.json +76 -221
  21. package/dist/docs/functional/themes/light-high-contrast.json +70 -215
  22. package/dist/docs/functional/themes/light-tritanopia.json +76 -221
  23. package/dist/docs/functional/themes/light.json +71 -216
  24. package/dist/docs/functional/typography/typography.json +36 -494
  25. package/dist/fallbacks/functional/typography/typography.json +1 -1
  26. package/dist/figma/figma.json +1 -18
  27. package/dist/figma/scales/dark-dimmed.json +20 -20
  28. package/dist/figma/scales/dark-high-constrast.json +20 -20
  29. package/dist/figma/scales/dark.json +20 -20
  30. package/dist/figma/scales/light-high-constrast.json +20 -20
  31. package/dist/figma/scales/light.json +20 -20
  32. package/dist/figma/themes/dark-colorblind.json +70 -150
  33. package/dist/figma/themes/dark-dimmed.json +65 -145
  34. package/dist/figma/themes/dark-high-contrast.json +69 -149
  35. package/dist/figma/themes/dark-tritanopia.json +70 -150
  36. package/dist/figma/themes/dark.json +65 -145
  37. package/dist/figma/themes/light-colorblind.json +59 -139
  38. package/dist/figma/themes/light-high-contrast.json +55 -135
  39. package/dist/figma/themes/light-tritanopia.json +59 -139
  40. package/dist/figma/themes/light.json +54 -134
  41. package/dist/internalCss/dark-colorblind.css +20 -30
  42. package/dist/internalCss/dark-dimmed.css +20 -30
  43. package/dist/internalCss/dark-high-contrast.css +20 -30
  44. package/dist/internalCss/dark-tritanopia.css +20 -30
  45. package/dist/internalCss/dark.css +20 -30
  46. package/dist/internalCss/light-colorblind.css +20 -30
  47. package/dist/internalCss/light-high-contrast.css +20 -30
  48. package/dist/internalCss/light-tritanopia.css +20 -30
  49. package/dist/internalCss/light.css +20 -30
  50. package/dist/js/colors/dark.d.ts +516 -0
  51. package/dist/js/colors/dark.js +616 -0
  52. package/dist/js/colors/dark_colorblind.d.ts +516 -0
  53. package/dist/js/colors/dark_colorblind.js +616 -0
  54. package/dist/js/colors/dark_dimmed.d.ts +516 -0
  55. package/dist/js/colors/dark_dimmed.js +616 -0
  56. package/dist/js/colors/dark_high_contrast.d.ts +516 -0
  57. package/dist/js/colors/dark_high_contrast.js +616 -0
  58. package/dist/js/colors/dark_tritanopia.d.ts +516 -0
  59. package/dist/js/colors/dark_tritanopia.js +616 -0
  60. package/dist/js/colors/index.d.ts +4638 -0
  61. package/dist/js/colors/index.js +15 -0
  62. package/dist/js/colors/light.d.ts +516 -0
  63. package/dist/js/colors/light.js +616 -0
  64. package/dist/js/colors/light_colorblind.d.ts +516 -0
  65. package/dist/js/colors/light_colorblind.js +616 -0
  66. package/dist/js/colors/light_high_contrast.d.ts +516 -0
  67. package/dist/js/colors/light_high_contrast.js +616 -0
  68. package/dist/js/colors/light_tritanopia.d.ts +516 -0
  69. package/dist/js/colors/light_tritanopia.js +616 -0
  70. package/dist/js/index.d.ts +4655 -0
  71. package/dist/js/index.js +9 -0
  72. package/dist/js/spacing/index.d.ts +6 -0
  73. package/dist/js/spacing/index.js +7 -0
  74. package/dist/js/spacing/normal.d.ts +4 -0
  75. package/dist/js/spacing/normal.js +13 -0
  76. package/dist/js/typography/index.d.ts +11 -0
  77. package/dist/js/typography/index.js +7 -0
  78. package/dist/js/typography/normal.d.ts +9 -0
  79. package/dist/js/typography/normal.js +19 -0
  80. package/dist/json/colors/dark.json +614 -0
  81. package/dist/json/colors/dark_colorblind.json +614 -0
  82. package/dist/json/colors/dark_dimmed.json +614 -0
  83. package/dist/json/colors/dark_high_contrast.json +614 -0
  84. package/dist/json/colors/dark_tritanopia.json +614 -0
  85. package/dist/json/colors/light.json +614 -0
  86. package/dist/json/colors/light_colorblind.json +614 -0
  87. package/dist/json/colors/light_high_contrast.json +614 -0
  88. package/dist/json/colors/light_tritanopia.json +614 -0
  89. package/dist/json/spacing/normal.json +11 -0
  90. package/dist/json/typography/normal.json +17 -0
  91. package/dist/removed/colors.json +432 -0
  92. package/dist/scss/colors/_dark.scss +452 -0
  93. package/dist/scss/colors/_dark_colorblind.scss +452 -0
  94. package/dist/scss/colors/_dark_dimmed.scss +452 -0
  95. package/dist/scss/colors/_dark_high_contrast.scss +452 -0
  96. package/dist/scss/colors/_dark_tritanopia.scss +452 -0
  97. package/dist/scss/colors/_light.scss +452 -0
  98. package/dist/scss/colors/_light_colorblind.scss +452 -0
  99. package/dist/scss/colors/_light_high_contrast.scss +452 -0
  100. package/dist/scss/colors/_light_tritanopia.scss +452 -0
  101. package/dist/scss/spacing/_normal.scss +11 -0
  102. package/dist/scss/typography/_normal.scss +15 -0
  103. package/dist/styleLint/base/typography/typography.json +4 -52
  104. package/dist/styleLint/functional/themes/dark-colorblind.json +78 -223
  105. package/dist/styleLint/functional/themes/dark-dimmed.json +73 -218
  106. package/dist/styleLint/functional/themes/dark-high-contrast.json +75 -220
  107. package/dist/styleLint/functional/themes/dark-tritanopia.json +78 -223
  108. package/dist/styleLint/functional/themes/dark.json +73 -218
  109. package/dist/styleLint/functional/themes/light-colorblind.json +76 -221
  110. package/dist/styleLint/functional/themes/light-high-contrast.json +70 -215
  111. package/dist/styleLint/functional/themes/light-tritanopia.json +76 -221
  112. package/dist/styleLint/functional/themes/light.json +71 -216
  113. package/dist/styleLint/functional/typography/typography.json +36 -494
  114. package/dist/ts/colors/dark.ts +614 -0
  115. package/dist/ts/colors/dark_colorblind.ts +614 -0
  116. package/dist/ts/colors/dark_dimmed.ts +614 -0
  117. package/dist/ts/colors/dark_high_contrast.ts +614 -0
  118. package/dist/ts/colors/dark_tritanopia.ts +614 -0
  119. package/dist/ts/colors/index.ts +10 -0
  120. package/dist/ts/colors/light.ts +614 -0
  121. package/dist/ts/colors/light_colorblind.ts +614 -0
  122. package/dist/ts/colors/light_high_contrast.ts +614 -0
  123. package/dist/ts/colors/light_tritanopia.ts +614 -0
  124. package/dist/ts/index.ts +4 -0
  125. package/dist/ts/spacing/index.ts +2 -0
  126. package/dist/ts/spacing/normal.ts +11 -0
  127. package/dist/ts/typography/index.ts +2 -0
  128. package/dist/ts/typography/normal.ts +17 -0
  129. package/package.json +12 -5
  130. package/src/PrimerStyleDictionary.ts +0 -12
  131. package/src/filters/index.ts +0 -1
  132. package/src/formats/jsonFigma.ts +0 -1
  133. package/src/platforms/figma.ts +1 -10
  134. package/src/schemas/numberToken.ts +0 -17
  135. package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
  136. package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
  137. package/src/tokens/base/color/dark/dark.json5 +1 -1
  138. package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
  139. package/src/tokens/base/color/light/light.json5 +1 -1
  140. package/src/tokens/base/typography/typography.json +4 -28
  141. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  142. package/src/tokens/functional/color/dark/display-dark.json5 +0 -66
  143. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
  144. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  145. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
  146. package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
  147. package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
  148. package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
  149. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  150. package/src/tokens/functional/color/light/display-light.json5 +0 -66
  151. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  152. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
  153. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
  154. package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
  155. package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
  156. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  157. package/src/tokens/functional/shadow/dark.json5 +1 -1
  158. package/src/tokens/functional/shadow/light.json5 +11 -11
  159. package/src/tokens/functional/typography/typography.json +34 -263
  160. package/src/transformers/fontFamilyToCss.ts +4 -3
  161. package/src/transformers/index.ts +0 -2
  162. package/tokens/base/size/size.json +57 -0
  163. package/tokens/base/typography/typography.json +20 -0
  164. package/tokens/functional/size/border.json +48 -0
  165. package/tokens/functional/size/breakpoints.json +24 -0
  166. package/tokens/functional/size/size-coarse.json +27 -0
  167. package/tokens/functional/size/size-fine.json +27 -0
  168. package/tokens/functional/size/size.json +189 -0
  169. package/tokens/functional/size/viewport.json +24 -0
  170. package/tokens/functional/typography/typography.json +213 -0
  171. package/tokens/removed/color.json +421 -0
  172. package/tokens-v2-private/css/tokens/base/size/size.css +24 -0
  173. package/tokens-v2-private/css/tokens/base/typography/typography.css +11 -0
  174. package/tokens-v2-private/css/tokens/functional/size/border.css +17 -0
  175. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +13 -0
  176. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +11 -0
  177. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +11 -0
  178. package/tokens-v2-private/css/tokens/functional/size/size.css +54 -0
  179. package/tokens-v2-private/css/tokens/functional/size/viewport.css +6 -0
  180. package/tokens-v2-private/css/tokens/functional/typography/typography.css +47 -0
  181. package/tokens-v2-private/docs/docValues.json +2209 -0
  182. package/tokens-v2-private/js/module/tokens/base/size/size.js +266 -0
  183. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +77 -0
  184. package/tokens-v2-private/js/module/tokens/functional/size/border.js +165 -0
  185. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +101 -0
  186. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +73 -0
  187. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +73 -0
  188. package/tokens-v2-private/js/module/tokens/functional/size/size.js +824 -0
  189. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +101 -0
  190. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +809 -0
  191. package/tokens-v2-private/js/tokens/base/size/size.js +22 -0
  192. package/tokens-v2-private/js/tokens/base/typography/typography.js +9 -0
  193. package/tokens-v2-private/js/tokens/functional/size/border.js +15 -0
  194. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +11 -0
  195. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +8 -0
  196. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +8 -0
  197. package/tokens-v2-private/js/tokens/functional/size/size.js +52 -0
  198. package/tokens-v2-private/js/tokens/functional/size/viewport.js +11 -0
  199. package/tokens-v2-private/js/tokens/functional/typography/typography.js +45 -0
  200. package/tokens-v2-private/scss/tokens/base/size/size.scss +21 -0
  201. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +8 -0
  202. package/tokens-v2-private/scss/tokens/functional/size/border.scss +14 -0
  203. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +10 -0
  204. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +7 -0
  205. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +7 -0
  206. package/tokens-v2-private/scss/tokens/functional/size/size.scss +51 -0
  207. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +10 -0
  208. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +44 -0
  209. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +31 -0
  210. package/tokens-v2-private/ts/tokens/base/size/size.js +30 -0
  211. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +20 -0
  212. package/tokens-v2-private/ts/tokens/base/typography/typography.js +19 -0
  213. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +28 -0
  214. package/tokens-v2-private/ts/tokens/functional/size/border.js +27 -0
  215. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +20 -0
  216. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +19 -0
  217. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +29 -0
  218. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +28 -0
  219. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +29 -0
  220. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +28 -0
  221. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +103 -0
  222. package/tokens-v2-private/ts/tokens/functional/size/size.js +102 -0
  223. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +20 -0
  224. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +19 -0
  225. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +131 -0
  226. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +130 -0
  227. package/dist/figma/typography/typography.json +0 -370
  228. package/src/filters/isNumber.ts +0 -8
  229. package/src/transformers/floatToPixel.ts +0 -33
  230. package/src/transformers/fontFamilyToFigma.ts +0 -47
  231. package/src/transformers/utilities/hasSpaceInString.ts +0 -6
package/dist/figma/themes/light.json CHANGED
@@ -239,7 +239,7 @@
239
239
  },
240
240
  "type": "COLOR",
241
241
  "refId": "mode/color/prettylights/syntax/sublimelinter/gutter/mark",
242
- "reference": "base/color/light/base/color/neutral/4",
242
+ "reference": "base/color/light/base/color/gray/4",
243
243
  "collection": "mode",
244
244
  "mode": "light",
245
245
  "group": "syntax",
@@ -287,7 +287,7 @@
287
287
  },
288
288
  "type": "COLOR",
289
289
  "refId": "mode/color/prettylights/syntax/markup/ignored/text",
290
- "reference": "base/color/light/base/color/neutral/1",
290
+ "reference": "base/color/light/base/color/gray/1",
291
291
  "collection": "mode",
292
292
  "mode": "light",
293
293
  "group": "syntax",
@@ -399,7 +399,7 @@
399
399
  },
400
400
  "type": "COLOR",
401
401
  "refId": "mode/color/prettylights/syntax/markup/bold",
402
- "reference": "base/color/light/base/color/neutral/9",
402
+ "reference": "base/color/light/base/color/gray/9",
403
403
  "collection": "mode",
404
404
  "mode": "light",
405
405
  "group": "syntax",
@@ -415,7 +415,7 @@
415
415
  },
416
416
  "type": "COLOR",
417
417
  "refId": "mode/color/prettylights/syntax/markup/italic",
418
- "reference": "base/color/light/base/color/neutral/9",
418
+ "reference": "base/color/light/base/color/gray/9",
419
419
  "collection": "mode",
420
420
  "mode": "light",
421
421
  "group": "syntax",
@@ -495,7 +495,7 @@
495
495
  },
496
496
  "type": "COLOR",
497
497
  "refId": "mode/color/prettylights/syntax/carriage/return/text",
498
- "reference": "base/color/light/base/color/neutral/0",
498
+ "reference": "base/color/light/base/color/gray/0",
499
499
  "collection": "mode",
500
500
  "mode": "light",
501
501
  "group": "syntax",
@@ -527,7 +527,7 @@
527
527
  },
528
528
  "type": "COLOR",
529
529
  "refId": "mode/color/prettylights/syntax/invalid/illegal/text",
530
- "reference": "base/color/light/base/color/neutral/0",
530
+ "reference": "base/color/light/base/color/gray/0",
531
531
  "collection": "mode",
532
532
  "mode": "light",
533
533
  "group": "syntax",
@@ -543,7 +543,7 @@
543
543
  },
544
544
  "type": "COLOR",
545
545
  "refId": "mode/color/prettylights/syntax/brackethighlighter/angle",
546
- "reference": "base/color/light/base/color/neutral/6",
546
+ "reference": "base/color/light/base/color/gray/6",
547
547
  "collection": "mode",
548
548
  "mode": "light",
549
549
  "group": "syntax",
@@ -639,7 +639,7 @@
639
639
  },
640
640
  "type": "COLOR",
641
641
  "refId": "mode/color/prettylights/syntax/storage/modifier/import",
642
- "reference": "base/color/light/base/color/neutral/9",
642
+ "reference": "base/color/light/base/color/gray/9",
643
643
  "collection": "mode",
644
644
  "mode": "light",
645
645
  "group": "syntax",
@@ -703,7 +703,7 @@
703
703
  },
704
704
  "type": "COLOR",
705
705
  "refId": "mode/color/prettylights/syntax/comment",
706
- "reference": "base/color/light/base/color/neutral/6",
706
+ "reference": "base/color/light/base/color/gray/6",
707
707
  "collection": "mode",
708
708
  "mode": "light",
709
709
  "group": "syntax",
@@ -879,7 +879,7 @@
879
879
  },
880
880
  "type": "COLOR",
881
881
  "refId": "mode/color/ansi/gray",
882
- "reference": "base/color/light/base/color/neutral/5",
882
+ "reference": "base/color/light/base/color/gray/5",
883
883
  "collection": "mode",
884
884
  "mode": "light",
885
885
  "group": "syntax",
@@ -895,7 +895,7 @@
895
895
  },
896
896
  "type": "COLOR",
897
897
  "refId": "mode/color/ansi/white-bright",
898
- "reference": "base/color/light/base/color/neutral/4",
898
+ "reference": "base/color/light/base/color/gray/4",
899
899
  "collection": "mode",
900
900
  "mode": "light",
901
901
  "group": "syntax",
@@ -911,7 +911,7 @@
911
911
  },
912
912
  "type": "COLOR",
913
913
  "refId": "mode/color/ansi/white",
914
- "reference": "base/color/light/base/color/neutral/5",
914
+ "reference": "base/color/light/base/color/gray/5",
915
915
  "collection": "mode",
916
916
  "mode": "light",
917
917
  "group": "syntax",
@@ -927,7 +927,7 @@
927
927
  },
928
928
  "type": "COLOR",
929
929
  "refId": "mode/color/ansi/black-bright",
930
- "reference": "base/color/light/base/color/neutral/6",
930
+ "reference": "base/color/light/base/color/gray/6",
931
931
  "collection": "mode",
932
932
  "mode": "light",
933
933
  "group": "syntax",
@@ -943,7 +943,7 @@
943
943
  },
944
944
  "type": "COLOR",
945
945
  "refId": "mode/color/ansi/black",
946
- "reference": "base/color/light/base/color/neutral/9",
946
+ "reference": "base/color/light/base/color/gray/9",
947
947
  "collection": "mode",
948
948
  "mode": "light",
949
949
  "group": "syntax",
@@ -1310,7 +1310,7 @@
1310
1310
  },
1311
1311
  "type": "COLOR",
1312
1312
  "refId": "mode/borderColor/neutral-emphasis",
1313
- "reference": "base/color/light/base/color/neutral/5",
1313
+ "reference": "base/color/light/base/color/gray/5",
1314
1314
  "collection": "mode",
1315
1315
  "mode": "light",
1316
1316
  "group": "semantic",
@@ -1327,7 +1327,7 @@
1327
1327
  "type": "COLOR",
1328
1328
  "alpha": 0.2,
1329
1329
  "refId": "mode/borderColor/neutral-muted",
1330
- "reference": "base/color/light/base/color/neutral/3",
1330
+ "reference": "base/color/light/base/color/gray/3",
1331
1331
  "collection": "mode",
1332
1332
  "mode": "light",
1333
1333
  "group": "semantic",
@@ -1359,7 +1359,7 @@
1359
1359
  },
1360
1360
  "type": "COLOR",
1361
1361
  "refId": "mode/borderColor/emphasis",
1362
- "reference": "base/color/light/base/color/neutral/5",
1362
+ "reference": "base/color/light/base/color/gray/5",
1363
1363
  "collection": "mode",
1364
1364
  "mode": "light",
1365
1365
  "group": "semantic",
@@ -1375,7 +1375,7 @@
1375
1375
  },
1376
1376
  "type": "COLOR",
1377
1377
  "refId": "mode/borderColor/default",
1378
- "reference": "base/color/light/base/color/neutral/2",
1378
+ "reference": "base/color/light/base/color/gray/2",
1379
1379
  "collection": "mode",
1380
1380
  "mode": "light",
1381
1381
  "group": "semantic",
@@ -1737,7 +1737,7 @@
1737
1737
  },
1738
1738
  "type": "COLOR",
1739
1739
  "refId": "mode/bgColor/neutral-emphasis",
1740
- "reference": "base/color/light/base/color/neutral/5",
1740
+ "reference": "base/color/light/base/color/gray/5",
1741
1741
  "collection": "mode",
1742
1742
  "mode": "light",
1743
1743
  "group": "semantic",
@@ -1754,7 +1754,7 @@
1754
1754
  "type": "COLOR",
1755
1755
  "alpha": 0.2,
1756
1756
  "refId": "mode/bgColor/neutral-muted",
1757
- "reference": "base/color/light/base/color/neutral/3",
1757
+ "reference": "base/color/light/base/color/gray/3",
1758
1758
  "collection": "mode",
1759
1759
  "mode": "light",
1760
1760
  "group": "semantic",
@@ -1790,7 +1790,7 @@
1790
1790
  "type": "COLOR",
1791
1791
  "alpha": 0.7,
1792
1792
  "refId": "mode/bgColor/disabled",
1793
- "reference": "base/color/light/base/color/neutral/1",
1793
+ "reference": "base/color/light/base/color/gray/1",
1794
1794
  "collection": "mode",
1795
1795
  "mode": "light",
1796
1796
  "group": "semantic",
@@ -1838,7 +1838,7 @@
1838
1838
  },
1839
1839
  "type": "COLOR",
1840
1840
  "refId": "mode/bgColor/inverse",
1841
- "reference": "base/color/light/base/color/neutral/9",
1841
+ "reference": "base/color/light/base/color/gray/9",
1842
1842
  "collection": "mode",
1843
1843
  "mode": "light",
1844
1844
  "group": "semantic",
@@ -1854,7 +1854,7 @@
1854
1854
  },
1855
1855
  "type": "COLOR",
1856
1856
  "refId": "mode/bgColor/emphasis",
1857
- "reference": "base/color/light/base/color/neutral/9",
1857
+ "reference": "base/color/light/base/color/gray/9",
1858
1858
  "collection": "mode",
1859
1859
  "mode": "light",
1860
1860
  "group": "semantic",
@@ -1873,7 +1873,7 @@
1873
1873
  },
1874
1874
  "type": "COLOR",
1875
1875
  "refId": "mode/bgColor/inset",
1876
- "reference": "base/color/light/base/color/neutral/0",
1876
+ "reference": "base/color/light/base/color/gray/0",
1877
1877
  "collection": "mode",
1878
1878
  "mode": "light",
1879
1879
  "group": "semantic",
@@ -1892,7 +1892,7 @@
1892
1892
  },
1893
1893
  "type": "COLOR",
1894
1894
  "refId": "mode/bgColor/muted",
1895
- "reference": "base/color/light/base/color/neutral/0",
1895
+ "reference": "base/color/light/base/color/gray/0",
1896
1896
  "collection": "mode",
1897
1897
  "mode": "light",
1898
1898
  "group": "semantic",
@@ -2083,7 +2083,7 @@
2083
2083
  },
2084
2084
  "type": "COLOR",
2085
2085
  "refId": "mode/fgColor/neutral",
2086
- "reference": "base/color/light/base/color/neutral/5",
2086
+ "reference": "base/color/light/base/color/gray/5",
2087
2087
  "collection": "mode",
2088
2088
  "mode": "light",
2089
2089
  "group": "semantic",
@@ -2099,7 +2099,7 @@
2099
2099
  },
2100
2100
  "type": "COLOR",
2101
2101
  "refId": "mode/fgColor/disabled",
2102
- "reference": "base/color/light/base/color/neutral/4",
2102
+ "reference": "base/color/light/base/color/gray/4",
2103
2103
  "collection": "mode",
2104
2104
  "mode": "light",
2105
2105
  "group": "semantic",
@@ -2167,7 +2167,7 @@
2167
2167
  "type": "COLOR",
2168
2168
  "isMix": true,
2169
2169
  "refId": "mode/fgColor/muted",
2170
- "reference": "base/color/light/base/color/neutral/6",
2170
+ "reference": "base/color/light/base/color/gray/6",
2171
2171
  "collection": "mode",
2172
2172
  "mode": "light",
2173
2173
  "group": "semantic",
@@ -4061,7 +4061,7 @@
4061
4061
  },
4062
4062
  "type": "COLOR",
4063
4063
  "refId": "mode/timelineBadge/bgColor",
4064
- "reference": "base/color/light/base/color/neutral/1",
4064
+ "reference": "base/color/light/base/color/gray/1",
4065
4065
  "collection": "mode",
4066
4066
  "mode": "light",
4067
4067
  "group": "component (internal)",
@@ -4126,7 +4126,7 @@
4126
4126
  "type": "COLOR",
4127
4127
  "alpha": 0.2,
4128
4128
  "refId": "mode/overlay/backdrop/bgColor",
4129
- "reference": "base/color/light/base/color/neutral/4",
4129
+ "reference": "base/color/light/base/color/gray/4",
4130
4130
  "collection": "mode",
4131
4131
  "mode": "light",
4132
4132
  "group": "component (internal)",
@@ -4338,7 +4338,7 @@
4338
4338
  },
4339
4339
  "type": "COLOR",
4340
4340
  "refId": "mode/button/inactive/bgColor",
4341
- "reference": "base/color/light/base/color/neutral/1",
4341
+ "reference": "base/color/light/base/color/gray/1",
4342
4342
  "collection": "mode",
4343
4343
  "mode": "light",
4344
4344
  "group": "component (internal)",
@@ -4354,7 +4354,7 @@
4354
4354
  },
4355
4355
  "type": "COLOR",
4356
4356
  "refId": "mode/button/inactive/fgColor",
4357
- "reference": "base/color/light/base/color/neutral/6",
4357
+ "reference": "base/color/light/base/color/gray/6",
4358
4358
  "collection": "mode",
4359
4359
  "mode": "light",
4360
4360
  "group": "component (internal)",
@@ -4585,7 +4585,7 @@
4585
4585
  },
4586
4586
  "type": "COLOR",
4587
4587
  "refId": "mode/button/outline/bgColor/disabled",
4588
- "reference": "base/color/light/base/color/neutral/0",
4588
+ "reference": "base/color/light/base/color/gray/0",
4589
4589
  "collection": "mode",
4590
4590
  "mode": "light",
4591
4591
  "group": "component (internal)",
@@ -4849,7 +4849,7 @@
4849
4849
  "type": "COLOR",
4850
4850
  "isMix": true,
4851
4851
  "refId": "mode/controlTrack/bgColor/active",
4852
- "reference": "base/color/light/base/color/neutral/1",
4852
+ "reference": "base/color/light/base/color/gray/1",
4853
4853
  "collection": "mode",
4854
4854
  "mode": "light",
4855
4855
  "group": "component (internal)",
@@ -4866,7 +4866,7 @@
4866
4866
  "type": "COLOR",
4867
4867
  "isMix": true,
4868
4868
  "refId": "mode/controlTrack/bgColor/hover",
4869
- "reference": "base/color/light/base/color/neutral/1",
4869
+ "reference": "base/color/light/base/color/gray/1",
4870
4870
  "collection": "mode",
4871
4871
  "mode": "light",
4872
4872
  "group": "component (internal)",
@@ -4882,7 +4882,7 @@
4882
4882
  },
4883
4883
  "type": "COLOR",
4884
4884
  "refId": "mode/controlTrack/bgColor/rest",
4885
- "reference": "base/color/light/base/color/neutral/1",
4885
+ "reference": "base/color/light/base/color/gray/1",
4886
4886
  "collection": "mode",
4887
4887
  "mode": "light",
4888
4888
  "group": "component (internal)",
@@ -4947,7 +4947,7 @@
4947
4947
  "type": "COLOR",
4948
4948
  "alpha": 0.2,
4949
4949
  "refId": "mode/control/transparent/bgColor/selected",
4950
- "reference": "base/color/light/base/color/neutral/2",
4950
+ "reference": "base/color/light/base/color/gray/2",
4951
4951
  "collection": "mode",
4952
4952
  "mode": "light",
4953
4953
  "group": "component",
@@ -4964,7 +4964,7 @@
4964
4964
  "type": "COLOR",
4965
4965
  "alpha": 0.4,
4966
4966
  "refId": "mode/control/transparent/bgColor/active",
4967
- "reference": "base/color/light/base/color/neutral/2",
4967
+ "reference": "base/color/light/base/color/gray/2",
4968
4968
  "collection": "mode",
4969
4969
  "mode": "light",
4970
4970
  "group": "component",
@@ -4981,7 +4981,7 @@
4981
4981
  "type": "COLOR",
4982
4982
  "alpha": 0.2,
4983
4983
  "refId": "mode/control/transparent/bgColor/hover",
4984
- "reference": "base/color/light/base/color/neutral/2",
4984
+ "reference": "base/color/light/base/color/gray/2",
4985
4985
  "collection": "mode",
4986
4986
  "mode": "light",
4987
4987
  "group": "component",
@@ -5013,7 +5013,7 @@
5013
5013
  },
5014
5014
  "type": "COLOR",
5015
5015
  "refId": "mode/control/borderColor/selected",
5016
- "reference": "base/color/light/base/color/neutral/0",
5016
+ "reference": "base/color/light/base/color/gray/0",
5017
5017
  "collection": "mode",
5018
5018
  "mode": "light",
5019
5019
  "group": "component",
@@ -5030,7 +5030,7 @@
5030
5030
  "type": "COLOR",
5031
5031
  "isMix": true,
5032
5032
  "refId": "mode/control/borderColor/emphasis",
5033
- "reference": "base/color/light/base/color/neutral/4",
5033
+ "reference": "base/color/light/base/color/gray/4",
5034
5034
  "collection": "mode",
5035
5035
  "mode": "light",
5036
5036
  "group": "component",
@@ -5046,7 +5046,7 @@
5046
5046
  },
5047
5047
  "type": "COLOR",
5048
5048
  "refId": "mode/control/fgColor/placeholder",
5049
- "reference": "base/color/light/base/color/neutral/5",
5049
+ "reference": "base/color/light/base/color/gray/5",
5050
5050
  "collection": "mode",
5051
5051
  "mode": "light",
5052
5052
  "group": "component",
@@ -5062,7 +5062,7 @@
5062
5062
  },
5063
5063
  "type": "COLOR",
5064
5064
  "refId": "mode/control/fgColor/rest",
5065
- "reference": "base/color/light/base/color/neutral/9",
5065
+ "reference": "base/color/light/base/color/gray/9",
5066
5066
  "collection": "mode",
5067
5067
  "mode": "light",
5068
5068
  "group": "component",
@@ -5078,7 +5078,7 @@
5078
5078
  },
5079
5079
  "type": "COLOR",
5080
5080
  "refId": "mode/control/bgColor/selected",
5081
- "reference": "base/color/light/base/color/neutral/0",
5081
+ "reference": "base/color/light/base/color/gray/0",
5082
5082
  "collection": "mode",
5083
5083
  "mode": "light",
5084
5084
  "group": "component",
@@ -5095,7 +5095,7 @@
5095
5095
  "type": "COLOR",
5096
5096
  "isMix": true,
5097
5097
  "refId": "mode/control/bgColor/active",
5098
- "reference": "base/color/light/base/color/neutral/0",
5098
+ "reference": "base/color/light/base/color/gray/0",
5099
5099
  "collection": "mode",
5100
5100
  "mode": "light",
5101
5101
  "group": "component",
@@ -5112,7 +5112,7 @@
5112
5112
  "type": "COLOR",
5113
5113
  "isMix": true,
5114
5114
  "refId": "mode/control/bgColor/hover",
5115
- "reference": "base/color/light/base/color/neutral/0",
5115
+ "reference": "base/color/light/base/color/gray/0",
5116
5116
  "collection": "mode",
5117
5117
  "mode": "light",
5118
5118
  "group": "component",
@@ -5128,7 +5128,7 @@
5128
5128
  },
5129
5129
  "type": "COLOR",
5130
5130
  "refId": "mode/control/bgColor/rest",
5131
- "reference": "base/color/light/base/color/neutral/0",
5131
+ "reference": "base/color/light/base/color/gray/0",
5132
5132
  "collection": "mode",
5133
5133
  "mode": "light",
5134
5134
  "group": "component",
@@ -5144,7 +5144,7 @@
5144
5144
  },
5145
5145
  "type": "COLOR",
5146
5146
  "refId": "mode/avatarStack/fade/bgColor/muted",
5147
- "reference": "base/color/light/base/color/neutral/2",
5147
+ "reference": "base/color/light/base/color/gray/2",
5148
5148
  "collection": "mode",
5149
5149
  "mode": "light",
5150
5150
  "group": "component (internal)",
@@ -5160,7 +5160,7 @@
5160
5160
  },
5161
5161
  "type": "COLOR",
5162
5162
  "refId": "mode/avatarStack/fade/bgColor/default",
5163
- "reference": "base/color/light/base/color/neutral/3",
5163
+ "reference": "base/color/light/base/color/gray/3",
5164
5164
  "collection": "mode",
5165
5165
  "mode": "light",
5166
5166
  "group": "component (internal)",
@@ -5249,86 +5249,6 @@
5249
5249
  "group": "component (internal)",
5250
5250
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5251
5251
  },
5252
- {
5253
- "name": "display/pink/borderColor/emphasis",
5254
- "value": {
5255
- "r": 0.807843137254902,
5256
- "g": 0.17254901960784313,
5257
- "b": 0.5215686274509804,
5258
- "a": 1
5259
- },
5260
- "type": "COLOR",
5261
- "refId": "mode/display/pink/borderColor/emphasis",
5262
- "reference": "base/color/light/base/display/color/pink/5",
5263
- "collection": "mode",
5264
- "mode": "light",
5265
- "group": "component (internal)",
5266
- "scopes": ["STROKE_COLOR"]
5267
- },
5268
- {
5269
- "name": "display/pink/borderColor/muted",
5270
- "value": {
5271
- "r": 0.9921568627450981,
5272
- "g": 0.788235294117647,
5273
- "b": 0.8862745098039215,
5274
- "a": 1
5275
- },
5276
- "type": "COLOR",
5277
- "refId": "mode/display/pink/borderColor/muted",
5278
- "reference": "base/color/light/base/display/color/pink/1",
5279
- "collection": "mode",
5280
- "mode": "light",
5281
- "group": "component (internal)",
5282
- "scopes": ["STROKE_COLOR"]
5283
- },
5284
- {
5285
- "name": "display/pink/fgColor",
5286
- "value": {
5287
- "r": 0.6941176470588235,
5288
- "g": 0.1843137254901961,
5289
- "b": 0.4745098039215686,
5290
- "a": 1
5291
- },
5292
- "type": "COLOR",
5293
- "refId": "mode/display/pink/fgColor",
5294
- "reference": "base/color/light/base/display/color/pink/6",
5295
- "collection": "mode",
5296
- "mode": "light",
5297
- "group": "component (internal)",
5298
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5299
- },
5300
- {
5301
- "name": "display/pink/bgColor/emphasis",
5302
- "value": {
5303
- "r": 0.807843137254902,
5304
- "g": 0.17254901960784313,
5305
- "b": 0.5215686274509804,
5306
- "a": 1
5307
- },
5308
- "type": "COLOR",
5309
- "refId": "mode/display/pink/bgColor/emphasis",
5310
- "reference": "base/color/light/base/display/color/pink/5",
5311
- "collection": "mode",
5312
- "mode": "light",
5313
- "group": "component (internal)",
5314
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5315
- },
5316
- {
5317
- "name": "display/pink/bgColor/muted",
5318
- "value": {
5319
- "r": 1,
5320
- "g": 0.8980392156862745,
5321
- "b": 0.9450980392156862,
5322
- "a": 1
5323
- },
5324
- "type": "COLOR",
5325
- "refId": "mode/display/pink/bgColor/muted",
5326
- "reference": "base/color/light/base/display/color/pink/0",
5327
- "collection": "mode",
5328
- "mode": "light",
5329
- "group": "component (internal)",
5330
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5331
- },
5332
5252
  {
5333
5253
  "name": "display/indigo/borderColor/emphasis",
5334
5254
  "value": {
@@ -6779,7 +6699,7 @@
6779
6699
  },
6780
6700
  "type": "COLOR",
6781
6701
  "refId": "mode/headerSearch/borderColor",
6782
- "reference": "base/color/light/base/color/neutral/6",
6702
+ "reference": "base/color/light/base/color/gray/6",
6783
6703
  "collection": "mode",
6784
6704
  "mode": "light",
6785
6705
  "group": "component (internal)",
@@ -6795,7 +6715,7 @@
6795
6715
  },
6796
6716
  "type": "COLOR",
6797
6717
  "refId": "mode/headerSearch/bgColor",
6798
- "reference": "base/color/light/base/color/neutral/9",
6718
+ "reference": "base/color/light/base/color/gray/9",
6799
6719
  "collection": "mode",
6800
6720
  "mode": "light",
6801
6721
  "group": "component (internal)",
@@ -6811,7 +6731,7 @@
6811
6731
  },
6812
6732
  "type": "COLOR",
6813
6733
  "refId": "mode/header/borderColor/divider",
6814
- "reference": "base/color/light/base/color/neutral/6",
6734
+ "reference": "base/color/light/base/color/gray/6",
6815
6735
  "collection": "mode",
6816
6736
  "mode": "light",
6817
6737
  "group": "component (internal)",
@@ -6827,7 +6747,7 @@
6827
6747
  },
6828
6748
  "type": "COLOR",
6829
6749
  "refId": "mode/header/bgColor",
6830
- "reference": "base/color/light/base/color/neutral/9",
6750
+ "reference": "base/color/light/base/color/gray/9",
6831
6751
  "collection": "mode",
6832
6752
  "mode": "light",
6833
6753
  "group": "component (internal)",
@@ -6988,7 +6908,7 @@
6988
6908
  },
6989
6909
  "type": "COLOR",
6990
6910
  "refId": "mode/codeMirror/syntax/fgColor/comment",
6991
- "reference": "base/color/light/base/color/neutral/9",
6911
+ "reference": "base/color/light/base/color/gray/9",
6992
6912
  "collection": "mode",
6993
6913
  "mode": "light",
6994
6914
  "group": "component",
package/dist/internalCss/dark-colorblind.css CHANGED
@@ -5,16 +5,16 @@
5
5
  --base-color-black: #010409;
6
6
  --base-color-white: #ffffff;
7
7
  --base-color-transparent: #00000000;
8
- --base-color-neutral-0: #f0f6fc;
9
- --base-color-neutral-1: #c9d1d9;
10
- --base-color-neutral-2: #b1bac4;
11
- --base-color-neutral-3: #8b949e;
12
- --base-color-neutral-4: #6e7681;
13
- --base-color-neutral-5: #484f58;
14
- --base-color-neutral-6: #30363d;
15
- --base-color-neutral-7: #21262d;
16
- --base-color-neutral-8: #161b22;
17
- --base-color-neutral-9: #0d1117;
8
+ --base-color-gray-0: #f0f6fc;
9
+ --base-color-gray-1: #c9d1d9;
10
+ --base-color-gray-2: #b1bac4;
11
+ --base-color-gray-3: #8b949e;
12
+ --base-color-gray-4: #6e7681;
13
+ --base-color-gray-5: #484f58;
14
+ --base-color-gray-6: #30363d;
15
+ --base-color-gray-7: #21262d;
16
+ --base-color-gray-8: #161b22;
17
+ --base-color-gray-9: #0d1117;
18
18
  --base-color-blue-0: #cae8ff;
19
19
  --base-color-blue-1: #a5d6ff;
20
20
  --base-color-blue-2: #79c0ff;
@@ -417,11 +417,6 @@
417
417
  --display-indigo-fgColor: #9899ec;
418
418
  --display-indigo-borderColor-muted: #25215f;
419
419
  --display-indigo-borderColor-emphasis: #7070e1;
420
- --display-pink-bgColor-muted: #2d1524;
421
- --display-pink-bgColor-emphasis: #d34591;
422
- --display-pink-fgColor: #e57bb2;
423
- --display-pink-borderColor-muted: #451c35;
424
- --display-pink-borderColor-emphasis: #d34591;
425
420
  --avatar-bgColor: #ffffff1a;
426
421
  --avatar-borderColor: #ffffff26;
427
422
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -833,16 +828,16 @@
833
828
  --base-color-black: #010409;
834
829
  --base-color-white: #ffffff;
835
830
  --base-color-transparent: #00000000;
836
- --base-color-neutral-0: #f0f6fc;
837
- --base-color-neutral-1: #c9d1d9;
838
- --base-color-neutral-2: #b1bac4;
839
- --base-color-neutral-3: #8b949e;
840
- --base-color-neutral-4: #6e7681;
841
- --base-color-neutral-5: #484f58;
842
- --base-color-neutral-6: #30363d;
843
- --base-color-neutral-7: #21262d;
844
- --base-color-neutral-8: #161b22;
845
- --base-color-neutral-9: #0d1117;
831
+ --base-color-gray-0: #f0f6fc;
832
+ --base-color-gray-1: #c9d1d9;
833
+ --base-color-gray-2: #b1bac4;
834
+ --base-color-gray-3: #8b949e;
835
+ --base-color-gray-4: #6e7681;
836
+ --base-color-gray-5: #484f58;
837
+ --base-color-gray-6: #30363d;
838
+ --base-color-gray-7: #21262d;
839
+ --base-color-gray-8: #161b22;
840
+ --base-color-gray-9: #0d1117;
846
841
  --base-color-blue-0: #cae8ff;
847
842
  --base-color-blue-1: #a5d6ff;
848
843
  --base-color-blue-2: #79c0ff;
@@ -1245,11 +1240,6 @@
1245
1240
  --display-indigo-fgColor: #9899ec;
1246
1241
  --display-indigo-borderColor-muted: #25215f;
1247
1242
  --display-indigo-borderColor-emphasis: #7070e1;
1248
- --display-pink-bgColor-muted: #2d1524;
1249
- --display-pink-bgColor-emphasis: #d34591;
1250
- --display-pink-fgColor: #e57bb2;
1251
- --display-pink-borderColor-muted: #451c35;
1252
- --display-pink-borderColor-emphasis: #d34591;
1253
1243
  --avatar-bgColor: #ffffff1a;
1254
1244
  --avatar-borderColor: #ffffff26;
1255
1245
  --avatar-shadow: 0px 0px 0px 2px #0d1117;