@primer/primitives 7.17.0-rc.3f0bd2a1 → 7.17.0-rc.4dfa9cdd

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 (283) hide show
  1. package/README.md +1 -1
  2. package/dist/css/functional/themes/dark-colorblind.css +10 -0
  3. package/dist/css/functional/themes/dark-dimmed.css +10 -0
  4. package/dist/css/functional/themes/dark-high-contrast.css +10 -0
  5. package/dist/css/functional/themes/dark-tritanopia.css +10 -0
  6. package/dist/css/functional/themes/dark.css +10 -0
  7. package/dist/css/functional/themes/light-colorblind.css +10 -0
  8. package/dist/css/functional/themes/light-high-contrast.css +10 -0
  9. package/dist/css/functional/themes/light-tritanopia.css +10 -0
  10. package/dist/css/functional/themes/light.css +10 -0
  11. package/dist/css/functional/typography/typography.css +1 -1
  12. package/dist/docs/base/typography/typography.json +52 -4
  13. package/dist/docs/functional/themes/dark-colorblind.json +145 -0
  14. package/dist/docs/functional/themes/dark-dimmed.json +145 -0
  15. package/dist/docs/functional/themes/dark-high-contrast.json +145 -0
  16. package/dist/docs/functional/themes/dark-tritanopia.json +145 -0
  17. package/dist/docs/functional/themes/dark.json +145 -0
  18. package/dist/docs/functional/themes/light-colorblind.json +145 -0
  19. package/dist/docs/functional/themes/light-high-contrast.json +145 -0
  20. package/dist/docs/functional/themes/light-tritanopia.json +145 -0
  21. package/dist/docs/functional/themes/light.json +145 -0
  22. package/dist/docs/functional/typography/typography.json +494 -36
  23. package/dist/fallbacks/functional/typography/typography.json +1 -1
  24. package/dist/figma/figma.json +18 -1
  25. package/dist/figma/themes/dark-colorblind.json +80 -0
  26. package/dist/figma/themes/dark-dimmed.json +80 -0
  27. package/dist/figma/themes/dark-high-contrast.json +80 -0
  28. package/dist/figma/themes/dark-tritanopia.json +80 -0
  29. package/dist/figma/themes/dark.json +80 -0
  30. package/dist/figma/themes/light-colorblind.json +80 -0
  31. package/dist/figma/themes/light-high-contrast.json +80 -0
  32. package/dist/figma/themes/light-tritanopia.json +80 -0
  33. package/dist/figma/themes/light.json +80 -0
  34. package/dist/figma/typography/typography.json +370 -0
  35. package/dist/internalCss/dark-colorblind.css +10 -0
  36. package/dist/internalCss/dark-dimmed.css +10 -0
  37. package/dist/internalCss/dark-high-contrast.css +10 -0
  38. package/dist/internalCss/dark-tritanopia.css +10 -0
  39. package/dist/internalCss/dark.css +10 -0
  40. package/dist/internalCss/light-colorblind.css +10 -0
  41. package/dist/internalCss/light-high-contrast.css +10 -0
  42. package/dist/internalCss/light-tritanopia.css +10 -0
  43. package/dist/internalCss/light.css +10 -0
  44. package/dist/styleLint/base/typography/typography.json +52 -4
  45. package/dist/styleLint/functional/themes/dark-colorblind.json +145 -0
  46. package/dist/styleLint/functional/themes/dark-dimmed.json +145 -0
  47. package/dist/styleLint/functional/themes/dark-high-contrast.json +145 -0
  48. package/dist/styleLint/functional/themes/dark-tritanopia.json +145 -0
  49. package/dist/styleLint/functional/themes/dark.json +145 -0
  50. package/dist/styleLint/functional/themes/light-colorblind.json +145 -0
  51. package/dist/styleLint/functional/themes/light-high-contrast.json +145 -0
  52. package/dist/styleLint/functional/themes/light-tritanopia.json +145 -0
  53. package/dist/styleLint/functional/themes/light.json +145 -0
  54. package/dist/styleLint/functional/typography/typography.json +494 -36
  55. package/package.json +5 -13
  56. package/src/PrimerStyleDictionary.ts +12 -0
  57. package/src/filters/index.ts +1 -0
  58. package/src/filters/isNumber.ts +8 -0
  59. package/src/formats/jsonFigma.ts +1 -0
  60. package/src/platforms/figma.ts +10 -1
  61. package/src/schemas/numberToken.ts +17 -0
  62. package/src/tokens/base/typography/typography.json +28 -4
  63. package/src/tokens/functional/color/dark/display-dark.json5 +66 -0
  64. package/src/tokens/functional/color/light/display-light.json5 +66 -0
  65. package/src/tokens/functional/typography/typography.json +263 -34
  66. package/src/transformers/floatToPixel.ts +33 -0
  67. package/src/transformers/fontFamilyToCss.ts +3 -4
  68. package/src/transformers/fontFamilyToFigma.ts +47 -0
  69. package/src/transformers/index.ts +2 -0
  70. package/src/transformers/utilities/hasSpaceInString.ts +6 -0
  71. package/build.js +0 -578
  72. package/dist/deprecated/colors.json +0 -7
  73. package/dist/js/colors/dark.d.ts +0 -516
  74. package/dist/js/colors/dark.js +0 -616
  75. package/dist/js/colors/dark_colorblind.d.ts +0 -516
  76. package/dist/js/colors/dark_colorblind.js +0 -616
  77. package/dist/js/colors/dark_dimmed.d.ts +0 -516
  78. package/dist/js/colors/dark_dimmed.js +0 -616
  79. package/dist/js/colors/dark_high_contrast.d.ts +0 -516
  80. package/dist/js/colors/dark_high_contrast.js +0 -616
  81. package/dist/js/colors/dark_tritanopia.d.ts +0 -516
  82. package/dist/js/colors/dark_tritanopia.js +0 -616
  83. package/dist/js/colors/index.d.ts +0 -4638
  84. package/dist/js/colors/index.js +0 -15
  85. package/dist/js/colors/light.d.ts +0 -516
  86. package/dist/js/colors/light.js +0 -616
  87. package/dist/js/colors/light_colorblind.d.ts +0 -516
  88. package/dist/js/colors/light_colorblind.js +0 -616
  89. package/dist/js/colors/light_high_contrast.d.ts +0 -516
  90. package/dist/js/colors/light_high_contrast.js +0 -616
  91. package/dist/js/colors/light_tritanopia.d.ts +0 -516
  92. package/dist/js/colors/light_tritanopia.js +0 -616
  93. package/dist/js/index.d.ts +0 -4655
  94. package/dist/js/index.js +0 -9
  95. package/dist/js/spacing/index.d.ts +0 -6
  96. package/dist/js/spacing/index.js +0 -7
  97. package/dist/js/spacing/normal.d.ts +0 -4
  98. package/dist/js/spacing/normal.js +0 -13
  99. package/dist/js/typography/index.d.ts +0 -11
  100. package/dist/js/typography/index.js +0 -7
  101. package/dist/js/typography/normal.d.ts +0 -9
  102. package/dist/js/typography/normal.js +0 -19
  103. package/dist/json/colors/dark.json +0 -614
  104. package/dist/json/colors/dark_colorblind.json +0 -614
  105. package/dist/json/colors/dark_dimmed.json +0 -614
  106. package/dist/json/colors/dark_high_contrast.json +0 -614
  107. package/dist/json/colors/dark_tritanopia.json +0 -614
  108. package/dist/json/colors/light.json +0 -614
  109. package/dist/json/colors/light_colorblind.json +0 -614
  110. package/dist/json/colors/light_high_contrast.json +0 -614
  111. package/dist/json/colors/light_tritanopia.json +0 -614
  112. package/dist/json/spacing/normal.json +0 -11
  113. package/dist/json/typography/normal.json +0 -17
  114. package/dist/removed/colors.json +0 -432
  115. package/dist/scss/colors/_dark.scss +0 -452
  116. package/dist/scss/colors/_dark_colorblind.scss +0 -452
  117. package/dist/scss/colors/_dark_dimmed.scss +0 -452
  118. package/dist/scss/colors/_dark_high_contrast.scss +0 -452
  119. package/dist/scss/colors/_dark_tritanopia.scss +0 -452
  120. package/dist/scss/colors/_light.scss +0 -452
  121. package/dist/scss/colors/_light_colorblind.scss +0 -452
  122. package/dist/scss/colors/_light_high_contrast.scss +0 -452
  123. package/dist/scss/colors/_light_tritanopia.scss +0 -452
  124. package/dist/scss/spacing/_normal.scss +0 -11
  125. package/dist/scss/typography/_normal.scss +0 -15
  126. package/dist/ts/colors/dark.ts +0 -614
  127. package/dist/ts/colors/dark_colorblind.ts +0 -614
  128. package/dist/ts/colors/dark_dimmed.ts +0 -614
  129. package/dist/ts/colors/dark_high_contrast.ts +0 -614
  130. package/dist/ts/colors/dark_tritanopia.ts +0 -614
  131. package/dist/ts/colors/index.ts +0 -10
  132. package/dist/ts/colors/light.ts +0 -614
  133. package/dist/ts/colors/light_colorblind.ts +0 -614
  134. package/dist/ts/colors/light_high_contrast.ts +0 -614
  135. package/dist/ts/colors/light_tritanopia.ts +0 -614
  136. package/dist/ts/index.ts +0 -4
  137. package/dist/ts/spacing/index.ts +0 -2
  138. package/dist/ts/spacing/normal.ts +0 -11
  139. package/dist/ts/typography/index.ts +0 -2
  140. package/dist/ts/typography/normal.ts +0 -17
  141. package/tokens/base/size/size.json +0 -57
  142. package/tokens/base/typography/typography.json +0 -20
  143. package/tokens/functional/size/border.json +0 -48
  144. package/tokens/functional/size/breakpoints.json +0 -24
  145. package/tokens/functional/size/size-coarse.json +0 -27
  146. package/tokens/functional/size/size-fine.json +0 -27
  147. package/tokens/functional/size/size.json +0 -189
  148. package/tokens/functional/size/viewport.json +0 -24
  149. package/tokens/functional/typography/typography.json +0 -213
  150. package/tokens/removed/color.json +0 -421
  151. package/tokens-next-private/css/base/size/size.css +0 -19
  152. package/tokens-next-private/css/base/typography/typography.css +0 -6
  153. package/tokens-next-private/css/functional/motion/motion.css +0 -5
  154. package/tokens-next-private/css/functional/size/border.css +0 -14
  155. package/tokens-next-private/css/functional/size/breakpoints.css +0 -8
  156. package/tokens-next-private/css/functional/size/size-coarse.css +0 -7
  157. package/tokens-next-private/css/functional/size/size-fine.css +0 -7
  158. package/tokens-next-private/css/functional/size/size.css +0 -74
  159. package/tokens-next-private/css/functional/size/viewport.css +0 -6
  160. package/tokens-next-private/css/functional/themes/dark-colorblind.css +0 -1078
  161. package/tokens-next-private/css/functional/themes/dark-dimmed.css +0 -1078
  162. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +0 -1078
  163. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +0 -1078
  164. package/tokens-next-private/css/functional/themes/dark.css +0 -1078
  165. package/tokens-next-private/css/functional/themes/light-colorblind.css +0 -1078
  166. package/tokens-next-private/css/functional/themes/light-high-contrast.css +0 -1078
  167. package/tokens-next-private/css/functional/themes/light-tritanopia.css +0 -1078
  168. package/tokens-next-private/css/functional/themes/light.css +0 -1078
  169. package/tokens-next-private/css/functional/typography/typography.css +0 -47
  170. package/tokens-next-private/docs/base/size/size.json +0 -427
  171. package/tokens-next-private/docs/base/typography/typography.json +0 -54
  172. package/tokens-next-private/docs/functional/motion/motion.json +0 -47
  173. package/tokens-next-private/docs/functional/size/border.json +0 -234
  174. package/tokens-next-private/docs/functional/size/breakpoints.json +0 -152
  175. package/tokens-next-private/docs/functional/size/size-coarse.json +0 -41
  176. package/tokens-next-private/docs/functional/size/size-fine.json +0 -41
  177. package/tokens-next-private/docs/functional/size/size.json +0 -1838
  178. package/tokens-next-private/docs/functional/size/viewport.json +0 -80
  179. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +0 -16155
  180. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +0 -16159
  181. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +0 -16175
  182. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +0 -16161
  183. package/tokens-next-private/docs/functional/themes/dark.json +0 -16159
  184. package/tokens-next-private/docs/functional/themes/light-colorblind.json +0 -16123
  185. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +0 -16125
  186. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +0 -16115
  187. package/tokens-next-private/docs/functional/themes/light.json +0 -16113
  188. package/tokens-next-private/docs/functional/typography/typography.json +0 -663
  189. package/tokens-next-private/fallbacks/base/size/size.json +0 -19
  190. package/tokens-next-private/fallbacks/base/typography/typography.json +0 -6
  191. package/tokens-next-private/fallbacks/color-fallbacks.json +0 -260
  192. package/tokens-next-private/fallbacks/functional/motion/motion.json +0 -5
  193. package/tokens-next-private/fallbacks/functional/size/border.json +0 -14
  194. package/tokens-next-private/fallbacks/functional/size/breakpoints.json +0 -8
  195. package/tokens-next-private/fallbacks/functional/size/size-coarse.json +0 -5
  196. package/tokens-next-private/fallbacks/functional/size/size-fine.json +0 -5
  197. package/tokens-next-private/fallbacks/functional/size/size.json +0 -74
  198. package/tokens-next-private/fallbacks/functional/size/viewport.json +0 -8
  199. package/tokens-next-private/fallbacks/functional/typography/typography.json +0 -47
  200. package/tokens-next-private/internalCss/dark-colorblind.css +0 -1648
  201. package/tokens-next-private/internalCss/dark-dimmed.css +0 -1648
  202. package/tokens-next-private/internalCss/dark-high-contrast.css +0 -1648
  203. package/tokens-next-private/internalCss/dark-tritanopia.css +0 -1648
  204. package/tokens-next-private/internalCss/dark.css +0 -1648
  205. package/tokens-next-private/internalCss/light-colorblind.css +0 -1648
  206. package/tokens-next-private/internalCss/light-high-contrast.css +0 -1648
  207. package/tokens-next-private/internalCss/light-tritanopia.css +0 -1648
  208. package/tokens-next-private/internalCss/light.css +0 -1648
  209. package/tokens-next-private/removed/color.json +0 -421
  210. package/tokens-next-private/styleLint/base/size/size.json +0 -427
  211. package/tokens-next-private/styleLint/base/typography/typography.json +0 -54
  212. package/tokens-next-private/styleLint/functional/motion/motion.json +0 -47
  213. package/tokens-next-private/styleLint/functional/size/border.json +0 -234
  214. package/tokens-next-private/styleLint/functional/size/breakpoints.json +0 -152
  215. package/tokens-next-private/styleLint/functional/size/size-coarse.json +0 -41
  216. package/tokens-next-private/styleLint/functional/size/size-fine.json +0 -41
  217. package/tokens-next-private/styleLint/functional/size/size.json +0 -1838
  218. package/tokens-next-private/styleLint/functional/size/viewport.json +0 -80
  219. package/tokens-next-private/styleLint/functional/themes/dark-colorblind.json +0 -16155
  220. package/tokens-next-private/styleLint/functional/themes/dark-dimmed.json +0 -16159
  221. package/tokens-next-private/styleLint/functional/themes/dark-high-contrast.json +0 -16175
  222. package/tokens-next-private/styleLint/functional/themes/dark-tritanopia.json +0 -16161
  223. package/tokens-next-private/styleLint/functional/themes/dark.json +0 -16159
  224. package/tokens-next-private/styleLint/functional/themes/light-colorblind.json +0 -16123
  225. package/tokens-next-private/styleLint/functional/themes/light-high-contrast.json +0 -16125
  226. package/tokens-next-private/styleLint/functional/themes/light-tritanopia.json +0 -16115
  227. package/tokens-next-private/styleLint/functional/themes/light.json +0 -16113
  228. package/tokens-next-private/styleLint/functional/typography/typography.json +0 -663
  229. package/tokens-v2-private/css/tokens/base/size/size.css +0 -24
  230. package/tokens-v2-private/css/tokens/base/typography/typography.css +0 -11
  231. package/tokens-v2-private/css/tokens/functional/size/border.css +0 -17
  232. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +0 -13
  233. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +0 -11
  234. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +0 -11
  235. package/tokens-v2-private/css/tokens/functional/size/size.css +0 -54
  236. package/tokens-v2-private/css/tokens/functional/size/viewport.css +0 -6
  237. package/tokens-v2-private/css/tokens/functional/typography/typography.css +0 -47
  238. package/tokens-v2-private/docs/docValues.json +0 -2209
  239. package/tokens-v2-private/js/module/tokens/base/size/size.js +0 -266
  240. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +0 -77
  241. package/tokens-v2-private/js/module/tokens/functional/size/border.js +0 -165
  242. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +0 -101
  243. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +0 -73
  244. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +0 -73
  245. package/tokens-v2-private/js/module/tokens/functional/size/size.js +0 -824
  246. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +0 -101
  247. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +0 -809
  248. package/tokens-v2-private/js/tokens/base/size/size.js +0 -22
  249. package/tokens-v2-private/js/tokens/base/typography/typography.js +0 -9
  250. package/tokens-v2-private/js/tokens/functional/size/border.js +0 -15
  251. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +0 -11
  252. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +0 -8
  253. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +0 -8
  254. package/tokens-v2-private/js/tokens/functional/size/size.js +0 -52
  255. package/tokens-v2-private/js/tokens/functional/size/viewport.js +0 -11
  256. package/tokens-v2-private/js/tokens/functional/typography/typography.js +0 -45
  257. package/tokens-v2-private/scss/tokens/base/size/size.scss +0 -21
  258. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +0 -8
  259. package/tokens-v2-private/scss/tokens/functional/size/border.scss +0 -14
  260. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +0 -10
  261. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +0 -7
  262. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +0 -7
  263. package/tokens-v2-private/scss/tokens/functional/size/size.scss +0 -51
  264. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +0 -10
  265. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +0 -44
  266. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +0 -31
  267. package/tokens-v2-private/ts/tokens/base/size/size.js +0 -30
  268. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +0 -20
  269. package/tokens-v2-private/ts/tokens/base/typography/typography.js +0 -19
  270. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +0 -28
  271. package/tokens-v2-private/ts/tokens/functional/size/border.js +0 -27
  272. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +0 -20
  273. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +0 -19
  274. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +0 -29
  275. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +0 -28
  276. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +0 -29
  277. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +0 -28
  278. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +0 -103
  279. package/tokens-v2-private/ts/tokens/functional/size/size.js +0 -102
  280. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +0 -20
  281. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +0 -19
  282. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +0 -131
  283. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +0 -130
@@ -1,663 +0,0 @@
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
- }