@primer/primitives 9.1.2 → 10.0.0-rc.2963a70e

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 (328) hide show
  1. package/README.md +2 -2
  2. package/dist/build/PrimerStyleDictionary.d.ts +1 -2
  3. package/dist/build/PrimerStyleDictionary.js +52 -64
  4. package/dist/build/filters/index.d.ts +14 -13
  5. package/dist/build/filters/index.js +14 -29
  6. package/dist/build/filters/isBorder.d.ts +3 -3
  7. package/dist/build/filters/isBorder.js +2 -6
  8. package/dist/build/filters/isColor.d.ts +3 -3
  9. package/dist/build/filters/isColor.js +8 -7
  10. package/dist/build/filters/isColorWithAlpha.d.ts +3 -3
  11. package/dist/build/filters/isColorWithAlpha.js +4 -8
  12. package/dist/build/filters/isColorWithMix.d.ts +3 -3
  13. package/dist/build/filters/isColorWithMix.js +4 -8
  14. package/dist/build/filters/isCubicBezier.d.ts +7 -0
  15. package/dist/build/filters/isCubicBezier.js +10 -0
  16. package/dist/build/filters/isDeprecated.d.ts +3 -3
  17. package/dist/build/filters/isDeprecated.js +2 -6
  18. package/dist/build/filters/isDimension.d.ts +3 -3
  19. package/dist/build/filters/isDimension.js +2 -6
  20. package/dist/build/filters/isDuration.d.ts +3 -3
  21. package/dist/build/filters/isDuration.js +2 -6
  22. package/dist/build/filters/isFontFamily.d.ts +3 -3
  23. package/dist/build/filters/isFontFamily.js +2 -6
  24. package/dist/build/filters/isFontWeight.d.ts +3 -3
  25. package/dist/build/filters/isFontWeight.js +2 -6
  26. package/dist/build/filters/isFromFile.d.ts +3 -3
  27. package/dist/build/filters/isFromFile.js +2 -6
  28. package/dist/build/filters/isNumber.d.ts +3 -3
  29. package/dist/build/filters/isNumber.js +4 -6
  30. package/dist/build/filters/isShadow.d.ts +3 -3
  31. package/dist/build/filters/isShadow.js +2 -6
  32. package/dist/build/filters/isSource.d.ts +3 -3
  33. package/dist/build/filters/isSource.js +2 -6
  34. package/dist/build/filters/isTypography.d.ts +3 -3
  35. package/dist/build/filters/isTypography.js +2 -6
  36. package/dist/build/formats/cssAdvanced.d.ts +2 -2
  37. package/dist/build/formats/cssAdvanced.js +22 -20
  38. package/dist/build/formats/cssCustomMedia.d.ts +2 -2
  39. package/dist/build/formats/cssCustomMedia.js +16 -15
  40. package/dist/build/formats/index.d.ts +9 -9
  41. package/dist/build/formats/index.js +9 -21
  42. package/dist/build/formats/javascriptCommonJs.d.ts +2 -2
  43. package/dist/build/formats/javascriptCommonJs.js +17 -16
  44. package/dist/build/formats/javascriptEsm.d.ts +2 -2
  45. package/dist/build/formats/javascriptEsm.js +17 -16
  46. package/dist/build/formats/jsonFigma.d.ts +2 -2
  47. package/dist/build/formats/jsonFigma.js +27 -22
  48. package/dist/build/formats/jsonNestedPrefixed.d.ts +3 -3
  49. package/dist/build/formats/jsonNestedPrefixed.js +17 -15
  50. package/dist/build/formats/jsonOneDimensional.d.ts +3 -3
  51. package/dist/build/formats/jsonOneDimensional.js +24 -16
  52. package/dist/build/formats/jsonPostCssFallback.d.ts +3 -3
  53. package/dist/build/formats/jsonPostCssFallback.js +5 -12
  54. package/dist/build/formats/typescriptExportDefinition.d.ts +2 -2
  55. package/dist/build/formats/typescriptExportDefinition.js +50 -46
  56. package/dist/build/formats/utilities/getPropName.d.ts +1 -0
  57. package/dist/build/formats/utilities/getPropName.js +16 -0
  58. package/dist/build/formats/utilities/jsonToFlat.d.ts +2 -2
  59. package/dist/build/formats/utilities/jsonToFlat.js +1 -5
  60. package/dist/build/formats/utilities/jsonToNestedValue.d.ts +2 -2
  61. package/dist/build/formats/utilities/jsonToNestedValue.js +4 -6
  62. package/dist/build/formats/utilities/prefixTokens.d.ts +2 -2
  63. package/dist/build/formats/utilities/prefixTokens.js +1 -5
  64. package/dist/build/parsers/index.d.ts +1 -1
  65. package/dist/build/parsers/index.js +1 -5
  66. package/dist/build/parsers/w3cJsonParser.d.ts +2 -2
  67. package/dist/build/parsers/w3cJsonParser.js +7 -9
  68. package/dist/build/platforms/css.d.ts +1 -1
  69. package/dist/build/platforms/css.js +20 -11
  70. package/dist/build/platforms/deprecatedJson.d.ts +1 -1
  71. package/dist/build/platforms/deprecatedJson.js +3 -7
  72. package/dist/build/platforms/docJson.d.ts +1 -1
  73. package/dist/build/platforms/docJson.js +8 -7
  74. package/dist/build/platforms/fallbacks.d.ts +1 -1
  75. package/dist/build/platforms/fallbacks.js +3 -7
  76. package/dist/build/platforms/figma.d.ts +1 -1
  77. package/dist/build/platforms/figma.js +21 -14
  78. package/dist/build/platforms/index.d.ts +10 -10
  79. package/dist/build/platforms/index.js +10 -23
  80. package/dist/build/platforms/javascript.d.ts +1 -1
  81. package/dist/build/platforms/javascript.js +3 -7
  82. package/dist/build/platforms/json.d.ts +1 -1
  83. package/dist/build/platforms/json.js +3 -7
  84. package/dist/build/platforms/styleLint.d.ts +1 -1
  85. package/dist/build/platforms/styleLint.js +3 -7
  86. package/dist/build/platforms/typeDefinitions.d.ts +1 -1
  87. package/dist/build/platforms/typeDefinitions.js +6 -10
  88. package/dist/build/platforms/typescript.d.ts +1 -1
  89. package/dist/build/platforms/typescript.js +3 -7
  90. package/dist/build/schemas/alphaValue.js +4 -7
  91. package/dist/build/schemas/baseToken.d.ts +2 -2
  92. package/dist/build/schemas/baseToken.js +4 -7
  93. package/dist/build/schemas/borderToken.d.ts +5 -5
  94. package/dist/build/schemas/borderToken.js +13 -16
  95. package/dist/build/schemas/collections.js +8 -14
  96. package/dist/build/schemas/colorHexValue.js +4 -7
  97. package/dist/build/schemas/colorToken.d.ts +20 -15
  98. package/dist/build/schemas/colorToken.js +24 -24
  99. package/dist/build/schemas/cubicBezierToken.d.ts +18 -0
  100. package/dist/build/schemas/cubicBezierToken.js +8 -0
  101. package/dist/build/schemas/designToken.js +30 -32
  102. package/dist/build/schemas/dimensionToken.d.ts +5 -5
  103. package/dist/build/schemas/dimensionToken.js +14 -17
  104. package/dist/build/schemas/dimensionValue.js +7 -10
  105. package/dist/build/schemas/durationToken.d.ts +5 -5
  106. package/dist/build/schemas/durationToken.js +8 -11
  107. package/dist/build/schemas/durationValue.js +4 -7
  108. package/dist/build/schemas/fontFamilyToken.d.ts +5 -5
  109. package/dist/build/schemas/fontFamilyToken.js +13 -16
  110. package/dist/build/schemas/fontWeightToken.d.ts +5 -5
  111. package/dist/build/schemas/fontWeightToken.js +14 -17
  112. package/dist/build/schemas/fontWeightValue.js +4 -7
  113. package/dist/build/schemas/numberToken.d.ts +5 -5
  114. package/dist/build/schemas/numberToken.js +15 -18
  115. package/dist/build/schemas/referenceValue.js +4 -7
  116. package/dist/build/schemas/scopes.js +5 -10
  117. package/dist/build/schemas/shadowToken.d.ts +5 -5
  118. package/dist/build/schemas/shadowToken.js +23 -26
  119. package/dist/build/schemas/stringToken.d.ts +5 -5
  120. package/dist/build/schemas/stringToken.js +7 -10
  121. package/dist/build/schemas/tokenName.js +4 -7
  122. package/dist/build/schemas/tokenType.d.ts +2 -2
  123. package/dist/build/schemas/tokenType.js +2 -6
  124. package/dist/build/schemas/typographyToken.d.ts +5 -5
  125. package/dist/build/schemas/typographyToken.js +14 -17
  126. package/dist/build/schemas/validTokenType.d.ts +1 -1
  127. package/dist/build/schemas/validTokenType.js +10 -13
  128. package/dist/build/schemas/viewportRangeToken.d.ts +5 -5
  129. package/dist/build/schemas/viewportRangeToken.js +7 -10
  130. package/dist/build/transformers/borderToCss.d.ts +3 -3
  131. package/dist/build/transformers/borderToCss.js +16 -16
  132. package/dist/build/transformers/colorToHex.d.ts +2 -2
  133. package/dist/build/transformers/colorToHex.js +11 -13
  134. package/dist/build/transformers/colorToHexMix.d.ts +2 -2
  135. package/dist/build/transformers/colorToHexMix.js +10 -15
  136. package/dist/build/transformers/colorToRgbAlpha.d.ts +2 -2
  137. package/dist/build/transformers/colorToRgbAlpha.js +10 -12
  138. package/dist/build/transformers/colorToRgbaFloat.d.ts +2 -2
  139. package/dist/build/transformers/colorToRgbaFloat.js +24 -28
  140. package/dist/build/transformers/cubicBezierToCss.d.ts +8 -0
  141. package/dist/build/transformers/cubicBezierToCss.js +23 -0
  142. package/dist/build/transformers/dimensionToPixelUnitless.d.ts +2 -2
  143. package/dist/build/transformers/dimensionToPixelUnitless.js +13 -14
  144. package/dist/build/transformers/dimensionToRem.d.ts +2 -2
  145. package/dist/build/transformers/dimensionToRem.js +12 -13
  146. package/dist/build/transformers/dimensionToRemPxArray.d.ts +2 -2
  147. package/dist/build/transformers/dimensionToRemPxArray.js +11 -12
  148. package/dist/build/transformers/durationToCss.d.ts +2 -2
  149. package/dist/build/transformers/durationToCss.js +10 -11
  150. package/dist/build/transformers/figmaAttributes.d.ts +2 -2
  151. package/dist/build/transformers/figmaAttributes.js +3 -5
  152. package/dist/build/transformers/floatToPixel.d.ts +4 -4
  153. package/dist/build/transformers/floatToPixel.js +12 -14
  154. package/dist/build/transformers/fontFamilyToCss.d.ts +2 -2
  155. package/dist/build/transformers/fontFamilyToCss.js +10 -13
  156. package/dist/build/transformers/fontFamilyToFigma.d.ts +3 -3
  157. package/dist/build/transformers/fontFamilyToFigma.js +15 -17
  158. package/dist/build/transformers/fontWeightToNumber.d.ts +2 -2
  159. package/dist/build/transformers/fontWeightToNumber.js +8 -11
  160. package/dist/build/transformers/index.d.ts +25 -24
  161. package/dist/build/transformers/index.js +25 -51
  162. package/dist/build/transformers/jsonDeprecated.d.ts +2 -2
  163. package/dist/build/transformers/jsonDeprecated.js +6 -8
  164. package/dist/build/transformers/namePathToCamelCase.d.ts +2 -2
  165. package/dist/build/transformers/namePathToCamelCase.js +5 -7
  166. package/dist/build/transformers/namePathToDotNotation.d.ts +2 -2
  167. package/dist/build/transformers/namePathToDotNotation.js +6 -8
  168. package/dist/build/transformers/namePathToFigma.d.ts +3 -3
  169. package/dist/build/transformers/namePathToFigma.js +5 -8
  170. package/dist/build/transformers/namePathToKebabCase.d.ts +2 -2
  171. package/dist/build/transformers/namePathToKebabCase.js +4 -6
  172. package/dist/build/transformers/namePathToPascalCase.d.ts +2 -2
  173. package/dist/build/transformers/namePathToPascalCase.js +5 -7
  174. package/dist/build/transformers/namePathToSlashNotation.d.ts +2 -2
  175. package/dist/build/transformers/namePathToSlashNotation.js +4 -6
  176. package/dist/build/transformers/shadowToCss.d.ts +2 -2
  177. package/dist/build/transformers/shadowToCss.js +14 -15
  178. package/dist/build/transformers/typographyToCss.d.ts +2 -2
  179. package/dist/build/transformers/typographyToCss.js +13 -15
  180. package/dist/build/transformers/utilities/alpha.d.ts +1 -1
  181. package/dist/build/transformers/utilities/alpha.js +4 -8
  182. package/dist/build/transformers/utilities/checkRequiredTokenProperties.js +1 -5
  183. package/dist/build/transformers/utilities/getTokenValue.d.ts +2 -2
  184. package/dist/build/transformers/utilities/getTokenValue.js +10 -12
  185. package/dist/build/transformers/utilities/hasSpaceInString.js +1 -5
  186. package/dist/build/transformers/utilities/hexToRgbaFloat.d.ts +1 -1
  187. package/dist/build/transformers/utilities/hexToRgbaFloat.js +1 -5
  188. package/dist/build/transformers/utilities/invalidTokenError.d.ts +1 -1
  189. package/dist/build/transformers/utilities/invalidTokenError.js +11 -10
  190. package/dist/build/transformers/utilities/isRgbaFloat.js +1 -5
  191. package/dist/build/transformers/utilities/mix.js +5 -7
  192. package/dist/build/transformers/utilities/rgbaFloatToHex.js +1 -5
  193. package/dist/build/types/Border.d.ts +5 -0
  194. package/dist/build/types/BorderTokenValue.d.ts +10 -0
  195. package/dist/build/types/ColorHex.d.ts +4 -0
  196. package/dist/build/types/PlatformInitializer.d.ts +11 -0
  197. package/dist/build/types/Shadow.d.ts +5 -0
  198. package/dist/build/types/ShadowTokenValue.d.ts +14 -0
  199. package/dist/build/types/SizeEm.d.ts +4 -0
  200. package/dist/build/types/SizePx.d.ts +4 -0
  201. package/dist/build/types/SizeRem.d.ts +4 -0
  202. package/dist/build/types/StyleDictionaryConfigGenerator.d.ts +15 -0
  203. package/dist/build/types/TokenBuildInput.d.ts +8 -0
  204. package/dist/build/types/TypographyTokenValue.d.ts +12 -0
  205. package/dist/build/types/w3cTransformedToken.d.ts +8 -0
  206. package/dist/build/utilities/copyFromDir.d.ts +2 -2
  207. package/dist/build/utilities/copyFromDir.js +7 -10
  208. package/dist/build/utilities/filterStringArray.js +1 -5
  209. package/dist/build/utilities/getFlag.js +1 -5
  210. package/dist/build/utilities/index.d.ts +9 -3
  211. package/dist/build/utilities/index.js +9 -9
  212. package/dist/build/utilities/joinFriendly.js +1 -5
  213. package/dist/build/utilities/schemaErrorMessage.js +1 -5
  214. package/dist/build/utilities/toCamelCase.js +5 -9
  215. package/dist/build/utilities/toPascalCase.js +5 -9
  216. package/dist/build/utilities/treeWalker.js +2 -6
  217. package/dist/build/utilities/upperCaseFirstCharacter.js +1 -5
  218. package/dist/css/base/motion/motion.css +17 -0
  219. package/dist/css/functional/motion/motion.css +4 -3
  220. package/dist/css/functional/themes/dark-colorblind.css +58 -38
  221. package/dist/css/functional/themes/dark-dimmed.css +44 -24
  222. package/dist/css/functional/themes/dark-high-contrast.css +62 -42
  223. package/dist/css/functional/themes/dark-tritanopia.css +44 -24
  224. package/dist/css/functional/themes/dark.css +42 -22
  225. package/dist/css/functional/themes/light-colorblind.css +60 -40
  226. package/dist/css/functional/themes/light-high-contrast.css +58 -38
  227. package/dist/css/functional/themes/light-tritanopia.css +42 -22
  228. package/dist/css/functional/themes/light.css +42 -22
  229. package/dist/css/functional/typography/typography.css +43 -43
  230. package/dist/css/primitives.css +64 -46
  231. package/dist/docs/base/motion/motion.json +205 -0
  232. package/dist/docs/base/size/size.json +76 -76
  233. package/dist/docs/base/typography/typography.json +16 -16
  234. package/dist/docs/functional/motion/motion.json +33 -18
  235. package/dist/docs/functional/size/border.json +56 -56
  236. package/dist/docs/functional/size/breakpoints.json +24 -24
  237. package/dist/docs/functional/size/size-coarse.json +12 -12
  238. package/dist/docs/functional/size/size-fine.json +12 -12
  239. package/dist/docs/functional/size/size.json +264 -264
  240. package/dist/docs/functional/size/viewport.json +24 -24
  241. package/dist/docs/functional/themes/dark-colorblind.json +2868 -3462
  242. package/dist/docs/functional/themes/dark-dimmed.json +2826 -3016
  243. package/dist/docs/functional/themes/dark-high-contrast.json +2822 -5100
  244. package/dist/docs/functional/themes/dark-tritanopia.json +2829 -3203
  245. package/dist/docs/functional/themes/dark.json +2808 -2520
  246. package/dist/docs/functional/themes/light-colorblind.json +2604 -3150
  247. package/dist/docs/functional/themes/light-high-contrast.json +2653 -4609
  248. package/dist/docs/functional/themes/light-tritanopia.json +2546 -2960
  249. package/dist/docs/functional/themes/light.json +2590 -2312
  250. package/dist/docs/functional/typography/typography.json +206 -206
  251. package/dist/fallbacks/base/motion/motion.json +17 -0
  252. package/dist/fallbacks/functional/motion/motion.json +1 -0
  253. package/dist/figma/dimension/dimension.json +492 -492
  254. package/dist/figma/figma.json +21 -13
  255. package/dist/figma/scales/dark-dimmed.json +3536 -656
  256. package/dist/figma/scales/dark-high-constrast.json +3535 -655
  257. package/dist/figma/scales/dark.json +3371 -491
  258. package/dist/figma/scales/light-high-constrast.json +3532 -652
  259. package/dist/figma/scales/light.json +3367 -487
  260. package/dist/figma/shadows/dark-colorblind.json +199 -199
  261. package/dist/figma/shadows/dark-dimmed.json +199 -199
  262. package/dist/figma/shadows/dark-high-contrast.json +199 -199
  263. package/dist/figma/shadows/dark-tritanopia.json +199 -199
  264. package/dist/figma/shadows/dark.json +199 -199
  265. package/dist/figma/shadows/light-colorblind.json +189 -189
  266. package/dist/figma/shadows/light-high-contrast.json +191 -191
  267. package/dist/figma/shadows/light-tritanopia.json +189 -189
  268. package/dist/figma/shadows/light.json +189 -189
  269. package/dist/figma/themes/dark-colorblind.json +4470 -5204
  270. package/dist/figma/themes/dark-dimmed.json +4771 -5081
  271. package/dist/figma/themes/dark-high-contrast.json +4189 -6548
  272. package/dist/figma/themes/dark-tritanopia.json +4629 -5153
  273. package/dist/figma/themes/dark.json +5072 -4916
  274. package/dist/figma/themes/light-colorblind.json +4490 -5127
  275. package/dist/figma/themes/light-high-contrast.json +4170 -6201
  276. package/dist/figma/themes/light-tritanopia.json +4525 -5027
  277. package/dist/figma/themes/light.json +4982 -4825
  278. package/dist/figma/typography/typography.json +159 -203
  279. package/dist/internalCss/dark-colorblind.css +58 -38
  280. package/dist/internalCss/dark-dimmed.css +44 -24
  281. package/dist/internalCss/dark-high-contrast.css +62 -42
  282. package/dist/internalCss/dark-tritanopia.css +44 -24
  283. package/dist/internalCss/dark.css +42 -22
  284. package/dist/internalCss/light-colorblind.css +60 -40
  285. package/dist/internalCss/light-high-contrast.css +58 -38
  286. package/dist/internalCss/light-tritanopia.css +42 -22
  287. package/dist/internalCss/light.css +42 -22
  288. package/dist/styleLint/base/motion/motion.json +205 -0
  289. package/dist/styleLint/base/size/size.json +38 -38
  290. package/dist/styleLint/base/typography/typography.json +8 -8
  291. package/dist/styleLint/functional/motion/motion.json +27 -12
  292. package/dist/styleLint/functional/size/border.json +30 -30
  293. package/dist/styleLint/functional/size/breakpoints.json +12 -12
  294. package/dist/styleLint/functional/size/size-coarse.json +6 -6
  295. package/dist/styleLint/functional/size/size-fine.json +6 -6
  296. package/dist/styleLint/functional/size/size.json +132 -132
  297. package/dist/styleLint/functional/size/viewport.json +12 -12
  298. package/dist/styleLint/functional/themes/dark-colorblind.json +1644 -2238
  299. package/dist/styleLint/functional/themes/dark-dimmed.json +1699 -1889
  300. package/dist/styleLint/functional/themes/dark-high-contrast.json +1627 -3905
  301. package/dist/styleLint/functional/themes/dark-tritanopia.json +1704 -2078
  302. package/dist/styleLint/functional/themes/dark.json +1692 -1404
  303. package/dist/styleLint/functional/themes/light-colorblind.json +1506 -2052
  304. package/dist/styleLint/functional/themes/light-high-contrast.json +1515 -3471
  305. package/dist/styleLint/functional/themes/light-tritanopia.json +1434 -1848
  306. package/dist/styleLint/functional/themes/light.json +1474 -1196
  307. package/dist/styleLint/functional/typography/typography.json +114 -114
  308. package/package.json +22 -22
  309. package/src/tokens/base/motion/easing.json5 +26 -0
  310. package/src/tokens/base/motion/timing.json5 +50 -0
  311. package/src/tokens/functional/color/dark/app-dark.json5 +203 -88
  312. package/src/tokens/functional/color/dark/data-vis-dark.json5 +20 -20
  313. package/src/tokens/functional/color/dark/display-dark.json5 +95 -95
  314. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -8
  315. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +43 -30
  316. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +62 -30
  317. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +53 -12
  318. package/src/tokens/functional/color/dark/patterns-dark.json5 +16 -4
  319. package/src/tokens/functional/color/dark/primitives-dark.json5 +4 -4
  320. package/src/tokens/functional/color/light/app-light.json5 +195 -85
  321. package/src/tokens/functional/color/light/data-vis-light.json5 +20 -20
  322. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  323. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +65 -34
  324. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +66 -11
  325. package/src/tokens/functional/color/light/patterns-light.json5 +13 -1
  326. package/src/tokens/functional/color/light/primitives-light.json5 +2 -2
  327. package/src/tokens/functional/motion/loading.json5 +1 -1
  328. package/src/tokens/functional/motion/patterns.json5 +9 -2
package/dist/figma/typography/typography.json CHANGED
@@ -1,153 +1,136 @@
1
1
  [
2
2
  {
3
- "name": "text/codeBlock/lineHeight",
4
- "value": 20,
3
+ "name": "base/text/weight/light",
4
+ "value": 300,
5
5
  "type": "FLOAT",
6
- "refId": "typography/text/codeBlock/lineHeight",
7
- "collection": "typography",
6
+ "refId": "base/typography/base/text/weight/light",
7
+ "collection": "base/typography",
8
8
  "mode": "default",
9
- "group": "typography",
10
- "scopes": ["LINE_HEIGHT"]
9
+ "group": "base/typography",
10
+ "scopes": ["FONT_WEIGHT"]
11
11
  },
12
12
  {
13
- "name": "text/codeBlock/size",
14
- "value": 13,
13
+ "name": "base/text/weight/normal",
14
+ "value": 400,
15
15
  "type": "FLOAT",
16
- "refId": "typography/text/codeBlock/size",
17
- "collection": "typography",
16
+ "refId": "base/typography/base/text/weight/normal",
17
+ "collection": "base/typography",
18
18
  "mode": "default",
19
- "group": "typography",
20
- "scopes": ["FONT_SIZE"]
19
+ "group": "base/typography",
20
+ "scopes": ["FONT_WEIGHT"]
21
21
  },
22
22
  {
23
- "name": "text/caption/lineHeight",
24
- "value": 16,
23
+ "name": "base/text/weight/medium",
24
+ "value": 500,
25
25
  "type": "FLOAT",
26
- "refId": "typography/text/caption/lineHeight",
27
- "collection": "typography",
26
+ "refId": "base/typography/base/text/weight/medium",
27
+ "collection": "base/typography",
28
28
  "mode": "default",
29
- "group": "typography",
30
- "scopes": ["LINE_HEIGHT"]
29
+ "group": "base/typography",
30
+ "scopes": ["FONT_WEIGHT"]
31
31
  },
32
32
  {
33
- "name": "text/caption/size",
34
- "value": 12,
33
+ "name": "base/text/weight/semibold",
34
+ "value": 600,
35
35
  "type": "FLOAT",
36
- "refId": "typography/text/caption/size",
37
- "collection": "typography",
36
+ "refId": "base/typography/base/text/weight/semibold",
37
+ "collection": "base/typography",
38
38
  "mode": "default",
39
- "group": "typography",
40
- "scopes": ["FONT_SIZE"]
39
+ "group": "base/typography",
40
+ "scopes": ["FONT_WEIGHT"]
41
41
  },
42
42
  {
43
- "name": "text/body/lineHeight/small",
44
- "value": 20,
45
- "type": "FLOAT",
46
- "refId": "typography/text/body/lineHeight/small",
43
+ "name": "fontStack/system",
44
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
45
+ "type": "STRING",
46
+ "refId": "typography/fontStack/system",
47
47
  "collection": "typography",
48
48
  "mode": "default",
49
49
  "group": "typography",
50
- "scopes": ["LINE_HEIGHT"]
50
+ "scopes": ["FONT_FAMILY"]
51
51
  },
52
52
  {
53
- "name": "text/body/lineHeight/medium",
54
- "value": 20,
55
- "type": "FLOAT",
56
- "refId": "typography/text/body/lineHeight/medium",
53
+ "name": "fontStack/sansSerif",
54
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
55
+ "type": "STRING",
56
+ "refId": "typography/fontStack/sansSerif",
57
57
  "collection": "typography",
58
58
  "mode": "default",
59
59
  "group": "typography",
60
- "scopes": ["LINE_HEIGHT"]
60
+ "scopes": ["FONT_FAMILY"]
61
61
  },
62
62
  {
63
- "name": "text/body/lineHeight/large",
64
- "value": 24,
65
- "type": "FLOAT",
66
- "refId": "typography/text/body/lineHeight/large",
63
+ "name": "fontStack/sansSerifDisplay",
64
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
65
+ "type": "STRING",
66
+ "refId": "typography/fontStack/sansSerifDisplay",
67
67
  "collection": "typography",
68
68
  "mode": "default",
69
69
  "group": "typography",
70
- "scopes": ["LINE_HEIGHT"]
70
+ "scopes": ["FONT_FAMILY"]
71
71
  },
72
72
  {
73
- "name": "text/body/size/small",
74
- "value": 12,
75
- "type": "FLOAT",
76
- "refId": "typography/text/body/size/small",
73
+ "name": "fontStack/monospace",
74
+ "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
75
+ "type": "STRING",
76
+ "refId": "typography/fontStack/monospace",
77
77
  "collection": "typography",
78
78
  "mode": "default",
79
79
  "group": "typography",
80
- "scopes": ["FONT_SIZE"]
80
+ "scopes": ["FONT_FAMILY"]
81
81
  },
82
82
  {
83
- "name": "text/body/size/medium",
84
- "value": 14,
83
+ "name": "lineBoxHeight",
84
+ "value": 1.4,
85
85
  "type": "FLOAT",
86
- "refId": "typography/text/body/size/medium",
87
- "collection": "typography",
88
- "mode": "default",
89
- "group": "typography",
90
- "scopes": ["FONT_SIZE"]
86
+ "refId": "lineBoxHeight"
91
87
  },
92
88
  {
93
- "name": "text/body/size/large",
94
- "value": 16,
89
+ "name": "text/display/size",
90
+ "value": 40,
95
91
  "type": "FLOAT",
96
- "refId": "typography/text/body/size/large",
92
+ "refId": "typography/text/display/size",
97
93
  "collection": "typography",
98
94
  "mode": "default",
99
95
  "group": "typography",
100
96
  "scopes": ["FONT_SIZE"]
101
97
  },
102
98
  {
103
- "name": "text/subtitle/lineHeight",
104
- "value": 32,
105
- "type": "FLOAT",
106
- "refId": "typography/text/subtitle/lineHeight",
107
- "collection": "typography",
108
- "mode": "default",
109
- "group": "typography",
110
- "scopes": ["LINE_HEIGHT"]
111
- },
112
- {
113
- "name": "text/subtitle/size",
114
- "value": 20,
99
+ "name": "lineHeight",
100
+ "value": 1.4,
115
101
  "type": "FLOAT",
116
- "refId": "typography/text/subtitle/size",
117
- "collection": "typography",
118
- "mode": "default",
119
- "group": "typography",
120
- "scopes": ["FONT_SIZE"]
102
+ "refId": "lineHeight"
121
103
  },
122
104
  {
123
- "name": "text/title/lineHeight/small",
124
- "value": 24,
105
+ "name": "text/display/weight",
106
+ "value": 500,
125
107
  "type": "FLOAT",
126
- "refId": "typography/text/title/lineHeight/small",
108
+ "refId": "typography/text/display/weight",
109
+ "reference": "base/typography/base/text/weight/medium",
127
110
  "collection": "typography",
128
111
  "mode": "default",
129
112
  "group": "typography",
130
- "scopes": ["LINE_HEIGHT"]
113
+ "scopes": ["FONT_WEIGHT"]
131
114
  },
132
115
  {
133
- "name": "text/title/lineHeight/medium",
116
+ "name": "text/title/size/large",
134
117
  "value": 32,
135
118
  "type": "FLOAT",
136
- "refId": "typography/text/title/lineHeight/medium",
119
+ "refId": "typography/text/title/size/large",
137
120
  "collection": "typography",
138
121
  "mode": "default",
139
122
  "group": "typography",
140
- "scopes": ["LINE_HEIGHT"]
123
+ "scopes": ["FONT_SIZE"]
141
124
  },
142
125
  {
143
- "name": "text/title/lineHeight/large",
144
- "value": 48,
126
+ "name": "text/title/size/medium",
127
+ "value": 20,
145
128
  "type": "FLOAT",
146
- "refId": "typography/text/title/lineHeight/large",
129
+ "refId": "typography/text/title/size/medium",
147
130
  "collection": "typography",
148
131
  "mode": "default",
149
132
  "group": "typography",
150
- "scopes": ["LINE_HEIGHT"]
133
+ "scopes": ["FONT_SIZE"]
151
134
  },
152
135
  {
153
136
  "name": "text/title/size/small",
@@ -160,151 +143,136 @@
160
143
  "scopes": ["FONT_SIZE"]
161
144
  },
162
145
  {
163
- "name": "text/title/size/medium",
164
- "value": 20,
146
+ "name": "large",
147
+ "value": 1.5,
165
148
  "type": "FLOAT",
166
- "refId": "typography/text/title/size/medium",
167
- "collection": "typography",
168
- "mode": "default",
169
- "group": "typography",
170
- "scopes": ["FONT_SIZE"]
149
+ "refId": "large"
171
150
  },
172
151
  {
173
- "name": "text/title/size/large",
174
- "value": 32,
152
+ "name": "medium",
153
+ "value": 1.6,
175
154
  "type": "FLOAT",
176
- "refId": "typography/text/title/size/large",
177
- "collection": "typography",
178
- "mode": "default",
179
- "group": "typography",
180
- "scopes": ["FONT_SIZE"]
155
+ "refId": "medium"
181
156
  },
182
157
  {
183
- "name": "text/display/lineHeight",
184
- "value": 56,
158
+ "name": "small",
159
+ "value": 1.5,
185
160
  "type": "FLOAT",
186
- "refId": "typography/text/display/lineHeight",
187
- "collection": "typography",
188
- "mode": "default",
189
- "group": "typography",
190
- "scopes": ["LINE_HEIGHT"]
161
+ "refId": "small"
191
162
  },
192
163
  {
193
- "name": "text/display/size",
194
- "value": 40,
164
+ "name": "text/title/weight/large",
165
+ "value": 600,
195
166
  "type": "FLOAT",
196
- "refId": "typography/text/display/size",
167
+ "refId": "typography/text/title/weight/large",
168
+ "reference": "base/typography/base/text/weight/semibold",
197
169
  "collection": "typography",
198
170
  "mode": "default",
199
171
  "group": "typography",
200
- "scopes": ["FONT_SIZE"]
172
+ "scopes": ["FONT_WEIGHT"]
201
173
  },
202
174
  {
203
- "name": "text/display/lineBoxHeight",
204
- "value": 56,
175
+ "name": "text/title/weight/medium",
176
+ "value": 600,
205
177
  "type": "FLOAT",
206
- "refId": "typography/text/display/lineBoxHeight",
178
+ "refId": "typography/text/title/weight/medium",
179
+ "reference": "base/typography/base/text/weight/semibold",
207
180
  "collection": "typography",
208
181
  "mode": "default",
209
182
  "group": "typography",
210
- "scopes": ["LINE_HEIGHT"]
183
+ "scopes": ["FONT_WEIGHT"]
211
184
  },
212
185
  {
213
- "name": "fontStack/monospace",
214
- "value": "SF Mono",
215
- "type": "STRING",
216
- "refId": "typography/fontStack/monospace",
186
+ "name": "text/title/weight/small",
187
+ "value": 600,
188
+ "type": "FLOAT",
189
+ "refId": "typography/text/title/weight/small",
190
+ "reference": "base/typography/base/text/weight/semibold",
217
191
  "collection": "typography",
218
192
  "mode": "default",
219
193
  "group": "typography",
220
- "scopes": ["FONT_FAMILY"]
194
+ "scopes": ["FONT_WEIGHT"]
221
195
  },
222
196
  {
223
- "name": "fontStack/sansSerifDisplay",
224
- "value": "SF Pro Display",
225
- "type": "STRING",
226
- "refId": "typography/fontStack/sansSerifDisplay",
197
+ "name": "text/subtitle/size",
198
+ "value": 20,
199
+ "type": "FLOAT",
200
+ "refId": "typography/text/subtitle/size",
227
201
  "collection": "typography",
228
202
  "mode": "default",
229
203
  "group": "typography",
230
- "scopes": ["FONT_FAMILY"]
204
+ "scopes": ["FONT_SIZE"]
231
205
  },
232
206
  {
233
- "name": "fontStack/sansSerif",
234
- "value": "SF Pro Text",
235
- "type": "STRING",
236
- "refId": "typography/fontStack/sansSerif",
207
+ "name": "lineHeight",
208
+ "value": 1.6,
209
+ "type": "FLOAT",
210
+ "refId": "lineHeight"
211
+ },
212
+ {
213
+ "name": "text/subtitle/weight",
214
+ "value": 400,
215
+ "type": "FLOAT",
216
+ "refId": "typography/text/subtitle/weight",
217
+ "reference": "base/typography/base/text/weight/normal",
237
218
  "collection": "typography",
238
219
  "mode": "default",
239
220
  "group": "typography",
240
- "scopes": ["FONT_FAMILY"]
221
+ "scopes": ["FONT_WEIGHT"]
241
222
  },
242
223
  {
243
- "name": "fontStack/system",
244
- "value": "SF Pro Text",
245
- "type": "STRING",
246
- "refId": "typography/fontStack/system",
224
+ "name": "text/body/size/large",
225
+ "value": 16,
226
+ "type": "FLOAT",
227
+ "refId": "typography/text/body/size/large",
247
228
  "collection": "typography",
248
229
  "mode": "default",
249
230
  "group": "typography",
250
- "scopes": ["FONT_FAMILY"]
231
+ "scopes": ["FONT_SIZE"]
251
232
  },
252
233
  {
253
- "name": "base/text/weight/semibold",
254
- "value": 600,
234
+ "name": "text/body/size/medium",
235
+ "value": 14,
255
236
  "type": "FLOAT",
256
- "refId": "base/typography/base/text/weight/semibold",
257
- "collection": "base/typography",
237
+ "refId": "typography/text/body/size/medium",
238
+ "collection": "typography",
258
239
  "mode": "default",
259
- "group": "base/typography",
260
- "scopes": ["FONT_WEIGHT"]
240
+ "group": "typography",
241
+ "scopes": ["FONT_SIZE"]
261
242
  },
262
243
  {
263
- "name": "base/text/weight/medium",
264
- "value": 500,
244
+ "name": "text/body/size/small",
245
+ "value": 12,
265
246
  "type": "FLOAT",
266
- "refId": "base/typography/base/text/weight/medium",
267
- "collection": "base/typography",
247
+ "refId": "typography/text/body/size/small",
248
+ "collection": "typography",
268
249
  "mode": "default",
269
- "group": "base/typography",
270
- "scopes": ["FONT_WEIGHT"]
250
+ "group": "typography",
251
+ "scopes": ["FONT_SIZE"]
271
252
  },
272
253
  {
273
- "name": "base/text/weight/normal",
274
- "value": 400,
254
+ "name": "large",
255
+ "value": 1.5,
275
256
  "type": "FLOAT",
276
- "refId": "base/typography/base/text/weight/normal",
277
- "collection": "base/typography",
278
- "mode": "default",
279
- "group": "base/typography",
280
- "scopes": ["FONT_WEIGHT"]
257
+ "refId": "large"
281
258
  },
282
259
  {
283
- "name": "base/text/weight/light",
284
- "value": 300,
260
+ "name": "medium",
261
+ "value": 1.4285,
285
262
  "type": "FLOAT",
286
- "refId": "base/typography/base/text/weight/light",
287
- "collection": "base/typography",
288
- "mode": "default",
289
- "group": "base/typography",
290
- "scopes": ["FONT_WEIGHT"]
263
+ "refId": "medium"
291
264
  },
292
265
  {
293
- "name": "text/codeInline/weight",
294
- "value": 400,
266
+ "name": "small",
267
+ "value": 1.6666,
295
268
  "type": "FLOAT",
296
- "refId": "typography/text/codeInline/weight",
297
- "reference": "base/typography/base/text/weight/normal",
298
- "collection": "typography",
299
- "mode": "default",
300
- "group": "typography",
301
- "scopes": ["FONT_WEIGHT"]
269
+ "refId": "small"
302
270
  },
303
271
  {
304
- "name": "text/codeBlock/weight",
272
+ "name": "text/body/weight",
305
273
  "value": 400,
306
274
  "type": "FLOAT",
307
- "refId": "typography/text/codeBlock/weight",
275
+ "refId": "typography/text/body/weight",
308
276
  "reference": "base/typography/base/text/weight/normal",
309
277
  "collection": "typography",
310
278
  "mode": "default",
@@ -312,32 +280,26 @@
312
280
  "scopes": ["FONT_WEIGHT"]
313
281
  },
314
282
  {
315
- "name": "text/caption/weight",
316
- "value": 400,
283
+ "name": "text/caption/size",
284
+ "value": 12,
317
285
  "type": "FLOAT",
318
- "refId": "typography/text/caption/weight",
319
- "reference": "base/typography/base/text/weight/normal",
286
+ "refId": "typography/text/caption/size",
320
287
  "collection": "typography",
321
288
  "mode": "default",
322
289
  "group": "typography",
323
- "scopes": ["FONT_WEIGHT"]
290
+ "scopes": ["FONT_SIZE"]
324
291
  },
325
292
  {
326
- "name": "text/body/weight",
327
- "value": 400,
293
+ "name": "lineHeight",
294
+ "value": 1.3333,
328
295
  "type": "FLOAT",
329
- "refId": "typography/text/body/weight",
330
- "reference": "base/typography/base/text/weight/normal",
331
- "collection": "typography",
332
- "mode": "default",
333
- "group": "typography",
334
- "scopes": ["FONT_WEIGHT"]
296
+ "refId": "lineHeight"
335
297
  },
336
298
  {
337
- "name": "text/subtitle/weight",
299
+ "name": "text/caption/weight",
338
300
  "value": 400,
339
301
  "type": "FLOAT",
340
- "refId": "typography/text/subtitle/weight",
302
+ "refId": "typography/text/caption/weight",
341
303
  "reference": "base/typography/base/text/weight/normal",
342
304
  "collection": "typography",
343
305
  "mode": "default",
@@ -345,44 +307,38 @@
345
307
  "scopes": ["FONT_WEIGHT"]
346
308
  },
347
309
  {
348
- "name": "text/title/weight/small",
349
- "value": 600,
310
+ "name": "text/codeBlock/size",
311
+ "value": 13,
350
312
  "type": "FLOAT",
351
- "refId": "typography/text/title/weight/small",
352
- "reference": "base/typography/base/text/weight/semibold",
313
+ "refId": "typography/text/codeBlock/size",
353
314
  "collection": "typography",
354
315
  "mode": "default",
355
316
  "group": "typography",
356
- "scopes": ["FONT_WEIGHT"]
317
+ "scopes": ["FONT_SIZE"]
357
318
  },
358
319
  {
359
- "name": "text/title/weight/medium",
360
- "value": 600,
320
+ "name": "lineHeight",
321
+ "value": 1.5385,
361
322
  "type": "FLOAT",
362
- "refId": "typography/text/title/weight/medium",
363
- "reference": "base/typography/base/text/weight/semibold",
364
- "collection": "typography",
365
- "mode": "default",
366
- "group": "typography",
367
- "scopes": ["FONT_WEIGHT"]
323
+ "refId": "lineHeight"
368
324
  },
369
325
  {
370
- "name": "text/title/weight/large",
371
- "value": 600,
326
+ "name": "text/codeBlock/weight",
327
+ "value": 400,
372
328
  "type": "FLOAT",
373
- "refId": "typography/text/title/weight/large",
374
- "reference": "base/typography/base/text/weight/semibold",
329
+ "refId": "typography/text/codeBlock/weight",
330
+ "reference": "base/typography/base/text/weight/normal",
375
331
  "collection": "typography",
376
332
  "mode": "default",
377
333
  "group": "typography",
378
334
  "scopes": ["FONT_WEIGHT"]
379
335
  },
380
336
  {
381
- "name": "text/display/weight",
382
- "value": 500,
337
+ "name": "text/codeInline/weight",
338
+ "value": 400,
383
339
  "type": "FLOAT",
384
- "refId": "typography/text/display/weight",
385
- "reference": "base/typography/base/text/weight/medium",
340
+ "refId": "typography/text/codeInline/weight",
341
+ "reference": "base/typography/base/text/weight/normal",
386
342
  "collection": "typography",
387
343
  "mode": "default",
388
344
  "group": "typography",