@primer/primitives 7.17.0-rc.1685583f → 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 (313) hide show
  1. package/README.md +1 -1
  2. package/dist/css/functional/themes/dark-colorblind.css +24 -14
  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 +24 -14
  6. package/dist/css/functional/themes/dark.css +24 -14
  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 +230 -85
  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 +230 -85
  17. package/dist/docs/functional/themes/dark.json +225 -80
  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 +25 -25
  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 +170 -90
  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 +170 -90
  34. package/dist/figma/themes/dark.json +165 -85
  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 +48 -38
  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 +48 -38
  44. package/dist/internalCss/dark.css +48 -38
  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 +230 -85
  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 +230 -85
  54. package/dist/styleLint/functional/themes/dark.json +225 -80
  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 +5 -13
  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 +3 -0
  65. package/src/platforms/figma.ts +10 -1
  66. package/src/schemas/collections.ts +2 -0
  67. package/src/schemas/dimensionToken.ts +1 -1
  68. package/src/schemas/fontFamilyToken.ts +10 -0
  69. package/src/schemas/fontWeightToken.ts +10 -0
  70. package/src/schemas/numberToken.ts +17 -0
  71. package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
  72. package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
  73. package/src/tokens/base/color/dark/dark.json5 +3 -3
  74. package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
  75. package/src/tokens/base/color/light/light.json5 +1 -1
  76. package/src/tokens/base/typography/typography.json +28 -4
  77. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  78. package/src/tokens/functional/color/dark/display-dark.json5 +66 -0
  79. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
  80. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  81. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
  82. package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
  83. package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
  84. package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
  85. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  86. package/src/tokens/functional/color/light/display-light.json5 +66 -0
  87. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  88. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
  89. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
  90. package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
  91. package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
  92. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  93. package/src/tokens/functional/shadow/dark.json5 +1 -1
  94. package/src/tokens/functional/shadow/light.json5 +11 -11
  95. package/src/tokens/functional/typography/typography.json +263 -34
  96. package/src/transformers/floatToPixel.ts +33 -0
  97. package/src/transformers/fontFamilyToCss.ts +3 -4
  98. package/src/transformers/fontFamilyToFigma.ts +47 -0
  99. package/src/transformers/index.ts +2 -0
  100. package/src/transformers/utilities/hasSpaceInString.ts +6 -0
  101. package/build.js +0 -578
  102. package/dist/deprecated/colors.json +0 -7
  103. package/dist/js/colors/dark.d.ts +0 -516
  104. package/dist/js/colors/dark.js +0 -616
  105. package/dist/js/colors/dark_colorblind.d.ts +0 -516
  106. package/dist/js/colors/dark_colorblind.js +0 -616
  107. package/dist/js/colors/dark_dimmed.d.ts +0 -516
  108. package/dist/js/colors/dark_dimmed.js +0 -616
  109. package/dist/js/colors/dark_high_contrast.d.ts +0 -516
  110. package/dist/js/colors/dark_high_contrast.js +0 -616
  111. package/dist/js/colors/dark_tritanopia.d.ts +0 -516
  112. package/dist/js/colors/dark_tritanopia.js +0 -616
  113. package/dist/js/colors/index.d.ts +0 -4638
  114. package/dist/js/colors/index.js +0 -15
  115. package/dist/js/colors/light.d.ts +0 -516
  116. package/dist/js/colors/light.js +0 -616
  117. package/dist/js/colors/light_colorblind.d.ts +0 -516
  118. package/dist/js/colors/light_colorblind.js +0 -616
  119. package/dist/js/colors/light_high_contrast.d.ts +0 -516
  120. package/dist/js/colors/light_high_contrast.js +0 -616
  121. package/dist/js/colors/light_tritanopia.d.ts +0 -516
  122. package/dist/js/colors/light_tritanopia.js +0 -616
  123. package/dist/js/index.d.ts +0 -4655
  124. package/dist/js/index.js +0 -9
  125. package/dist/js/spacing/index.d.ts +0 -6
  126. package/dist/js/spacing/index.js +0 -7
  127. package/dist/js/spacing/normal.d.ts +0 -4
  128. package/dist/js/spacing/normal.js +0 -13
  129. package/dist/js/typography/index.d.ts +0 -11
  130. package/dist/js/typography/index.js +0 -7
  131. package/dist/js/typography/normal.d.ts +0 -9
  132. package/dist/js/typography/normal.js +0 -19
  133. package/dist/json/colors/dark.json +0 -614
  134. package/dist/json/colors/dark_colorblind.json +0 -614
  135. package/dist/json/colors/dark_dimmed.json +0 -614
  136. package/dist/json/colors/dark_high_contrast.json +0 -614
  137. package/dist/json/colors/dark_tritanopia.json +0 -614
  138. package/dist/json/colors/light.json +0 -614
  139. package/dist/json/colors/light_colorblind.json +0 -614
  140. package/dist/json/colors/light_high_contrast.json +0 -614
  141. package/dist/json/colors/light_tritanopia.json +0 -614
  142. package/dist/json/spacing/normal.json +0 -11
  143. package/dist/json/typography/normal.json +0 -17
  144. package/dist/removed/colors.json +0 -432
  145. package/dist/scss/colors/_dark.scss +0 -452
  146. package/dist/scss/colors/_dark_colorblind.scss +0 -452
  147. package/dist/scss/colors/_dark_dimmed.scss +0 -452
  148. package/dist/scss/colors/_dark_high_contrast.scss +0 -452
  149. package/dist/scss/colors/_dark_tritanopia.scss +0 -452
  150. package/dist/scss/colors/_light.scss +0 -452
  151. package/dist/scss/colors/_light_colorblind.scss +0 -452
  152. package/dist/scss/colors/_light_high_contrast.scss +0 -452
  153. package/dist/scss/colors/_light_tritanopia.scss +0 -452
  154. package/dist/scss/spacing/_normal.scss +0 -11
  155. package/dist/scss/typography/_normal.scss +0 -15
  156. package/dist/ts/colors/dark.ts +0 -614
  157. package/dist/ts/colors/dark_colorblind.ts +0 -614
  158. package/dist/ts/colors/dark_dimmed.ts +0 -614
  159. package/dist/ts/colors/dark_high_contrast.ts +0 -614
  160. package/dist/ts/colors/dark_tritanopia.ts +0 -614
  161. package/dist/ts/colors/index.ts +0 -10
  162. package/dist/ts/colors/light.ts +0 -614
  163. package/dist/ts/colors/light_colorblind.ts +0 -614
  164. package/dist/ts/colors/light_high_contrast.ts +0 -614
  165. package/dist/ts/colors/light_tritanopia.ts +0 -614
  166. package/dist/ts/index.ts +0 -4
  167. package/dist/ts/spacing/index.ts +0 -2
  168. package/dist/ts/spacing/normal.ts +0 -11
  169. package/dist/ts/typography/index.ts +0 -2
  170. package/dist/ts/typography/normal.ts +0 -17
  171. package/tokens/base/size/size.json +0 -57
  172. package/tokens/base/typography/typography.json +0 -20
  173. package/tokens/functional/size/border.json +0 -48
  174. package/tokens/functional/size/breakpoints.json +0 -24
  175. package/tokens/functional/size/size-coarse.json +0 -27
  176. package/tokens/functional/size/size-fine.json +0 -27
  177. package/tokens/functional/size/size.json +0 -189
  178. package/tokens/functional/size/viewport.json +0 -24
  179. package/tokens/functional/typography/typography.json +0 -213
  180. package/tokens/removed/color.json +0 -421
  181. package/tokens-next-private/css/base/size/size.css +0 -19
  182. package/tokens-next-private/css/base/typography/typography.css +0 -6
  183. package/tokens-next-private/css/functional/motion/motion.css +0 -5
  184. package/tokens-next-private/css/functional/size/border.css +0 -14
  185. package/tokens-next-private/css/functional/size/breakpoints.css +0 -8
  186. package/tokens-next-private/css/functional/size/size-coarse.css +0 -7
  187. package/tokens-next-private/css/functional/size/size-fine.css +0 -7
  188. package/tokens-next-private/css/functional/size/size.css +0 -74
  189. package/tokens-next-private/css/functional/size/viewport.css +0 -6
  190. package/tokens-next-private/css/functional/themes/dark-colorblind.css +0 -1078
  191. package/tokens-next-private/css/functional/themes/dark-dimmed.css +0 -1078
  192. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +0 -1078
  193. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +0 -1078
  194. package/tokens-next-private/css/functional/themes/dark.css +0 -1078
  195. package/tokens-next-private/css/functional/themes/light-colorblind.css +0 -1078
  196. package/tokens-next-private/css/functional/themes/light-high-contrast.css +0 -1078
  197. package/tokens-next-private/css/functional/themes/light-tritanopia.css +0 -1078
  198. package/tokens-next-private/css/functional/themes/light.css +0 -1078
  199. package/tokens-next-private/css/functional/typography/typography.css +0 -47
  200. package/tokens-next-private/docs/base/size/size.json +0 -427
  201. package/tokens-next-private/docs/base/typography/typography.json +0 -54
  202. package/tokens-next-private/docs/functional/motion/motion.json +0 -47
  203. package/tokens-next-private/docs/functional/size/border.json +0 -234
  204. package/tokens-next-private/docs/functional/size/breakpoints.json +0 -152
  205. package/tokens-next-private/docs/functional/size/size-coarse.json +0 -41
  206. package/tokens-next-private/docs/functional/size/size-fine.json +0 -41
  207. package/tokens-next-private/docs/functional/size/size.json +0 -1838
  208. package/tokens-next-private/docs/functional/size/viewport.json +0 -80
  209. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +0 -16155
  210. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +0 -16159
  211. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +0 -16175
  212. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +0 -16161
  213. package/tokens-next-private/docs/functional/themes/dark.json +0 -16159
  214. package/tokens-next-private/docs/functional/themes/light-colorblind.json +0 -16123
  215. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +0 -16125
  216. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +0 -16115
  217. package/tokens-next-private/docs/functional/themes/light.json +0 -16113
  218. package/tokens-next-private/docs/functional/typography/typography.json +0 -663
  219. package/tokens-next-private/fallbacks/base/size/size.json +0 -19
  220. package/tokens-next-private/fallbacks/base/typography/typography.json +0 -6
  221. package/tokens-next-private/fallbacks/color-fallbacks.json +0 -260
  222. package/tokens-next-private/fallbacks/functional/motion/motion.json +0 -5
  223. package/tokens-next-private/fallbacks/functional/size/border.json +0 -14
  224. package/tokens-next-private/fallbacks/functional/size/breakpoints.json +0 -8
  225. package/tokens-next-private/fallbacks/functional/size/size-coarse.json +0 -5
  226. package/tokens-next-private/fallbacks/functional/size/size-fine.json +0 -5
  227. package/tokens-next-private/fallbacks/functional/size/size.json +0 -74
  228. package/tokens-next-private/fallbacks/functional/size/viewport.json +0 -8
  229. package/tokens-next-private/fallbacks/functional/typography/typography.json +0 -47
  230. package/tokens-next-private/internalCss/dark-colorblind.css +0 -1648
  231. package/tokens-next-private/internalCss/dark-dimmed.css +0 -1648
  232. package/tokens-next-private/internalCss/dark-high-contrast.css +0 -1648
  233. package/tokens-next-private/internalCss/dark-tritanopia.css +0 -1648
  234. package/tokens-next-private/internalCss/dark.css +0 -1648
  235. package/tokens-next-private/internalCss/light-colorblind.css +0 -1648
  236. package/tokens-next-private/internalCss/light-high-contrast.css +0 -1648
  237. package/tokens-next-private/internalCss/light-tritanopia.css +0 -1648
  238. package/tokens-next-private/internalCss/light.css +0 -1648
  239. package/tokens-next-private/removed/color.json +0 -421
  240. package/tokens-next-private/styleLint/base/size/size.json +0 -427
  241. package/tokens-next-private/styleLint/base/typography/typography.json +0 -54
  242. package/tokens-next-private/styleLint/functional/motion/motion.json +0 -47
  243. package/tokens-next-private/styleLint/functional/size/border.json +0 -234
  244. package/tokens-next-private/styleLint/functional/size/breakpoints.json +0 -152
  245. package/tokens-next-private/styleLint/functional/size/size-coarse.json +0 -41
  246. package/tokens-next-private/styleLint/functional/size/size-fine.json +0 -41
  247. package/tokens-next-private/styleLint/functional/size/size.json +0 -1838
  248. package/tokens-next-private/styleLint/functional/size/viewport.json +0 -80
  249. package/tokens-next-private/styleLint/functional/themes/dark-colorblind.json +0 -16155
  250. package/tokens-next-private/styleLint/functional/themes/dark-dimmed.json +0 -16159
  251. package/tokens-next-private/styleLint/functional/themes/dark-high-contrast.json +0 -16175
  252. package/tokens-next-private/styleLint/functional/themes/dark-tritanopia.json +0 -16161
  253. package/tokens-next-private/styleLint/functional/themes/dark.json +0 -16159
  254. package/tokens-next-private/styleLint/functional/themes/light-colorblind.json +0 -16123
  255. package/tokens-next-private/styleLint/functional/themes/light-high-contrast.json +0 -16125
  256. package/tokens-next-private/styleLint/functional/themes/light-tritanopia.json +0 -16115
  257. package/tokens-next-private/styleLint/functional/themes/light.json +0 -16113
  258. package/tokens-next-private/styleLint/functional/typography/typography.json +0 -663
  259. package/tokens-v2-private/css/tokens/base/size/size.css +0 -24
  260. package/tokens-v2-private/css/tokens/base/typography/typography.css +0 -11
  261. package/tokens-v2-private/css/tokens/functional/size/border.css +0 -17
  262. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +0 -13
  263. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +0 -11
  264. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +0 -11
  265. package/tokens-v2-private/css/tokens/functional/size/size.css +0 -54
  266. package/tokens-v2-private/css/tokens/functional/size/viewport.css +0 -6
  267. package/tokens-v2-private/css/tokens/functional/typography/typography.css +0 -47
  268. package/tokens-v2-private/docs/docValues.json +0 -2209
  269. package/tokens-v2-private/js/module/tokens/base/size/size.js +0 -266
  270. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +0 -77
  271. package/tokens-v2-private/js/module/tokens/functional/size/border.js +0 -165
  272. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +0 -101
  273. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +0 -73
  274. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +0 -73
  275. package/tokens-v2-private/js/module/tokens/functional/size/size.js +0 -824
  276. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +0 -101
  277. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +0 -809
  278. package/tokens-v2-private/js/tokens/base/size/size.js +0 -22
  279. package/tokens-v2-private/js/tokens/base/typography/typography.js +0 -9
  280. package/tokens-v2-private/js/tokens/functional/size/border.js +0 -15
  281. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +0 -11
  282. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +0 -8
  283. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +0 -8
  284. package/tokens-v2-private/js/tokens/functional/size/size.js +0 -52
  285. package/tokens-v2-private/js/tokens/functional/size/viewport.js +0 -11
  286. package/tokens-v2-private/js/tokens/functional/typography/typography.js +0 -45
  287. package/tokens-v2-private/scss/tokens/base/size/size.scss +0 -21
  288. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +0 -8
  289. package/tokens-v2-private/scss/tokens/functional/size/border.scss +0 -14
  290. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +0 -10
  291. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +0 -7
  292. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +0 -7
  293. package/tokens-v2-private/scss/tokens/functional/size/size.scss +0 -51
  294. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +0 -10
  295. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +0 -44
  296. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +0 -31
  297. package/tokens-v2-private/ts/tokens/base/size/size.js +0 -30
  298. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +0 -20
  299. package/tokens-v2-private/ts/tokens/base/typography/typography.js +0 -19
  300. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +0 -28
  301. package/tokens-v2-private/ts/tokens/functional/size/border.js +0 -27
  302. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +0 -20
  303. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +0 -19
  304. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +0 -29
  305. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +0 -28
  306. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +0 -29
  307. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +0 -28
  308. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +0 -103
  309. package/tokens-v2-private/ts/tokens/functional/size/size.js +0 -102
  310. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +0 -20
  311. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +0 -19
  312. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +0 -131
  313. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +0 -130
package/dist/docs/functional/themes/light-high-contrast.json CHANGED
@@ -781,7 +781,7 @@
781
781
  "filePath": "src/tokens/functional/color/light/app-light.json5",
782
782
  "isSource": true,
783
783
  "original": {
784
- "value": "{base.color.gray.9}",
784
+ "value": "{base.color.neutral.9}",
785
785
  "$type": "color",
786
786
  "$extensions": {
787
787
  "org.primer.figma": {
@@ -1073,7 +1073,7 @@
1073
1073
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1074
1074
  "isSource": true,
1075
1075
  "original": {
1076
- "value": "{base.color.gray.9}",
1076
+ "value": "{base.color.neutral.9}",
1077
1077
  "$type": "color",
1078
1078
  "$extensions": {
1079
1079
  "org.primer.figma": {
@@ -1102,7 +1102,7 @@
1102
1102
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
1103
1103
  "isSource": true,
1104
1104
  "original": {
1105
- "value": "{base.color.gray.3}",
1105
+ "value": "{base.color.neutral.3}",
1106
1106
  "$type": "color",
1107
1107
  "$extensions": {
1108
1108
  "org.primer.figma": {
@@ -1131,7 +1131,7 @@
1131
1131
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1132
1132
  "isSource": true,
1133
1133
  "original": {
1134
- "value": "{base.color.gray.9}",
1134
+ "value": "{base.color.neutral.9}",
1135
1135
  "$type": "color",
1136
1136
  "$extensions": {
1137
1137
  "org.primer.figma": {
@@ -1160,7 +1160,7 @@
1160
1160
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1161
1161
  "isSource": true,
1162
1162
  "original": {
1163
- "value": "{base.color.gray.6}",
1163
+ "value": "{base.color.neutral.6}",
1164
1164
  "$type": "color",
1165
1165
  "$extensions": {
1166
1166
  "org.primer.figma": {
@@ -3785,6 +3785,151 @@
3785
3785
  "attributes": {},
3786
3786
  "path": ["display", "indigo", "borderColor", "emphasis"]
3787
3787
  },
3788
+ "display-pink-bgColor-muted": {
3789
+ "value": "#ffe5f1",
3790
+ "$type": "color",
3791
+ "$extensions": {
3792
+ "org.primer.figma": {
3793
+ "collection": "mode",
3794
+ "mode": "light",
3795
+ "group": "component (internal)",
3796
+ "scopes": ["bgColor"]
3797
+ }
3798
+ },
3799
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3800
+ "isSource": true,
3801
+ "original": {
3802
+ "value": "{base.display.color.pink.0}",
3803
+ "$type": "color",
3804
+ "$extensions": {
3805
+ "org.primer.figma": {
3806
+ "collection": "mode",
3807
+ "mode": "light",
3808
+ "group": "component (internal)",
3809
+ "scopes": ["bgColor"]
3810
+ }
3811
+ }
3812
+ },
3813
+ "name": "display-pink-bgColor-muted",
3814
+ "attributes": {},
3815
+ "path": ["display", "pink", "bgColor", "muted"]
3816
+ },
3817
+ "display-pink-bgColor-emphasis": {
3818
+ "value": "#ce2c85",
3819
+ "$type": "color",
3820
+ "$extensions": {
3821
+ "org.primer.figma": {
3822
+ "collection": "mode",
3823
+ "mode": "light",
3824
+ "group": "component (internal)",
3825
+ "scopes": ["bgColor"]
3826
+ }
3827
+ },
3828
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3829
+ "isSource": true,
3830
+ "original": {
3831
+ "value": "{base.display.color.pink.5}",
3832
+ "$type": "color",
3833
+ "$extensions": {
3834
+ "org.primer.figma": {
3835
+ "collection": "mode",
3836
+ "mode": "light",
3837
+ "group": "component (internal)",
3838
+ "scopes": ["bgColor"]
3839
+ }
3840
+ }
3841
+ },
3842
+ "name": "display-pink-bgColor-emphasis",
3843
+ "attributes": {},
3844
+ "path": ["display", "pink", "bgColor", "emphasis"]
3845
+ },
3846
+ "display-pink-fgColor": {
3847
+ "value": "#b12f79",
3848
+ "$type": "color",
3849
+ "$extensions": {
3850
+ "org.primer.figma": {
3851
+ "collection": "mode",
3852
+ "mode": "light",
3853
+ "group": "component (internal)",
3854
+ "scopes": ["fgColor"]
3855
+ }
3856
+ },
3857
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3858
+ "isSource": true,
3859
+ "original": {
3860
+ "value": "{base.display.color.pink.6}",
3861
+ "$type": "color",
3862
+ "$extensions": {
3863
+ "org.primer.figma": {
3864
+ "collection": "mode",
3865
+ "mode": "light",
3866
+ "group": "component (internal)",
3867
+ "scopes": ["fgColor"]
3868
+ }
3869
+ }
3870
+ },
3871
+ "name": "display-pink-fgColor",
3872
+ "attributes": {},
3873
+ "path": ["display", "pink", "fgColor"]
3874
+ },
3875
+ "display-pink-borderColor-muted": {
3876
+ "value": "#fdc9e2",
3877
+ "$type": "color",
3878
+ "$extensions": {
3879
+ "org.primer.figma": {
3880
+ "collection": "mode",
3881
+ "mode": "light",
3882
+ "group": "component (internal)",
3883
+ "scopes": ["borderColor"]
3884
+ }
3885
+ },
3886
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3887
+ "isSource": true,
3888
+ "original": {
3889
+ "value": "{base.display.color.pink.1}",
3890
+ "$type": "color",
3891
+ "$extensions": {
3892
+ "org.primer.figma": {
3893
+ "collection": "mode",
3894
+ "mode": "light",
3895
+ "group": "component (internal)",
3896
+ "scopes": ["borderColor"]
3897
+ }
3898
+ }
3899
+ },
3900
+ "name": "display-pink-borderColor-muted",
3901
+ "attributes": {},
3902
+ "path": ["display", "pink", "borderColor", "muted"]
3903
+ },
3904
+ "display-pink-borderColor-emphasis": {
3905
+ "value": "#ce2c85",
3906
+ "$type": "color",
3907
+ "$extensions": {
3908
+ "org.primer.figma": {
3909
+ "collection": "mode",
3910
+ "mode": "light",
3911
+ "group": "component (internal)",
3912
+ "scopes": ["borderColor"]
3913
+ }
3914
+ },
3915
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3916
+ "isSource": true,
3917
+ "original": {
3918
+ "value": "{base.display.color.pink.5}",
3919
+ "$type": "color",
3920
+ "$extensions": {
3921
+ "org.primer.figma": {
3922
+ "collection": "mode",
3923
+ "mode": "light",
3924
+ "group": "component (internal)",
3925
+ "scopes": ["borderColor"]
3926
+ }
3927
+ }
3928
+ },
3929
+ "name": "display-pink-borderColor-emphasis",
3930
+ "attributes": {},
3931
+ "path": ["display", "pink", "borderColor", "emphasis"]
3932
+ },
3788
3933
  "avatar-bgColor": {
3789
3934
  "value": "#ffffff",
3790
3935
  "$type": "color",
@@ -3895,7 +4040,7 @@
3895
4040
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
3896
4041
  "isSource": true,
3897
4042
  "original": {
3898
- "value": "{base.color.gray.3}",
4043
+ "value": "{base.color.neutral.3}",
3899
4044
  "$type": "color",
3900
4045
  "$extensions": {
3901
4046
  "org.primer.figma": {
@@ -3924,7 +4069,7 @@
3924
4069
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
3925
4070
  "isSource": true,
3926
4071
  "original": {
3927
- "value": "{base.color.gray.2}",
4072
+ "value": "{base.color.neutral.2}",
3928
4073
  "$type": "color",
3929
4074
  "$extensions": {
3930
4075
  "org.primer.figma": {
@@ -3953,7 +4098,7 @@
3953
4098
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
3954
4099
  "isSource": true,
3955
4100
  "original": {
3956
- "value": "{base.color.gray.1}",
4101
+ "value": "{base.color.neutral.1}",
3957
4102
  "$type": "color",
3958
4103
  "$extensions": {
3959
4104
  "org.primer.figma": {
@@ -3986,7 +4131,7 @@
3986
4131
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
3987
4132
  "isSource": true,
3988
4133
  "original": {
3989
- "value": "{base.color.gray.1}",
4134
+ "value": "{base.color.neutral.1}",
3990
4135
  "$type": "color",
3991
4136
  "$extensions": {
3992
4137
  "org.primer.figma": {
@@ -3997,7 +4142,7 @@
3997
4142
  }
3998
4143
  },
3999
4144
  "mix": {
4000
- "color": "{base.color.gray.3}",
4145
+ "color": "{base.color.neutral.3}",
4001
4146
  "weight": 0.2
4002
4147
  }
4003
4148
  },
@@ -4023,7 +4168,7 @@
4023
4168
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
4024
4169
  "isSource": true,
4025
4170
  "original": {
4026
- "value": "{base.color.gray.1}",
4171
+ "value": "{base.color.neutral.1}",
4027
4172
  "$type": "color",
4028
4173
  "$extensions": {
4029
4174
  "org.primer.figma": {
@@ -4034,7 +4179,7 @@
4034
4179
  }
4035
4180
  },
4036
4181
  "mix": {
4037
- "color": "{base.color.gray.3}",
4182
+ "color": "{base.color.neutral.3}",
4038
4183
  "weight": 0.4
4039
4184
  }
4040
4185
  },
@@ -4085,7 +4230,7 @@
4085
4230
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
4086
4231
  "isSource": true,
4087
4232
  "original": {
4088
- "value": "{base.color.gray.3}",
4233
+ "value": "{base.color.neutral.3}",
4089
4234
  "$type": "color",
4090
4235
  "$extensions": {
4091
4236
  "org.primer.figma": {
@@ -4114,7 +4259,7 @@
4114
4259
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4115
4260
  "isSource": true,
4116
4261
  "original": {
4117
- "value": "{base.color.gray.9}",
4262
+ "value": "{base.color.neutral.9}",
4118
4263
  "$type": "color",
4119
4264
  "$extensions": {
4120
4265
  "org.primer.figma": {
@@ -4143,7 +4288,7 @@
4143
4288
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4144
4289
  "isSource": true,
4145
4290
  "original": {
4146
- "value": "{base.color.gray.5}",
4291
+ "value": "{base.color.neutral.5}",
4147
4292
  "$type": "color",
4148
4293
  "$extensions": {
4149
4294
  "org.primer.figma": {
@@ -4290,7 +4435,7 @@
4290
4435
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4291
4436
  "isSource": true,
4292
4437
  "original": {
4293
- "value": "{base.color.gray.0}",
4438
+ "value": "{base.color.neutral.0}",
4294
4439
  "$type": "color",
4295
4440
  "$extensions": {
4296
4441
  "org.primer.figma": {
@@ -4466,7 +4611,7 @@
4466
4611
  "isSource": true,
4467
4612
  "mix": null,
4468
4613
  "original": {
4469
- "value": "{base.color.gray.1}",
4614
+ "value": "{base.color.neutral.1}",
4470
4615
  "$type": "color",
4471
4616
  "$extensions": {
4472
4617
  "org.primer.figma": {
@@ -4499,7 +4644,7 @@
4499
4644
  "isSource": true,
4500
4645
  "mix": null,
4501
4646
  "original": {
4502
- "value": "{base.color.gray.2}",
4647
+ "value": "{base.color.neutral.2}",
4503
4648
  "$type": "color",
4504
4649
  "$extensions": {
4505
4650
  "org.primer.figma": {
@@ -4560,7 +4705,7 @@
4560
4705
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
4561
4706
  "isSource": true,
4562
4707
  "original": {
4563
- "value": "{base.color.gray.2}",
4708
+ "value": "{base.color.neutral.2}",
4564
4709
  "$type": "color",
4565
4710
  "$extensions": {
4566
4711
  "org.primer.figma": {
@@ -5129,7 +5274,7 @@
5129
5274
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
5130
5275
  "isSource": true,
5131
5276
  "original": {
5132
- "value": "{base.color.gray.3}",
5277
+ "value": "{base.color.neutral.3}",
5133
5278
  "$type": "color",
5134
5279
  "$extensions": {
5135
5280
  "org.primer.figma": {
@@ -5162,7 +5307,7 @@
5162
5307
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
5163
5308
  "isSource": true,
5164
5309
  "original": {
5165
- "value": "{base.color.gray.3}",
5310
+ "value": "{base.color.neutral.3}",
5166
5311
  "$type": "color",
5167
5312
  "$extensions": {
5168
5313
  "org.primer.figma": {
@@ -5173,7 +5318,7 @@
5173
5318
  }
5174
5319
  },
5175
5320
  "mix": {
5176
- "color": "{base.color.gray.5}",
5321
+ "color": "{base.color.neutral.5}",
5177
5322
  "weight": 0.2
5178
5323
  }
5179
5324
  },
@@ -5199,7 +5344,7 @@
5199
5344
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
5200
5345
  "isSource": true,
5201
5346
  "original": {
5202
- "value": "{base.color.gray.3}",
5347
+ "value": "{base.color.neutral.3}",
5203
5348
  "$type": "color",
5204
5349
  "$extensions": {
5205
5350
  "org.primer.figma": {
@@ -5210,7 +5355,7 @@
5210
5355
  }
5211
5356
  },
5212
5357
  "mix": {
5213
- "color": "{base.color.gray.5}",
5358
+ "color": "{base.color.neutral.5}",
5214
5359
  "weight": 0.4
5215
5360
  }
5216
5361
  },
@@ -6485,7 +6630,7 @@
6485
6630
  "isSource": true,
6486
6631
  "alpha": 1,
6487
6632
  "original": {
6488
- "value": "{base.color.gray.8}",
6633
+ "value": "{base.color.neutral.8}",
6489
6634
  "$type": "color",
6490
6635
  "$extensions": {
6491
6636
  "org.primer.figma": {
@@ -6516,7 +6661,7 @@
6516
6661
  "isSource": true,
6517
6662
  "alpha": 1,
6518
6663
  "original": {
6519
- "value": "{base.color.gray.6}",
6664
+ "value": "{base.color.neutral.6}",
6520
6665
  "$type": "color",
6521
6666
  "$extensions": {
6522
6667
  "org.primer.figma": {
@@ -6875,7 +7020,7 @@
6875
7020
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6876
7021
  "isSource": true,
6877
7022
  "original": {
6878
- "value": "{base.color.gray.0}",
7023
+ "value": "{base.color.neutral.0}",
6879
7024
  "$type": "color",
6880
7025
  "$extensions": {
6881
7026
  "org.primer.figma": {
@@ -7427,7 +7572,7 @@
7427
7572
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7428
7573
  "isSource": true,
7429
7574
  "original": {
7430
- "value": "{base.color.gray.6}",
7575
+ "value": "{base.color.neutral.6}",
7431
7576
  "$type": "color",
7432
7577
  "$extensions": {
7433
7578
  "org.primer.figma": {
@@ -7456,7 +7601,7 @@
7456
7601
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7457
7602
  "isSource": true,
7458
7603
  "original": {
7459
- "value": "{base.color.gray.1}",
7604
+ "value": "{base.color.neutral.1}",
7460
7605
  "$type": "color",
7461
7606
  "$extensions": {
7462
7607
  "org.primer.figma": {
@@ -8237,7 +8382,7 @@
8237
8382
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8238
8383
  "isSource": true,
8239
8384
  "original": {
8240
- "value": "{base.color.gray.4}",
8385
+ "value": "{base.color.neutral.4}",
8241
8386
  "$type": "color",
8242
8387
  "$extensions": {
8243
8388
  "org.primer.figma": {
@@ -8367,7 +8512,7 @@
8367
8512
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8368
8513
  "isSource": true,
8369
8514
  "original": {
8370
- "value": "{base.color.gray.1}",
8515
+ "value": "{base.color.neutral.1}",
8371
8516
  "$type": "color",
8372
8517
  "$extensions": {
8373
8518
  "org.primer.figma": {
@@ -11917,7 +12062,7 @@
11917
12062
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
11918
12063
  "isSource": true,
11919
12064
  "original": {
11920
- "value": "{base.color.gray.9}",
12065
+ "value": "{base.color.neutral.9}",
11921
12066
  "$type": "color",
11922
12067
  "$extensions": {
11923
12068
  "org.primer.figma": {
@@ -12043,7 +12188,7 @@
12043
12188
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
12044
12189
  "isSource": true,
12045
12190
  "original": {
12046
- "value": "{base.color.gray.5}",
12191
+ "value": "{base.color.neutral.5}",
12047
12192
  "$type": "color",
12048
12193
  "$extensions": {
12049
12194
  "org.primer.figma": {
@@ -12107,7 +12252,7 @@
12107
12252
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12108
12253
  "isSource": true,
12109
12254
  "original": {
12110
- "value": "{base.color.gray.5}",
12255
+ "value": "{base.color.neutral.5}",
12111
12256
  "$type": "color",
12112
12257
  "$extensions": {
12113
12258
  "org.primer.figma": {
@@ -12532,7 +12677,7 @@
12532
12677
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
12533
12678
  "isSource": true,
12534
12679
  "original": {
12535
- "value": "{base.color.gray.1}",
12680
+ "value": "{base.color.neutral.1}",
12536
12681
  "$type": "color",
12537
12682
  "$extensions": {
12538
12683
  "org.primer.figma": {
@@ -12602,7 +12747,7 @@
12602
12747
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12603
12748
  "isSource": true,
12604
12749
  "original": {
12605
- "value": "{base.color.gray.9}",
12750
+ "value": "{base.color.neutral.9}",
12606
12751
  "$type": "color",
12607
12752
  "$extensions": {
12608
12753
  "org.primer.figma": {
@@ -12634,7 +12779,7 @@
12634
12779
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12635
12780
  "isSource": true,
12636
12781
  "original": {
12637
- "value": "{base.color.gray.9}",
12782
+ "value": "{base.color.neutral.9}",
12638
12783
  "$type": "color",
12639
12784
  "$extensions": {
12640
12785
  "org.primer.figma": {
@@ -12722,7 +12867,7 @@
12722
12867
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
12723
12868
  "isSource": true,
12724
12869
  "original": {
12725
- "value": "{base.color.gray.2}",
12870
+ "value": "{base.color.neutral.2}",
12726
12871
  "$type": "color",
12727
12872
  "$extensions": {
12728
12873
  "org.primer.figma": {
@@ -12788,7 +12933,7 @@
12788
12933
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
12789
12934
  "isSource": true,
12790
12935
  "original": {
12791
- "value": "{base.color.gray.1}",
12936
+ "value": "{base.color.neutral.1}",
12792
12937
  "$type": "color",
12793
12938
  "$extensions": {
12794
12939
  "org.primer.figma": {
@@ -12818,7 +12963,7 @@
12818
12963
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12819
12964
  "isSource": true,
12820
12965
  "original": {
12821
- "value": "{base.color.gray.5}",
12966
+ "value": "{base.color.neutral.5}",
12822
12967
  "$type": "color",
12823
12968
  "$extensions": {
12824
12969
  "org.primer.figma": {
@@ -13552,7 +13697,7 @@
13552
13697
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
13553
13698
  "isSource": true,
13554
13699
  "original": {
13555
- "value": "{base.color.gray.8}",
13700
+ "value": "{base.color.neutral.8}",
13556
13701
  "$type": "color",
13557
13702
  "$extensions": {
13558
13703
  "org.primer.figma": {
@@ -13588,7 +13733,7 @@
13588
13733
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
13589
13734
  "isSource": true,
13590
13735
  "original": {
13591
- "value": "{base.color.gray.4}",
13736
+ "value": "{base.color.neutral.4}",
13592
13737
  "$type": "color",
13593
13738
  "$extensions": {
13594
13739
  "org.primer.figma": {
@@ -13621,7 +13766,7 @@
13621
13766
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13622
13767
  "isSource": true,
13623
13768
  "original": {
13624
- "value": "{base.color.gray.5}",
13769
+ "value": "{base.color.neutral.5}",
13625
13770
  "$type": "color",
13626
13771
  "$extensions": {
13627
13772
  "org.primer.figma": {
@@ -13709,7 +13854,7 @@
13709
13854
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
13710
13855
  "isSource": true,
13711
13856
  "original": {
13712
- "value": "{base.color.gray.4}",
13857
+ "value": "{base.color.neutral.4}",
13713
13858
  "$type": "color",
13714
13859
  "$extensions": {
13715
13860
  "org.primer.figma": {
@@ -13739,7 +13884,7 @@
13739
13884
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13740
13885
  "isSource": true,
13741
13886
  "original": {
13742
- "value": "{base.color.gray.5}",
13887
+ "value": "{base.color.neutral.5}",
13743
13888
  "$type": "color",
13744
13889
  "$extensions": {
13745
13890
  "org.primer.figma": {
@@ -14485,7 +14630,7 @@
14485
14630
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
14486
14631
  "isSource": true,
14487
14632
  "original": {
14488
- "value": "{base.color.gray.9}",
14633
+ "value": "{base.color.neutral.9}",
14489
14634
  "$type": "color",
14490
14635
  "$extensions": {
14491
14636
  "org.primer.figma": {
@@ -14512,7 +14657,7 @@
14512
14657
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
14513
14658
  "isSource": true,
14514
14659
  "original": {
14515
- "value": "{base.color.gray.6}",
14660
+ "value": "{base.color.neutral.6}",
14516
14661
  "$type": "color",
14517
14662
  "$extensions": {
14518
14663
  "org.primer.figma": {
@@ -14539,7 +14684,7 @@
14539
14684
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
14540
14685
  "isSource": true,
14541
14686
  "original": {
14542
- "value": "{base.color.gray.5}",
14687
+ "value": "{base.color.neutral.5}",
14543
14688
  "$type": "color",
14544
14689
  "$extensions": {
14545
14690
  "org.primer.figma": {
@@ -14566,7 +14711,7 @@
14566
14711
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
14567
14712
  "isSource": true,
14568
14713
  "original": {
14569
- "value": "{base.color.gray.4}",
14714
+ "value": "{base.color.neutral.4}",
14570
14715
  "$type": "color",
14571
14716
  "$extensions": {
14572
14717
  "org.primer.figma": {
@@ -14593,7 +14738,7 @@
14593
14738
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
14594
14739
  "isSource": true,
14595
14740
  "original": {
14596
- "value": "{base.color.gray.5}",
14741
+ "value": "{base.color.neutral.5}",
14597
14742
  "$type": "color",
14598
14743
  "$extensions": {
14599
14744
  "org.primer.figma": {
@@ -14944,7 +15089,7 @@
14944
15089
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
14945
15090
  "isSource": true,
14946
15091
  "original": {
14947
- "value": "{base.color.gray.6}",
15092
+ "value": "{base.color.neutral.6}",
14948
15093
  "$type": "color",
14949
15094
  "$extensions": {
14950
15095
  "org.primer.figma": {
@@ -15052,7 +15197,7 @@
15052
15197
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15053
15198
  "isSource": true,
15054
15199
  "original": {
15055
- "value": "{base.color.gray.9}",
15200
+ "value": "{base.color.neutral.9}",
15056
15201
  "$type": "color",
15057
15202
  "$extensions": {
15058
15203
  "org.primer.figma": {
@@ -15214,7 +15359,7 @@
15214
15359
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15215
15360
  "isSource": true,
15216
15361
  "original": {
15217
- "value": "{base.color.gray.6}",
15362
+ "value": "{base.color.neutral.6}",
15218
15363
  "$type": "color",
15219
15364
  "$extensions": {
15220
15365
  "org.primer.figma": {
@@ -15241,7 +15386,7 @@
15241
15386
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15242
15387
  "isSource": true,
15243
15388
  "original": {
15244
- "value": "{base.color.gray.0}",
15389
+ "value": "{base.color.neutral.0}",
15245
15390
  "$type": "color",
15246
15391
  "$extensions": {
15247
15392
  "org.primer.figma": {
@@ -15295,7 +15440,7 @@
15295
15440
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15296
15441
  "isSource": true,
15297
15442
  "original": {
15298
- "value": "{base.color.gray.0}",
15443
+ "value": "{base.color.neutral.0}",
15299
15444
  "$type": "color",
15300
15445
  "$extensions": {
15301
15446
  "org.primer.figma": {
@@ -15430,7 +15575,7 @@
15430
15575
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15431
15576
  "isSource": true,
15432
15577
  "original": {
15433
- "value": "{base.color.gray.9}",
15578
+ "value": "{base.color.neutral.9}",
15434
15579
  "$type": "color",
15435
15580
  "$extensions": {
15436
15581
  "org.primer.figma": {
@@ -15457,7 +15602,7 @@
15457
15602
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15458
15603
  "isSource": true,
15459
15604
  "original": {
15460
- "value": "{base.color.gray.9}",
15605
+ "value": "{base.color.neutral.9}",
15461
15606
  "$type": "color",
15462
15607
  "$extensions": {
15463
15608
  "org.primer.figma": {
@@ -15646,7 +15791,7 @@
15646
15791
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15647
15792
  "isSource": true,
15648
15793
  "original": {
15649
- "value": "{base.color.gray.1}",
15794
+ "value": "{base.color.neutral.1}",
15650
15795
  "$type": "color",
15651
15796
  "$extensions": {
15652
15797
  "org.primer.figma": {
@@ -15727,7 +15872,7 @@
15727
15872
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15728
15873
  "isSource": true,
15729
15874
  "original": {
15730
- "value": "{base.color.gray.4}",
15875
+ "value": "{base.color.neutral.4}",
15731
15876
  "$type": "color",
15732
15877
  "$extensions": {
15733
15878
  "org.primer.figma": {
@@ -15863,7 +16008,7 @@
15863
16008
  "original": {
15864
16009
  "value": [
15865
16010
  {
15866
- "color": "{base.color.gray.7}",
16011
+ "color": "{base.color.neutral.7}",
15867
16012
  "alpha": 0.12,
15868
16013
  "offsetX": "0px",
15869
16014
  "offsetY": "3px",
@@ -15907,7 +16052,7 @@
15907
16052
  "spread": "1px"
15908
16053
  },
15909
16054
  {
15910
- "color": "{base.color.gray.7}",
16055
+ "color": "{base.color.neutral.7}",
15911
16056
  "alpha": 0.04,
15912
16057
  "offsetX": "0px",
15913
16058
  "offsetY": "6px",
@@ -15915,7 +16060,7 @@
15915
16060
  "spread": "-3px"
15916
16061
  },
15917
16062
  {
15918
- "color": "{base.color.gray.7}",
16063
+ "color": "{base.color.neutral.7}",
15919
16064
  "alpha": 0.12,
15920
16065
  "offsetX": "0px",
15921
16066
  "offsetY": "6px",
@@ -15959,7 +16104,7 @@
15959
16104
  "spread": "1px"
15960
16105
  },
15961
16106
  {
15962
- "color": "{base.color.gray.7}",
16107
+ "color": "{base.color.neutral.7}",
15963
16108
  "alpha": 0.08,
15964
16109
  "offsetX": "0px",
15965
16110
  "offsetY": "8px",
@@ -15967,7 +16112,7 @@
15967
16112
  "spread": "-4px"
15968
16113
  },
15969
16114
  {
15970
- "color": "{base.color.gray.7}",
16115
+ "color": "{base.color.neutral.7}",
15971
16116
  "alpha": 0.08,
15972
16117
  "offsetX": "0px",
15973
16118
  "offsetY": "4px",
@@ -15975,7 +16120,7 @@
15975
16120
  "spread": "-4px"
15976
16121
  },
15977
16122
  {
15978
- "color": "{base.color.gray.7}",
16123
+ "color": "{base.color.neutral.7}",
15979
16124
  "alpha": 0.08,
15980
16125
  "offsetX": "0px",
15981
16126
  "offsetY": "24px",
@@ -15983,7 +16128,7 @@
15983
16128
  "spread": "-12px"
15984
16129
  },
15985
16130
  {
15986
- "color": "{base.color.gray.7}",
16131
+ "color": "{base.color.neutral.7}",
15987
16132
  "alpha": 0.08,
15988
16133
  "offsetX": "0px",
15989
16134
  "offsetY": "48px",
@@ -16027,7 +16172,7 @@
16027
16172
  "spread": "1px"
16028
16173
  },
16029
16174
  {
16030
- "color": "{base.color.gray.7}",
16175
+ "color": "{base.color.neutral.7}",
16031
16176
  "alpha": 0.24,
16032
16177
  "offsetX": "0px",
16033
16178
  "offsetY": "40px",
@@ -16071,7 +16216,7 @@
16071
16216
  "spread": "1px"
16072
16217
  },
16073
16218
  {
16074
- "color": "{base.color.gray.7}",
16219
+ "color": "{base.color.neutral.7}",
16075
16220
  "alpha": 0.32,
16076
16221
  "offsetX": "0px",
16077
16222
  "offsetY": "56px",
@@ -16100,7 +16245,7 @@
16100
16245
  "original": {
16101
16246
  "value": [
16102
16247
  {
16103
- "color": "{base.color.gray.7}",
16248
+ "color": "{base.color.neutral.7}",
16104
16249
  "alpha": 0.04,
16105
16250
  "offsetX": "0px",
16106
16251
  "offsetY": "6px",
@@ -16108,7 +16253,7 @@
16108
16253
  "spread": "-3px"
16109
16254
  },
16110
16255
  {
16111
- "color": "{base.color.gray.7}",
16256
+ "color": "{base.color.neutral.7}",
16112
16257
  "alpha": 0.12,
16113
16258
  "offsetX": "0px",
16114
16259
  "offsetY": "6px",