@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/fallbacks/functional/typography/typography.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "--fontStack-system": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
3
3
  "--fontStack-sansSerif": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
4
4
  "--fontStack-monospace": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
5
- "--text-display-lineBoxHeight": "3.5rem",
5
+ "--text-display-lineBoxHeight": 1.4,
6
6
  "--text-display-size": "2.5rem",
7
7
  "--text-display-lineHeight": 1.4,
8
8
  "--text-display-weight": 500,
package/dist/figma/figma.json CHANGED
@@ -85,6 +85,22 @@
85
85
  "component",
86
86
  "component (internal)"
87
87
  ]
88
+ },
89
+ "typography": {
90
+ "modes": [
91
+ "default"
92
+ ],
93
+ "groups": [
94
+ "typography"
95
+ ]
96
+ },
97
+ "base/typography": {
98
+ "modes": [
99
+ "default"
100
+ ],
101
+ "groups": [
102
+ "base/typography"
103
+ ]
88
104
  }
89
105
  },
90
106
  "files": [
@@ -111,6 +127,7 @@
111
127
  "dist/figma/themes/light-colorblind.json",
112
128
  "dist/figma/themes/light-high-contrast.json",
113
129
  "dist/figma/themes/light-tritanopia.json",
114
- "dist/figma/themes/light.json"
130
+ "dist/figma/themes/light.json",
131
+ "dist/figma/typography/typography.json"
115
132
  ]
116
133
  }
package/dist/figma/scales/dark-dimmed.json CHANGED
@@ -1200,7 +1200,7 @@
1200
1200
  "scopes": ["ALL_SCOPES"]
1201
1201
  },
1202
1202
  {
1203
- "name": "base/color/gray/9",
1203
+ "name": "base/color/neutral/9",
1204
1204
  "value": {
1205
1205
  "r": 0.13333333333333333,
1206
1206
  "g": 0.15294117647058825,
@@ -1208,14 +1208,14 @@
1208
1208
  "a": 1
1209
1209
  },
1210
1210
  "type": "COLOR",
1211
- "refId": "base/color/dark-dimmed/base/color/gray/9",
1211
+ "refId": "base/color/dark-dimmed/base/color/neutral/9",
1212
1212
  "collection": "base/color/dark-dimmed",
1213
1213
  "mode": "default",
1214
1214
  "group": "base/color/dark-dimmed",
1215
1215
  "scopes": ["ALL_SCOPES"]
1216
1216
  },
1217
1217
  {
1218
- "name": "base/color/gray/8",
1218
+ "name": "base/color/neutral/8",
1219
1219
  "value": {
1220
1220
  "r": 0.17647058823529413,
1221
1221
  "g": 0.2,
@@ -1223,14 +1223,14 @@
1223
1223
  "a": 1
1224
1224
  },
1225
1225
  "type": "COLOR",
1226
- "refId": "base/color/dark-dimmed/base/color/gray/8",
1226
+ "refId": "base/color/dark-dimmed/base/color/neutral/8",
1227
1227
  "collection": "base/color/dark-dimmed",
1228
1228
  "mode": "default",
1229
1229
  "group": "base/color/dark-dimmed",
1230
1230
  "scopes": ["ALL_SCOPES"]
1231
1231
  },
1232
1232
  {
1233
- "name": "base/color/gray/7",
1233
+ "name": "base/color/neutral/7",
1234
1234
  "value": {
1235
1235
  "r": 0.21568627450980393,
1236
1236
  "g": 0.24313725490196078,
@@ -1238,14 +1238,14 @@
1238
1238
  "a": 1
1239
1239
  },
1240
1240
  "type": "COLOR",
1241
- "refId": "base/color/dark-dimmed/base/color/gray/7",
1241
+ "refId": "base/color/dark-dimmed/base/color/neutral/7",
1242
1242
  "collection": "base/color/dark-dimmed",
1243
1243
  "mode": "default",
1244
1244
  "group": "base/color/dark-dimmed",
1245
1245
  "scopes": ["ALL_SCOPES"]
1246
1246
  },
1247
1247
  {
1248
- "name": "base/color/gray/6",
1248
+ "name": "base/color/neutral/6",
1249
1249
  "value": {
1250
1250
  "r": 0.26666666666666666,
1251
1251
  "g": 0.2980392156862745,
@@ -1253,14 +1253,14 @@
1253
1253
  "a": 1
1254
1254
  },
1255
1255
  "type": "COLOR",
1256
- "refId": "base/color/dark-dimmed/base/color/gray/6",
1256
+ "refId": "base/color/dark-dimmed/base/color/neutral/6",
1257
1257
  "collection": "base/color/dark-dimmed",
1258
1258
  "mode": "default",
1259
1259
  "group": "base/color/dark-dimmed",
1260
1260
  "scopes": ["ALL_SCOPES"]
1261
1261
  },
1262
1262
  {
1263
- "name": "base/color/gray/5",
1263
+ "name": "base/color/neutral/5",
1264
1264
  "value": {
1265
1265
  "r": 0.32941176470588235,
1266
1266
  "g": 0.36470588235294116,
@@ -1268,14 +1268,14 @@
1268
1268
  "a": 1
1269
1269
  },
1270
1270
  "type": "COLOR",
1271
- "refId": "base/color/dark-dimmed/base/color/gray/5",
1271
+ "refId": "base/color/dark-dimmed/base/color/neutral/5",
1272
1272
  "collection": "base/color/dark-dimmed",
1273
1273
  "mode": "default",
1274
1274
  "group": "base/color/dark-dimmed",
1275
1275
  "scopes": ["ALL_SCOPES"]
1276
1276
  },
1277
1277
  {
1278
- "name": "base/color/gray/4",
1278
+ "name": "base/color/neutral/4",
1279
1279
  "value": {
1280
1280
  "r": 0.38823529411764707,
1281
1281
  "g": 0.43137254901960786,
@@ -1283,14 +1283,14 @@
1283
1283
  "a": 1
1284
1284
  },
1285
1285
  "type": "COLOR",
1286
- "refId": "base/color/dark-dimmed/base/color/gray/4",
1286
+ "refId": "base/color/dark-dimmed/base/color/neutral/4",
1287
1287
  "collection": "base/color/dark-dimmed",
1288
1288
  "mode": "default",
1289
1289
  "group": "base/color/dark-dimmed",
1290
1290
  "scopes": ["ALL_SCOPES"]
1291
1291
  },
1292
1292
  {
1293
- "name": "base/color/gray/3",
1293
+ "name": "base/color/neutral/3",
1294
1294
  "value": {
1295
1295
  "r": 0.4627450980392157,
1296
1296
  "g": 0.5137254901960784,
@@ -1298,14 +1298,14 @@
1298
1298
  "a": 1
1299
1299
  },
1300
1300
  "type": "COLOR",
1301
- "refId": "base/color/dark-dimmed/base/color/gray/3",
1301
+ "refId": "base/color/dark-dimmed/base/color/neutral/3",
1302
1302
  "collection": "base/color/dark-dimmed",
1303
1303
  "mode": "default",
1304
1304
  "group": "base/color/dark-dimmed",
1305
1305
  "scopes": ["ALL_SCOPES"]
1306
1306
  },
1307
1307
  {
1308
- "name": "base/color/gray/2",
1308
+ "name": "base/color/neutral/2",
1309
1309
  "value": {
1310
1310
  "r": 0.5647058823529412,
1311
1311
  "g": 0.615686274509804,
@@ -1313,14 +1313,14 @@
1313
1313
  "a": 1
1314
1314
  },
1315
1315
  "type": "COLOR",
1316
- "refId": "base/color/dark-dimmed/base/color/gray/2",
1316
+ "refId": "base/color/dark-dimmed/base/color/neutral/2",
1317
1317
  "collection": "base/color/dark-dimmed",
1318
1318
  "mode": "default",
1319
1319
  "group": "base/color/dark-dimmed",
1320
1320
  "scopes": ["ALL_SCOPES"]
1321
1321
  },
1322
1322
  {
1323
- "name": "base/color/gray/1",
1323
+ "name": "base/color/neutral/1",
1324
1324
  "value": {
1325
1325
  "r": 0.6784313725490196,
1326
1326
  "g": 0.7294117647058823,
@@ -1328,14 +1328,14 @@
1328
1328
  "a": 1
1329
1329
  },
1330
1330
  "type": "COLOR",
1331
- "refId": "base/color/dark-dimmed/base/color/gray/1",
1331
+ "refId": "base/color/dark-dimmed/base/color/neutral/1",
1332
1332
  "collection": "base/color/dark-dimmed",
1333
1333
  "mode": "default",
1334
1334
  "group": "base/color/dark-dimmed",
1335
1335
  "scopes": ["ALL_SCOPES"]
1336
1336
  },
1337
1337
  {
1338
- "name": "base/color/gray/0",
1338
+ "name": "base/color/neutral/0",
1339
1339
  "value": {
1340
1340
  "r": 0.803921568627451,
1341
1341
  "g": 0.8509803921568627,
@@ -1343,7 +1343,7 @@
1343
1343
  "a": 1
1344
1344
  },
1345
1345
  "type": "COLOR",
1346
- "refId": "base/color/dark-dimmed/base/color/gray/0",
1346
+ "refId": "base/color/dark-dimmed/base/color/neutral/0",
1347
1347
  "collection": "base/color/dark-dimmed",
1348
1348
  "mode": "default",
1349
1349
  "group": "base/color/dark-dimmed",
package/dist/figma/scales/dark-high-constrast.json CHANGED
@@ -1200,7 +1200,7 @@
1200
1200
  "scopes": ["ALL_SCOPES"]
1201
1201
  },
1202
1202
  {
1203
- "name": "base/color/gray/9",
1203
+ "name": "base/color/neutral/9",
1204
1204
  "value": {
1205
1205
  "r": 0.0392156862745098,
1206
1206
  "g": 0.047058823529411764,
@@ -1208,14 +1208,14 @@
1208
1208
  "a": 1
1209
1209
  },
1210
1210
  "type": "COLOR",
1211
- "refId": "base/color/dark-high-contrast/base/color/gray/9",
1211
+ "refId": "base/color/dark-high-contrast/base/color/neutral/9",
1212
1212
  "collection": "base/color/dark-high-contrast",
1213
1213
  "mode": "default",
1214
1214
  "group": "base/color/dark-high-contrast",
1215
1215
  "scopes": ["ALL_SCOPES"]
1216
1216
  },
1217
1217
  {
1218
- "name": "base/color/gray/8",
1218
+ "name": "base/color/neutral/8",
1219
1219
  "value": {
1220
1220
  "r": 0.15294117647058825,
1221
1221
  "g": 0.16862745098039217,
@@ -1223,14 +1223,14 @@
1223
1223
  "a": 1
1224
1224
  },
1225
1225
  "type": "COLOR",
1226
- "refId": "base/color/dark-high-contrast/base/color/gray/8",
1226
+ "refId": "base/color/dark-high-contrast/base/color/neutral/8",
1227
1227
  "collection": "base/color/dark-high-contrast",
1228
1228
  "mode": "default",
1229
1229
  "group": "base/color/dark-high-contrast",
1230
1230
  "scopes": ["ALL_SCOPES"]
1231
1231
  },
1232
1232
  {
1233
- "name": "base/color/gray/7",
1233
+ "name": "base/color/neutral/7",
1234
1234
  "value": {
1235
1235
  "r": 0.23921568627450981,
1236
1236
  "g": 0.25882352941176473,
@@ -1238,14 +1238,14 @@
1238
1238
  "a": 1
1239
1239
  },
1240
1240
  "type": "COLOR",
1241
- "refId": "base/color/dark-high-contrast/base/color/gray/7",
1241
+ "refId": "base/color/dark-high-contrast/base/color/neutral/7",
1242
1242
  "collection": "base/color/dark-high-contrast",
1243
1243
  "mode": "default",
1244
1244
  "group": "base/color/dark-high-contrast",
1245
1245
  "scopes": ["ALL_SCOPES"]
1246
1246
  },
1247
1247
  {
1248
- "name": "base/color/gray/6",
1248
+ "name": "base/color/neutral/6",
1249
1249
  "value": {
1250
1250
  "r": 0.3215686274509804,
1251
1251
  "g": 0.34901960784313724,
@@ -1253,14 +1253,14 @@
1253
1253
  "a": 1
1254
1254
  },
1255
1255
  "type": "COLOR",
1256
- "refId": "base/color/dark-high-contrast/base/color/gray/6",
1256
+ "refId": "base/color/dark-high-contrast/base/color/neutral/6",
1257
1257
  "collection": "base/color/dark-high-contrast",
1258
1258
  "mode": "default",
1259
1259
  "group": "base/color/dark-high-contrast",
1260
1260
  "scopes": ["ALL_SCOPES"]
1261
1261
  },
1262
1262
  {
1263
- "name": "base/color/gray/5",
1263
+ "name": "base/color/neutral/5",
1264
1264
  "value": {
1265
1265
  "r": 0.47843137254901963,
1266
1266
  "g": 0.5098039215686274,
@@ -1268,14 +1268,14 @@
1268
1268
  "a": 1
1269
1269
  },
1270
1270
  "type": "COLOR",
1271
- "refId": "base/color/dark-high-contrast/base/color/gray/5",
1271
+ "refId": "base/color/dark-high-contrast/base/color/neutral/5",
1272
1272
  "collection": "base/color/dark-high-contrast",
1273
1273
  "mode": "default",
1274
1274
  "group": "base/color/dark-high-contrast",
1275
1275
  "scopes": ["ALL_SCOPES"]
1276
1276
  },
1277
1277
  {
1278
- "name": "base/color/gray/4",
1278
+ "name": "base/color/neutral/4",
1279
1279
  "value": {
1280
1280
  "r": 0.6196078431372549,
1281
1281
  "g": 0.6549019607843137,
@@ -1283,14 +1283,14 @@
1283
1283
  "a": 1
1284
1284
  },
1285
1285
  "type": "COLOR",
1286
- "refId": "base/color/dark-high-contrast/base/color/gray/4",
1286
+ "refId": "base/color/dark-high-contrast/base/color/neutral/4",
1287
1287
  "collection": "base/color/dark-high-contrast",
1288
1288
  "mode": "default",
1289
1289
  "group": "base/color/dark-high-contrast",
1290
1290
  "scopes": ["ALL_SCOPES"]
1291
1291
  },
1292
1292
  {
1293
- "name": "base/color/gray/3",
1293
+ "name": "base/color/neutral/3",
1294
1294
  "value": {
1295
1295
  "r": 0.7411764705882353,
1296
1296
  "g": 0.7686274509803922,
@@ -1298,14 +1298,14 @@
1298
1298
  "a": 1
1299
1299
  },
1300
1300
  "type": "COLOR",
1301
- "refId": "base/color/dark-high-contrast/base/color/gray/3",
1301
+ "refId": "base/color/dark-high-contrast/base/color/neutral/3",
1302
1302
  "collection": "base/color/dark-high-contrast",
1303
1303
  "mode": "default",
1304
1304
  "group": "base/color/dark-high-contrast",
1305
1305
  "scopes": ["ALL_SCOPES"]
1306
1306
  },
1307
1307
  {
1308
- "name": "base/color/gray/2",
1308
+ "name": "base/color/neutral/2",
1309
1309
  "value": {
1310
1310
  "r": 0.8509803921568627,
1311
1311
  "g": 0.8705882352941177,
@@ -1313,14 +1313,14 @@
1313
1313
  "a": 1
1314
1314
  },
1315
1315
  "type": "COLOR",
1316
- "refId": "base/color/dark-high-contrast/base/color/gray/2",
1316
+ "refId": "base/color/dark-high-contrast/base/color/neutral/2",
1317
1317
  "collection": "base/color/dark-high-contrast",
1318
1318
  "mode": "default",
1319
1319
  "group": "base/color/dark-high-contrast",
1320
1320
  "scopes": ["ALL_SCOPES"]
1321
1321
  },
1322
1322
  {
1323
- "name": "base/color/gray/1",
1323
+ "name": "base/color/neutral/1",
1324
1324
  "value": {
1325
1325
  "r": 0.9411764705882353,
1326
1326
  "g": 0.9529411764705882,
@@ -1328,14 +1328,14 @@
1328
1328
  "a": 1
1329
1329
  },
1330
1330
  "type": "COLOR",
1331
- "refId": "base/color/dark-high-contrast/base/color/gray/1",
1331
+ "refId": "base/color/dark-high-contrast/base/color/neutral/1",
1332
1332
  "collection": "base/color/dark-high-contrast",
1333
1333
  "mode": "default",
1334
1334
  "group": "base/color/dark-high-contrast",
1335
1335
  "scopes": ["ALL_SCOPES"]
1336
1336
  },
1337
1337
  {
1338
- "name": "base/color/gray/0",
1338
+ "name": "base/color/neutral/0",
1339
1339
  "value": {
1340
1340
  "r": 1,
1341
1341
  "g": 1,
@@ -1343,7 +1343,7 @@
1343
1343
  "a": 1
1344
1344
  },
1345
1345
  "type": "COLOR",
1346
- "refId": "base/color/dark-high-contrast/base/color/gray/0",
1346
+ "refId": "base/color/dark-high-contrast/base/color/neutral/0",
1347
1347
  "collection": "base/color/dark-high-contrast",
1348
1348
  "mode": "default",
1349
1349
  "group": "base/color/dark-high-contrast",
package/dist/figma/scales/dark.json CHANGED
@@ -377,9 +377,9 @@
377
377
  {
378
378
  "name": "base/color/purple/4",
379
379
  "value": {
380
- "r": 0.6392156862745098,
381
- "g": 0.44313725490196076,
382
- "b": 0.9686274509803922,
380
+ "r": 0.6705882352941176,
381
+ "g": 0.49019607843137253,
382
+ "b": 0.9725490196078431,
383
383
  "a": 1
384
384
  },
385
385
  "type": "COLOR",
@@ -392,8 +392,8 @@
392
392
  {
393
393
  "name": "base/color/purple/3",
394
394
  "value": {
395
- "r": 0.7372549019607844,
396
- "g": 0.5490196078431373,
395
+ "r": 0.7450980392156863,
396
+ "g": 0.5607843137254902,
397
397
  "b": 1,
398
398
  "a": 1
399
399
  },
@@ -1200,7 +1200,7 @@
1200
1200
  "scopes": ["ALL_SCOPES"]
1201
1201
  },
1202
1202
  {
1203
- "name": "base/color/gray/9",
1203
+ "name": "base/color/neutral/9",
1204
1204
  "value": {
1205
1205
  "r": 0.050980392156862744,
1206
1206
  "g": 0.06666666666666667,
@@ -1208,14 +1208,14 @@
1208
1208
  "a": 1
1209
1209
  },
1210
1210
  "type": "COLOR",
1211
- "refId": "base/color/dark/base/color/gray/9",
1211
+ "refId": "base/color/dark/base/color/neutral/9",
1212
1212
  "collection": "base/color/dark",
1213
1213
  "mode": "default",
1214
1214
  "group": "base/color/dark",
1215
1215
  "scopes": ["ALL_SCOPES"]
1216
1216
  },
1217
1217
  {
1218
- "name": "base/color/gray/8",
1218
+ "name": "base/color/neutral/8",
1219
1219
  "value": {
1220
1220
  "r": 0.08627450980392157,
1221
1221
  "g": 0.10588235294117647,
@@ -1223,14 +1223,14 @@
1223
1223
  "a": 1
1224
1224
  },
1225
1225
  "type": "COLOR",
1226
- "refId": "base/color/dark/base/color/gray/8",
1226
+ "refId": "base/color/dark/base/color/neutral/8",
1227
1227
  "collection": "base/color/dark",
1228
1228
  "mode": "default",
1229
1229
  "group": "base/color/dark",
1230
1230
  "scopes": ["ALL_SCOPES"]
1231
1231
  },
1232
1232
  {
1233
- "name": "base/color/gray/7",
1233
+ "name": "base/color/neutral/7",
1234
1234
  "value": {
1235
1235
  "r": 0.12941176470588237,
1236
1236
  "g": 0.14901960784313725,
@@ -1238,14 +1238,14 @@
1238
1238
  "a": 1
1239
1239
  },
1240
1240
  "type": "COLOR",
1241
- "refId": "base/color/dark/base/color/gray/7",
1241
+ "refId": "base/color/dark/base/color/neutral/7",
1242
1242
  "collection": "base/color/dark",
1243
1243
  "mode": "default",
1244
1244
  "group": "base/color/dark",
1245
1245
  "scopes": ["ALL_SCOPES"]
1246
1246
  },
1247
1247
  {
1248
- "name": "base/color/gray/6",
1248
+ "name": "base/color/neutral/6",
1249
1249
  "value": {
1250
1250
  "r": 0.18823529411764706,
1251
1251
  "g": 0.21176470588235294,
@@ -1253,14 +1253,14 @@
1253
1253
  "a": 1
1254
1254
  },
1255
1255
  "type": "COLOR",
1256
- "refId": "base/color/dark/base/color/gray/6",
1256
+ "refId": "base/color/dark/base/color/neutral/6",
1257
1257
  "collection": "base/color/dark",
1258
1258
  "mode": "default",
1259
1259
  "group": "base/color/dark",
1260
1260
  "scopes": ["ALL_SCOPES"]
1261
1261
  },
1262
1262
  {
1263
- "name": "base/color/gray/5",
1263
+ "name": "base/color/neutral/5",
1264
1264
  "value": {
1265
1265
  "r": 0.2823529411764706,
1266
1266
  "g": 0.30980392156862746,
@@ -1268,14 +1268,14 @@
1268
1268
  "a": 1
1269
1269
  },
1270
1270
  "type": "COLOR",
1271
- "refId": "base/color/dark/base/color/gray/5",
1271
+ "refId": "base/color/dark/base/color/neutral/5",
1272
1272
  "collection": "base/color/dark",
1273
1273
  "mode": "default",
1274
1274
  "group": "base/color/dark",
1275
1275
  "scopes": ["ALL_SCOPES"]
1276
1276
  },
1277
1277
  {
1278
- "name": "base/color/gray/4",
1278
+ "name": "base/color/neutral/4",
1279
1279
  "value": {
1280
1280
  "r": 0.43137254901960786,
1281
1281
  "g": 0.4627450980392157,
@@ -1283,14 +1283,14 @@
1283
1283
  "a": 1
1284
1284
  },
1285
1285
  "type": "COLOR",
1286
- "refId": "base/color/dark/base/color/gray/4",
1286
+ "refId": "base/color/dark/base/color/neutral/4",
1287
1287
  "collection": "base/color/dark",
1288
1288
  "mode": "default",
1289
1289
  "group": "base/color/dark",
1290
1290
  "scopes": ["ALL_SCOPES"]
1291
1291
  },
1292
1292
  {
1293
- "name": "base/color/gray/3",
1293
+ "name": "base/color/neutral/3",
1294
1294
  "value": {
1295
1295
  "r": 0.5450980392156862,
1296
1296
  "g": 0.5803921568627451,
@@ -1298,14 +1298,14 @@
1298
1298
  "a": 1
1299
1299
  },
1300
1300
  "type": "COLOR",
1301
- "refId": "base/color/dark/base/color/gray/3",
1301
+ "refId": "base/color/dark/base/color/neutral/3",
1302
1302
  "collection": "base/color/dark",
1303
1303
  "mode": "default",
1304
1304
  "group": "base/color/dark",
1305
1305
  "scopes": ["ALL_SCOPES"]
1306
1306
  },
1307
1307
  {
1308
- "name": "base/color/gray/2",
1308
+ "name": "base/color/neutral/2",
1309
1309
  "value": {
1310
1310
  "r": 0.6941176470588235,
1311
1311
  "g": 0.7294117647058823,
@@ -1313,14 +1313,14 @@
1313
1313
  "a": 1
1314
1314
  },
1315
1315
  "type": "COLOR",
1316
- "refId": "base/color/dark/base/color/gray/2",
1316
+ "refId": "base/color/dark/base/color/neutral/2",
1317
1317
  "collection": "base/color/dark",
1318
1318
  "mode": "default",
1319
1319
  "group": "base/color/dark",
1320
1320
  "scopes": ["ALL_SCOPES"]
1321
1321
  },
1322
1322
  {
1323
- "name": "base/color/gray/1",
1323
+ "name": "base/color/neutral/1",
1324
1324
  "value": {
1325
1325
  "r": 0.788235294117647,
1326
1326
  "g": 0.8196078431372549,
@@ -1328,14 +1328,14 @@
1328
1328
  "a": 1
1329
1329
  },
1330
1330
  "type": "COLOR",
1331
- "refId": "base/color/dark/base/color/gray/1",
1331
+ "refId": "base/color/dark/base/color/neutral/1",
1332
1332
  "collection": "base/color/dark",
1333
1333
  "mode": "default",
1334
1334
  "group": "base/color/dark",
1335
1335
  "scopes": ["ALL_SCOPES"]
1336
1336
  },
1337
1337
  {
1338
- "name": "base/color/gray/0",
1338
+ "name": "base/color/neutral/0",
1339
1339
  "value": {
1340
1340
  "r": 0.9411764705882353,
1341
1341
  "g": 0.9647058823529412,
@@ -1343,7 +1343,7 @@
1343
1343
  "a": 1
1344
1344
  },
1345
1345
  "type": "COLOR",
1346
- "refId": "base/color/dark/base/color/gray/0",
1346
+ "refId": "base/color/dark/base/color/neutral/0",
1347
1347
  "collection": "base/color/dark",
1348
1348
  "mode": "default",
1349
1349
  "group": "base/color/dark",