@primer/primitives 7.16.0 → 7.17.0-rc.132f02a7

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 (360) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +14 -14
  2. package/dist/css/functional/themes/dark-tritanopia.css +14 -14
  3. package/dist/css/functional/themes/dark.css +14 -14
  4. package/dist/docs/functional/themes/dark-colorblind.json +7 -7
  5. package/dist/docs/functional/themes/dark-tritanopia.json +7 -7
  6. package/dist/docs/functional/themes/dark.json +7 -7
  7. package/dist/figma/scales/dark.json +5 -5
  8. package/dist/figma/themes/dark-colorblind.json +20 -20
  9. package/dist/figma/themes/dark-tritanopia.json +20 -20
  10. package/dist/figma/themes/dark.json +20 -20
  11. package/dist/internalCss/dark-colorblind.css +18 -18
  12. package/dist/internalCss/dark-tritanopia.css +18 -18
  13. package/dist/internalCss/dark.css +18 -18
  14. package/{tokens-next-private/docs → dist/styleLint}/base/size/size.json +17 -17
  15. package/{tokens-next-private/docs → dist/styleLint}/functional/size/border.json +6 -6
  16. package/{tokens-next-private/docs → dist/styleLint}/functional/size/breakpoints.json +6 -6
  17. package/{tokens-next-private/docs → dist/styleLint}/functional/size/size-coarse.json +3 -3
  18. package/{tokens-next-private/docs → dist/styleLint}/functional/size/size-fine.json +3 -3
  19. package/{tokens-next-private/docs → dist/styleLint}/functional/size/size.json +72 -72
  20. package/{tokens-next-private/docs → dist/styleLint}/functional/size/viewport.json +4 -4
  21. package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark-colorblind.json +7 -7
  22. package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark-tritanopia.json +7 -7
  23. package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark.json +7 -7
  24. package/{tokens-next-private/docs → dist/styleLint}/functional/typography/typography.json +23 -23
  25. package/package.json +12 -11
  26. package/src/PrimerStyleDictionary.ts +226 -0
  27. package/src/filters/index.ts +12 -0
  28. package/src/filters/isBorder.ts +10 -0
  29. package/src/filters/isColor.ts +10 -0
  30. package/src/filters/isColorWithAlpha.ts +11 -0
  31. package/src/filters/isColorWithMix.ts +33 -0
  32. package/src/filters/isDeprecated.ts +10 -0
  33. package/src/filters/isDimension.ts +10 -0
  34. package/src/filters/isDuration.ts +10 -0
  35. package/src/filters/isFontFamily.ts +10 -0
  36. package/src/filters/isFontWeight.ts +10 -0
  37. package/src/filters/isFromFile.ts +12 -0
  38. package/src/filters/isShadow.ts +10 -0
  39. package/src/filters/isSource.ts +10 -0
  40. package/src/filters/isTypography.ts +10 -0
  41. package/src/formats/cssCustomMedia.ts +24 -0
  42. package/src/formats/cssThemed.ts +35 -0
  43. package/src/formats/cssVariables.ts +25 -0
  44. package/src/formats/cssWrapMediaQuery.ts +29 -0
  45. package/src/formats/index.ts +11 -0
  46. package/src/formats/javascriptCommonJs.ts +21 -0
  47. package/src/formats/javascriptEsm.ts +21 -0
  48. package/src/formats/jsonFigma.ts +133 -0
  49. package/src/formats/jsonNestedPrefixed.ts +23 -0
  50. package/src/formats/jsonOneDimensional.ts +18 -0
  51. package/src/formats/jsonPostCssFallback.ts +16 -0
  52. package/src/formats/typescriptExportDefinition.ts +170 -0
  53. package/src/formats/utilities/jsonToFlat.ts +10 -0
  54. package/src/formats/utilities/jsonToNestedValue.ts +20 -0
  55. package/src/formats/utilities/prefixTokens.ts +17 -0
  56. package/src/parsers/index.ts +1 -0
  57. package/src/parsers/w3cJsonParser.ts +25 -0
  58. package/src/platforms/css.ts +93 -0
  59. package/src/platforms/deprecatedJson.ts +16 -0
  60. package/src/platforms/docJson.ts +34 -0
  61. package/src/platforms/fallbacks.ts +34 -0
  62. package/src/platforms/figma.ts +48 -0
  63. package/src/platforms/index.ts +10 -0
  64. package/src/platforms/javascript.ts +30 -0
  65. package/src/platforms/json.ts +32 -0
  66. package/src/platforms/styleLint.ts +34 -0
  67. package/src/platforms/typeDefinitions.ts +30 -0
  68. package/src/platforms/typescript.ts +30 -0
  69. package/src/schemas/alphaValue.ts +12 -0
  70. package/src/schemas/baseToken.ts +7 -0
  71. package/src/schemas/borderToken.ts +19 -0
  72. package/src/schemas/collections.ts +49 -0
  73. package/src/schemas/colorHexValue.ts +18 -0
  74. package/src/schemas/colorToken.ts +50 -0
  75. package/src/schemas/designToken.ts +38 -0
  76. package/src/schemas/dimensionToken.ts +22 -0
  77. package/src/schemas/dimensionValue.ts +16 -0
  78. package/src/schemas/durationToken.ts +12 -0
  79. package/src/schemas/durationValue.ts +9 -0
  80. package/src/schemas/fontFamilyToken.ts +21 -0
  81. package/src/schemas/fontWeightToken.ts +22 -0
  82. package/src/schemas/fontWeightValue.ts +14 -0
  83. package/src/schemas/numberToken.ts +11 -0
  84. package/src/schemas/referenceValue.ts +12 -0
  85. package/src/schemas/scopes.ts +16 -0
  86. package/src/schemas/shadowToken.ts +45 -0
  87. package/src/schemas/stringToken.ts +11 -0
  88. package/src/schemas/tokenName.ts +12 -0
  89. package/src/schemas/tokenType.ts +4 -0
  90. package/src/schemas/typographyToken.ts +20 -0
  91. package/src/schemas/validTokenType.ts +44 -0
  92. package/src/schemas/viewportRangeToken.ts +11 -0
  93. package/src/test-utilities/getMockDictionary.ts +22 -0
  94. package/src/test-utilities/getMockFormatterArguments.ts +21 -0
  95. package/src/test-utilities/getMockParserInput.ts +72 -0
  96. package/src/test-utilities/getMockToken.ts +25 -0
  97. package/src/test-utilities/index.ts +4 -0
  98. package/src/tokens/base/color/dark/dark.dimmed.json5 +1326 -0
  99. package/src/tokens/base/color/dark/dark.high-contrast.json5 +856 -0
  100. package/src/tokens/base/color/dark/dark.json5 +866 -0
  101. package/src/tokens/base/color/dark/display-dark.json5 +1774 -0
  102. package/src/tokens/base/color/light/display-light.json5 +1774 -0
  103. package/src/tokens/base/color/light/light.high-contrast.json5 +847 -0
  104. package/src/tokens/base/color/light/light.json5 +866 -0
  105. package/src/tokens/base/size/size.json +176 -0
  106. package/src/tokens/base/typography/typography.json +24 -0
  107. package/{tokens-next-private/fallbacks → src/tokens/fallback}/color-fallbacks.json +1 -1
  108. package/src/tokens/functional/border/dark.json5 +12 -0
  109. package/src/tokens/functional/border/light.json5 +12 -0
  110. package/src/tokens/functional/color/dark/app-dark.json5 +554 -0
  111. package/src/tokens/functional/color/dark/data-vis-dark.json5 +144 -0
  112. package/src/tokens/functional/color/dark/display-dark.json5 +1060 -0
  113. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +57 -0
  114. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +390 -0
  115. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +314 -0
  116. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +229 -0
  117. package/src/tokens/functional/color/dark/patterns-dark.json5 +3073 -0
  118. package/src/tokens/functional/color/dark/primitives-dark.json5 +1206 -0
  119. package/src/tokens/functional/color/dark/syntax-dark.json5 +559 -0
  120. package/src/tokens/functional/color/light/app-light.json5 +551 -0
  121. package/src/tokens/functional/color/light/data-vis-light.json5 +144 -0
  122. package/src/tokens/functional/color/light/display-light.json5 +1060 -0
  123. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +440 -0
  124. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +340 -0
  125. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +249 -0
  126. package/src/tokens/functional/color/light/patterns-light.json5 +3070 -0
  127. package/src/tokens/functional/color/light/primitives-light.json5 +1196 -0
  128. package/src/tokens/functional/color/light/syntax-light.json5 +559 -0
  129. package/src/tokens/functional/motion/loading.json5 +17 -0
  130. package/src/tokens/functional/motion/patterns.json5 +28 -0
  131. package/src/tokens/functional/shadow/dark.json5 +383 -0
  132. package/src/tokens/functional/shadow/light.json5 +376 -0
  133. package/src/tokens/functional/size/border.json +98 -0
  134. package/src/tokens/functional/size/breakpoints.json +64 -0
  135. package/src/tokens/functional/size/size-coarse.json +28 -0
  136. package/src/tokens/functional/size/size-fine.json +28 -0
  137. package/src/tokens/functional/size/size.json +802 -0
  138. package/src/tokens/functional/size/viewport.json +28 -0
  139. package/src/tokens/functional/typography/typography.json +279 -0
  140. package/src/transformers/borderToCss.ts +38 -0
  141. package/src/transformers/colorToHex.ts +16 -0
  142. package/src/transformers/colorToHexAlpha.ts +23 -0
  143. package/src/transformers/colorToHexMix.ts +19 -0
  144. package/src/transformers/colorToRgbAlpha.ts +19 -0
  145. package/src/transformers/colorToRgbaFloat.ts +45 -0
  146. package/src/transformers/dimensionToPixelUnitless.ts +60 -0
  147. package/src/transformers/dimensionToRem.ts +56 -0
  148. package/src/transformers/dimensionToRemPxArray.ts +60 -0
  149. package/src/transformers/durationToCss.ts +29 -0
  150. package/src/transformers/figmaAttributes.ts +55 -0
  151. package/src/transformers/fontFamilyToCss.ts +38 -0
  152. package/src/transformers/fontWeightToNumber.ts +53 -0
  153. package/src/transformers/index.ts +21 -0
  154. package/src/transformers/jsonDeprecated.ts +15 -0
  155. package/src/transformers/namePathToCamelCase.ts +14 -0
  156. package/src/transformers/namePathToDotNotation.ts +34 -0
  157. package/src/transformers/namePathToFigma.ts +28 -0
  158. package/src/transformers/namePathToKebabCase.ts +19 -0
  159. package/src/transformers/namePathToSlashNotation.ts +19 -0
  160. package/src/transformers/shadowToCss.ts +37 -0
  161. package/src/transformers/typographyToCss.ts +31 -0
  162. package/src/transformers/utilities/alpha.ts +23 -0
  163. package/src/transformers/utilities/checkRequiredTokenProperties.ts +16 -0
  164. package/src/transformers/utilities/getTokenValue.ts +18 -0
  165. package/src/transformers/utilities/hexToRgbaFloat.ts +31 -0
  166. package/src/transformers/utilities/invalidTokenError.ts +34 -0
  167. package/src/transformers/utilities/isRgbaFloat.ts +29 -0
  168. package/src/transformers/utilities/mix.ts +46 -0
  169. package/src/transformers/utilities/rgbaFloatToHex.ts +15 -0
  170. package/src/types/Border.d.ts +5 -0
  171. package/src/types/BorderTokenValue.d.ts +10 -0
  172. package/src/types/ColorHex.d.ts +4 -0
  173. package/src/types/PlatformInitializer.d.ts +11 -0
  174. package/src/types/Shadow.d.ts +5 -0
  175. package/src/types/ShadowTokenValue.d.ts +14 -0
  176. package/src/types/SizeEm.d.ts +4 -0
  177. package/src/types/SizePx.d.ts +4 -0
  178. package/src/types/SizeRem.d.ts +4 -0
  179. package/src/types/StyleDictionaryConfigGenerator.d.ts +15 -0
  180. package/src/types/TokenBuildInput.d.ts +8 -0
  181. package/src/types/TypographyTokenValue.d.ts +12 -0
  182. package/src/types/w3cTransformedToken.d.ts +8 -0
  183. package/src/utilities/copyFromDir.ts +21 -0
  184. package/src/utilities/getFlag.ts +12 -0
  185. package/src/utilities/index.ts +3 -0
  186. package/src/utilities/joinFriendly.ts +2 -0
  187. package/src/utilities/schemaErrorMessage.ts +2 -0
  188. package/src/utilities/toCamelCase.ts +29 -0
  189. package/src/utilities/treeWalker.ts +27 -0
  190. package/src/utilities/upperCaseFirstCharacter.ts +10 -0
  191. package/src/utils-v1.ts +36 -0
  192. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  193. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  194. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  195. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  196. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  197. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  198. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  199. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  200. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  201. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  202. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  203. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  204. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  205. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  206. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  207. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  208. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  209. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  210. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  211. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  212. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  213. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  214. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  215. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  216. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  217. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  218. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  219. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  220. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  221. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  222. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  223. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  224. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  225. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  226. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  227. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  228. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  229. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  230. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  231. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  232. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  233. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  234. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  235. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  236. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  237. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  238. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  239. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  240. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  241. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  242. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  243. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  244. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  245. package/dist/deprecated/colors.json +0 -7
  246. package/dist/js/colors/dark.d.ts +0 -516
  247. package/dist/js/colors/dark.js +0 -616
  248. package/dist/js/colors/dark_colorblind.d.ts +0 -516
  249. package/dist/js/colors/dark_colorblind.js +0 -616
  250. package/dist/js/colors/dark_dimmed.d.ts +0 -516
  251. package/dist/js/colors/dark_dimmed.js +0 -616
  252. package/dist/js/colors/dark_high_contrast.d.ts +0 -516
  253. package/dist/js/colors/dark_high_contrast.js +0 -616
  254. package/dist/js/colors/dark_tritanopia.d.ts +0 -516
  255. package/dist/js/colors/dark_tritanopia.js +0 -616
  256. package/dist/js/colors/index.d.ts +0 -4638
  257. package/dist/js/colors/index.js +0 -15
  258. package/dist/js/colors/light.d.ts +0 -516
  259. package/dist/js/colors/light.js +0 -616
  260. package/dist/js/colors/light_colorblind.d.ts +0 -516
  261. package/dist/js/colors/light_colorblind.js +0 -616
  262. package/dist/js/colors/light_high_contrast.d.ts +0 -516
  263. package/dist/js/colors/light_high_contrast.js +0 -616
  264. package/dist/js/colors/light_tritanopia.d.ts +0 -516
  265. package/dist/js/colors/light_tritanopia.js +0 -616
  266. package/dist/js/index.d.ts +0 -4655
  267. package/dist/js/index.js +0 -9
  268. package/dist/js/spacing/index.d.ts +0 -6
  269. package/dist/js/spacing/index.js +0 -7
  270. package/dist/js/spacing/normal.d.ts +0 -4
  271. package/dist/js/spacing/normal.js +0 -13
  272. package/dist/js/typography/index.d.ts +0 -11
  273. package/dist/js/typography/index.js +0 -7
  274. package/dist/js/typography/normal.d.ts +0 -9
  275. package/dist/js/typography/normal.js +0 -19
  276. package/dist/json/colors/dark.json +0 -614
  277. package/dist/json/colors/dark_colorblind.json +0 -614
  278. package/dist/json/colors/dark_dimmed.json +0 -614
  279. package/dist/json/colors/dark_high_contrast.json +0 -614
  280. package/dist/json/colors/dark_tritanopia.json +0 -614
  281. package/dist/json/colors/light.json +0 -614
  282. package/dist/json/colors/light_colorblind.json +0 -614
  283. package/dist/json/colors/light_high_contrast.json +0 -614
  284. package/dist/json/colors/light_tritanopia.json +0 -614
  285. package/dist/json/spacing/normal.json +0 -11
  286. package/dist/json/typography/normal.json +0 -17
  287. package/dist/removed/colors.json +0 -432
  288. package/dist/scss/colors/_dark.scss +0 -452
  289. package/dist/scss/colors/_dark_colorblind.scss +0 -452
  290. package/dist/scss/colors/_dark_dimmed.scss +0 -452
  291. package/dist/scss/colors/_dark_high_contrast.scss +0 -452
  292. package/dist/scss/colors/_dark_tritanopia.scss +0 -452
  293. package/dist/scss/colors/_light.scss +0 -452
  294. package/dist/scss/colors/_light_colorblind.scss +0 -452
  295. package/dist/scss/colors/_light_high_contrast.scss +0 -452
  296. package/dist/scss/colors/_light_tritanopia.scss +0 -452
  297. package/dist/scss/spacing/_normal.scss +0 -11
  298. package/dist/scss/typography/_normal.scss +0 -15
  299. package/dist/ts/colors/dark.ts +0 -614
  300. package/dist/ts/colors/dark_colorblind.ts +0 -614
  301. package/dist/ts/colors/dark_dimmed.ts +0 -614
  302. package/dist/ts/colors/dark_high_contrast.ts +0 -614
  303. package/dist/ts/colors/dark_tritanopia.ts +0 -614
  304. package/dist/ts/colors/index.ts +0 -10
  305. package/dist/ts/colors/light.ts +0 -614
  306. package/dist/ts/colors/light_colorblind.ts +0 -614
  307. package/dist/ts/colors/light_high_contrast.ts +0 -614
  308. package/dist/ts/colors/light_tritanopia.ts +0 -614
  309. package/dist/ts/index.ts +0 -4
  310. package/dist/ts/spacing/index.ts +0 -2
  311. package/dist/ts/spacing/normal.ts +0 -11
  312. package/dist/ts/typography/index.ts +0 -2
  313. package/dist/ts/typography/normal.ts +0 -17
  314. package/tokens-next-private/css/base/size/size.css +0 -19
  315. package/tokens-next-private/css/base/typography/typography.css +0 -6
  316. package/tokens-next-private/css/functional/motion/motion.css +0 -5
  317. package/tokens-next-private/css/functional/size/border.css +0 -14
  318. package/tokens-next-private/css/functional/size/breakpoints.css +0 -8
  319. package/tokens-next-private/css/functional/size/size-coarse.css +0 -7
  320. package/tokens-next-private/css/functional/size/size-fine.css +0 -7
  321. package/tokens-next-private/css/functional/size/size.css +0 -74
  322. package/tokens-next-private/css/functional/size/viewport.css +0 -6
  323. package/tokens-next-private/css/functional/themes/dark-colorblind.css +0 -1078
  324. package/tokens-next-private/css/functional/themes/dark-dimmed.css +0 -1078
  325. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +0 -1078
  326. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +0 -1078
  327. package/tokens-next-private/css/functional/themes/dark.css +0 -1078
  328. package/tokens-next-private/css/functional/themes/light-colorblind.css +0 -1078
  329. package/tokens-next-private/css/functional/themes/light-high-contrast.css +0 -1078
  330. package/tokens-next-private/css/functional/themes/light-tritanopia.css +0 -1078
  331. package/tokens-next-private/css/functional/themes/light.css +0 -1078
  332. package/tokens-next-private/css/functional/typography/typography.css +0 -47
  333. package/tokens-next-private/fallbacks/base/size/size.json +0 -19
  334. package/tokens-next-private/fallbacks/base/typography/typography.json +0 -6
  335. package/tokens-next-private/fallbacks/functional/motion/motion.json +0 -5
  336. package/tokens-next-private/fallbacks/functional/size/border.json +0 -14
  337. package/tokens-next-private/fallbacks/functional/size/breakpoints.json +0 -8
  338. package/tokens-next-private/fallbacks/functional/size/size-coarse.json +0 -5
  339. package/tokens-next-private/fallbacks/functional/size/size-fine.json +0 -5
  340. package/tokens-next-private/fallbacks/functional/size/size.json +0 -74
  341. package/tokens-next-private/fallbacks/functional/size/viewport.json +0 -8
  342. package/tokens-next-private/fallbacks/functional/typography/typography.json +0 -47
  343. package/tokens-next-private/internalCss/dark-colorblind.css +0 -1648
  344. package/tokens-next-private/internalCss/dark-dimmed.css +0 -1648
  345. package/tokens-next-private/internalCss/dark-high-contrast.css +0 -1648
  346. package/tokens-next-private/internalCss/dark-tritanopia.css +0 -1648
  347. package/tokens-next-private/internalCss/dark.css +0 -1648
  348. package/tokens-next-private/internalCss/light-colorblind.css +0 -1648
  349. package/tokens-next-private/internalCss/light-high-contrast.css +0 -1648
  350. package/tokens-next-private/internalCss/light-tritanopia.css +0 -1648
  351. package/tokens-next-private/internalCss/light.css +0 -1648
  352. /package/{tokens-next-private/docs → dist/styleLint}/base/typography/typography.json +0 -0
  353. /package/{tokens-next-private/docs → dist/styleLint}/functional/motion/motion.json +0 -0
  354. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark-dimmed.json +0 -0
  355. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark-high-contrast.json +0 -0
  356. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/light-colorblind.json +0 -0
  357. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/light-high-contrast.json +0 -0
  358. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/light-tritanopia.json +0 -0
  359. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/light.json +0 -0
  360. /package/{tokens-next-private → src/tokens}/removed/color.json +0 -0
package/{tokens-next-private/docs → dist/styleLint}/functional/size/size-coarse.json RENAMED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "control-minTarget-auto": {
3
- "value": "2.75rem",
3
+ "value": ["0.171875rem", "2.75px"],
4
4
  "$type": "dimension",
5
5
  "filePath": "src/tokens/functional/size/size-coarse.json",
6
6
  "isSource": true,
@@ -13,7 +13,7 @@
13
13
  "path": ["control", "minTarget", "auto"]
14
14
  },
15
15
  "controlStack-small-gap-auto": {
16
- "value": "1rem",
16
+ "value": ["0.0625rem", "1px"],
17
17
  "$type": "dimension",
18
18
  "filePath": "src/tokens/functional/size/size-coarse.json",
19
19
  "isSource": true,
@@ -26,7 +26,7 @@
26
26
  "path": ["controlStack", "small", "gap", "auto"]
27
27
  },
28
28
  "controlStack-medium-gap-auto": {
29
- "value": "0.75rem",
29
+ "value": ["0.046875rem", "0.75px"],
30
30
  "$type": "dimension",
31
31
  "filePath": "src/tokens/functional/size/size-coarse.json",
32
32
  "isSource": true,
package/{tokens-next-private/docs → dist/styleLint}/functional/size/size-fine.json RENAMED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "control-minTarget-auto": {
3
- "value": "1rem",
3
+ "value": ["0.0625rem", "1px"],
4
4
  "$type": "dimension",
5
5
  "filePath": "src/tokens/functional/size/size-fine.json",
6
6
  "isSource": true,
@@ -13,7 +13,7 @@
13
13
  "path": ["control", "minTarget", "auto"]
14
14
  },
15
15
  "controlStack-small-gap-auto": {
16
- "value": "0.5rem",
16
+ "value": ["0.03125rem", "0.5px"],
17
17
  "$type": "dimension",
18
18
  "filePath": "src/tokens/functional/size/size-fine.json",
19
19
  "isSource": true,
@@ -26,7 +26,7 @@
26
26
  "path": ["controlStack", "small", "gap", "auto"]
27
27
  },
28
28
  "controlStack-medium-gap-auto": {
29
- "value": "0.5rem",
29
+ "value": ["0.03125rem", "0.5px"],
30
30
  "$type": "dimension",
31
31
  "filePath": "src/tokens/functional/size/size-fine.json",
32
32
  "isSource": true,
package/{tokens-next-private/docs → dist/styleLint}/functional/size/size.json RENAMED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "control-minTarget-fine": {
3
- "value": "1rem",
3
+ "value": ["0.0625rem", "1px"],
4
4
  "$type": "dimension",
5
5
  "$extensions": {
6
6
  "org.primer.figma": {
@@ -25,7 +25,7 @@
25
25
  "path": ["control", "minTarget", "fine"]
26
26
  },
27
27
  "control-minTarget-coarse": {
28
- "value": "2.75rem",
28
+ "value": ["0.171875rem", "2.75px"],
29
29
  "$type": "dimension",
30
30
  "$extensions": {
31
31
  "org.primer.figma": {
@@ -50,7 +50,7 @@
50
50
  "path": ["control", "minTarget", "coarse"]
51
51
  },
52
52
  "control-xsmall-size": {
53
- "value": "1.5rem",
53
+ "value": ["0.09375rem", "1.5px"],
54
54
  "$type": "dimension",
55
55
  "$extensions": {
56
56
  "org.primer.figma": {
@@ -75,7 +75,7 @@
75
75
  "path": ["control", "xsmall", "size"]
76
76
  },
77
77
  "control-xsmall-lineBoxHeight": {
78
- "value": "1.25rem",
78
+ "value": ["0.078125rem", "1.25px"],
79
79
  "$type": "dimension",
80
80
  "$extensions": {
81
81
  "org.primer.figma": {
@@ -100,7 +100,7 @@
100
100
  "path": ["control", "xsmall", "lineBoxHeight"]
101
101
  },
102
102
  "control-xsmall-paddingBlock": {
103
- "value": "0.125rem",
103
+ "value": ["0.125rem", "2px"],
104
104
  "$type": "dimension",
105
105
  "$extensions": {
106
106
  "org.primer.figma": {
@@ -125,7 +125,7 @@
125
125
  "path": ["control", "xsmall", "paddingBlock"]
126
126
  },
127
127
  "control-xsmall-paddingInline-condensed": {
128
- "value": "0.25rem",
128
+ "value": ["0.015625rem", "0.25px"],
129
129
  "$type": "dimension",
130
130
  "$extensions": {
131
131
  "org.primer.figma": {
@@ -150,7 +150,7 @@
150
150
  "path": ["control", "xsmall", "paddingInline", "condensed"]
151
151
  },
152
152
  "control-xsmall-paddingInline-normal": {
153
- "value": "0.5rem",
153
+ "value": ["0.03125rem", "0.5px"],
154
154
  "$type": "dimension",
155
155
  "$extensions": {
156
156
  "org.primer.figma": {
@@ -175,7 +175,7 @@
175
175
  "path": ["control", "xsmall", "paddingInline", "normal"]
176
176
  },
177
177
  "control-xsmall-paddingInline-spacious": {
178
- "value": "0.75rem",
178
+ "value": ["0.046875rem", "0.75px"],
179
179
  "$type": "dimension",
180
180
  "$extensions": {
181
181
  "org.primer.figma": {
@@ -200,7 +200,7 @@
200
200
  "path": ["control", "xsmall", "paddingInline", "spacious"]
201
201
  },
202
202
  "control-xsmall-gap": {
203
- "value": "0.25rem",
203
+ "value": ["0.015625rem", "0.25px"],
204
204
  "$type": "dimension",
205
205
  "$extensions": {
206
206
  "org.primer.figma": {
@@ -225,7 +225,7 @@
225
225
  "path": ["control", "xsmall", "gap"]
226
226
  },
227
227
  "control-small-size": {
228
- "value": "1.75rem",
228
+ "value": ["0.109375rem", "1.75px"],
229
229
  "$type": "dimension",
230
230
  "$extensions": {
231
231
  "org.primer.figma": {
@@ -250,7 +250,7 @@
250
250
  "path": ["control", "small", "size"]
251
251
  },
252
252
  "control-small-lineBoxHeight": {
253
- "value": "1.25rem",
253
+ "value": ["0.078125rem", "1.25px"],
254
254
  "$type": "dimension",
255
255
  "$extensions": {
256
256
  "org.primer.figma": {
@@ -275,7 +275,7 @@
275
275
  "path": ["control", "small", "lineBoxHeight"]
276
276
  },
277
277
  "control-small-paddingBlock": {
278
- "value": "0.25rem",
278
+ "value": ["0.015625rem", "0.25px"],
279
279
  "$type": "dimension",
280
280
  "$extensions": {
281
281
  "org.primer.figma": {
@@ -300,7 +300,7 @@
300
300
  "path": ["control", "small", "paddingBlock"]
301
301
  },
302
302
  "control-small-paddingInline-condensed": {
303
- "value": "0.5rem",
303
+ "value": ["0.03125rem", "0.5px"],
304
304
  "$type": "dimension",
305
305
  "$extensions": {
306
306
  "org.primer.figma": {
@@ -325,7 +325,7 @@
325
325
  "path": ["control", "small", "paddingInline", "condensed"]
326
326
  },
327
327
  "control-small-paddingInline-normal": {
328
- "value": "0.75rem",
328
+ "value": ["0.046875rem", "0.75px"],
329
329
  "$type": "dimension",
330
330
  "$extensions": {
331
331
  "org.primer.figma": {
@@ -350,7 +350,7 @@
350
350
  "path": ["control", "small", "paddingInline", "normal"]
351
351
  },
352
352
  "control-small-gap": {
353
- "value": "0.25rem",
353
+ "value": ["0.015625rem", "0.25px"],
354
354
  "$type": "dimension",
355
355
  "$extensions": {
356
356
  "org.primer.figma": {
@@ -375,7 +375,7 @@
375
375
  "path": ["control", "small", "gap"]
376
376
  },
377
377
  "control-medium-size": {
378
- "value": "2rem",
378
+ "value": ["0.125rem", "2px"],
379
379
  "$type": "dimension",
380
380
  "$extensions": {
381
381
  "org.primer.figma": {
@@ -400,7 +400,7 @@
400
400
  "path": ["control", "medium", "size"]
401
401
  },
402
402
  "control-medium-lineBoxHeight": {
403
- "value": "1.25rem",
403
+ "value": ["0.078125rem", "1.25px"],
404
404
  "$type": "dimension",
405
405
  "$extensions": {
406
406
  "org.primer.figma": {
@@ -425,7 +425,7 @@
425
425
  "path": ["control", "medium", "lineBoxHeight"]
426
426
  },
427
427
  "control-medium-paddingBlock": {
428
- "value": "0.375rem",
428
+ "value": ["0.375rem", "6px"],
429
429
  "$type": "dimension",
430
430
  "$extensions": {
431
431
  "org.primer.figma": {
@@ -450,7 +450,7 @@
450
450
  "path": ["control", "medium", "paddingBlock"]
451
451
  },
452
452
  "control-medium-paddingInline-condensed": {
453
- "value": "0.5rem",
453
+ "value": ["0.03125rem", "0.5px"],
454
454
  "$type": "dimension",
455
455
  "$extensions": {
456
456
  "org.primer.figma": {
@@ -475,7 +475,7 @@
475
475
  "path": ["control", "medium", "paddingInline", "condensed"]
476
476
  },
477
477
  "control-medium-paddingInline-normal": {
478
- "value": "0.75rem",
478
+ "value": ["0.046875rem", "0.75px"],
479
479
  "$type": "dimension",
480
480
  "$extensions": {
481
481
  "org.primer.figma": {
@@ -500,7 +500,7 @@
500
500
  "path": ["control", "medium", "paddingInline", "normal"]
501
501
  },
502
502
  "control-medium-paddingInline-spacious": {
503
- "value": "1rem",
503
+ "value": ["0.0625rem", "1px"],
504
504
  "$type": "dimension",
505
505
  "$extensions": {
506
506
  "org.primer.figma": {
@@ -525,7 +525,7 @@
525
525
  "path": ["control", "medium", "paddingInline", "spacious"]
526
526
  },
527
527
  "control-medium-gap": {
528
- "value": "0.5rem",
528
+ "value": ["0.03125rem", "0.5px"],
529
529
  "$type": "dimension",
530
530
  "$extensions": {
531
531
  "org.primer.figma": {
@@ -550,7 +550,7 @@
550
550
  "path": ["control", "medium", "gap"]
551
551
  },
552
552
  "control-large-size": {
553
- "value": "2.5rem",
553
+ "value": ["0.15625rem", "2.5px"],
554
554
  "$type": "dimension",
555
555
  "$extensions": {
556
556
  "org.primer.figma": {
@@ -575,7 +575,7 @@
575
575
  "path": ["control", "large", "size"]
576
576
  },
577
577
  "control-large-lineBoxHeight": {
578
- "value": "1.25rem",
578
+ "value": ["0.078125rem", "1.25px"],
579
579
  "$type": "dimension",
580
580
  "$extensions": {
581
581
  "org.primer.figma": {
@@ -600,7 +600,7 @@
600
600
  "path": ["control", "large", "lineBoxHeight"]
601
601
  },
602
602
  "control-large-paddingBlock": {
603
- "value": "0.625rem",
603
+ "value": ["0.625rem", "10px"],
604
604
  "$type": "dimension",
605
605
  "$extensions": {
606
606
  "org.primer.figma": {
@@ -625,7 +625,7 @@
625
625
  "path": ["control", "large", "paddingBlock"]
626
626
  },
627
627
  "control-large-paddingInline-normal": {
628
- "value": "0.75rem",
628
+ "value": ["0.046875rem", "0.75px"],
629
629
  "$type": "dimension",
630
630
  "$extensions": {
631
631
  "org.primer.figma": {
@@ -650,7 +650,7 @@
650
650
  "path": ["control", "large", "paddingInline", "normal"]
651
651
  },
652
652
  "control-large-paddingInline-spacious": {
653
- "value": "1rem",
653
+ "value": ["0.0625rem", "1px"],
654
654
  "$type": "dimension",
655
655
  "$extensions": {
656
656
  "org.primer.figma": {
@@ -675,7 +675,7 @@
675
675
  "path": ["control", "large", "paddingInline", "spacious"]
676
676
  },
677
677
  "control-large-gap": {
678
- "value": "0.5rem",
678
+ "value": ["0.03125rem", "0.5px"],
679
679
  "$type": "dimension",
680
680
  "$extensions": {
681
681
  "org.primer.figma": {
@@ -700,7 +700,7 @@
700
700
  "path": ["control", "large", "gap"]
701
701
  },
702
702
  "control-xlarge-size": {
703
- "value": "3rem",
703
+ "value": ["0.1875rem", "3px"],
704
704
  "$type": "dimension",
705
705
  "$extensions": {
706
706
  "org.primer.figma": {
@@ -725,7 +725,7 @@
725
725
  "path": ["control", "xlarge", "size"]
726
726
  },
727
727
  "control-xlarge-lineBoxHeight": {
728
- "value": "1.25rem",
728
+ "value": ["0.078125rem", "1.25px"],
729
729
  "$type": "dimension",
730
730
  "$extensions": {
731
731
  "org.primer.figma": {
@@ -750,7 +750,7 @@
750
750
  "path": ["control", "xlarge", "lineBoxHeight"]
751
751
  },
752
752
  "control-xlarge-paddingBlock": {
753
- "value": "0.875rem",
753
+ "value": ["0.875rem", "14px"],
754
754
  "$type": "dimension",
755
755
  "$extensions": {
756
756
  "org.primer.figma": {
@@ -775,7 +775,7 @@
775
775
  "path": ["control", "xlarge", "paddingBlock"]
776
776
  },
777
777
  "control-xlarge-paddingInline-normal": {
778
- "value": "0.75rem",
778
+ "value": ["0.046875rem", "0.75px"],
779
779
  "$type": "dimension",
780
780
  "$extensions": {
781
781
  "org.primer.figma": {
@@ -800,7 +800,7 @@
800
800
  "path": ["control", "xlarge", "paddingInline", "normal"]
801
801
  },
802
802
  "control-xlarge-paddingInline-spacious": {
803
- "value": "1rem",
803
+ "value": ["0.0625rem", "1px"],
804
804
  "$type": "dimension",
805
805
  "$extensions": {
806
806
  "org.primer.figma": {
@@ -825,7 +825,7 @@
825
825
  "path": ["control", "xlarge", "paddingInline", "spacious"]
826
826
  },
827
827
  "control-xlarge-gap": {
828
- "value": "0.5rem",
828
+ "value": ["0.03125rem", "0.5px"],
829
829
  "$type": "dimension",
830
830
  "$extensions": {
831
831
  "org.primer.figma": {
@@ -850,7 +850,7 @@
850
850
  "path": ["control", "xlarge", "gap"]
851
851
  },
852
852
  "controlStack-small-gap-condensed": {
853
- "value": "0.5rem",
853
+ "value": ["0.03125rem", "0.5px"],
854
854
  "$type": "dimension",
855
855
  "$extensions": {
856
856
  "org.primer.figma": {
@@ -875,7 +875,7 @@
875
875
  "path": ["controlStack", "small", "gap", "condensed"]
876
876
  },
877
877
  "controlStack-small-gap-spacious": {
878
- "value": "1rem",
878
+ "value": ["0.0625rem", "1px"],
879
879
  "$type": "dimension",
880
880
  "$extensions": {
881
881
  "org.primer.figma": {
@@ -900,7 +900,7 @@
900
900
  "path": ["controlStack", "small", "gap", "spacious"]
901
901
  },
902
902
  "controlStack-medium-gap-condensed": {
903
- "value": "0.5rem",
903
+ "value": ["0.03125rem", "0.5px"],
904
904
  "$type": "dimension",
905
905
  "$extensions": {
906
906
  "org.primer.figma": {
@@ -925,7 +925,7 @@
925
925
  "path": ["controlStack", "medium", "gap", "condensed"]
926
926
  },
927
927
  "controlStack-medium-gap-spacious": {
928
- "value": "0.75rem",
928
+ "value": ["0.046875rem", "0.75px"],
929
929
  "$type": "dimension",
930
930
  "$extensions": {
931
931
  "org.primer.figma": {
@@ -950,7 +950,7 @@
950
950
  "path": ["controlStack", "medium", "gap", "spacious"]
951
951
  },
952
952
  "controlStack-large-gap-auto": {
953
- "value": "0.5rem",
953
+ "value": ["0.03125rem", "0.5px"],
954
954
  "$type": "dimension",
955
955
  "$extensions": {
956
956
  "org.primer.figma": {
@@ -975,7 +975,7 @@
975
975
  "path": ["controlStack", "large", "gap", "auto"]
976
976
  },
977
977
  "controlStack-large-gap-condensed": {
978
- "value": "0.5rem",
978
+ "value": ["0.03125rem", "0.5px"],
979
979
  "$type": "dimension",
980
980
  "$extensions": {
981
981
  "org.primer.figma": {
@@ -1000,7 +1000,7 @@
1000
1000
  "path": ["controlStack", "large", "gap", "condensed"]
1001
1001
  },
1002
1002
  "controlStack-large-gap-spacious": {
1003
- "value": "0.75rem",
1003
+ "value": ["0.046875rem", "0.75px"],
1004
1004
  "$type": "dimension",
1005
1005
  "$extensions": {
1006
1006
  "org.primer.figma": {
@@ -1025,7 +1025,7 @@
1025
1025
  "path": ["controlStack", "large", "gap", "spacious"]
1026
1026
  },
1027
1027
  "space-xxsmall": {
1028
- "value": "0.125rem",
1028
+ "value": ["0.125rem", "2px"],
1029
1029
  "$type": "dimension",
1030
1030
  "$extensions": {
1031
1031
  "org.primer.figma": {
@@ -1050,7 +1050,7 @@
1050
1050
  "path": ["space", "xxsmall"]
1051
1051
  },
1052
1052
  "space-xsmall": {
1053
- "value": "0.25rem",
1053
+ "value": ["0.015625rem", "0.25px"],
1054
1054
  "$type": "dimension",
1055
1055
  "$extensions": {
1056
1056
  "org.primer.figma": {
@@ -1075,7 +1075,7 @@
1075
1075
  "path": ["space", "xsmall"]
1076
1076
  },
1077
1077
  "space-small": {
1078
- "value": "0.375rem",
1078
+ "value": ["0.375rem", "6px"],
1079
1079
  "$type": "dimension",
1080
1080
  "$extensions": {
1081
1081
  "org.primer.figma": {
@@ -1100,7 +1100,7 @@
1100
1100
  "path": ["space", "small"]
1101
1101
  },
1102
1102
  "space-medium": {
1103
- "value": "0.5rem",
1103
+ "value": ["0.03125rem", "0.5px"],
1104
1104
  "$type": "dimension",
1105
1105
  "$extensions": {
1106
1106
  "org.primer.figma": {
@@ -1125,7 +1125,7 @@
1125
1125
  "path": ["space", "medium"]
1126
1126
  },
1127
1127
  "space-large": {
1128
- "value": "0.75rem",
1128
+ "value": ["0.046875rem", "0.75px"],
1129
1129
  "$type": "dimension",
1130
1130
  "$extensions": {
1131
1131
  "org.primer.figma": {
@@ -1150,7 +1150,7 @@
1150
1150
  "path": ["space", "large"]
1151
1151
  },
1152
1152
  "space-xlarge": {
1153
- "value": "1rem",
1153
+ "value": ["0.0625rem", "1px"],
1154
1154
  "$type": "dimension",
1155
1155
  "$extensions": {
1156
1156
  "org.primer.figma": {
@@ -1175,7 +1175,7 @@
1175
1175
  "path": ["space", "xlarge"]
1176
1176
  },
1177
1177
  "spinner-strokeWidth-default": {
1178
- "value": "0.125rem",
1178
+ "value": ["0.125rem", "2px"],
1179
1179
  "$type": "dimension",
1180
1180
  "filePath": "src/tokens/functional/size/size.json",
1181
1181
  "isSource": true,
@@ -1188,7 +1188,7 @@
1188
1188
  "path": ["spinner", "strokeWidth", "default"]
1189
1189
  },
1190
1190
  "spinner-size-small": {
1191
- "value": "1rem",
1191
+ "value": ["0.0625rem", "1px"],
1192
1192
  "$type": "dimension",
1193
1193
  "$extensions": {
1194
1194
  "org.primer.figma": {
@@ -1213,7 +1213,7 @@
1213
1213
  "path": ["spinner", "size", "small"]
1214
1214
  },
1215
1215
  "spinner-size-medium": {
1216
- "value": "2rem",
1216
+ "value": ["0.125rem", "2px"],
1217
1217
  "$type": "dimension",
1218
1218
  "$extensions": {
1219
1219
  "org.primer.figma": {
@@ -1238,7 +1238,7 @@
1238
1238
  "path": ["spinner", "size", "medium"]
1239
1239
  },
1240
1240
  "spinner-size-large": {
1241
- "value": "4rem",
1241
+ "value": ["0.25rem", "4px"],
1242
1242
  "$type": "dimension",
1243
1243
  "$extensions": {
1244
1244
  "org.primer.figma": {
@@ -1263,7 +1263,7 @@
1263
1263
  "path": ["spinner", "size", "large"]
1264
1264
  },
1265
1265
  "stack-padding-condensed": {
1266
- "value": "0.5rem",
1266
+ "value": ["0.03125rem", "0.5px"],
1267
1267
  "$type": "dimension",
1268
1268
  "$extensions": {
1269
1269
  "org.primer.figma": {
@@ -1296,7 +1296,7 @@
1296
1296
  "path": ["stack", "padding", "condensed"]
1297
1297
  },
1298
1298
  "stack-padding-normal": {
1299
- "value": "1rem",
1299
+ "value": ["0.0625rem", "1px"],
1300
1300
  "$type": "dimension",
1301
1301
  "$extensions": {
1302
1302
  "org.primer.figma": {
@@ -1329,7 +1329,7 @@
1329
1329
  "path": ["stack", "padding", "normal"]
1330
1330
  },
1331
1331
  "stack-padding-spacious": {
1332
- "value": "1.5rem",
1332
+ "value": ["0.09375rem", "1.5px"],
1333
1333
  "$type": "dimension",
1334
1334
  "$extensions": {
1335
1335
  "org.primer.figma": {
@@ -1362,7 +1362,7 @@
1362
1362
  "path": ["stack", "padding", "spacious"]
1363
1363
  },
1364
1364
  "stack-gap-condensed": {
1365
- "value": "0.5rem",
1365
+ "value": ["0.03125rem", "0.5px"],
1366
1366
  "$type": "dimension",
1367
1367
  "$extensions": {
1368
1368
  "org.primer.figma": {
@@ -1395,7 +1395,7 @@
1395
1395
  "path": ["stack", "gap", "condensed"]
1396
1396
  },
1397
1397
  "stack-gap-normal": {
1398
- "value": "1rem",
1398
+ "value": ["0.0625rem", "1px"],
1399
1399
  "$type": "dimension",
1400
1400
  "$extensions": {
1401
1401
  "org.primer.figma": {
@@ -1428,7 +1428,7 @@
1428
1428
  "path": ["stack", "gap", "normal"]
1429
1429
  },
1430
1430
  "stack-gap-spacious": {
1431
- "value": "1.5rem",
1431
+ "value": ["0.09375rem", "1.5px"],
1432
1432
  "$type": "dimension",
1433
1433
  "$extensions": {
1434
1434
  "org.primer.figma": {
@@ -1461,7 +1461,7 @@
1461
1461
  "path": ["stack", "gap", "spacious"]
1462
1462
  },
1463
1463
  "overlay-width-xsmall": {
1464
- "value": "12rem",
1464
+ "value": ["12rem", "192px"],
1465
1465
  "$type": "dimension",
1466
1466
  "$extensions": {
1467
1467
  "org.primer.figma": {
@@ -1486,7 +1486,7 @@
1486
1486
  "path": ["overlay", "width", "xsmall"]
1487
1487
  },
1488
1488
  "overlay-width-small": {
1489
- "value": "20rem",
1489
+ "value": ["20rem", "320px"],
1490
1490
  "$type": "dimension",
1491
1491
  "$extensions": {
1492
1492
  "org.primer.figma": {
@@ -1511,7 +1511,7 @@
1511
1511
  "path": ["overlay", "width", "small"]
1512
1512
  },
1513
1513
  "overlay-width-medium": {
1514
- "value": "30rem",
1514
+ "value": ["30rem", "480px"],
1515
1515
  "$type": "dimension",
1516
1516
  "$extensions": {
1517
1517
  "org.primer.figma": {
@@ -1536,7 +1536,7 @@
1536
1536
  "path": ["overlay", "width", "medium"]
1537
1537
  },
1538
1538
  "overlay-width-large": {
1539
- "value": "40rem",
1539
+ "value": ["40rem", "640px"],
1540
1540
  "$type": "dimension",
1541
1541
  "$extensions": {
1542
1542
  "org.primer.figma": {
@@ -1561,7 +1561,7 @@
1561
1561
  "path": ["overlay", "width", "large"]
1562
1562
  },
1563
1563
  "overlay-width-xlarge": {
1564
- "value": "60rem",
1564
+ "value": ["60rem", "960px"],
1565
1565
  "$type": "dimension",
1566
1566
  "$extensions": {
1567
1567
  "org.primer.figma": {
@@ -1586,7 +1586,7 @@
1586
1586
  "path": ["overlay", "width", "xlarge"]
1587
1587
  },
1588
1588
  "overlay-height-small": {
1589
- "value": "16rem",
1589
+ "value": ["16rem", "256px"],
1590
1590
  "$type": "dimension",
1591
1591
  "$extensions": {
1592
1592
  "org.primer.figma": {
@@ -1611,7 +1611,7 @@
1611
1611
  "path": ["overlay", "height", "small"]
1612
1612
  },
1613
1613
  "overlay-height-medium": {
1614
- "value": "20rem",
1614
+ "value": ["20rem", "320px"],
1615
1615
  "$type": "dimension",
1616
1616
  "$extensions": {
1617
1617
  "org.primer.figma": {
@@ -1636,7 +1636,7 @@
1636
1636
  "path": ["overlay", "height", "medium"]
1637
1637
  },
1638
1638
  "overlay-height-large": {
1639
- "value": "27rem",
1639
+ "value": ["27rem", "432px"],
1640
1640
  "$type": "dimension",
1641
1641
  "$extensions": {
1642
1642
  "org.primer.figma": {
@@ -1661,7 +1661,7 @@
1661
1661
  "path": ["overlay", "height", "large"]
1662
1662
  },
1663
1663
  "overlay-height-xlarge": {
1664
- "value": "37.5rem",
1664
+ "value": ["37.5rem", "600px"],
1665
1665
  "$type": "dimension",
1666
1666
  "$extensions": {
1667
1667
  "org.primer.figma": {
@@ -1686,7 +1686,7 @@
1686
1686
  "path": ["overlay", "height", "xlarge"]
1687
1687
  },
1688
1688
  "overlay-padding-normal": {
1689
- "value": "1rem",
1689
+ "value": ["0.0625rem", "1px"],
1690
1690
  "$type": "dimension",
1691
1691
  "$extensions": {
1692
1692
  "org.primer.figma": {
@@ -1711,7 +1711,7 @@
1711
1711
  "path": ["overlay", "padding", "normal"]
1712
1712
  },
1713
1713
  "overlay-padding-condensed": {
1714
- "value": "0.5rem",
1714
+ "value": ["0.03125rem", "0.5px"],
1715
1715
  "$type": "dimension",
1716
1716
  "$extensions": {
1717
1717
  "org.primer.figma": {
@@ -1736,7 +1736,7 @@
1736
1736
  "path": ["overlay", "padding", "condensed"]
1737
1737
  },
1738
1738
  "overlay-paddingBlock-condensed": {
1739
- "value": "0.25rem",
1739
+ "value": ["0.015625rem", "0.25px"],
1740
1740
  "$type": "dimension",
1741
1741
  "$extensions": {
1742
1742
  "org.primer.figma": {
@@ -1761,7 +1761,7 @@
1761
1761
  "path": ["overlay", "paddingBlock", "condensed"]
1762
1762
  },
1763
1763
  "overlay-paddingBlock-normal": {
1764
- "value": "0.75rem",
1764
+ "value": ["0.046875rem", "0.75px"],
1765
1765
  "$type": "dimension",
1766
1766
  "$extensions": {
1767
1767
  "org.primer.figma": {
@@ -1786,7 +1786,7 @@
1786
1786
  "path": ["overlay", "paddingBlock", "normal"]
1787
1787
  },
1788
1788
  "overlay-borderRadius": {
1789
- "value": "0.375rem",
1789
+ "value": ["0.0234375rem", "0.375px"],
1790
1790
  "$type": "dimension",
1791
1791
  "$extensions": {
1792
1792
  "org.primer.figma": {
@@ -1811,7 +1811,7 @@
1811
1811
  "path": ["overlay", "borderRadius"]
1812
1812
  },
1813
1813
  "overlay-offset": {
1814
- "value": "0.25rem",
1814
+ "value": ["0.25rem", "4px"],
1815
1815
  "$type": "dimension",
1816
1816
  "$extensions": {
1817
1817
  "org.primer.figma": {