@primer/primitives 7.17.0-rc.132f02a7 → 7.17.0-rc.34cd1021

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 (162) hide show
  1. package/README.md +1 -1
  2. package/dist/css/functional/themes/dark-colorblind.css +10 -0
  3. package/dist/css/functional/themes/dark-dimmed.css +10 -0
  4. package/dist/css/functional/themes/dark-high-contrast.css +10 -0
  5. package/dist/css/functional/themes/dark-tritanopia.css +10 -0
  6. package/dist/css/functional/themes/dark.css +10 -0
  7. package/dist/css/functional/themes/light-colorblind.css +10 -0
  8. package/dist/css/functional/themes/light-high-contrast.css +10 -0
  9. package/dist/css/functional/themes/light-tritanopia.css +10 -0
  10. package/dist/css/functional/themes/light.css +10 -0
  11. package/dist/css/functional/typography/typography.css +1 -1
  12. package/dist/docs/base/typography/typography.json +52 -4
  13. package/dist/docs/functional/themes/dark-colorblind.json +223 -78
  14. package/dist/docs/functional/themes/dark-dimmed.json +218 -73
  15. package/dist/docs/functional/themes/dark-high-contrast.json +220 -75
  16. package/dist/docs/functional/themes/dark-tritanopia.json +223 -78
  17. package/dist/docs/functional/themes/dark.json +218 -73
  18. package/dist/docs/functional/themes/light-colorblind.json +221 -76
  19. package/dist/docs/functional/themes/light-high-contrast.json +215 -70
  20. package/dist/docs/functional/themes/light-tritanopia.json +221 -76
  21. package/dist/docs/functional/themes/light.json +216 -71
  22. package/dist/docs/functional/typography/typography.json +494 -36
  23. package/dist/fallbacks/functional/typography/typography.json +1 -1
  24. package/dist/figma/figma.json +18 -1
  25. package/dist/figma/scales/dark-dimmed.json +20 -20
  26. package/dist/figma/scales/dark-high-constrast.json +20 -20
  27. package/dist/figma/scales/dark.json +20 -20
  28. package/dist/figma/scales/light-high-constrast.json +20 -20
  29. package/dist/figma/scales/light.json +20 -20
  30. package/dist/figma/themes/dark-colorblind.json +150 -70
  31. package/dist/figma/themes/dark-dimmed.json +145 -65
  32. package/dist/figma/themes/dark-high-contrast.json +149 -69
  33. package/dist/figma/themes/dark-tritanopia.json +150 -70
  34. package/dist/figma/themes/dark.json +145 -65
  35. package/dist/figma/themes/light-colorblind.json +139 -59
  36. package/dist/figma/themes/light-high-contrast.json +135 -55
  37. package/dist/figma/themes/light-tritanopia.json +139 -59
  38. package/dist/figma/themes/light.json +134 -54
  39. package/dist/figma/typography/typography.json +370 -0
  40. package/dist/internalCss/dark-colorblind.css +30 -20
  41. package/dist/internalCss/dark-dimmed.css +30 -20
  42. package/dist/internalCss/dark-high-contrast.css +30 -20
  43. package/dist/internalCss/dark-tritanopia.css +30 -20
  44. package/dist/internalCss/dark.css +30 -20
  45. package/dist/internalCss/light-colorblind.css +30 -20
  46. package/dist/internalCss/light-high-contrast.css +30 -20
  47. package/dist/internalCss/light-tritanopia.css +30 -20
  48. package/dist/internalCss/light.css +30 -20
  49. package/dist/styleLint/base/typography/typography.json +52 -4
  50. package/dist/styleLint/functional/themes/dark-colorblind.json +223 -78
  51. package/dist/styleLint/functional/themes/dark-dimmed.json +218 -73
  52. package/dist/styleLint/functional/themes/dark-high-contrast.json +220 -75
  53. package/dist/styleLint/functional/themes/dark-tritanopia.json +223 -78
  54. package/dist/styleLint/functional/themes/dark.json +218 -73
  55. package/dist/styleLint/functional/themes/light-colorblind.json +221 -76
  56. package/dist/styleLint/functional/themes/light-high-contrast.json +215 -70
  57. package/dist/styleLint/functional/themes/light-tritanopia.json +221 -76
  58. package/dist/styleLint/functional/themes/light.json +216 -71
  59. package/dist/styleLint/functional/typography/typography.json +494 -36
  60. package/package.json +4 -11
  61. package/src/PrimerStyleDictionary.ts +12 -0
  62. package/src/filters/index.ts +1 -0
  63. package/src/filters/isNumber.ts +8 -0
  64. package/src/formats/jsonFigma.ts +1 -0
  65. package/src/platforms/figma.ts +10 -1
  66. package/src/schemas/numberToken.ts +17 -0
  67. package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
  68. package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
  69. package/src/tokens/base/color/dark/dark.json5 +1 -1
  70. package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
  71. package/src/tokens/base/color/light/light.json5 +1 -1
  72. package/src/tokens/base/typography/typography.json +28 -4
  73. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  74. package/src/tokens/functional/color/dark/display-dark.json5 +66 -0
  75. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
  76. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  77. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
  78. package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
  79. package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
  80. package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
  81. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  82. package/src/tokens/functional/color/light/display-light.json5 +66 -0
  83. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  84. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
  85. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
  86. package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
  87. package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
  88. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  89. package/src/tokens/functional/shadow/dark.json5 +1 -1
  90. package/src/tokens/functional/shadow/light.json5 +11 -11
  91. package/src/tokens/functional/typography/typography.json +263 -34
  92. package/src/transformers/floatToPixel.ts +33 -0
  93. package/src/transformers/fontFamilyToCss.ts +3 -4
  94. package/src/transformers/fontFamilyToFigma.ts +47 -0
  95. package/src/transformers/index.ts +2 -0
  96. package/src/transformers/utilities/hasSpaceInString.ts +6 -0
  97. package/build.js +0 -578
  98. package/tokens/base/size/size.json +0 -57
  99. package/tokens/base/typography/typography.json +0 -20
  100. package/tokens/functional/size/border.json +0 -48
  101. package/tokens/functional/size/breakpoints.json +0 -24
  102. package/tokens/functional/size/size-coarse.json +0 -27
  103. package/tokens/functional/size/size-fine.json +0 -27
  104. package/tokens/functional/size/size.json +0 -189
  105. package/tokens/functional/size/viewport.json +0 -24
  106. package/tokens/functional/typography/typography.json +0 -213
  107. package/tokens/removed/color.json +0 -421
  108. package/tokens-v2-private/css/tokens/base/size/size.css +0 -24
  109. package/tokens-v2-private/css/tokens/base/typography/typography.css +0 -11
  110. package/tokens-v2-private/css/tokens/functional/size/border.css +0 -17
  111. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +0 -13
  112. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +0 -11
  113. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +0 -11
  114. package/tokens-v2-private/css/tokens/functional/size/size.css +0 -54
  115. package/tokens-v2-private/css/tokens/functional/size/viewport.css +0 -6
  116. package/tokens-v2-private/css/tokens/functional/typography/typography.css +0 -47
  117. package/tokens-v2-private/docs/docValues.json +0 -2209
  118. package/tokens-v2-private/js/module/tokens/base/size/size.js +0 -266
  119. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +0 -77
  120. package/tokens-v2-private/js/module/tokens/functional/size/border.js +0 -165
  121. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +0 -101
  122. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +0 -73
  123. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +0 -73
  124. package/tokens-v2-private/js/module/tokens/functional/size/size.js +0 -824
  125. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +0 -101
  126. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +0 -809
  127. package/tokens-v2-private/js/tokens/base/size/size.js +0 -22
  128. package/tokens-v2-private/js/tokens/base/typography/typography.js +0 -9
  129. package/tokens-v2-private/js/tokens/functional/size/border.js +0 -15
  130. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +0 -11
  131. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +0 -8
  132. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +0 -8
  133. package/tokens-v2-private/js/tokens/functional/size/size.js +0 -52
  134. package/tokens-v2-private/js/tokens/functional/size/viewport.js +0 -11
  135. package/tokens-v2-private/js/tokens/functional/typography/typography.js +0 -45
  136. package/tokens-v2-private/scss/tokens/base/size/size.scss +0 -21
  137. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +0 -8
  138. package/tokens-v2-private/scss/tokens/functional/size/border.scss +0 -14
  139. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +0 -10
  140. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +0 -7
  141. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +0 -7
  142. package/tokens-v2-private/scss/tokens/functional/size/size.scss +0 -51
  143. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +0 -10
  144. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +0 -44
  145. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +0 -31
  146. package/tokens-v2-private/ts/tokens/base/size/size.js +0 -30
  147. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +0 -20
  148. package/tokens-v2-private/ts/tokens/base/typography/typography.js +0 -19
  149. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +0 -28
  150. package/tokens-v2-private/ts/tokens/functional/size/border.js +0 -27
  151. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +0 -20
  152. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +0 -19
  153. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +0 -29
  154. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +0 -28
  155. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +0 -29
  156. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +0 -28
  157. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +0 -103
  158. package/tokens-v2-private/ts/tokens/functional/size/size.js +0 -102
  159. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +0 -20
  160. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +0 -19
  161. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +0 -131
  162. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +0 -130
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/gray/4",
242
+ "reference": "base/color/light/base/color/neutral/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/gray/1",
290
+ "reference": "base/color/light/base/color/neutral/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/gray/9",
402
+ "reference": "base/color/light/base/color/neutral/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/gray/9",
418
+ "reference": "base/color/light/base/color/neutral/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/gray/0",
498
+ "reference": "base/color/light/base/color/neutral/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/gray/0",
530
+ "reference": "base/color/light/base/color/neutral/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/gray/6",
546
+ "reference": "base/color/light/base/color/neutral/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/gray/9",
642
+ "reference": "base/color/light/base/color/neutral/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/gray/6",
706
+ "reference": "base/color/light/base/color/neutral/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/gray/5",
882
+ "reference": "base/color/light/base/color/neutral/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/gray/4",
898
+ "reference": "base/color/light/base/color/neutral/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/gray/5",
914
+ "reference": "base/color/light/base/color/neutral/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/gray/6",
930
+ "reference": "base/color/light/base/color/neutral/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/gray/9",
946
+ "reference": "base/color/light/base/color/neutral/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/gray/5",
1313
+ "reference": "base/color/light/base/color/neutral/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/gray/3",
1330
+ "reference": "base/color/light/base/color/neutral/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/gray/5",
1362
+ "reference": "base/color/light/base/color/neutral/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/gray/2",
1378
+ "reference": "base/color/light/base/color/neutral/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/gray/5",
1740
+ "reference": "base/color/light/base/color/neutral/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/gray/3",
1757
+ "reference": "base/color/light/base/color/neutral/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/gray/1",
1793
+ "reference": "base/color/light/base/color/neutral/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/gray/9",
1841
+ "reference": "base/color/light/base/color/neutral/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/gray/9",
1857
+ "reference": "base/color/light/base/color/neutral/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/gray/0",
1876
+ "reference": "base/color/light/base/color/neutral/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/gray/0",
1895
+ "reference": "base/color/light/base/color/neutral/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/gray/5",
2086
+ "reference": "base/color/light/base/color/neutral/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/gray/4",
2102
+ "reference": "base/color/light/base/color/neutral/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/gray/6",
2170
+ "reference": "base/color/light/base/color/neutral/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/gray/1",
4064
+ "reference": "base/color/light/base/color/neutral/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/gray/4",
4129
+ "reference": "base/color/light/base/color/neutral/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/gray/1",
4341
+ "reference": "base/color/light/base/color/neutral/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/gray/6",
4357
+ "reference": "base/color/light/base/color/neutral/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/gray/0",
4588
+ "reference": "base/color/light/base/color/neutral/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/gray/1",
4852
+ "reference": "base/color/light/base/color/neutral/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/gray/1",
4869
+ "reference": "base/color/light/base/color/neutral/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/gray/1",
4885
+ "reference": "base/color/light/base/color/neutral/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/gray/2",
4950
+ "reference": "base/color/light/base/color/neutral/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/gray/2",
4967
+ "reference": "base/color/light/base/color/neutral/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/gray/2",
4984
+ "reference": "base/color/light/base/color/neutral/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/gray/0",
5016
+ "reference": "base/color/light/base/color/neutral/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/gray/4",
5033
+ "reference": "base/color/light/base/color/neutral/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/gray/5",
5049
+ "reference": "base/color/light/base/color/neutral/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/gray/9",
5065
+ "reference": "base/color/light/base/color/neutral/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/gray/0",
5081
+ "reference": "base/color/light/base/color/neutral/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/gray/0",
5098
+ "reference": "base/color/light/base/color/neutral/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/gray/0",
5115
+ "reference": "base/color/light/base/color/neutral/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/gray/0",
5131
+ "reference": "base/color/light/base/color/neutral/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/gray/2",
5147
+ "reference": "base/color/light/base/color/neutral/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/gray/3",
5163
+ "reference": "base/color/light/base/color/neutral/3",
5164
5164
  "collection": "mode",
5165
5165
  "mode": "light",
5166
5166
  "group": "component (internal)",
@@ -5249,6 +5249,86 @@
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
+ },
5252
5332
  {
5253
5333
  "name": "display/indigo/borderColor/emphasis",
5254
5334
  "value": {
@@ -6699,7 +6779,7 @@
6699
6779
  },
6700
6780
  "type": "COLOR",
6701
6781
  "refId": "mode/headerSearch/borderColor",
6702
- "reference": "base/color/light/base/color/gray/6",
6782
+ "reference": "base/color/light/base/color/neutral/6",
6703
6783
  "collection": "mode",
6704
6784
  "mode": "light",
6705
6785
  "group": "component (internal)",
@@ -6715,7 +6795,7 @@
6715
6795
  },
6716
6796
  "type": "COLOR",
6717
6797
  "refId": "mode/headerSearch/bgColor",
6718
- "reference": "base/color/light/base/color/gray/9",
6798
+ "reference": "base/color/light/base/color/neutral/9",
6719
6799
  "collection": "mode",
6720
6800
  "mode": "light",
6721
6801
  "group": "component (internal)",
@@ -6731,7 +6811,7 @@
6731
6811
  },
6732
6812
  "type": "COLOR",
6733
6813
  "refId": "mode/header/borderColor/divider",
6734
- "reference": "base/color/light/base/color/gray/6",
6814
+ "reference": "base/color/light/base/color/neutral/6",
6735
6815
  "collection": "mode",
6736
6816
  "mode": "light",
6737
6817
  "group": "component (internal)",
@@ -6747,7 +6827,7 @@
6747
6827
  },
6748
6828
  "type": "COLOR",
6749
6829
  "refId": "mode/header/bgColor",
6750
- "reference": "base/color/light/base/color/gray/9",
6830
+ "reference": "base/color/light/base/color/neutral/9",
6751
6831
  "collection": "mode",
6752
6832
  "mode": "light",
6753
6833
  "group": "component (internal)",
@@ -6908,7 +6988,7 @@
6908
6988
  },
6909
6989
  "type": "COLOR",
6910
6990
  "refId": "mode/codeMirror/syntax/fgColor/comment",
6911
- "reference": "base/color/light/base/color/gray/9",
6991
+ "reference": "base/color/light/base/color/neutral/9",
6912
6992
  "collection": "mode",
6913
6993
  "mode": "light",
6914
6994
  "group": "component",