@primer/primitives 7.11.2-rc.fd60637 → 7.11.2

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/README.md +53 -1
  2. package/dist/color-contrast-check.json +1 -1
  3. package/dist/js/colors/dark.js +40 -40
  4. package/dist/js/colors/dark_colorblind.js +40 -40
  5. package/dist/js/colors/dark_dimmed.js +40 -40
  6. package/dist/js/colors/dark_high_contrast.js +24 -24
  7. package/dist/js/colors/dark_tritanopia.js +40 -40
  8. package/dist/js/colors/light.js +44 -44
  9. package/dist/js/colors/light_colorblind.js +16 -16
  10. package/dist/js/colors/light_high_contrast.js +9 -9
  11. package/dist/js/colors/light_tritanopia.js +16 -16
  12. package/dist/json/colors/dark.json +40 -40
  13. package/dist/json/colors/dark_colorblind.json +40 -40
  14. package/dist/json/colors/dark_dimmed.json +40 -40
  15. package/dist/json/colors/dark_high_contrast.json +24 -24
  16. package/dist/json/colors/dark_tritanopia.json +40 -40
  17. package/dist/json/colors/light.json +44 -44
  18. package/dist/json/colors/light_colorblind.json +16 -16
  19. package/dist/json/colors/light_high_contrast.json +9 -9
  20. package/dist/json/colors/light_tritanopia.json +16 -16
  21. package/dist/scss/colors/_dark.scss +40 -40
  22. package/dist/scss/colors/_dark_colorblind.scss +40 -40
  23. package/dist/scss/colors/_dark_dimmed.scss +40 -40
  24. package/dist/scss/colors/_dark_high_contrast.scss +24 -24
  25. package/dist/scss/colors/_dark_tritanopia.scss +40 -40
  26. package/dist/scss/colors/_light.scss +44 -44
  27. package/dist/scss/colors/_light_colorblind.scss +16 -16
  28. package/dist/scss/colors/_light_high_contrast.scss +9 -9
  29. package/dist/scss/colors/_light_tritanopia.scss +16 -16
  30. package/dist/ts/colors/dark.ts +40 -40
  31. package/dist/ts/colors/dark_colorblind.ts +40 -40
  32. package/dist/ts/colors/dark_dimmed.ts +40 -40
  33. package/dist/ts/colors/dark_high_contrast.ts +24 -24
  34. package/dist/ts/colors/dark_tritanopia.ts +40 -40
  35. package/dist/ts/colors/light.ts +44 -44
  36. package/dist/ts/colors/light_colorblind.ts +16 -16
  37. package/dist/ts/colors/light_high_contrast.ts +9 -9
  38. package/dist/ts/colors/light_tritanopia.ts +16 -16
  39. package/package.json +15 -14
  40. package/tokens-next-private/css/base/color/dark-colorblind.css +198 -0
  41. package/tokens-next-private/css/base/color/dark-dimmed.css +198 -0
  42. package/tokens-next-private/css/base/color/dark-high-contrast.css +198 -0
  43. package/tokens-next-private/css/base/color/dark-tritanopia.css +198 -0
  44. package/tokens-next-private/css/base/color/dark.css +198 -0
  45. package/tokens-next-private/css/base/color/light-colorblind.css +198 -0
  46. package/tokens-next-private/css/base/color/light-high-contrast.css +198 -0
  47. package/tokens-next-private/css/base/color/light-tritanopia.css +198 -0
  48. package/tokens-next-private/css/base/color/light.css +198 -0
  49. package/tokens-next-private/css/base/size/size.css +24 -0
  50. package/tokens-next-private/css/base/typography/typography.css +11 -0
  51. package/tokens-next-private/css/functional/size/border.css +18 -0
  52. package/tokens-next-private/css/functional/size/breakpoints.css +13 -0
  53. package/tokens-next-private/css/functional/size/size-coarse.css +10 -0
  54. package/tokens-next-private/css/functional/size/size-fine.css +10 -0
  55. package/tokens-next-private/css/functional/size/size.css +54 -0
  56. package/tokens-next-private/css/functional/size/viewport.css +13 -0
  57. package/tokens-next-private/css/functional/themes/dark-colorblind.css +604 -0
  58. package/tokens-next-private/css/functional/themes/dark-dimmed.css +604 -0
  59. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +604 -0
  60. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +604 -0
  61. package/tokens-next-private/css/functional/themes/dark.css +604 -0
  62. package/tokens-next-private/css/functional/themes/light-colorblind.css +554 -0
  63. package/tokens-next-private/css/functional/themes/light-high-contrast.css +554 -0
  64. package/tokens-next-private/css/functional/themes/light-tritanopia.css +554 -0
  65. package/tokens-next-private/css/functional/themes/light.css +554 -0
  66. package/tokens-next-private/css/functional/typography/typography.css +47 -0
  67. package/tokens-next-private/docs/base/color/dark-colorblind.json +1419 -0
  68. package/tokens-next-private/docs/base/color/dark-dimmed.json +1419 -0
  69. package/tokens-next-private/docs/base/color/dark-high-contrast.json +1419 -0
  70. package/tokens-next-private/docs/base/color/dark-tritanopia.json +1419 -0
  71. package/tokens-next-private/docs/base/color/dark.json +1419 -0
  72. package/tokens-next-private/docs/base/color/light-colorblind.json +1419 -0
  73. package/tokens-next-private/docs/base/color/light-high-contrast.json +1419 -0
  74. package/tokens-next-private/docs/base/color/light-tritanopia.json +1419 -0
  75. package/tokens-next-private/docs/base/color/light.json +1419 -0
  76. package/tokens-next-private/docs/base/size/size.json +227 -0
  77. package/tokens-next-private/docs/base/typography/typography.json +60 -0
  78. package/tokens-next-private/docs/functional/size/border.json +135 -0
  79. package/tokens-next-private/docs/functional/size/breakpoints.json +82 -0
  80. package/tokens-next-private/docs/functional/size/size-coarse.json +55 -0
  81. package/tokens-next-private/docs/functional/size/size-fine.json +55 -0
  82. package/tokens-next-private/docs/functional/size/size.json +647 -0
  83. package/tokens-next-private/docs/functional/size/viewport.json +70 -0
  84. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4535 -0
  85. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4539 -0
  86. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +4543 -0
  87. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4539 -0
  88. package/tokens-next-private/docs/functional/themes/dark.json +4539 -0
  89. package/tokens-next-private/docs/functional/themes/light-colorblind.json +4241 -0
  90. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +4231 -0
  91. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +4231 -0
  92. package/tokens-next-private/docs/functional/themes/light.json +4231 -0
  93. package/tokens-next-private/docs/functional/typography/typography.json +581 -0
  94. package/tokens-next-private/js/base/color/dark-colorblind.js +122 -0
  95. package/tokens-next-private/js/base/color/dark-dimmed.js +122 -0
  96. package/tokens-next-private/js/base/color/dark-high-contrast.js +122 -0
  97. package/tokens-next-private/js/base/color/dark-tritanopia.js +122 -0
  98. package/tokens-next-private/js/base/color/dark.js +122 -0
  99. package/tokens-next-private/js/base/color/light-colorblind.js +122 -0
  100. package/tokens-next-private/js/base/color/light-high-contrast.js +122 -0
  101. package/tokens-next-private/js/base/color/light-tritanopia.js +122 -0
  102. package/tokens-next-private/js/base/color/light.js +122 -0
  103. package/tokens-next-private/js/base/size/size.js +28 -0
  104. package/tokens-next-private/js/base/typography/typography.js +17 -0
  105. package/tokens-next-private/js/functional/size/border.js +28 -0
  106. package/tokens-next-private/js/functional/size/breakpoints.js +15 -0
  107. package/tokens-next-private/js/functional/size/size-coarse.js +24 -0
  108. package/tokens-next-private/js/functional/size/size-fine.js +24 -0
  109. package/tokens-next-private/js/functional/size/size.js +98 -0
  110. package/tokens-next-private/js/functional/size/viewport.js +15 -0
  111. package/tokens-next-private/js/functional/themes/dark-colorblind.js +593 -0
  112. package/tokens-next-private/js/functional/themes/dark-dimmed.js +593 -0
  113. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +593 -0
  114. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +593 -0
  115. package/tokens-next-private/js/functional/themes/dark.js +593 -0
  116. package/tokens-next-private/js/functional/themes/light-colorblind.js +618 -0
  117. package/tokens-next-private/js/functional/themes/light-high-contrast.js +618 -0
  118. package/tokens-next-private/js/functional/themes/light-tritanopia.js +618 -0
  119. package/tokens-next-private/js/functional/themes/light.js +618 -0
  120. package/tokens-next-private/js/functional/typography/typography.js +77 -0
  121. package/tokens-next-private/json/base/color/dark-colorblind.json +117 -0
  122. package/tokens-next-private/json/base/color/dark-dimmed.json +117 -0
  123. package/tokens-next-private/json/base/color/dark-high-contrast.json +117 -0
  124. package/tokens-next-private/json/base/color/dark-tritanopia.json +117 -0
  125. package/tokens-next-private/json/base/color/dark.json +117 -0
  126. package/tokens-next-private/json/base/color/light-colorblind.json +117 -0
  127. package/tokens-next-private/json/base/color/light-high-contrast.json +117 -0
  128. package/tokens-next-private/json/base/color/light-tritanopia.json +117 -0
  129. package/tokens-next-private/json/base/color/light.json +117 -0
  130. package/tokens-next-private/json/base/size/size.json +23 -0
  131. package/tokens-next-private/json/base/typography/typography.json +12 -0
  132. package/tokens-next-private/json/functional/size/border.json +23 -0
  133. package/tokens-next-private/json/functional/size/breakpoints.json +10 -0
  134. package/tokens-next-private/json/functional/size/size-coarse.json +19 -0
  135. package/tokens-next-private/json/functional/size/size-fine.json +19 -0
  136. package/tokens-next-private/json/functional/size/size.json +93 -0
  137. package/tokens-next-private/json/functional/size/viewport.json +10 -0
  138. package/tokens-next-private/json/functional/themes/dark-colorblind.json +588 -0
  139. package/tokens-next-private/json/functional/themes/dark-dimmed.json +588 -0
  140. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +588 -0
  141. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +588 -0
  142. package/tokens-next-private/json/functional/themes/dark.json +588 -0
  143. package/tokens-next-private/json/functional/themes/light-colorblind.json +613 -0
  144. package/tokens-next-private/json/functional/themes/light-high-contrast.json +613 -0
  145. package/tokens-next-private/json/functional/themes/light-tritanopia.json +613 -0
  146. package/tokens-next-private/json/functional/themes/light.json +613 -0
  147. package/tokens-next-private/json/functional/typography/typography.json +72 -0
  148. package/tokens-next-private/removed/color.json +421 -0
  149. package/tokens-next-private/scss/base/color/dark-colorblind.scss +102 -0
  150. package/tokens-next-private/scss/base/color/dark-dimmed.scss +102 -0
  151. package/tokens-next-private/scss/base/color/dark-high-contrast.scss +102 -0
  152. package/tokens-next-private/scss/base/color/dark-tritanopia.scss +102 -0
  153. package/tokens-next-private/scss/base/color/dark.scss +102 -0
  154. package/tokens-next-private/scss/base/color/light-colorblind.scss +102 -0
  155. package/tokens-next-private/scss/base/color/light-high-contrast.scss +102 -0
  156. package/tokens-next-private/scss/base/color/light-tritanopia.scss +102 -0
  157. package/tokens-next-private/scss/base/color/light.scss +102 -0
  158. package/tokens-next-private/scss/base/size/size.scss +26 -0
  159. package/tokens-next-private/scss/base/typography/typography.scss +13 -0
  160. package/tokens-next-private/scss/functional/size/border.scss +20 -0
  161. package/tokens-next-private/scss/functional/size/breakpoints.scss +15 -0
  162. package/tokens-next-private/scss/functional/size/size-coarse.scss +12 -0
  163. package/tokens-next-private/scss/functional/size/size-fine.scss +12 -0
  164. package/tokens-next-private/scss/functional/size/size.scss +56 -0
  165. package/tokens-next-private/scss/functional/size/viewport.scss +24 -0
  166. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +305 -0
  167. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +305 -0
  168. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +305 -0
  169. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +305 -0
  170. package/tokens-next-private/scss/functional/themes/dark.scss +305 -0
  171. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +280 -0
  172. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +280 -0
  173. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +280 -0
  174. package/tokens-next-private/scss/functional/themes/light.scss +280 -0
  175. package/tokens-next-private/scss/functional/typography/typography.scss +49 -0
  176. package/tokens-next-private/ts/base/color/dark-colorblind.ts +122 -0
  177. package/tokens-next-private/ts/base/color/dark-dimmed.ts +122 -0
  178. package/tokens-next-private/ts/base/color/dark-high-contrast.ts +122 -0
  179. package/tokens-next-private/ts/base/color/dark-tritanopia.ts +122 -0
  180. package/tokens-next-private/ts/base/color/dark.ts +122 -0
  181. package/tokens-next-private/ts/base/color/light-colorblind.ts +122 -0
  182. package/tokens-next-private/ts/base/color/light-high-contrast.ts +122 -0
  183. package/tokens-next-private/ts/base/color/light-tritanopia.ts +122 -0
  184. package/tokens-next-private/ts/base/color/light.ts +122 -0
  185. package/tokens-next-private/ts/base/size/size.ts +28 -0
  186. package/tokens-next-private/ts/base/typography/typography.ts +17 -0
  187. package/tokens-next-private/ts/functional/size/border.ts +28 -0
  188. package/tokens-next-private/ts/functional/size/breakpoints.ts +15 -0
  189. package/tokens-next-private/ts/functional/size/size-coarse.ts +24 -0
  190. package/tokens-next-private/ts/functional/size/size-fine.ts +24 -0
  191. package/tokens-next-private/ts/functional/size/size.ts +98 -0
  192. package/tokens-next-private/ts/functional/size/viewport.ts +15 -0
  193. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +593 -0
  194. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +593 -0
  195. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +593 -0
  196. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +593 -0
  197. package/tokens-next-private/ts/functional/themes/dark.ts +593 -0
  198. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +618 -0
  199. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +618 -0
  200. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +618 -0
  201. package/tokens-next-private/ts/functional/themes/light.ts +618 -0
  202. package/tokens-next-private/ts/functional/typography/typography.ts +77 -0
  203. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +125 -0
  204. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +143 -0
  205. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +635 -0
  206. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +87 -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
@@ -0,0 +1,581 @@
1
+ {
2
+ "fontStack": {
3
+ "system": {
4
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
5
+ "$type": "fontFamily",
6
+ "filePath": "src/tokens/functional/typography/typography.json",
7
+ "isSource": true,
8
+ "original": {
9
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
10
+ "$type": "fontFamily"
11
+ },
12
+ "name": "fontStack-system",
13
+ "attributes": {},
14
+ "path": ["fontStack", "system"]
15
+ },
16
+ "sansSerif": {
17
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
18
+ "$type": "fontFamily",
19
+ "filePath": "src/tokens/functional/typography/typography.json",
20
+ "isSource": true,
21
+ "original": {
22
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
23
+ "$type": "fontFamily"
24
+ },
25
+ "name": "fontStack-sansSerif",
26
+ "attributes": {},
27
+ "path": ["fontStack", "sansSerif"]
28
+ },
29
+ "monospace": {
30
+ "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
31
+ "$type": "fontFamily",
32
+ "filePath": "src/tokens/functional/typography/typography.json",
33
+ "isSource": true,
34
+ "original": {
35
+ "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
36
+ "$type": "fontFamily"
37
+ },
38
+ "name": "fontStack-monospace",
39
+ "attributes": {},
40
+ "path": ["fontStack", "monospace"]
41
+ }
42
+ },
43
+ "text": {
44
+ "display": {
45
+ "lineBoxHeight": {
46
+ "value": "56px",
47
+ "$type": "dimension",
48
+ "filePath": "src/tokens/functional/typography/typography.json",
49
+ "isSource": true,
50
+ "original": {
51
+ "value": "56px",
52
+ "$type": "dimension"
53
+ },
54
+ "name": "text-display-lineBoxHeight",
55
+ "attributes": {},
56
+ "path": ["text", "display", "lineBoxHeight"]
57
+ },
58
+ "size": {
59
+ "value": "40px",
60
+ "$type": "dimension",
61
+ "filePath": "src/tokens/functional/typography/typography.json",
62
+ "isSource": true,
63
+ "original": {
64
+ "value": "40px",
65
+ "$type": "dimension"
66
+ },
67
+ "name": "text-display-size",
68
+ "attributes": {},
69
+ "path": ["text", "display", "size"]
70
+ },
71
+ "lineHeight": {
72
+ "value": "calc(56/40)",
73
+ "filePath": "src/tokens/functional/typography/typography.json",
74
+ "isSource": true,
75
+ "original": {
76
+ "value": "calc(56/40)"
77
+ },
78
+ "name": "text-display-lineHeight",
79
+ "attributes": {},
80
+ "path": ["text", "display", "lineHeight"]
81
+ },
82
+ "weight": {
83
+ "value": 500,
84
+ "$type": "fontWeight",
85
+ "filePath": "src/tokens/functional/typography/typography.json",
86
+ "isSource": true,
87
+ "original": {
88
+ "value": "{base.text.weight.medium}",
89
+ "$type": "fontWeight"
90
+ },
91
+ "name": "text-display-weight",
92
+ "attributes": {},
93
+ "path": ["text", "display", "weight"]
94
+ },
95
+ "shorthand": {
96
+ "value": "500 40px/calc(56/40) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
97
+ "$type": "typography",
98
+ "filePath": "src/tokens/functional/typography/typography.json",
99
+ "isSource": true,
100
+ "original": {
101
+ "value": {
102
+ "fontWeight": "{text.display.weight}",
103
+ "fontSize": "{text.display.size}",
104
+ "lineHeight": "{text.display.lineHeight}",
105
+ "fontFamily": "{fontStack.sansSerif}"
106
+ },
107
+ "$type": "typography"
108
+ },
109
+ "name": "text-display-shorthand",
110
+ "attributes": {},
111
+ "path": ["text", "display", "shorthand"]
112
+ }
113
+ },
114
+ "title": {
115
+ "size": {
116
+ "large": {
117
+ "value": "32px",
118
+ "$type": "dimension",
119
+ "filePath": "src/tokens/functional/typography/typography.json",
120
+ "isSource": true,
121
+ "original": {
122
+ "value": "32px",
123
+ "$type": "dimension"
124
+ },
125
+ "name": "text-title-size-large",
126
+ "attributes": {},
127
+ "path": ["text", "title", "size", "large"]
128
+ },
129
+ "medium": {
130
+ "value": "20px",
131
+ "$type": "dimension",
132
+ "filePath": "src/tokens/functional/typography/typography.json",
133
+ "isSource": true,
134
+ "original": {
135
+ "value": "20px",
136
+ "$type": "dimension"
137
+ },
138
+ "name": "text-title-size-medium",
139
+ "attributes": {},
140
+ "path": ["text", "title", "size", "medium"]
141
+ }
142
+ },
143
+ "lineHeight": {
144
+ "large": {
145
+ "value": "calc(48/32)",
146
+ "filePath": "src/tokens/functional/typography/typography.json",
147
+ "isSource": true,
148
+ "original": {
149
+ "value": "calc(48/32)"
150
+ },
151
+ "name": "text-title-lineHeight-large",
152
+ "attributes": {},
153
+ "path": ["text", "title", "lineHeight", "large"]
154
+ },
155
+ "medium": {
156
+ "value": "calc(32/20)",
157
+ "filePath": "src/tokens/functional/typography/typography.json",
158
+ "isSource": true,
159
+ "original": {
160
+ "value": "calc(32/20)"
161
+ },
162
+ "name": "text-title-lineHeight-medium",
163
+ "attributes": {},
164
+ "path": ["text", "title", "lineHeight", "medium"]
165
+ }
166
+ },
167
+ "weight": {
168
+ "value": 600,
169
+ "$type": "fontWeight",
170
+ "filePath": "src/tokens/functional/typography/typography.json",
171
+ "isSource": true,
172
+ "original": {
173
+ "value": "{base.text.weight.semibold}",
174
+ "$type": "fontWeight"
175
+ },
176
+ "name": "text-title-weight",
177
+ "attributes": {},
178
+ "path": ["text", "title", "weight"]
179
+ },
180
+ "shorthand": {
181
+ "large": {
182
+ "value": "600 32px/calc(48/32) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
183
+ "$type": "typography",
184
+ "filePath": "src/tokens/functional/typography/typography.json",
185
+ "isSource": true,
186
+ "original": {
187
+ "value": {
188
+ "fontWeight": "{text.title.weight}",
189
+ "fontSize": "{text.title.size.large}",
190
+ "lineHeight": "{text.title.lineHeight.large}",
191
+ "fontFamily": "{fontStack.sansSerif}"
192
+ },
193
+ "$type": "typography"
194
+ },
195
+ "name": "text-title-shorthand-large",
196
+ "attributes": {},
197
+ "path": ["text", "title", "shorthand", "large"]
198
+ },
199
+ "medium": {
200
+ "value": "600 20px/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
201
+ "$type": "typography",
202
+ "filePath": "src/tokens/functional/typography/typography.json",
203
+ "isSource": true,
204
+ "original": {
205
+ "value": {
206
+ "fontWeight": "{text.title.weight}",
207
+ "fontSize": "{text.title.size.medium}",
208
+ "lineHeight": "{text.title.lineHeight.medium}",
209
+ "fontFamily": "{fontStack.sansSerif}"
210
+ },
211
+ "$type": "typography"
212
+ },
213
+ "name": "text-title-shorthand-medium",
214
+ "attributes": {},
215
+ "path": ["text", "title", "shorthand", "medium"]
216
+ }
217
+ }
218
+ },
219
+ "subtitle": {
220
+ "size": {
221
+ "value": "20px",
222
+ "$type": "dimension",
223
+ "filePath": "src/tokens/functional/typography/typography.json",
224
+ "isSource": true,
225
+ "original": {
226
+ "value": "20px",
227
+ "$type": "dimension"
228
+ },
229
+ "name": "text-subtitle-size",
230
+ "attributes": {},
231
+ "path": ["text", "subtitle", "size"]
232
+ },
233
+ "lineHeight": {
234
+ "value": "calc(32/20)",
235
+ "filePath": "src/tokens/functional/typography/typography.json",
236
+ "isSource": true,
237
+ "original": {
238
+ "value": "calc(32/20)"
239
+ },
240
+ "name": "text-subtitle-lineHeight",
241
+ "attributes": {},
242
+ "path": ["text", "subtitle", "lineHeight"]
243
+ },
244
+ "weight": {
245
+ "value": 400,
246
+ "$type": "fontWeight",
247
+ "filePath": "src/tokens/functional/typography/typography.json",
248
+ "isSource": true,
249
+ "original": {
250
+ "value": "{base.text.weight.normal}",
251
+ "$type": "fontWeight"
252
+ },
253
+ "name": "text-subtitle-weight",
254
+ "attributes": {},
255
+ "path": ["text", "subtitle", "weight"]
256
+ },
257
+ "shorthand": {
258
+ "value": "400 20px/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
259
+ "$type": "typography",
260
+ "filePath": "src/tokens/functional/typography/typography.json",
261
+ "isSource": true,
262
+ "original": {
263
+ "value": {
264
+ "fontWeight": "{text.subtitle.weight}",
265
+ "fontSize": "{text.subtitle.size}",
266
+ "lineHeight": "{text.subtitle.lineHeight}",
267
+ "fontFamily": "{fontStack.sansSerif}"
268
+ },
269
+ "$type": "typography"
270
+ },
271
+ "name": "text-subtitle-shorthand",
272
+ "attributes": {},
273
+ "path": ["text", "subtitle", "shorthand"]
274
+ }
275
+ },
276
+ "body": {
277
+ "size": {
278
+ "large": {
279
+ "value": "16px",
280
+ "$type": "dimension",
281
+ "filePath": "src/tokens/functional/typography/typography.json",
282
+ "isSource": true,
283
+ "original": {
284
+ "value": "16px",
285
+ "$type": "dimension"
286
+ },
287
+ "name": "text-body-size-large",
288
+ "attributes": {},
289
+ "path": ["text", "body", "size", "large"]
290
+ },
291
+ "medium": {
292
+ "value": "14px",
293
+ "$type": "dimension",
294
+ "filePath": "src/tokens/functional/typography/typography.json",
295
+ "isSource": true,
296
+ "original": {
297
+ "value": "14px",
298
+ "$type": "dimension"
299
+ },
300
+ "name": "text-body-size-medium",
301
+ "attributes": {},
302
+ "path": ["text", "body", "size", "medium"]
303
+ },
304
+ "small": {
305
+ "value": "12px",
306
+ "$type": "dimension",
307
+ "filePath": "src/tokens/functional/typography/typography.json",
308
+ "isSource": true,
309
+ "original": {
310
+ "value": "12px",
311
+ "$type": "dimension"
312
+ },
313
+ "name": "text-body-size-small",
314
+ "attributes": {},
315
+ "path": ["text", "body", "size", "small"]
316
+ }
317
+ },
318
+ "lineHeight": {
319
+ "large": {
320
+ "value": "calc(24/16)",
321
+ "filePath": "src/tokens/functional/typography/typography.json",
322
+ "isSource": true,
323
+ "original": {
324
+ "value": "calc(24/16)"
325
+ },
326
+ "name": "text-body-lineHeight-large",
327
+ "attributes": {},
328
+ "path": ["text", "body", "lineHeight", "large"]
329
+ },
330
+ "medium": {
331
+ "value": "calc(20/14)",
332
+ "filePath": "src/tokens/functional/typography/typography.json",
333
+ "isSource": true,
334
+ "original": {
335
+ "value": "calc(20/14)"
336
+ },
337
+ "name": "text-body-lineHeight-medium",
338
+ "attributes": {},
339
+ "path": ["text", "body", "lineHeight", "medium"]
340
+ },
341
+ "small": {
342
+ "value": "calc(20/12)",
343
+ "filePath": "src/tokens/functional/typography/typography.json",
344
+ "isSource": true,
345
+ "original": {
346
+ "value": "calc(20/12)"
347
+ },
348
+ "name": "text-body-lineHeight-small",
349
+ "attributes": {},
350
+ "path": ["text", "body", "lineHeight", "small"]
351
+ }
352
+ },
353
+ "weight": {
354
+ "value": 400,
355
+ "$type": "fontWeight",
356
+ "filePath": "src/tokens/functional/typography/typography.json",
357
+ "isSource": true,
358
+ "original": {
359
+ "value": "{base.text.weight.normal}",
360
+ "$type": "fontWeight"
361
+ },
362
+ "name": "text-body-weight",
363
+ "attributes": {},
364
+ "path": ["text", "body", "weight"]
365
+ },
366
+ "shorthand": {
367
+ "large": {
368
+ "value": "400 16px/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
369
+ "$type": "typography",
370
+ "filePath": "src/tokens/functional/typography/typography.json",
371
+ "isSource": true,
372
+ "original": {
373
+ "value": {
374
+ "fontWeight": "{text.body.weight}",
375
+ "fontSize": "{text.body.size.large}",
376
+ "lineHeight": "{text.body.lineHeight.large}",
377
+ "fontFamily": "{fontStack.sansSerif}"
378
+ },
379
+ "$type": "typography"
380
+ },
381
+ "name": "text-body-shorthand-large",
382
+ "attributes": {},
383
+ "path": ["text", "body", "shorthand", "large"]
384
+ },
385
+ "medium": {
386
+ "value": "400 14px/calc(20/14) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
387
+ "$type": "typography",
388
+ "filePath": "src/tokens/functional/typography/typography.json",
389
+ "isSource": true,
390
+ "original": {
391
+ "value": {
392
+ "fontWeight": "{text.body.weight}",
393
+ "fontSize": "{text.body.size.medium}",
394
+ "lineHeight": "{text.body.lineHeight.medium}",
395
+ "fontFamily": "{fontStack.sansSerif}"
396
+ },
397
+ "$type": "typography"
398
+ },
399
+ "name": "text-body-shorthand-medium",
400
+ "attributes": {},
401
+ "path": ["text", "body", "shorthand", "medium"]
402
+ },
403
+ "small": {
404
+ "value": "400 12px/calc(20/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
405
+ "$type": "typography",
406
+ "filePath": "src/tokens/functional/typography/typography.json",
407
+ "isSource": true,
408
+ "original": {
409
+ "value": {
410
+ "fontWeight": "{text.body.weight}",
411
+ "fontSize": "{text.body.size.small}",
412
+ "lineHeight": "{text.body.lineHeight.small}",
413
+ "fontFamily": "{fontStack.sansSerif}"
414
+ },
415
+ "$type": "typography"
416
+ },
417
+ "name": "text-body-shorthand-small",
418
+ "attributes": {},
419
+ "path": ["text", "body", "shorthand", "small"]
420
+ }
421
+ }
422
+ },
423
+ "caption": {
424
+ "size": {
425
+ "value": "12px",
426
+ "$type": "dimension",
427
+ "filePath": "src/tokens/functional/typography/typography.json",
428
+ "isSource": true,
429
+ "original": {
430
+ "value": "12px",
431
+ "$type": "dimension"
432
+ },
433
+ "name": "text-caption-size",
434
+ "attributes": {},
435
+ "path": ["text", "caption", "size"]
436
+ },
437
+ "lineHeight": {
438
+ "value": "calc(16/12)",
439
+ "filePath": "src/tokens/functional/typography/typography.json",
440
+ "isSource": true,
441
+ "original": {
442
+ "value": "calc(16/12)"
443
+ },
444
+ "name": "text-caption-lineHeight",
445
+ "attributes": {},
446
+ "path": ["text", "caption", "lineHeight"]
447
+ },
448
+ "weight": {
449
+ "value": 400,
450
+ "$type": "fontWeight",
451
+ "filePath": "src/tokens/functional/typography/typography.json",
452
+ "isSource": true,
453
+ "original": {
454
+ "value": "{base.text.weight.normal}",
455
+ "$type": "fontWeight"
456
+ },
457
+ "name": "text-caption-weight",
458
+ "attributes": {},
459
+ "path": ["text", "caption", "weight"]
460
+ },
461
+ "shorthand": {
462
+ "value": "400 12px/calc(16/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
463
+ "$type": "typography",
464
+ "filePath": "src/tokens/functional/typography/typography.json",
465
+ "isSource": true,
466
+ "original": {
467
+ "value": {
468
+ "fontWeight": "{text.caption.weight}",
469
+ "fontSize": "{text.caption.size}",
470
+ "lineHeight": "{text.caption.lineHeight}",
471
+ "fontFamily": "{fontStack.sansSerif}"
472
+ },
473
+ "$type": "typography"
474
+ },
475
+ "name": "text-caption-shorthand",
476
+ "attributes": {},
477
+ "path": ["text", "caption", "shorthand"]
478
+ }
479
+ },
480
+ "codeBlock": {
481
+ "size": {
482
+ "value": "13px",
483
+ "$type": "dimension",
484
+ "filePath": "src/tokens/functional/typography/typography.json",
485
+ "isSource": true,
486
+ "original": {
487
+ "value": "13px",
488
+ "$type": "dimension"
489
+ },
490
+ "name": "text-codeBlock-size",
491
+ "attributes": {},
492
+ "path": ["text", "codeBlock", "size"]
493
+ },
494
+ "lineHeight": {
495
+ "value": "calc(20/13)",
496
+ "filePath": "src/tokens/functional/typography/typography.json",
497
+ "isSource": true,
498
+ "original": {
499
+ "value": "calc(20/13)"
500
+ },
501
+ "name": "text-codeBlock-lineHeight",
502
+ "attributes": {},
503
+ "path": ["text", "codeBlock", "lineHeight"]
504
+ },
505
+ "weight": {
506
+ "value": 400,
507
+ "filePath": "src/tokens/functional/typography/typography.json",
508
+ "isSource": true,
509
+ "original": {
510
+ "value": "{base.text.weight.normal}"
511
+ },
512
+ "name": "text-codeBlock-weight",
513
+ "attributes": {},
514
+ "path": ["text", "codeBlock", "weight"]
515
+ },
516
+ "shorthand": {
517
+ "value": "400 13px/calc(20/13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
518
+ "$type": "typography",
519
+ "filePath": "src/tokens/functional/typography/typography.json",
520
+ "isSource": true,
521
+ "original": {
522
+ "value": {
523
+ "fontWeight": "{text.codeBlock.weight}",
524
+ "fontSize": "{text.codeBlock.size}",
525
+ "lineHeight": "{text.codeBlock.lineHeight}",
526
+ "fontFamily": "{fontStack.monospace}"
527
+ },
528
+ "$type": "typography"
529
+ },
530
+ "name": "text-codeBlock-shorthand",
531
+ "attributes": {},
532
+ "path": ["text", "codeBlock", "shorthand"]
533
+ }
534
+ },
535
+ "codeInline": {
536
+ "size": {
537
+ "value": "0.9285em",
538
+ "$type": "dimension",
539
+ "filePath": "src/tokens/functional/typography/typography.json",
540
+ "isSource": true,
541
+ "original": {
542
+ "value": "0.9285em",
543
+ "$type": "dimension"
544
+ },
545
+ "name": "text-codeInline-size",
546
+ "attributes": {},
547
+ "path": ["text", "codeInline", "size"]
548
+ },
549
+ "weight": {
550
+ "value": 400,
551
+ "$type": "fontWeight",
552
+ "filePath": "src/tokens/functional/typography/typography.json",
553
+ "isSource": true,
554
+ "original": {
555
+ "value": "{base.text.weight.normal}",
556
+ "$type": "fontWeight"
557
+ },
558
+ "name": "text-codeInline-weight",
559
+ "attributes": {},
560
+ "path": ["text", "codeInline", "weight"]
561
+ },
562
+ "shorthand": {
563
+ "value": "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
564
+ "$type": "typography",
565
+ "filePath": "src/tokens/functional/typography/typography.json",
566
+ "isSource": true,
567
+ "original": {
568
+ "value": {
569
+ "fontWeight": "{text.codeInline.weight}",
570
+ "fontSize": "{text.codeInline.size}",
571
+ "fontFamily": "{fontStack.monospace}"
572
+ },
573
+ "$type": "typography"
574
+ },
575
+ "name": "text-codeInline-shorthand",
576
+ "attributes": {},
577
+ "path": ["text", "codeInline", "shorthand"]
578
+ }
579
+ }
580
+ }
581
+ }