@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/src/tokens/functional/color/dark/patterns-dark.json5 CHANGED
@@ -31,7 +31,7 @@
31
31
  fade: {
32
32
  bgColor: {
33
33
  default: {
34
- $value: '{base.color.gray.6}',
34
+ $value: '{base.color.neutral.6}',
35
35
  $type: 'color',
36
36
  $extensions: {
37
37
  'org.primer.figma': {
@@ -43,7 +43,7 @@
43
43
  },
44
44
  },
45
45
  muted: {
46
- $value: '{base.color.gray.7}',
46
+ $value: '{base.color.neutral.7}',
47
47
  $type: 'color',
48
48
  $extensions: {
49
49
  'org.primer.figma': {
@@ -60,7 +60,7 @@
60
60
  control: {
61
61
  bgColor: {
62
62
  rest: {
63
- $value: '{base.color.gray.7}',
63
+ $value: '{base.color.neutral.7}',
64
64
  $type: 'color',
65
65
  $extensions: {
66
66
  'org.primer.figma': {
@@ -72,7 +72,7 @@
72
72
  },
73
73
  },
74
74
  hover: {
75
- $value: '{base.color.gray.7}',
75
+ $value: '{base.color.neutral.7}',
76
76
  $type: 'color',
77
77
  $extensions: {
78
78
  'org.primer.figma': {
@@ -83,12 +83,12 @@
83
83
  },
84
84
  },
85
85
  mix: {
86
- color: '{base.color.gray.5}',
86
+ color: '{base.color.neutral.5}',
87
87
  weight: 0.2,
88
88
  },
89
89
  },
90
90
  active: {
91
- $value: '{base.color.gray.7}',
91
+ $value: '{base.color.neutral.7}',
92
92
  $type: 'color',
93
93
  $extensions: {
94
94
  'org.primer.figma': {
@@ -99,7 +99,7 @@
99
99
  },
100
100
  },
101
101
  mix: {
102
- color: '{base.color.gray.5}',
102
+ color: '{base.color.neutral.5}',
103
103
  weight: 0.4,
104
104
  },
105
105
  },
@@ -116,7 +116,7 @@
116
116
  },
117
117
  },
118
118
  selected: {
119
- $value: '{base.color.gray.8}',
119
+ $value: '{base.color.neutral.8}',
120
120
  $type: 'color',
121
121
  $extensions: {
122
122
  'org.primer.figma': {
@@ -130,7 +130,7 @@
130
130
  },
131
131
  fgColor: {
132
132
  rest: {
133
- $value: '{base.color.gray.1}',
133
+ $value: '{base.color.neutral.1}',
134
134
  $type: 'color',
135
135
  $extensions: {
136
136
  'org.primer.figma': {
@@ -142,7 +142,7 @@
142
142
  },
143
143
  },
144
144
  placeholder: {
145
- $value: '{base.color.gray.5}',
145
+ $value: '{base.color.neutral.5}',
146
146
  $type: 'color',
147
147
  $extensions: {
148
148
  'org.primer.figma': {
@@ -180,7 +180,7 @@
180
180
  },
181
181
  },
182
182
  emphasis: {
183
- $value: '{base.color.gray.4}',
183
+ $value: '{base.color.neutral.4}',
184
184
  $type: 'color',
185
185
  $extensions: {
186
186
  'org.primer.figma': {
@@ -191,7 +191,7 @@
191
191
  },
192
192
  },
193
193
  mix: {
194
- color: '{base.color.gray.5}',
194
+ color: '{base.color.neutral.5}',
195
195
  weight: 0.2,
196
196
  },
197
197
  },
@@ -208,7 +208,7 @@
208
208
  },
209
209
  },
210
210
  selected: {
211
- $value: '{base.color.gray.0}',
211
+ $value: '{base.color.neutral.0}',
212
212
  $type: 'color',
213
213
  $extensions: {
214
214
  'org.primer.figma': {
@@ -285,7 +285,7 @@
285
285
  },
286
286
  },
287
287
  hover: {
288
- $value: '{base.color.gray.2}',
288
+ $value: '{base.color.neutral.2}',
289
289
  $type: 'color',
290
290
  $extensions: {
291
291
  'org.primer.figma': {
@@ -298,7 +298,7 @@
298
298
  alpha: 0.12,
299
299
  },
300
300
  active: {
301
- $value: '{base.color.gray.2}',
301
+ $value: '{base.color.neutral.2}',
302
302
  $type: 'color',
303
303
  $extensions: {
304
304
  'org.primer.figma': {
@@ -323,7 +323,7 @@
323
323
  },
324
324
  },
325
325
  selected: {
326
- $value: '{base.color.gray.2}',
326
+ $value: '{base.color.neutral.2}',
327
327
  $type: 'color',
328
328
  $extensions: {
329
329
  'org.primer.figma': {
@@ -578,7 +578,7 @@
578
578
  controlTrack: {
579
579
  bgColor: {
580
580
  rest: {
581
- $value: '{base.color.gray.7}',
581
+ $value: '{base.color.neutral.7}',
582
582
  $type: 'color',
583
583
  $extensions: {
584
584
  'org.primer.figma': {
@@ -590,7 +590,7 @@
590
590
  },
591
591
  },
592
592
  hover: {
593
- $value: '{base.color.gray.7}',
593
+ $value: '{base.color.neutral.7}',
594
594
  $type: 'color',
595
595
  $extensions: {
596
596
  'org.primer.figma': {
@@ -601,12 +601,12 @@
601
601
  },
602
602
  },
603
603
  mix: {
604
- color: '{base.color.gray.5}',
604
+ color: '{base.color.neutral.5}',
605
605
  weight: 0.2,
606
606
  },
607
607
  },
608
608
  active: {
609
- $value: '{base.color.gray.7}',
609
+ $value: '{base.color.neutral.7}',
610
610
  $type: 'color',
611
611
  $extensions: {
612
612
  'org.primer.figma': {
@@ -617,7 +617,7 @@
617
617
  },
618
618
  },
619
619
  mix: {
620
- color: '{base.color.gray.5}',
620
+ color: '{base.color.neutral.5}',
621
621
  weight: 0.4,
622
622
  },
623
623
  },
@@ -1014,7 +1014,7 @@
1014
1014
  },
1015
1015
  borderColor: {
1016
1016
  rest: {
1017
- $value: '{base.color.gray.0}',
1017
+ $value: '{base.color.neutral.0}',
1018
1018
  $type: 'color',
1019
1019
  $extensions: {
1020
1020
  'org.primer.figma': {
@@ -1284,7 +1284,7 @@
1284
1284
  },
1285
1285
  bgColor: {
1286
1286
  rest: {
1287
- $value: '{base.color.gray.0}',
1287
+ $value: '{base.color.neutral.0}',
1288
1288
  $type: 'color',
1289
1289
  $extensions: {
1290
1290
  'org.primer.figma': {
@@ -1296,7 +1296,7 @@
1296
1296
  },
1297
1297
  },
1298
1298
  hover: {
1299
- $value: '{base.color.gray.6}',
1299
+ $value: '{base.color.neutral.6}',
1300
1300
  $type: 'color',
1301
1301
  $extensions: {
1302
1302
  'org.primer.figma': {
@@ -1320,7 +1320,7 @@
1320
1320
  },
1321
1321
  },
1322
1322
  disabled: {
1323
- $value: '{base.color.gray.9}',
1323
+ $value: '{base.color.neutral.9}',
1324
1324
  $type: 'color',
1325
1325
  $extensions: {
1326
1326
  'org.primer.figma': {
@@ -1334,7 +1334,7 @@
1334
1334
  },
1335
1335
  borderColor: {
1336
1336
  hover: {
1337
- $value: '{base.color.gray.0}',
1337
+ $value: '{base.color.neutral.0}',
1338
1338
  $type: 'color',
1339
1339
  $extensions: {
1340
1340
  'org.primer.figma': {
@@ -1506,7 +1506,7 @@
1506
1506
  },
1507
1507
  },
1508
1508
  hover: {
1509
- $value: '{base.color.gray.0}',
1509
+ $value: '{base.color.neutral.0}',
1510
1510
  $type: 'color',
1511
1511
  $extensions: {
1512
1512
  'org.primer.figma': {
@@ -1534,7 +1534,7 @@
1534
1534
  },
1535
1535
  inactive: {
1536
1536
  fgColor: {
1537
- $value: '{base.color.gray.3}',
1537
+ $value: '{base.color.neutral.3}',
1538
1538
  $type: 'color',
1539
1539
  $extensions: {
1540
1540
  'org.primer.figma': {
@@ -1546,7 +1546,7 @@
1546
1546
  },
1547
1547
  },
1548
1548
  bgColor: {
1549
- $value: '{base.color.gray.7}',
1549
+ $value: '{base.color.neutral.7}',
1550
1550
  $type: 'color',
1551
1551
  $extensions: {
1552
1552
  'org.primer.figma': {
@@ -1577,7 +1577,7 @@
1577
1577
  default: {
1578
1578
  bgColor: {
1579
1579
  rest: {
1580
- $value: '{base.color.gray.6}',
1580
+ $value: '{base.color.neutral.6}',
1581
1581
  $type: 'color',
1582
1582
  $extensions: {
1583
1583
  'org.primer.figma': {
@@ -1593,7 +1593,7 @@
1593
1593
  invisible: {
1594
1594
  bgColor: {
1595
1595
  rest: {
1596
- $value: '{base.color.gray.6}',
1596
+ $value: '{base.color.neutral.6}',
1597
1597
  $type: 'color',
1598
1598
  $extensions: {
1599
1599
  'org.primer.figma': {
@@ -1867,7 +1867,7 @@
1867
1867
  },
1868
1868
  header: {
1869
1869
  bgColor: {
1870
- $value: '{base.color.gray.8}',
1870
+ $value: '{base.color.neutral.8}',
1871
1871
  $type: 'color',
1872
1872
  $extensions: {
1873
1873
  'org.primer.figma': {
@@ -1894,7 +1894,7 @@
1894
1894
  alpha: 0.7,
1895
1895
  },
1896
1896
  logo: {
1897
- $value: '{base.color.gray.0}',
1897
+ $value: '{base.color.neutral.0}',
1898
1898
  $type: 'color',
1899
1899
  $extensions: {
1900
1900
  'org.primer.figma': {
@@ -1908,7 +1908,7 @@
1908
1908
  },
1909
1909
  borderColor: {
1910
1910
  divider: {
1911
- $value: '{base.color.gray.3}',
1911
+ $value: '{base.color.neutral.3}',
1912
1912
  $type: 'color',
1913
1913
  $extensions: {
1914
1914
  'org.primer.figma': {
@@ -1923,7 +1923,7 @@
1923
1923
  },
1924
1924
  headerSearch: {
1925
1925
  bgColor: {
1926
- $value: '{base.color.gray.9}',
1926
+ $value: '{base.color.neutral.9}',
1927
1927
  $type: 'color',
1928
1928
  $extensions: {
1929
1929
  'org.primer.figma': {
@@ -1935,7 +1935,7 @@
1935
1935
  },
1936
1936
  },
1937
1937
  borderColor: {
1938
- $value: '{base.color.gray.6}',
1938
+ $value: '{base.color.neutral.6}',
1939
1939
  $type: 'color',
1940
1940
  $extensions: {
1941
1941
  'org.primer.figma': {
@@ -1950,7 +1950,7 @@
1950
1950
  menu: {
1951
1951
  bgColor: {
1952
1952
  active: {
1953
- $value: '{base.color.gray.8}',
1953
+ $value: '{base.color.neutral.8}',
1954
1954
  $type: 'color',
1955
1955
  $extensions: {
1956
1956
  'org.primer.figma': {
@@ -1965,7 +1965,7 @@
1965
1965
  },
1966
1966
  overlay: {
1967
1967
  bgColor: {
1968
- $value: '{base.color.gray.8}',
1968
+ $value: '{base.color.neutral.8}',
1969
1969
  $type: 'color',
1970
1970
  $extensions: {
1971
1971
  'org.primer.figma': {
@@ -1989,7 +1989,7 @@
1989
1989
  },
1990
1990
  backdrop: {
1991
1991
  bgColor: {
1992
- $value: '{base.color.gray.8}',
1992
+ $value: '{base.color.neutral.8}',
1993
1993
  $type: 'color',
1994
1994
  $extensions: {
1995
1995
  'org.primer.figma': {
@@ -2005,7 +2005,7 @@
2005
2005
  },
2006
2006
  selectMenu: {
2007
2007
  borderColor: {
2008
- $value: '{base.color.gray.5}',
2008
+ $value: '{base.color.neutral.5}',
2009
2009
  $type: 'color',
2010
2010
  $extensions: {
2011
2011
  'org.primer.figma': {
@@ -2034,7 +2034,7 @@
2034
2034
  sideNav: {
2035
2035
  bgColor: {
2036
2036
  selected: {
2037
- $value: '{base.color.gray.7}',
2037
+ $value: '{base.color.neutral.7}',
2038
2038
  $type: 'color',
2039
2039
  $extensions: {
2040
2040
  'org.primer.figma': {
@@ -2055,7 +2055,7 @@
2055
2055
  },
2056
2056
  timelineBadge: {
2057
2057
  bgColor: {
2058
- $value: '{base.color.gray.7}',
2058
+ $value: '{base.color.neutral.7}',
2059
2059
  $type: 'color',
2060
2060
  $extensions: {
2061
2061
  'org.primer.figma': {
package/src/tokens/functional/color/dark/primitives-dark.json5 CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  fgColor: {
3
3
  default: {
4
- $value: '{base.color.gray.0}',
4
+ $value: '{base.color.neutral.0}',
5
5
  $type: 'color',
6
6
  $extensions: {
7
7
  'org.primer.figma': {
@@ -15,12 +15,12 @@
15
15
  },
16
16
  },
17
17
  mix: {
18
- color: '{base.color.gray.1}',
18
+ color: '{base.color.neutral.1}',
19
19
  weight: 0.25,
20
20
  },
21
21
  },
22
22
  muted: {
23
- $value: '{base.color.gray.3}',
23
+ $value: '{base.color.neutral.3}',
24
24
  $type: 'color',
25
25
  $extensions: {
26
26
  'org.primer.figma': {
@@ -34,7 +34,7 @@
34
34
  },
35
35
  },
36
36
  mix: {
37
- color: '{base.color.gray.4}',
37
+ color: '{base.color.neutral.4}',
38
38
  weight: 0.25,
39
39
  },
40
40
  },
@@ -78,7 +78,7 @@
78
78
  },
79
79
  },
80
80
  disabled: {
81
- $value: '{base.color.gray.4}',
81
+ $value: '{base.color.neutral.4}',
82
82
  $type: 'color',
83
83
  $extensions: {
84
84
  'org.primer.figma': {
@@ -108,7 +108,7 @@
108
108
  },
109
109
  neutral: {
110
110
  '@': {
111
- $value: '{base.color.gray.4}',
111
+ $value: '{base.color.neutral.4}',
112
112
  $type: 'color',
113
113
  $extensions: {
114
114
  'org.primer.figma': {
@@ -297,7 +297,7 @@
297
297
  },
298
298
  bgColor: {
299
299
  default: {
300
- $value: '{base.color.gray.9}',
300
+ $value: '{base.color.neutral.9}',
301
301
  $type: 'color',
302
302
  $extensions: {
303
303
  'org.primer.figma': {
@@ -312,7 +312,7 @@
312
312
  },
313
313
  },
314
314
  muted: {
315
- $value: '{base.color.gray.8}',
315
+ $value: '{base.color.neutral.8}',
316
316
  $type: 'color',
317
317
  $extensions: {
318
318
  'org.primer.figma': {
@@ -342,7 +342,7 @@
342
342
  },
343
343
  },
344
344
  emphasis: {
345
- $value: '{base.color.gray.4}',
345
+ $value: '{base.color.neutral.4}',
346
346
  $type: 'color',
347
347
  $extensions: {
348
348
  'org.primer.figma': {
@@ -393,7 +393,7 @@
393
393
  },
394
394
  },
395
395
  disabled: {
396
- $value: '{base.color.gray.7}',
396
+ $value: '{base.color.neutral.7}',
397
397
  $type: 'color',
398
398
  $extensions: {
399
399
  'org.primer.figma': {
@@ -422,7 +422,7 @@
422
422
  },
423
423
  neutral: {
424
424
  muted: {
425
- $value: '{base.color.gray.4}',
425
+ $value: '{base.color.neutral.4}',
426
426
  $type: 'color',
427
427
  $extensions: {
428
428
  'org.primer.figma': {
@@ -435,7 +435,7 @@
435
435
  alpha: 0.4,
436
436
  },
437
437
  emphasis: {
438
- $value: '{base.color.gray.4}',
438
+ $value: '{base.color.neutral.4}',
439
439
  $type: 'color',
440
440
  $extensions: {
441
441
  'org.primer.figma': {
@@ -780,7 +780,7 @@
780
780
  },
781
781
  borderColor: {
782
782
  default: {
783
- $value: '{base.color.gray.6}',
783
+ $value: '{base.color.neutral.6}',
784
784
  $type: 'color',
785
785
  $extensions: {
786
786
  'org.primer.figma': {
@@ -811,7 +811,7 @@
811
811
  alpha: 0.7,
812
812
  },
813
813
  emphasis: {
814
- $value: '{base.color.gray.5}',
814
+ $value: '{base.color.neutral.5}',
815
815
  $type: 'color',
816
816
  $extensions: {
817
817
  'org.primer.figma': {
@@ -848,7 +848,7 @@
848
848
  },
849
849
  neutral: {
850
850
  muted: {
851
- $value: '{base.color.gray.4}',
851
+ $value: '{base.color.neutral.4}',
852
852
  $type: 'color',
853
853
  $extensions: {
854
854
  'org.primer.figma': {
@@ -861,7 +861,7 @@
861
861
  alpha: 0.4,
862
862
  },
863
863
  emphasis: {
864
- $value: '{base.color.gray.4}',
864
+ $value: '{base.color.neutral.4}',
865
865
  $type: 'color',
866
866
  $extensions: {
867
867
  'org.primer.figma': {
package/src/tokens/functional/color/dark/syntax-dark.json5 CHANGED
@@ -2,7 +2,7 @@
2
2
  color: {
3
3
  ansi: {
4
4
  black: {
5
- $value: '{base.color.gray.5}',
5
+ $value: '{base.color.neutral.5}',
6
6
  $type: 'color',
7
7
  $extensions: {
8
8
  'org.primer.figma': {
@@ -13,7 +13,7 @@
13
13
  },
14
14
  },
15
15
  'black-bright': {
16
- $value: '{base.color.gray.4}',
16
+ $value: '{base.color.neutral.4}',
17
17
  $type: 'color',
18
18
  $extensions: {
19
19
  'org.primer.figma': {
@@ -24,7 +24,7 @@
24
24
  },
25
25
  },
26
26
  white: {
27
- $value: '{base.color.gray.2}',
27
+ $value: '{base.color.neutral.2}',
28
28
  $type: 'color',
29
29
  $extensions: {
30
30
  'org.primer.figma': {
@@ -46,7 +46,7 @@
46
46
  },
47
47
  },
48
48
  gray: {
49
- $value: '{base.color.gray.4}',
49
+ $value: '{base.color.neutral.4}',
50
50
  $type: 'color',
51
51
  $extensions: {
52
52
  'org.primer.figma': {
@@ -192,7 +192,7 @@
192
192
  prettylights: {
193
193
  syntax: {
194
194
  comment: {
195
- $value: '{base.color.gray.3}',
195
+ $value: '{base.color.neutral.3}',
196
196
  $type: 'color',
197
197
  $extensions: {
198
198
  'org.primer.figma': {
@@ -238,7 +238,7 @@
238
238
  storage: {
239
239
  modifier: {
240
240
  import: {
241
- $value: '{base.color.gray.1}',
241
+ $value: '{base.color.neutral.1}',
242
242
  $type: 'color',
243
243
  $extensions: {
244
244
  'org.primer.figma': {
@@ -307,7 +307,7 @@
307
307
  },
308
308
  },
309
309
  angle: {
310
- $value: '{base.color.gray.3}',
310
+ $value: '{base.color.neutral.3}',
311
311
  $type: 'color',
312
312
  $extensions: {
313
313
  'org.primer.figma': {
@@ -321,7 +321,7 @@
321
321
  invalid: {
322
322
  illegal: {
323
323
  text: {
324
- $value: '{base.color.gray.0}',
324
+ $value: '{base.color.neutral.0}',
325
325
  $type: 'color',
326
326
  $extensions: {
327
327
  'org.primer.figma': {
@@ -347,7 +347,7 @@
347
347
  carriage: {
348
348
  return: {
349
349
  text: {
350
- $value: '{base.color.gray.0}',
350
+ $value: '{base.color.neutral.0}',
351
351
  $type: 'color',
352
352
  $extensions: {
353
353
  'org.primer.figma': {
@@ -405,7 +405,7 @@
405
405
  },
406
406
  },
407
407
  italic: {
408
- $value: '{base.color.gray.1}',
408
+ $value: '{base.color.neutral.1}',
409
409
  $type: 'color',
410
410
  $extensions: {
411
411
  'org.primer.figma': {
@@ -416,7 +416,7 @@
416
416
  },
417
417
  },
418
418
  bold: {
419
- $value: '{base.color.gray.1}',
419
+ $value: '{base.color.neutral.1}',
420
420
  $type: 'color',
421
421
  $extensions: {
422
422
  'org.primer.figma': {
@@ -500,7 +500,7 @@
500
500
  },
501
501
  ignored: {
502
502
  text: {
503
- $value: '{base.color.gray.1}',
503
+ $value: '{base.color.neutral.1}',
504
504
  $type: 'color',
505
505
  $extensions: {
506
506
  'org.primer.figma': {
@@ -541,7 +541,7 @@
541
541
  sublimelinter: {
542
542
  gutter: {
543
543
  mark: {
544
- $value: '{base.color.gray.5}',
544
+ $value: '{base.color.neutral.5}',
545
545
  $type: 'color',
546
546
  $extensions: {
547
547
  'org.primer.figma': {
package/src/tokens/functional/color/light/app-light.json5 CHANGED
@@ -369,7 +369,7 @@
369
369
  syntax: {
370
370
  fgColor: {
371
371
  comment: {
372
- $value: '{base.color.gray.9}',
372
+ $value: '{base.color.neutral.9}',
373
373
  $type: 'color',
374
374
  $extensions: {
375
375
  'org.primer.figma': {
@@ -496,7 +496,7 @@
496
496
  },
497
497
  },
498
498
  bgColor: {
499
- $value: '{base.color.gray.9}',
499
+ $value: '{base.color.neutral.9}',
500
500
  $type: 'color',
501
501
  $extensions: {
502
502
  'org.primer.figma': {
@@ -509,7 +509,7 @@
509
509
  },
510
510
  borderColor: {
511
511
  divider: {
512
- $value: '{base.color.gray.6}',
512
+ $value: '{base.color.neutral.6}',
513
513
  $type: 'color',
514
514
  $extensions: {
515
515
  'org.primer.figma': {
@@ -524,7 +524,7 @@
524
524
  },
525
525
  headerSearch: {
526
526
  bgColor: {
527
- $value: '{base.color.gray.9}',
527
+ $value: '{base.color.neutral.9}',
528
528
  $type: 'color',
529
529
  $extensions: {
530
530
  'org.primer.figma': {
@@ -536,7 +536,7 @@
536
536
  },
537
537
  },
538
538
  borderColor: {
539
- $value: '{base.color.gray.6}',
539
+ $value: '{base.color.neutral.6}',
540
540
  $type: 'color',
541
541
  $extensions: {
542
542
  'org.primer.figma': {