@primer/primitives 7.16.0 → 7.17.0-rc.086cd658

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 (259) hide show
  1. package/dist/styleLint/base/size/size.json +427 -0
  2. package/dist/styleLint/base/typography/typography.json +54 -0
  3. package/dist/styleLint/functional/motion/motion.json +47 -0
  4. package/dist/styleLint/functional/size/border.json +234 -0
  5. package/dist/styleLint/functional/size/breakpoints.json +152 -0
  6. package/dist/styleLint/functional/size/size-coarse.json +41 -0
  7. package/dist/styleLint/functional/size/size-fine.json +41 -0
  8. package/dist/styleLint/functional/size/size.json +1838 -0
  9. package/dist/styleLint/functional/size/viewport.json +80 -0
  10. package/dist/styleLint/functional/themes/dark-colorblind.json +16155 -0
  11. package/dist/styleLint/functional/themes/dark-dimmed.json +16159 -0
  12. package/dist/styleLint/functional/themes/dark-high-contrast.json +16175 -0
  13. package/dist/styleLint/functional/themes/dark-tritanopia.json +16161 -0
  14. package/dist/styleLint/functional/themes/dark.json +16159 -0
  15. package/dist/styleLint/functional/themes/light-colorblind.json +16123 -0
  16. package/dist/styleLint/functional/themes/light-high-contrast.json +16125 -0
  17. package/dist/styleLint/functional/themes/light-tritanopia.json +16115 -0
  18. package/dist/styleLint/functional/themes/light.json +16113 -0
  19. package/dist/styleLint/functional/typography/typography.json +663 -0
  20. package/package.json +11 -9
  21. package/src/PrimerStyleDictionary.ts +226 -0
  22. package/src/filters/index.ts +12 -0
  23. package/src/filters/isBorder.ts +10 -0
  24. package/src/filters/isColor.ts +10 -0
  25. package/src/filters/isColorWithAlpha.ts +11 -0
  26. package/src/filters/isColorWithMix.ts +33 -0
  27. package/src/filters/isDeprecated.ts +10 -0
  28. package/src/filters/isDimension.ts +10 -0
  29. package/src/filters/isDuration.ts +10 -0
  30. package/src/filters/isFontFamily.ts +10 -0
  31. package/src/filters/isFontWeight.ts +10 -0
  32. package/src/filters/isFromFile.ts +12 -0
  33. package/src/filters/isShadow.ts +10 -0
  34. package/src/filters/isSource.ts +10 -0
  35. package/src/filters/isTypography.ts +10 -0
  36. package/src/formats/cssCustomMedia.ts +24 -0
  37. package/src/formats/cssThemed.ts +35 -0
  38. package/src/formats/cssVariables.ts +25 -0
  39. package/src/formats/cssWrapMediaQuery.ts +29 -0
  40. package/src/formats/index.ts +11 -0
  41. package/src/formats/javascriptCommonJs.ts +21 -0
  42. package/src/formats/javascriptEsm.ts +21 -0
  43. package/src/formats/jsonFigma.ts +131 -0
  44. package/src/formats/jsonNestedPrefixed.ts +23 -0
  45. package/src/formats/jsonOneDimensional.ts +18 -0
  46. package/src/formats/jsonPostCssFallback.ts +16 -0
  47. package/src/formats/typescriptExportDefinition.ts +170 -0
  48. package/src/formats/utilities/jsonToFlat.ts +10 -0
  49. package/src/formats/utilities/jsonToNestedValue.ts +20 -0
  50. package/src/formats/utilities/prefixTokens.ts +17 -0
  51. package/src/parsers/index.ts +1 -0
  52. package/src/parsers/w3cJsonParser.ts +25 -0
  53. package/src/platforms/css.ts +93 -0
  54. package/src/platforms/deprecatedJson.ts +16 -0
  55. package/src/platforms/docJson.ts +34 -0
  56. package/src/platforms/fallbacks.ts +34 -0
  57. package/src/platforms/figma.ts +48 -0
  58. package/src/platforms/index.ts +10 -0
  59. package/src/platforms/javascript.ts +30 -0
  60. package/src/platforms/json.ts +32 -0
  61. package/src/platforms/styleLint.ts +34 -0
  62. package/src/platforms/typeDefinitions.ts +30 -0
  63. package/src/platforms/typescript.ts +30 -0
  64. package/src/schemas/alphaValue.ts +12 -0
  65. package/src/schemas/baseToken.ts +7 -0
  66. package/src/schemas/borderToken.ts +19 -0
  67. package/src/schemas/collections.ts +47 -0
  68. package/src/schemas/colorHexValue.ts +18 -0
  69. package/src/schemas/colorToken.ts +50 -0
  70. package/src/schemas/designToken.ts +38 -0
  71. package/src/schemas/dimensionToken.ts +22 -0
  72. package/src/schemas/dimensionValue.ts +16 -0
  73. package/src/schemas/durationToken.ts +12 -0
  74. package/src/schemas/durationValue.ts +9 -0
  75. package/src/schemas/fontFamilyToken.ts +11 -0
  76. package/src/schemas/fontWeightToken.ts +12 -0
  77. package/src/schemas/fontWeightValue.ts +14 -0
  78. package/src/schemas/numberToken.ts +11 -0
  79. package/src/schemas/referenceValue.ts +12 -0
  80. package/src/schemas/scopes.ts +16 -0
  81. package/src/schemas/shadowToken.ts +45 -0
  82. package/src/schemas/stringToken.ts +11 -0
  83. package/src/schemas/tokenName.ts +12 -0
  84. package/src/schemas/tokenType.ts +4 -0
  85. package/src/schemas/typographyToken.ts +20 -0
  86. package/src/schemas/validTokenType.ts +44 -0
  87. package/src/schemas/viewportRangeToken.ts +11 -0
  88. package/src/test-utilities/getMockDictionary.ts +22 -0
  89. package/src/test-utilities/getMockFormatterArguments.ts +21 -0
  90. package/src/test-utilities/getMockParserInput.ts +72 -0
  91. package/src/test-utilities/getMockToken.ts +25 -0
  92. package/src/test-utilities/index.ts +4 -0
  93. package/src/tokens/base/color/dark/dark.dimmed.json5 +1326 -0
  94. package/src/tokens/base/color/dark/dark.high-contrast.json5 +856 -0
  95. package/src/tokens/base/color/dark/dark.json5 +866 -0
  96. package/src/tokens/base/color/dark/display-dark.json5 +1774 -0
  97. package/src/tokens/base/color/light/display-light.json5 +1774 -0
  98. package/src/tokens/base/color/light/light.high-contrast.json5 +847 -0
  99. package/src/tokens/base/color/light/light.json5 +866 -0
  100. package/src/tokens/base/size/size.json +176 -0
  101. package/src/tokens/base/typography/typography.json +24 -0
  102. package/src/tokens/fallback/color-fallbacks.json +260 -0
  103. package/src/tokens/functional/border/dark.json5 +12 -0
  104. package/src/tokens/functional/border/light.json5 +12 -0
  105. package/src/tokens/functional/color/dark/app-dark.json5 +554 -0
  106. package/src/tokens/functional/color/dark/data-vis-dark.json5 +144 -0
  107. package/src/tokens/functional/color/dark/display-dark.json5 +1060 -0
  108. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +57 -0
  109. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +390 -0
  110. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +314 -0
  111. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +229 -0
  112. package/src/tokens/functional/color/dark/patterns-dark.json5 +3073 -0
  113. package/src/tokens/functional/color/dark/primitives-dark.json5 +1206 -0
  114. package/src/tokens/functional/color/dark/syntax-dark.json5 +559 -0
  115. package/src/tokens/functional/color/light/app-light.json5 +551 -0
  116. package/src/tokens/functional/color/light/data-vis-light.json5 +144 -0
  117. package/src/tokens/functional/color/light/display-light.json5 +1060 -0
  118. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +440 -0
  119. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +340 -0
  120. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +249 -0
  121. package/src/tokens/functional/color/light/patterns-light.json5 +3070 -0
  122. package/src/tokens/functional/color/light/primitives-light.json5 +1196 -0
  123. package/src/tokens/functional/color/light/syntax-light.json5 +559 -0
  124. package/src/tokens/functional/motion/loading.json5 +17 -0
  125. package/src/tokens/functional/motion/patterns.json5 +28 -0
  126. package/src/tokens/functional/shadow/dark.json5 +383 -0
  127. package/src/tokens/functional/shadow/light.json5 +376 -0
  128. package/src/tokens/functional/size/border.json +98 -0
  129. package/src/tokens/functional/size/breakpoints.json +64 -0
  130. package/src/tokens/functional/size/size-coarse.json +28 -0
  131. package/src/tokens/functional/size/size-fine.json +28 -0
  132. package/src/tokens/functional/size/size.json +802 -0
  133. package/src/tokens/functional/size/viewport.json +28 -0
  134. package/src/tokens/functional/typography/typography.json +279 -0
  135. package/src/tokens/removed/color.json +421 -0
  136. package/src/transformers/borderToCss.ts +38 -0
  137. package/src/transformers/colorToHex.ts +16 -0
  138. package/src/transformers/colorToHexAlpha.ts +23 -0
  139. package/src/transformers/colorToHexMix.ts +19 -0
  140. package/src/transformers/colorToRgbAlpha.ts +19 -0
  141. package/src/transformers/colorToRgbaFloat.ts +45 -0
  142. package/src/transformers/dimensionToPixelUnitless.ts +60 -0
  143. package/src/transformers/dimensionToRem.ts +56 -0
  144. package/src/transformers/dimensionToRemPxArray.ts +60 -0
  145. package/src/transformers/durationToCss.ts +29 -0
  146. package/src/transformers/figmaAttributes.ts +55 -0
  147. package/src/transformers/fontFamilyToCss.ts +38 -0
  148. package/src/transformers/fontWeightToNumber.ts +53 -0
  149. package/src/transformers/index.ts +21 -0
  150. package/src/transformers/jsonDeprecated.ts +15 -0
  151. package/src/transformers/namePathToCamelCase.ts +14 -0
  152. package/src/transformers/namePathToDotNotation.ts +34 -0
  153. package/src/transformers/namePathToFigma.ts +28 -0
  154. package/src/transformers/namePathToKebabCase.ts +19 -0
  155. package/src/transformers/namePathToSlashNotation.ts +19 -0
  156. package/src/transformers/shadowToCss.ts +37 -0
  157. package/src/transformers/typographyToCss.ts +31 -0
  158. package/src/transformers/utilities/alpha.ts +23 -0
  159. package/src/transformers/utilities/checkRequiredTokenProperties.ts +16 -0
  160. package/src/transformers/utilities/getTokenValue.ts +18 -0
  161. package/src/transformers/utilities/hexToRgbaFloat.ts +31 -0
  162. package/src/transformers/utilities/invalidTokenError.ts +34 -0
  163. package/src/transformers/utilities/isRgbaFloat.ts +29 -0
  164. package/src/transformers/utilities/mix.ts +46 -0
  165. package/src/transformers/utilities/rgbaFloatToHex.ts +15 -0
  166. package/src/types/Border.d.ts +5 -0
  167. package/src/types/BorderTokenValue.d.ts +10 -0
  168. package/src/types/ColorHex.d.ts +4 -0
  169. package/src/types/PlatformInitializer.d.ts +11 -0
  170. package/src/types/Shadow.d.ts +5 -0
  171. package/src/types/ShadowTokenValue.d.ts +14 -0
  172. package/src/types/SizeEm.d.ts +4 -0
  173. package/src/types/SizePx.d.ts +4 -0
  174. package/src/types/SizeRem.d.ts +4 -0
  175. package/src/types/StyleDictionaryConfigGenerator.d.ts +15 -0
  176. package/src/types/TokenBuildInput.d.ts +8 -0
  177. package/src/types/TypographyTokenValue.d.ts +12 -0
  178. package/src/types/w3cTransformedToken.d.ts +8 -0
  179. package/src/utilities/copyFromDir.ts +21 -0
  180. package/src/utilities/getFlag.ts +12 -0
  181. package/src/utilities/index.ts +3 -0
  182. package/src/utilities/joinFriendly.ts +2 -0
  183. package/src/utilities/schemaErrorMessage.ts +2 -0
  184. package/src/utilities/toCamelCase.ts +29 -0
  185. package/src/utilities/treeWalker.ts +27 -0
  186. package/src/utilities/upperCaseFirstCharacter.ts +10 -0
  187. package/src/utils-v1.ts +36 -0
  188. package/tokens-next-private/styleLint/base/size/size.json +427 -0
  189. package/tokens-next-private/styleLint/base/typography/typography.json +54 -0
  190. package/tokens-next-private/styleLint/functional/motion/motion.json +47 -0
  191. package/tokens-next-private/styleLint/functional/size/border.json +234 -0
  192. package/tokens-next-private/styleLint/functional/size/breakpoints.json +152 -0
  193. package/tokens-next-private/styleLint/functional/size/size-coarse.json +41 -0
  194. package/tokens-next-private/styleLint/functional/size/size-fine.json +41 -0
  195. package/tokens-next-private/styleLint/functional/size/size.json +1838 -0
  196. package/tokens-next-private/styleLint/functional/size/viewport.json +80 -0
  197. package/tokens-next-private/styleLint/functional/themes/dark-colorblind.json +16155 -0
  198. package/tokens-next-private/styleLint/functional/themes/dark-dimmed.json +16159 -0
  199. package/tokens-next-private/styleLint/functional/themes/dark-high-contrast.json +16175 -0
  200. package/tokens-next-private/styleLint/functional/themes/dark-tritanopia.json +16161 -0
  201. package/tokens-next-private/styleLint/functional/themes/dark.json +16159 -0
  202. package/tokens-next-private/styleLint/functional/themes/light-colorblind.json +16123 -0
  203. package/tokens-next-private/styleLint/functional/themes/light-high-contrast.json +16125 -0
  204. package/tokens-next-private/styleLint/functional/themes/light-tritanopia.json +16115 -0
  205. package/tokens-next-private/styleLint/functional/themes/light.json +16113 -0
  206. package/tokens-next-private/styleLint/functional/typography/typography.json +663 -0
  207. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  208. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  209. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  210. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  211. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  212. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  213. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  214. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  215. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  216. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  217. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  218. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  219. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  220. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  221. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  222. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  223. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  224. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  225. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  226. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  227. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  228. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  229. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  230. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  231. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  232. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  233. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  234. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  235. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  236. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  237. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  238. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  239. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  240. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  241. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  242. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  243. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  244. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  245. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  246. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  247. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  248. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  249. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  250. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  251. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  252. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  253. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  254. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  255. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  256. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  257. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  258. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  259. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/dist/styleLint/functional/typography/typography.json ADDED
@@ -0,0 +1,663 @@
1
+ {
2
+ "fontStack-system": {
3
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
4
+ "$type": "fontFamily",
5
+ "filePath": "src/tokens/functional/typography/typography.json",
6
+ "isSource": true,
7
+ "original": {
8
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
9
+ "$type": "fontFamily"
10
+ },
11
+ "name": "fontStack-system",
12
+ "attributes": {},
13
+ "path": ["fontStack", "system"]
14
+ },
15
+ "fontStack-sansSerif": {
16
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
17
+ "$type": "fontFamily",
18
+ "filePath": "src/tokens/functional/typography/typography.json",
19
+ "isSource": true,
20
+ "original": {
21
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
22
+ "$type": "fontFamily"
23
+ },
24
+ "name": "fontStack-sansSerif",
25
+ "attributes": {},
26
+ "path": ["fontStack", "sansSerif"]
27
+ },
28
+ "fontStack-monospace": {
29
+ "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
30
+ "$type": "fontFamily",
31
+ "filePath": "src/tokens/functional/typography/typography.json",
32
+ "isSource": true,
33
+ "original": {
34
+ "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
35
+ "$type": "fontFamily"
36
+ },
37
+ "name": "fontStack-monospace",
38
+ "attributes": {},
39
+ "path": ["fontStack", "monospace"]
40
+ },
41
+ "text-display-lineBoxHeight": {
42
+ "value": ["3.5rem", "56px"],
43
+ "$type": "dimension",
44
+ "filePath": "src/tokens/functional/typography/typography.json",
45
+ "isSource": true,
46
+ "original": {
47
+ "value": "56px",
48
+ "$type": "dimension"
49
+ },
50
+ "name": "text-display-lineBoxHeight",
51
+ "attributes": {},
52
+ "path": ["text", "display", "lineBoxHeight"]
53
+ },
54
+ "text-display-size": {
55
+ "value": ["2.5rem", "40px"],
56
+ "$type": "dimension",
57
+ "filePath": "src/tokens/functional/typography/typography.json",
58
+ "isSource": true,
59
+ "original": {
60
+ "value": "40px",
61
+ "$type": "dimension"
62
+ },
63
+ "name": "text-display-size",
64
+ "attributes": {},
65
+ "path": ["text", "display", "size"]
66
+ },
67
+ "text-display-lineHeight": {
68
+ "value": 1.4,
69
+ "$type": "number",
70
+ "filePath": "src/tokens/functional/typography/typography.json",
71
+ "isSource": true,
72
+ "original": {
73
+ "value": 1.4,
74
+ "$type": "number"
75
+ },
76
+ "name": "text-display-lineHeight",
77
+ "attributes": {},
78
+ "path": ["text", "display", "lineHeight"]
79
+ },
80
+ "text-display-weight": {
81
+ "value": 500,
82
+ "$type": "fontWeight",
83
+ "filePath": "src/tokens/functional/typography/typography.json",
84
+ "isSource": true,
85
+ "original": {
86
+ "value": "{base.text.weight.medium}",
87
+ "$type": "fontWeight"
88
+ },
89
+ "name": "text-display-weight",
90
+ "attributes": {},
91
+ "path": ["text", "display", "weight"]
92
+ },
93
+ "text-display-shorthand": {
94
+ "value": "500 2.5rem,40px/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
95
+ "$type": "typography",
96
+ "comment": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports.",
97
+ "filePath": "src/tokens/functional/typography/typography.json",
98
+ "isSource": true,
99
+ "original": {
100
+ "value": {
101
+ "fontWeight": "{text.display.weight}",
102
+ "fontSize": "{text.display.size}",
103
+ "lineHeight": "{text.display.lineHeight}",
104
+ "fontFamily": "{fontStack.sansSerif}"
105
+ },
106
+ "$type": "typography",
107
+ "comment": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports."
108
+ },
109
+ "name": "text-display-shorthand",
110
+ "attributes": {},
111
+ "path": ["text", "display", "shorthand"]
112
+ },
113
+ "text-title-size-large": {
114
+ "value": ["2rem", "32px"],
115
+ "$type": "dimension",
116
+ "filePath": "src/tokens/functional/typography/typography.json",
117
+ "isSource": true,
118
+ "original": {
119
+ "value": "32px",
120
+ "$type": "dimension"
121
+ },
122
+ "name": "text-title-size-large",
123
+ "attributes": {},
124
+ "path": ["text", "title", "size", "large"]
125
+ },
126
+ "text-title-size-medium": {
127
+ "value": ["1.25rem", "20px"],
128
+ "$type": "dimension",
129
+ "filePath": "src/tokens/functional/typography/typography.json",
130
+ "isSource": true,
131
+ "original": {
132
+ "value": "20px",
133
+ "$type": "dimension"
134
+ },
135
+ "name": "text-title-size-medium",
136
+ "attributes": {},
137
+ "path": ["text", "title", "size", "medium"]
138
+ },
139
+ "text-title-size-small": {
140
+ "value": ["1rem", "16px"],
141
+ "$type": "dimension",
142
+ "filePath": "src/tokens/functional/typography/typography.json",
143
+ "isSource": true,
144
+ "original": {
145
+ "value": "16px",
146
+ "$type": "dimension"
147
+ },
148
+ "name": "text-title-size-small",
149
+ "attributes": {},
150
+ "path": ["text", "title", "size", "small"]
151
+ },
152
+ "text-title-lineHeight-large": {
153
+ "value": 1.5,
154
+ "$type": "number",
155
+ "filePath": "src/tokens/functional/typography/typography.json",
156
+ "isSource": true,
157
+ "original": {
158
+ "value": 1.5,
159
+ "$type": "number"
160
+ },
161
+ "name": "text-title-lineHeight-large",
162
+ "attributes": {},
163
+ "path": ["text", "title", "lineHeight", "large"]
164
+ },
165
+ "text-title-lineHeight-medium": {
166
+ "value": 1.6,
167
+ "$type": "number",
168
+ "filePath": "src/tokens/functional/typography/typography.json",
169
+ "isSource": true,
170
+ "original": {
171
+ "value": 1.6,
172
+ "$type": "number"
173
+ },
174
+ "name": "text-title-lineHeight-medium",
175
+ "attributes": {},
176
+ "path": ["text", "title", "lineHeight", "medium"]
177
+ },
178
+ "text-title-lineHeight-small": {
179
+ "value": 1.5,
180
+ "$type": "number",
181
+ "filePath": "src/tokens/functional/typography/typography.json",
182
+ "isSource": true,
183
+ "original": {
184
+ "value": 1.5,
185
+ "$type": "number"
186
+ },
187
+ "name": "text-title-lineHeight-small",
188
+ "attributes": {},
189
+ "path": ["text", "title", "lineHeight", "small"]
190
+ },
191
+ "text-title-weight-large": {
192
+ "value": 600,
193
+ "$type": "fontWeight",
194
+ "filePath": "src/tokens/functional/typography/typography.json",
195
+ "isSource": true,
196
+ "original": {
197
+ "value": "{base.text.weight.semibold}",
198
+ "$type": "fontWeight"
199
+ },
200
+ "name": "text-title-weight-large",
201
+ "attributes": {},
202
+ "path": ["text", "title", "weight", "large"]
203
+ },
204
+ "text-title-weight-medium": {
205
+ "value": 600,
206
+ "$type": "fontWeight",
207
+ "filePath": "src/tokens/functional/typography/typography.json",
208
+ "isSource": true,
209
+ "original": {
210
+ "value": "{base.text.weight.semibold}",
211
+ "$type": "fontWeight"
212
+ },
213
+ "name": "text-title-weight-medium",
214
+ "attributes": {},
215
+ "path": ["text", "title", "weight", "medium"]
216
+ },
217
+ "text-title-weight-small": {
218
+ "value": 600,
219
+ "$type": "fontWeight",
220
+ "filePath": "src/tokens/functional/typography/typography.json",
221
+ "isSource": true,
222
+ "original": {
223
+ "value": "{base.text.weight.semibold}",
224
+ "$type": "fontWeight"
225
+ },
226
+ "name": "text-title-weight-small",
227
+ "attributes": {},
228
+ "path": ["text", "title", "weight", "small"]
229
+ },
230
+ "text-title-shorthand-large": {
231
+ "value": "600 2rem,32px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
232
+ "$type": "typography",
233
+ "comment": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports.",
234
+ "filePath": "src/tokens/functional/typography/typography.json",
235
+ "isSource": true,
236
+ "original": {
237
+ "value": {
238
+ "fontWeight": "{text.title.weight.large}",
239
+ "fontSize": "{text.title.size.large}",
240
+ "lineHeight": "{text.title.lineHeight.large}",
241
+ "fontFamily": "{fontStack.sansSerif}"
242
+ },
243
+ "$type": "typography",
244
+ "comment": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports."
245
+ },
246
+ "name": "text-title-shorthand-large",
247
+ "attributes": {},
248
+ "path": ["text", "title", "shorthand", "large"]
249
+ },
250
+ "text-title-shorthand-medium": {
251
+ "value": "600 1.25rem,20px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
252
+ "$type": "typography",
253
+ "comment": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition.",
254
+ "filePath": "src/tokens/functional/typography/typography.json",
255
+ "isSource": true,
256
+ "original": {
257
+ "value": {
258
+ "fontWeight": "{text.title.weight.medium}",
259
+ "fontSize": "{text.title.size.medium}",
260
+ "lineHeight": "{text.title.lineHeight.medium}",
261
+ "fontFamily": "{fontStack.sansSerif}"
262
+ },
263
+ "$type": "typography",
264
+ "comment": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition."
265
+ },
266
+ "name": "text-title-shorthand-medium",
267
+ "attributes": {},
268
+ "path": ["text", "title", "shorthand", "medium"]
269
+ },
270
+ "text-title-shorthand-small": {
271
+ "value": "600 1rem,16px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
272
+ "$type": "typography",
273
+ "comment": "Uses the same size as body (large) with a heavier weight of semibold (600).",
274
+ "filePath": "src/tokens/functional/typography/typography.json",
275
+ "isSource": true,
276
+ "original": {
277
+ "value": {
278
+ "fontWeight": "{text.title.weight.small}",
279
+ "fontSize": "{text.title.size.small}",
280
+ "lineHeight": "{text.title.lineHeight.small}",
281
+ "fontFamily": "{fontStack.sansSerif}"
282
+ },
283
+ "$type": "typography",
284
+ "comment": "Uses the same size as body (large) with a heavier weight of semibold (600)."
285
+ },
286
+ "name": "text-title-shorthand-small",
287
+ "attributes": {},
288
+ "path": ["text", "title", "shorthand", "small"]
289
+ },
290
+ "text-subtitle-size": {
291
+ "value": ["1.25rem", "20px"],
292
+ "$type": "dimension",
293
+ "filePath": "src/tokens/functional/typography/typography.json",
294
+ "isSource": true,
295
+ "original": {
296
+ "value": "20px",
297
+ "$type": "dimension"
298
+ },
299
+ "name": "text-subtitle-size",
300
+ "attributes": {},
301
+ "path": ["text", "subtitle", "size"]
302
+ },
303
+ "text-subtitle-lineHeight": {
304
+ "value": 1.6,
305
+ "$type": "number",
306
+ "filePath": "src/tokens/functional/typography/typography.json",
307
+ "isSource": true,
308
+ "original": {
309
+ "value": 1.6,
310
+ "$type": "number"
311
+ },
312
+ "name": "text-subtitle-lineHeight",
313
+ "attributes": {},
314
+ "path": ["text", "subtitle", "lineHeight"]
315
+ },
316
+ "text-subtitle-weight": {
317
+ "value": 400,
318
+ "$type": "fontWeight",
319
+ "filePath": "src/tokens/functional/typography/typography.json",
320
+ "isSource": true,
321
+ "original": {
322
+ "value": "{base.text.weight.normal}",
323
+ "$type": "fontWeight"
324
+ },
325
+ "name": "text-subtitle-weight",
326
+ "attributes": {},
327
+ "path": ["text", "subtitle", "weight"]
328
+ },
329
+ "text-subtitle-shorthand": {
330
+ "value": "400 1.25rem,20px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
331
+ "$type": "typography",
332
+ "comment": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium).",
333
+ "filePath": "src/tokens/functional/typography/typography.json",
334
+ "isSource": true,
335
+ "original": {
336
+ "value": {
337
+ "fontWeight": "{text.subtitle.weight}",
338
+ "fontSize": "{text.subtitle.size}",
339
+ "lineHeight": "{text.subtitle.lineHeight}",
340
+ "fontFamily": "{fontStack.sansSerif}"
341
+ },
342
+ "$type": "typography",
343
+ "comment": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium)."
344
+ },
345
+ "name": "text-subtitle-shorthand",
346
+ "attributes": {},
347
+ "path": ["text", "subtitle", "shorthand"]
348
+ },
349
+ "text-body-size-large": {
350
+ "value": ["1rem", "16px"],
351
+ "$type": "dimension",
352
+ "filePath": "src/tokens/functional/typography/typography.json",
353
+ "isSource": true,
354
+ "original": {
355
+ "value": "16px",
356
+ "$type": "dimension"
357
+ },
358
+ "name": "text-body-size-large",
359
+ "attributes": {},
360
+ "path": ["text", "body", "size", "large"]
361
+ },
362
+ "text-body-size-medium": {
363
+ "value": ["0.875rem", "14px"],
364
+ "$type": "dimension",
365
+ "filePath": "src/tokens/functional/typography/typography.json",
366
+ "isSource": true,
367
+ "original": {
368
+ "value": "14px",
369
+ "$type": "dimension"
370
+ },
371
+ "name": "text-body-size-medium",
372
+ "attributes": {},
373
+ "path": ["text", "body", "size", "medium"]
374
+ },
375
+ "text-body-size-small": {
376
+ "value": ["0.75rem", "12px"],
377
+ "$type": "dimension",
378
+ "filePath": "src/tokens/functional/typography/typography.json",
379
+ "isSource": true,
380
+ "original": {
381
+ "value": "12px",
382
+ "$type": "dimension"
383
+ },
384
+ "name": "text-body-size-small",
385
+ "attributes": {},
386
+ "path": ["text", "body", "size", "small"]
387
+ },
388
+ "text-body-lineHeight-large": {
389
+ "value": 1.5,
390
+ "$type": "number",
391
+ "filePath": "src/tokens/functional/typography/typography.json",
392
+ "isSource": true,
393
+ "original": {
394
+ "value": 1.5,
395
+ "$type": "number"
396
+ },
397
+ "name": "text-body-lineHeight-large",
398
+ "attributes": {},
399
+ "path": ["text", "body", "lineHeight", "large"]
400
+ },
401
+ "text-body-lineHeight-medium": {
402
+ "value": 1.4285,
403
+ "$type": "number",
404
+ "filePath": "src/tokens/functional/typography/typography.json",
405
+ "isSource": true,
406
+ "original": {
407
+ "value": 1.4285,
408
+ "$type": "number"
409
+ },
410
+ "name": "text-body-lineHeight-medium",
411
+ "attributes": {},
412
+ "path": ["text", "body", "lineHeight", "medium"]
413
+ },
414
+ "text-body-lineHeight-small": {
415
+ "value": 1.6666,
416
+ "$type": "number",
417
+ "filePath": "src/tokens/functional/typography/typography.json",
418
+ "isSource": true,
419
+ "original": {
420
+ "value": 1.6666,
421
+ "$type": "number"
422
+ },
423
+ "name": "text-body-lineHeight-small",
424
+ "attributes": {},
425
+ "path": ["text", "body", "lineHeight", "small"]
426
+ },
427
+ "text-body-weight": {
428
+ "value": 400,
429
+ "$type": "fontWeight",
430
+ "filePath": "src/tokens/functional/typography/typography.json",
431
+ "isSource": true,
432
+ "original": {
433
+ "value": "{base.text.weight.normal}",
434
+ "$type": "fontWeight"
435
+ },
436
+ "name": "text-body-weight",
437
+ "attributes": {},
438
+ "path": ["text", "body", "weight"]
439
+ },
440
+ "text-body-shorthand-large": {
441
+ "value": "400 1rem,16px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
442
+ "$type": "typography",
443
+ "comment": "User-generated content, markdown rendering.",
444
+ "filePath": "src/tokens/functional/typography/typography.json",
445
+ "isSource": true,
446
+ "original": {
447
+ "value": {
448
+ "fontWeight": "{text.body.weight}",
449
+ "fontSize": "{text.body.size.large}",
450
+ "lineHeight": "{text.body.lineHeight.large}",
451
+ "fontFamily": "{fontStack.sansSerif}"
452
+ },
453
+ "$type": "typography",
454
+ "comment": "User-generated content, markdown rendering."
455
+ },
456
+ "name": "text-body-shorthand-large",
457
+ "attributes": {},
458
+ "path": ["text", "body", "shorthand", "large"]
459
+ },
460
+ "text-body-shorthand-medium": {
461
+ "value": "400 0.875rem,14px/1.4285 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
462
+ "$type": "typography",
463
+ "comment": "Default UI font. Most commonly used for body text.",
464
+ "filePath": "src/tokens/functional/typography/typography.json",
465
+ "isSource": true,
466
+ "original": {
467
+ "value": {
468
+ "fontWeight": "{text.body.weight}",
469
+ "fontSize": "{text.body.size.medium}",
470
+ "lineHeight": "{text.body.lineHeight.medium}",
471
+ "fontFamily": "{fontStack.sansSerif}"
472
+ },
473
+ "$type": "typography",
474
+ "comment": "Default UI font. Most commonly used for body text."
475
+ },
476
+ "name": "text-body-shorthand-medium",
477
+ "attributes": {},
478
+ "path": ["text", "body", "shorthand", "medium"]
479
+ },
480
+ "text-body-shorthand-small": {
481
+ "value": "400 0.75rem,12px/1.6666 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
482
+ "$type": "typography",
483
+ "comment": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px.",
484
+ "filePath": "src/tokens/functional/typography/typography.json",
485
+ "isSource": true,
486
+ "original": {
487
+ "value": {
488
+ "fontWeight": "{text.body.weight}",
489
+ "fontSize": "{text.body.size.small}",
490
+ "lineHeight": "{text.body.lineHeight.small}",
491
+ "fontFamily": "{fontStack.sansSerif}"
492
+ },
493
+ "$type": "typography",
494
+ "comment": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px."
495
+ },
496
+ "name": "text-body-shorthand-small",
497
+ "attributes": {},
498
+ "path": ["text", "body", "shorthand", "small"]
499
+ },
500
+ "text-caption-size": {
501
+ "value": ["0.75rem", "12px"],
502
+ "$type": "dimension",
503
+ "filePath": "src/tokens/functional/typography/typography.json",
504
+ "isSource": true,
505
+ "original": {
506
+ "value": "12px",
507
+ "$type": "dimension"
508
+ },
509
+ "name": "text-caption-size",
510
+ "attributes": {},
511
+ "path": ["text", "caption", "size"]
512
+ },
513
+ "text-caption-lineHeight": {
514
+ "value": 1.3333,
515
+ "$type": "number",
516
+ "filePath": "src/tokens/functional/typography/typography.json",
517
+ "isSource": true,
518
+ "original": {
519
+ "value": 1.3333,
520
+ "$type": "number"
521
+ },
522
+ "name": "text-caption-lineHeight",
523
+ "attributes": {},
524
+ "path": ["text", "caption", "lineHeight"]
525
+ },
526
+ "text-caption-weight": {
527
+ "value": 400,
528
+ "$type": "fontWeight",
529
+ "filePath": "src/tokens/functional/typography/typography.json",
530
+ "isSource": true,
531
+ "original": {
532
+ "value": "{base.text.weight.normal}",
533
+ "$type": "fontWeight"
534
+ },
535
+ "name": "text-caption-weight",
536
+ "attributes": {},
537
+ "path": ["text", "caption", "weight"]
538
+ },
539
+ "text-caption-shorthand": {
540
+ "value": "400 0.75rem,12px/1.3333 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
541
+ "$type": "typography",
542
+ "comment": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements.",
543
+ "filePath": "src/tokens/functional/typography/typography.json",
544
+ "isSource": true,
545
+ "original": {
546
+ "value": {
547
+ "fontWeight": "{text.caption.weight}",
548
+ "fontSize": "{text.caption.size}",
549
+ "lineHeight": "{text.caption.lineHeight}",
550
+ "fontFamily": "{fontStack.sansSerif}"
551
+ },
552
+ "$type": "typography",
553
+ "comment": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements."
554
+ },
555
+ "name": "text-caption-shorthand",
556
+ "attributes": {},
557
+ "path": ["text", "caption", "shorthand"]
558
+ },
559
+ "text-codeBlock-size": {
560
+ "value": ["0.8125rem", "13px"],
561
+ "$type": "dimension",
562
+ "filePath": "src/tokens/functional/typography/typography.json",
563
+ "isSource": true,
564
+ "original": {
565
+ "value": "13px",
566
+ "$type": "dimension"
567
+ },
568
+ "name": "text-codeBlock-size",
569
+ "attributes": {},
570
+ "path": ["text", "codeBlock", "size"]
571
+ },
572
+ "text-codeBlock-lineHeight": {
573
+ "value": 1.5385,
574
+ "$type": "number",
575
+ "filePath": "src/tokens/functional/typography/typography.json",
576
+ "isSource": true,
577
+ "original": {
578
+ "value": 1.5385,
579
+ "$type": "number"
580
+ },
581
+ "name": "text-codeBlock-lineHeight",
582
+ "attributes": {},
583
+ "path": ["text", "codeBlock", "lineHeight"]
584
+ },
585
+ "text-codeBlock-weight": {
586
+ "value": 400,
587
+ "$type": "fontWeight",
588
+ "filePath": "src/tokens/functional/typography/typography.json",
589
+ "isSource": true,
590
+ "original": {
591
+ "value": "{base.text.weight.normal}",
592
+ "$type": "fontWeight"
593
+ },
594
+ "name": "text-codeBlock-weight",
595
+ "attributes": {},
596
+ "path": ["text", "codeBlock", "weight"]
597
+ },
598
+ "text-codeBlock-shorthand": {
599
+ "value": "400 0.8125rem,13px/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
600
+ "$type": "typography",
601
+ "comment": "Default style for rendering code blocks.",
602
+ "filePath": "src/tokens/functional/typography/typography.json",
603
+ "isSource": true,
604
+ "original": {
605
+ "value": {
606
+ "fontWeight": "{text.codeBlock.weight}",
607
+ "fontSize": "{text.codeBlock.size}",
608
+ "lineHeight": "{text.codeBlock.lineHeight}",
609
+ "fontFamily": "{fontStack.monospace}"
610
+ },
611
+ "$type": "typography",
612
+ "comment": "Default style for rendering code blocks."
613
+ },
614
+ "name": "text-codeBlock-shorthand",
615
+ "attributes": {},
616
+ "path": ["text", "codeBlock", "shorthand"]
617
+ },
618
+ "text-codeInline-size": {
619
+ "value": ["0.9285em", "14.856px"],
620
+ "$type": "dimension",
621
+ "filePath": "src/tokens/functional/typography/typography.json",
622
+ "isSource": true,
623
+ "original": {
624
+ "value": "0.9285em",
625
+ "$type": "dimension"
626
+ },
627
+ "name": "text-codeInline-size",
628
+ "attributes": {},
629
+ "path": ["text", "codeInline", "size"]
630
+ },
631
+ "text-codeInline-weight": {
632
+ "value": 400,
633
+ "$type": "fontWeight",
634
+ "filePath": "src/tokens/functional/typography/typography.json",
635
+ "isSource": true,
636
+ "original": {
637
+ "value": "{base.text.weight.normal}",
638
+ "$type": "fontWeight"
639
+ },
640
+ "name": "text-codeInline-weight",
641
+ "attributes": {},
642
+ "path": ["text", "codeInline", "weight"]
643
+ },
644
+ "text-codeInline-shorthand": {
645
+ "value": "400 0.9285em,14.856px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
646
+ "$type": "typography",
647
+ "comment": "Inline code blocks using em units to inherit size from its parent.",
648
+ "filePath": "src/tokens/functional/typography/typography.json",
649
+ "isSource": true,
650
+ "original": {
651
+ "value": {
652
+ "fontWeight": "{text.codeInline.weight}",
653
+ "fontSize": "{text.codeInline.size}",
654
+ "fontFamily": "{fontStack.monospace}"
655
+ },
656
+ "$type": "typography",
657
+ "comment": "Inline code blocks using em units to inherit size from its parent."
658
+ },
659
+ "name": "text-codeInline-shorthand",
660
+ "attributes": {},
661
+ "path": ["text", "codeInline", "shorthand"]
662
+ }
663
+ }