@primer/primitives 7.17.0-rc.34cd1021 → 7.17.0-rc.39874fc0

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 (231) hide show
  1. package/README.md +1 -1
  2. package/build.js +578 -0
  3. package/dist/css/functional/themes/dark-colorblind.css +0 -10
  4. package/dist/css/functional/themes/dark-dimmed.css +0 -10
  5. package/dist/css/functional/themes/dark-high-contrast.css +0 -10
  6. package/dist/css/functional/themes/dark-tritanopia.css +0 -10
  7. package/dist/css/functional/themes/dark.css +0 -10
  8. package/dist/css/functional/themes/light-colorblind.css +0 -10
  9. package/dist/css/functional/themes/light-high-contrast.css +0 -10
  10. package/dist/css/functional/themes/light-tritanopia.css +0 -10
  11. package/dist/css/functional/themes/light.css +0 -10
  12. package/dist/css/functional/typography/typography.css +1 -1
  13. package/dist/deprecated/colors.json +7 -0
  14. package/dist/docs/base/typography/typography.json +4 -52
  15. package/dist/docs/functional/themes/dark-colorblind.json +78 -223
  16. package/dist/docs/functional/themes/dark-dimmed.json +73 -218
  17. package/dist/docs/functional/themes/dark-high-contrast.json +75 -220
  18. package/dist/docs/functional/themes/dark-tritanopia.json +78 -223
  19. package/dist/docs/functional/themes/dark.json +73 -218
  20. package/dist/docs/functional/themes/light-colorblind.json +76 -221
  21. package/dist/docs/functional/themes/light-high-contrast.json +70 -215
  22. package/dist/docs/functional/themes/light-tritanopia.json +76 -221
  23. package/dist/docs/functional/themes/light.json +71 -216
  24. package/dist/docs/functional/typography/typography.json +36 -494
  25. package/dist/fallbacks/functional/typography/typography.json +1 -1
  26. package/dist/figma/figma.json +1 -18
  27. package/dist/figma/scales/dark-dimmed.json +20 -20
  28. package/dist/figma/scales/dark-high-constrast.json +20 -20
  29. package/dist/figma/scales/dark.json +20 -20
  30. package/dist/figma/scales/light-high-constrast.json +20 -20
  31. package/dist/figma/scales/light.json +20 -20
  32. package/dist/figma/themes/dark-colorblind.json +70 -150
  33. package/dist/figma/themes/dark-dimmed.json +65 -145
  34. package/dist/figma/themes/dark-high-contrast.json +69 -149
  35. package/dist/figma/themes/dark-tritanopia.json +70 -150
  36. package/dist/figma/themes/dark.json +65 -145
  37. package/dist/figma/themes/light-colorblind.json +59 -139
  38. package/dist/figma/themes/light-high-contrast.json +55 -135
  39. package/dist/figma/themes/light-tritanopia.json +59 -139
  40. package/dist/figma/themes/light.json +54 -134
  41. package/dist/internalCss/dark-colorblind.css +20 -30
  42. package/dist/internalCss/dark-dimmed.css +20 -30
  43. package/dist/internalCss/dark-high-contrast.css +20 -30
  44. package/dist/internalCss/dark-tritanopia.css +20 -30
  45. package/dist/internalCss/dark.css +20 -30
  46. package/dist/internalCss/light-colorblind.css +20 -30
  47. package/dist/internalCss/light-high-contrast.css +20 -30
  48. package/dist/internalCss/light-tritanopia.css +20 -30
  49. package/dist/internalCss/light.css +20 -30
  50. package/dist/js/colors/dark.d.ts +516 -0
  51. package/dist/js/colors/dark.js +616 -0
  52. package/dist/js/colors/dark_colorblind.d.ts +516 -0
  53. package/dist/js/colors/dark_colorblind.js +616 -0
  54. package/dist/js/colors/dark_dimmed.d.ts +516 -0
  55. package/dist/js/colors/dark_dimmed.js +616 -0
  56. package/dist/js/colors/dark_high_contrast.d.ts +516 -0
  57. package/dist/js/colors/dark_high_contrast.js +616 -0
  58. package/dist/js/colors/dark_tritanopia.d.ts +516 -0
  59. package/dist/js/colors/dark_tritanopia.js +616 -0
  60. package/dist/js/colors/index.d.ts +4638 -0
  61. package/dist/js/colors/index.js +15 -0
  62. package/dist/js/colors/light.d.ts +516 -0
  63. package/dist/js/colors/light.js +616 -0
  64. package/dist/js/colors/light_colorblind.d.ts +516 -0
  65. package/dist/js/colors/light_colorblind.js +616 -0
  66. package/dist/js/colors/light_high_contrast.d.ts +516 -0
  67. package/dist/js/colors/light_high_contrast.js +616 -0
  68. package/dist/js/colors/light_tritanopia.d.ts +516 -0
  69. package/dist/js/colors/light_tritanopia.js +616 -0
  70. package/dist/js/index.d.ts +4655 -0
  71. package/dist/js/index.js +9 -0
  72. package/dist/js/spacing/index.d.ts +6 -0
  73. package/dist/js/spacing/index.js +7 -0
  74. package/dist/js/spacing/normal.d.ts +4 -0
  75. package/dist/js/spacing/normal.js +13 -0
  76. package/dist/js/typography/index.d.ts +11 -0
  77. package/dist/js/typography/index.js +7 -0
  78. package/dist/js/typography/normal.d.ts +9 -0
  79. package/dist/js/typography/normal.js +19 -0
  80. package/dist/json/colors/dark.json +614 -0
  81. package/dist/json/colors/dark_colorblind.json +614 -0
  82. package/dist/json/colors/dark_dimmed.json +614 -0
  83. package/dist/json/colors/dark_high_contrast.json +614 -0
  84. package/dist/json/colors/dark_tritanopia.json +614 -0
  85. package/dist/json/colors/light.json +614 -0
  86. package/dist/json/colors/light_colorblind.json +614 -0
  87. package/dist/json/colors/light_high_contrast.json +614 -0
  88. package/dist/json/colors/light_tritanopia.json +614 -0
  89. package/dist/json/spacing/normal.json +11 -0
  90. package/dist/json/typography/normal.json +17 -0
  91. package/dist/removed/colors.json +432 -0
  92. package/dist/scss/colors/_dark.scss +452 -0
  93. package/dist/scss/colors/_dark_colorblind.scss +452 -0
  94. package/dist/scss/colors/_dark_dimmed.scss +452 -0
  95. package/dist/scss/colors/_dark_high_contrast.scss +452 -0
  96. package/dist/scss/colors/_dark_tritanopia.scss +452 -0
  97. package/dist/scss/colors/_light.scss +452 -0
  98. package/dist/scss/colors/_light_colorblind.scss +452 -0
  99. package/dist/scss/colors/_light_high_contrast.scss +452 -0
  100. package/dist/scss/colors/_light_tritanopia.scss +452 -0
  101. package/dist/scss/spacing/_normal.scss +11 -0
  102. package/dist/scss/typography/_normal.scss +15 -0
  103. package/dist/styleLint/base/typography/typography.json +4 -52
  104. package/dist/styleLint/functional/themes/dark-colorblind.json +78 -223
  105. package/dist/styleLint/functional/themes/dark-dimmed.json +73 -218
  106. package/dist/styleLint/functional/themes/dark-high-contrast.json +75 -220
  107. package/dist/styleLint/functional/themes/dark-tritanopia.json +78 -223
  108. package/dist/styleLint/functional/themes/dark.json +73 -218
  109. package/dist/styleLint/functional/themes/light-colorblind.json +76 -221
  110. package/dist/styleLint/functional/themes/light-high-contrast.json +70 -215
  111. package/dist/styleLint/functional/themes/light-tritanopia.json +76 -221
  112. package/dist/styleLint/functional/themes/light.json +71 -216
  113. package/dist/styleLint/functional/typography/typography.json +36 -494
  114. package/dist/ts/colors/dark.ts +614 -0
  115. package/dist/ts/colors/dark_colorblind.ts +614 -0
  116. package/dist/ts/colors/dark_dimmed.ts +614 -0
  117. package/dist/ts/colors/dark_high_contrast.ts +614 -0
  118. package/dist/ts/colors/dark_tritanopia.ts +614 -0
  119. package/dist/ts/colors/index.ts +10 -0
  120. package/dist/ts/colors/light.ts +614 -0
  121. package/dist/ts/colors/light_colorblind.ts +614 -0
  122. package/dist/ts/colors/light_high_contrast.ts +614 -0
  123. package/dist/ts/colors/light_tritanopia.ts +614 -0
  124. package/dist/ts/index.ts +4 -0
  125. package/dist/ts/spacing/index.ts +2 -0
  126. package/dist/ts/spacing/normal.ts +11 -0
  127. package/dist/ts/typography/index.ts +2 -0
  128. package/dist/ts/typography/normal.ts +17 -0
  129. package/package.json +12 -5
  130. package/src/PrimerStyleDictionary.ts +0 -12
  131. package/src/filters/index.ts +0 -1
  132. package/src/formats/jsonFigma.ts +0 -1
  133. package/src/platforms/figma.ts +1 -10
  134. package/src/schemas/numberToken.ts +0 -17
  135. package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
  136. package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
  137. package/src/tokens/base/color/dark/dark.json5 +1 -1
  138. package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
  139. package/src/tokens/base/color/light/light.json5 +1 -1
  140. package/src/tokens/base/typography/typography.json +4 -28
  141. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  142. package/src/tokens/functional/color/dark/display-dark.json5 +0 -66
  143. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
  144. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  145. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
  146. package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
  147. package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
  148. package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
  149. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  150. package/src/tokens/functional/color/light/display-light.json5 +0 -66
  151. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  152. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
  153. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
  154. package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
  155. package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
  156. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  157. package/src/tokens/functional/shadow/dark.json5 +1 -1
  158. package/src/tokens/functional/shadow/light.json5 +11 -11
  159. package/src/tokens/functional/typography/typography.json +34 -263
  160. package/src/transformers/fontFamilyToCss.ts +4 -3
  161. package/src/transformers/index.ts +0 -2
  162. package/tokens/base/size/size.json +57 -0
  163. package/tokens/base/typography/typography.json +20 -0
  164. package/tokens/functional/size/border.json +48 -0
  165. package/tokens/functional/size/breakpoints.json +24 -0
  166. package/tokens/functional/size/size-coarse.json +27 -0
  167. package/tokens/functional/size/size-fine.json +27 -0
  168. package/tokens/functional/size/size.json +189 -0
  169. package/tokens/functional/size/viewport.json +24 -0
  170. package/tokens/functional/typography/typography.json +213 -0
  171. package/tokens/removed/color.json +421 -0
  172. package/tokens-v2-private/css/tokens/base/size/size.css +24 -0
  173. package/tokens-v2-private/css/tokens/base/typography/typography.css +11 -0
  174. package/tokens-v2-private/css/tokens/functional/size/border.css +17 -0
  175. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +13 -0
  176. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +11 -0
  177. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +11 -0
  178. package/tokens-v2-private/css/tokens/functional/size/size.css +54 -0
  179. package/tokens-v2-private/css/tokens/functional/size/viewport.css +6 -0
  180. package/tokens-v2-private/css/tokens/functional/typography/typography.css +47 -0
  181. package/tokens-v2-private/docs/docValues.json +2209 -0
  182. package/tokens-v2-private/js/module/tokens/base/size/size.js +266 -0
  183. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +77 -0
  184. package/tokens-v2-private/js/module/tokens/functional/size/border.js +165 -0
  185. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +101 -0
  186. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +73 -0
  187. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +73 -0
  188. package/tokens-v2-private/js/module/tokens/functional/size/size.js +824 -0
  189. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +101 -0
  190. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +809 -0
  191. package/tokens-v2-private/js/tokens/base/size/size.js +22 -0
  192. package/tokens-v2-private/js/tokens/base/typography/typography.js +9 -0
  193. package/tokens-v2-private/js/tokens/functional/size/border.js +15 -0
  194. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +11 -0
  195. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +8 -0
  196. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +8 -0
  197. package/tokens-v2-private/js/tokens/functional/size/size.js +52 -0
  198. package/tokens-v2-private/js/tokens/functional/size/viewport.js +11 -0
  199. package/tokens-v2-private/js/tokens/functional/typography/typography.js +45 -0
  200. package/tokens-v2-private/scss/tokens/base/size/size.scss +21 -0
  201. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +8 -0
  202. package/tokens-v2-private/scss/tokens/functional/size/border.scss +14 -0
  203. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +10 -0
  204. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +7 -0
  205. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +7 -0
  206. package/tokens-v2-private/scss/tokens/functional/size/size.scss +51 -0
  207. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +10 -0
  208. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +44 -0
  209. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +31 -0
  210. package/tokens-v2-private/ts/tokens/base/size/size.js +30 -0
  211. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +20 -0
  212. package/tokens-v2-private/ts/tokens/base/typography/typography.js +19 -0
  213. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +28 -0
  214. package/tokens-v2-private/ts/tokens/functional/size/border.js +27 -0
  215. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +20 -0
  216. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +19 -0
  217. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +29 -0
  218. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +28 -0
  219. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +29 -0
  220. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +28 -0
  221. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +103 -0
  222. package/tokens-v2-private/ts/tokens/functional/size/size.js +102 -0
  223. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +20 -0
  224. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +19 -0
  225. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +131 -0
  226. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +130 -0
  227. package/dist/figma/typography/typography.json +0 -370
  228. package/src/filters/isNumber.ts +0 -8
  229. package/src/transformers/floatToPixel.ts +0 -33
  230. package/src/transformers/fontFamilyToFigma.ts +0 -47
  231. package/src/transformers/utilities/hasSpaceInString.ts +0 -6
package/tokens-v2-private/js/module/tokens/functional/typography/typography.js ADDED
@@ -0,0 +1,809 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 18 Apr 2024 06:46:04 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "primer": {
8
+ "fontStack": {
9
+ "system": {
10
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
11
+ "filePath": "tokens/functional/typography/typography.json",
12
+ "isSource": true,
13
+ "original": {
14
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
15
+ },
16
+ "name": "system",
17
+ "attributes": {},
18
+ "path": [
19
+ "primer",
20
+ "fontStack",
21
+ "system"
22
+ ]
23
+ },
24
+ "sansSerif": {
25
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
26
+ "filePath": "tokens/functional/typography/typography.json",
27
+ "isSource": true,
28
+ "original": {
29
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
30
+ },
31
+ "name": "sansSerif",
32
+ "attributes": {},
33
+ "path": [
34
+ "primer",
35
+ "fontStack",
36
+ "sansSerif"
37
+ ]
38
+ },
39
+ "monospace": {
40
+ "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
41
+ "filePath": "tokens/functional/typography/typography.json",
42
+ "isSource": true,
43
+ "original": {
44
+ "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
45
+ },
46
+ "name": "monospace",
47
+ "attributes": {},
48
+ "path": [
49
+ "primer",
50
+ "fontStack",
51
+ "monospace"
52
+ ]
53
+ }
54
+ },
55
+ "text": {
56
+ "display": {
57
+ "lineBoxHeight": {
58
+ "value": "3.5rem",
59
+ "filePath": "tokens/functional/typography/typography.json",
60
+ "isSource": true,
61
+ "original": {
62
+ "value": "56px"
63
+ },
64
+ "name": "lineBoxHeight",
65
+ "attributes": {},
66
+ "path": [
67
+ "primer",
68
+ "text",
69
+ "display",
70
+ "lineBoxHeight"
71
+ ]
72
+ },
73
+ "size": {
74
+ "value": "2.5rem",
75
+ "filePath": "tokens/functional/typography/typography.json",
76
+ "isSource": true,
77
+ "original": {
78
+ "value": "40px"
79
+ },
80
+ "name": "size",
81
+ "attributes": {},
82
+ "path": [
83
+ "primer",
84
+ "text",
85
+ "display",
86
+ "size"
87
+ ]
88
+ },
89
+ "lineHeight": {
90
+ "value": "calc(56/40)",
91
+ "filePath": "tokens/functional/typography/typography.json",
92
+ "isSource": true,
93
+ "original": {
94
+ "value": "calc(56/40)"
95
+ },
96
+ "name": "lineHeight",
97
+ "attributes": {},
98
+ "path": [
99
+ "primer",
100
+ "text",
101
+ "display",
102
+ "lineHeight"
103
+ ]
104
+ },
105
+ "weight": {
106
+ "value": "500",
107
+ "filePath": "tokens/functional/typography/typography.json",
108
+ "isSource": true,
109
+ "original": {
110
+ "value": "{base.text.weight.medium}"
111
+ },
112
+ "name": "weight",
113
+ "attributes": {},
114
+ "path": [
115
+ "primer",
116
+ "text",
117
+ "display",
118
+ "weight"
119
+ ]
120
+ },
121
+ "shorthand": {
122
+ "value": {
123
+ "fontWeight": "500",
124
+ "fontSize": "2.5rem",
125
+ "lineHeight": "calc(56/40)",
126
+ "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
127
+ },
128
+ "type": "typography",
129
+ "filePath": "tokens/functional/typography/typography.json",
130
+ "isSource": true,
131
+ "original": {
132
+ "value": {
133
+ "fontWeight": "{primer.text.display.weight}",
134
+ "fontSize": "{primer.text.display.size}",
135
+ "lineHeight": "{primer.text.display.lineHeight}",
136
+ "fontFamily": "{primer.fontStack.sansSerif}"
137
+ },
138
+ "type": "typography"
139
+ },
140
+ "name": "shorthand",
141
+ "attributes": {},
142
+ "path": [
143
+ "primer",
144
+ "text",
145
+ "display",
146
+ "shorthand"
147
+ ]
148
+ }
149
+ },
150
+ "title": {
151
+ "size": {
152
+ "large": {
153
+ "value": "2rem",
154
+ "filePath": "tokens/functional/typography/typography.json",
155
+ "isSource": true,
156
+ "original": {
157
+ "value": "32px"
158
+ },
159
+ "name": "large",
160
+ "attributes": {},
161
+ "path": [
162
+ "primer",
163
+ "text",
164
+ "title",
165
+ "size",
166
+ "large"
167
+ ]
168
+ },
169
+ "medium": {
170
+ "value": "1.25rem",
171
+ "filePath": "tokens/functional/typography/typography.json",
172
+ "isSource": true,
173
+ "original": {
174
+ "value": "20px"
175
+ },
176
+ "name": "medium",
177
+ "attributes": {},
178
+ "path": [
179
+ "primer",
180
+ "text",
181
+ "title",
182
+ "size",
183
+ "medium"
184
+ ]
185
+ }
186
+ },
187
+ "lineHeight": {
188
+ "large": {
189
+ "value": "calc(48/32)",
190
+ "filePath": "tokens/functional/typography/typography.json",
191
+ "isSource": true,
192
+ "original": {
193
+ "value": "calc(48/32)"
194
+ },
195
+ "name": "large",
196
+ "attributes": {},
197
+ "path": [
198
+ "primer",
199
+ "text",
200
+ "title",
201
+ "lineHeight",
202
+ "large"
203
+ ]
204
+ },
205
+ "medium": {
206
+ "value": "calc(32/20)",
207
+ "filePath": "tokens/functional/typography/typography.json",
208
+ "isSource": true,
209
+ "original": {
210
+ "value": "calc(32/20)"
211
+ },
212
+ "name": "medium",
213
+ "attributes": {},
214
+ "path": [
215
+ "primer",
216
+ "text",
217
+ "title",
218
+ "lineHeight",
219
+ "medium"
220
+ ]
221
+ }
222
+ },
223
+ "weight": {
224
+ "value": "600",
225
+ "filePath": "tokens/functional/typography/typography.json",
226
+ "isSource": true,
227
+ "original": {
228
+ "value": "{base.text.weight.semibold}"
229
+ },
230
+ "name": "weight",
231
+ "attributes": {},
232
+ "path": [
233
+ "primer",
234
+ "text",
235
+ "title",
236
+ "weight"
237
+ ]
238
+ },
239
+ "shorthand": {
240
+ "large": {
241
+ "value": {
242
+ "fontWeight": "600",
243
+ "fontSize": "2rem",
244
+ "lineHeight": "calc(48/32)",
245
+ "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
246
+ },
247
+ "type": "typography",
248
+ "filePath": "tokens/functional/typography/typography.json",
249
+ "isSource": true,
250
+ "original": {
251
+ "value": {
252
+ "fontWeight": "{primer.text.title.weight}",
253
+ "fontSize": "{primer.text.title.size.large}",
254
+ "lineHeight": "{primer.text.title.lineHeight.large}",
255
+ "fontFamily": "{primer.fontStack.sansSerif}"
256
+ },
257
+ "type": "typography"
258
+ },
259
+ "name": "large",
260
+ "attributes": {},
261
+ "path": [
262
+ "primer",
263
+ "text",
264
+ "title",
265
+ "shorthand",
266
+ "large"
267
+ ]
268
+ },
269
+ "medium": {
270
+ "value": {
271
+ "fontWeight": "600",
272
+ "fontSize": "1.25rem",
273
+ "lineHeight": "calc(32/20)",
274
+ "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
275
+ },
276
+ "type": "typography",
277
+ "filePath": "tokens/functional/typography/typography.json",
278
+ "isSource": true,
279
+ "original": {
280
+ "value": {
281
+ "fontWeight": "{primer.text.title.weight}",
282
+ "fontSize": "{primer.text.title.size.medium}",
283
+ "lineHeight": "{primer.text.title.lineHeight.medium}",
284
+ "fontFamily": "{primer.fontStack.sansSerif}"
285
+ },
286
+ "type": "typography"
287
+ },
288
+ "name": "medium",
289
+ "attributes": {},
290
+ "path": [
291
+ "primer",
292
+ "text",
293
+ "title",
294
+ "shorthand",
295
+ "medium"
296
+ ]
297
+ }
298
+ }
299
+ },
300
+ "subtitle": {
301
+ "size": {
302
+ "value": "1.25rem",
303
+ "filePath": "tokens/functional/typography/typography.json",
304
+ "isSource": true,
305
+ "original": {
306
+ "value": "20px"
307
+ },
308
+ "name": "size",
309
+ "attributes": {},
310
+ "path": [
311
+ "primer",
312
+ "text",
313
+ "subtitle",
314
+ "size"
315
+ ]
316
+ },
317
+ "lineHeight": {
318
+ "value": "calc(32/20)",
319
+ "filePath": "tokens/functional/typography/typography.json",
320
+ "isSource": true,
321
+ "original": {
322
+ "value": "calc(32/20)"
323
+ },
324
+ "name": "lineHeight",
325
+ "attributes": {},
326
+ "path": [
327
+ "primer",
328
+ "text",
329
+ "subtitle",
330
+ "lineHeight"
331
+ ]
332
+ },
333
+ "weight": {
334
+ "value": "400",
335
+ "filePath": "tokens/functional/typography/typography.json",
336
+ "isSource": true,
337
+ "original": {
338
+ "value": "{base.text.weight.normal}"
339
+ },
340
+ "name": "weight",
341
+ "attributes": {},
342
+ "path": [
343
+ "primer",
344
+ "text",
345
+ "subtitle",
346
+ "weight"
347
+ ]
348
+ },
349
+ "shorthand": {
350
+ "value": {
351
+ "fontWeight": "400",
352
+ "fontSize": "1.25rem",
353
+ "lineHeight": "calc(32/20)",
354
+ "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
355
+ },
356
+ "type": "typography",
357
+ "filePath": "tokens/functional/typography/typography.json",
358
+ "isSource": true,
359
+ "original": {
360
+ "value": {
361
+ "fontWeight": "{primer.text.subtitle.weight}",
362
+ "fontSize": "{primer.text.subtitle.size}",
363
+ "lineHeight": "{primer.text.subtitle.lineHeight}",
364
+ "fontFamily": "{primer.fontStack.sansSerif}"
365
+ },
366
+ "type": "typography"
367
+ },
368
+ "name": "shorthand",
369
+ "attributes": {},
370
+ "path": [
371
+ "primer",
372
+ "text",
373
+ "subtitle",
374
+ "shorthand"
375
+ ]
376
+ }
377
+ },
378
+ "body": {
379
+ "size": {
380
+ "large": {
381
+ "value": "1rem",
382
+ "filePath": "tokens/functional/typography/typography.json",
383
+ "isSource": true,
384
+ "original": {
385
+ "value": "16px"
386
+ },
387
+ "name": "large",
388
+ "attributes": {},
389
+ "path": [
390
+ "primer",
391
+ "text",
392
+ "body",
393
+ "size",
394
+ "large"
395
+ ]
396
+ },
397
+ "medium": {
398
+ "value": "0.875rem",
399
+ "filePath": "tokens/functional/typography/typography.json",
400
+ "isSource": true,
401
+ "original": {
402
+ "value": "14px"
403
+ },
404
+ "name": "medium",
405
+ "attributes": {},
406
+ "path": [
407
+ "primer",
408
+ "text",
409
+ "body",
410
+ "size",
411
+ "medium"
412
+ ]
413
+ },
414
+ "small": {
415
+ "value": "0.75rem",
416
+ "filePath": "tokens/functional/typography/typography.json",
417
+ "isSource": true,
418
+ "original": {
419
+ "value": "12px"
420
+ },
421
+ "name": "small",
422
+ "attributes": {},
423
+ "path": [
424
+ "primer",
425
+ "text",
426
+ "body",
427
+ "size",
428
+ "small"
429
+ ]
430
+ }
431
+ },
432
+ "lineHeight": {
433
+ "large": {
434
+ "value": "calc(24/16)",
435
+ "filePath": "tokens/functional/typography/typography.json",
436
+ "isSource": true,
437
+ "original": {
438
+ "value": "calc(24/16)"
439
+ },
440
+ "name": "large",
441
+ "attributes": {},
442
+ "path": [
443
+ "primer",
444
+ "text",
445
+ "body",
446
+ "lineHeight",
447
+ "large"
448
+ ]
449
+ },
450
+ "medium": {
451
+ "value": "calc(20/14)",
452
+ "filePath": "tokens/functional/typography/typography.json",
453
+ "isSource": true,
454
+ "original": {
455
+ "value": "calc(20/14)"
456
+ },
457
+ "name": "medium",
458
+ "attributes": {},
459
+ "path": [
460
+ "primer",
461
+ "text",
462
+ "body",
463
+ "lineHeight",
464
+ "medium"
465
+ ]
466
+ },
467
+ "small": {
468
+ "value": "calc(20/12)",
469
+ "filePath": "tokens/functional/typography/typography.json",
470
+ "isSource": true,
471
+ "original": {
472
+ "value": "calc(20/12)"
473
+ },
474
+ "name": "small",
475
+ "attributes": {},
476
+ "path": [
477
+ "primer",
478
+ "text",
479
+ "body",
480
+ "lineHeight",
481
+ "small"
482
+ ]
483
+ }
484
+ },
485
+ "weight": {
486
+ "value": "400",
487
+ "filePath": "tokens/functional/typography/typography.json",
488
+ "isSource": true,
489
+ "original": {
490
+ "value": "{base.text.weight.normal}"
491
+ },
492
+ "name": "weight",
493
+ "attributes": {},
494
+ "path": [
495
+ "primer",
496
+ "text",
497
+ "body",
498
+ "weight"
499
+ ]
500
+ },
501
+ "shorthand": {
502
+ "large": {
503
+ "value": {
504
+ "fontWeight": "400",
505
+ "fontSize": "1rem",
506
+ "lineHeight": "calc(24/16)",
507
+ "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
508
+ },
509
+ "type": "typography",
510
+ "filePath": "tokens/functional/typography/typography.json",
511
+ "isSource": true,
512
+ "original": {
513
+ "value": {
514
+ "fontWeight": "{primer.text.body.weight}",
515
+ "fontSize": "{primer.text.body.size.large}",
516
+ "lineHeight": "{primer.text.body.lineHeight.large}",
517
+ "fontFamily": "{primer.fontStack.sansSerif}"
518
+ },
519
+ "type": "typography"
520
+ },
521
+ "name": "large",
522
+ "attributes": {},
523
+ "path": [
524
+ "primer",
525
+ "text",
526
+ "body",
527
+ "shorthand",
528
+ "large"
529
+ ]
530
+ },
531
+ "medium": {
532
+ "value": {
533
+ "fontWeight": "400",
534
+ "fontSize": "0.875rem",
535
+ "lineHeight": "calc(20/14)",
536
+ "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
537
+ },
538
+ "type": "typography",
539
+ "filePath": "tokens/functional/typography/typography.json",
540
+ "isSource": true,
541
+ "original": {
542
+ "value": {
543
+ "fontWeight": "{primer.text.body.weight}",
544
+ "fontSize": "{primer.text.body.size.medium}",
545
+ "lineHeight": "{primer.text.body.lineHeight.medium}",
546
+ "fontFamily": "{primer.fontStack.sansSerif}"
547
+ },
548
+ "type": "typography"
549
+ },
550
+ "name": "medium",
551
+ "attributes": {},
552
+ "path": [
553
+ "primer",
554
+ "text",
555
+ "body",
556
+ "shorthand",
557
+ "medium"
558
+ ]
559
+ },
560
+ "small": {
561
+ "value": {
562
+ "fontWeight": "400",
563
+ "fontSize": "0.75rem",
564
+ "lineHeight": "calc(20/12)",
565
+ "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
566
+ },
567
+ "type": "typography",
568
+ "filePath": "tokens/functional/typography/typography.json",
569
+ "isSource": true,
570
+ "original": {
571
+ "value": {
572
+ "fontWeight": "{primer.text.body.weight}",
573
+ "fontSize": "{primer.text.body.size.small}",
574
+ "lineHeight": "{primer.text.body.lineHeight.small}",
575
+ "fontFamily": "{primer.fontStack.sansSerif}"
576
+ },
577
+ "type": "typography"
578
+ },
579
+ "name": "small",
580
+ "attributes": {},
581
+ "path": [
582
+ "primer",
583
+ "text",
584
+ "body",
585
+ "shorthand",
586
+ "small"
587
+ ]
588
+ }
589
+ }
590
+ },
591
+ "caption": {
592
+ "size": {
593
+ "value": "0.75rem",
594
+ "filePath": "tokens/functional/typography/typography.json",
595
+ "isSource": true,
596
+ "original": {
597
+ "value": "12px"
598
+ },
599
+ "name": "size",
600
+ "attributes": {},
601
+ "path": [
602
+ "primer",
603
+ "text",
604
+ "caption",
605
+ "size"
606
+ ]
607
+ },
608
+ "lineHeight": {
609
+ "value": "calc(16/12)",
610
+ "filePath": "tokens/functional/typography/typography.json",
611
+ "isSource": true,
612
+ "original": {
613
+ "value": "calc(16/12)"
614
+ },
615
+ "name": "lineHeight",
616
+ "attributes": {},
617
+ "path": [
618
+ "primer",
619
+ "text",
620
+ "caption",
621
+ "lineHeight"
622
+ ]
623
+ },
624
+ "weight": {
625
+ "value": "400",
626
+ "filePath": "tokens/functional/typography/typography.json",
627
+ "isSource": true,
628
+ "original": {
629
+ "value": "{base.text.weight.normal}"
630
+ },
631
+ "name": "weight",
632
+ "attributes": {},
633
+ "path": [
634
+ "primer",
635
+ "text",
636
+ "caption",
637
+ "weight"
638
+ ]
639
+ },
640
+ "shorthand": {
641
+ "value": {
642
+ "fontWeight": "400",
643
+ "fontSize": "0.75rem",
644
+ "lineHeight": "calc(16/12)",
645
+ "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
646
+ },
647
+ "type": "typography",
648
+ "filePath": "tokens/functional/typography/typography.json",
649
+ "isSource": true,
650
+ "original": {
651
+ "value": {
652
+ "fontWeight": "{primer.text.caption.weight}",
653
+ "fontSize": "{primer.text.caption.size}",
654
+ "lineHeight": "{primer.text.caption.lineHeight}",
655
+ "fontFamily": "{primer.fontStack.sansSerif}"
656
+ },
657
+ "type": "typography"
658
+ },
659
+ "name": "shorthand",
660
+ "attributes": {},
661
+ "path": [
662
+ "primer",
663
+ "text",
664
+ "caption",
665
+ "shorthand"
666
+ ]
667
+ }
668
+ },
669
+ "codeBlock": {
670
+ "size": {
671
+ "value": "0.8125rem",
672
+ "filePath": "tokens/functional/typography/typography.json",
673
+ "isSource": true,
674
+ "original": {
675
+ "value": "13px"
676
+ },
677
+ "name": "size",
678
+ "attributes": {},
679
+ "path": [
680
+ "primer",
681
+ "text",
682
+ "codeBlock",
683
+ "size"
684
+ ]
685
+ },
686
+ "lineHeight": {
687
+ "value": "calc(20/13)",
688
+ "filePath": "tokens/functional/typography/typography.json",
689
+ "isSource": true,
690
+ "original": {
691
+ "value": "calc(20/13)"
692
+ },
693
+ "name": "lineHeight",
694
+ "attributes": {},
695
+ "path": [
696
+ "primer",
697
+ "text",
698
+ "codeBlock",
699
+ "lineHeight"
700
+ ]
701
+ },
702
+ "weight": {
703
+ "value": "400",
704
+ "filePath": "tokens/functional/typography/typography.json",
705
+ "isSource": true,
706
+ "original": {
707
+ "value": "{base.text.weight.normal}"
708
+ },
709
+ "name": "weight",
710
+ "attributes": {},
711
+ "path": [
712
+ "primer",
713
+ "text",
714
+ "codeBlock",
715
+ "weight"
716
+ ]
717
+ },
718
+ "shorthand": {
719
+ "value": {
720
+ "fontWeight": "400",
721
+ "fontSize": "0.8125rem",
722
+ "lineHeight": "calc(20/13)",
723
+ "fontFamily": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
724
+ },
725
+ "type": "typography",
726
+ "filePath": "tokens/functional/typography/typography.json",
727
+ "isSource": true,
728
+ "original": {
729
+ "value": {
730
+ "fontWeight": "{primer.text.codeBlock.weight}",
731
+ "fontSize": "{primer.text.codeBlock.size}",
732
+ "lineHeight": "{primer.text.codeBlock.lineHeight}",
733
+ "fontFamily": "{primer.fontStack.monospace}"
734
+ },
735
+ "type": "typography"
736
+ },
737
+ "name": "shorthand",
738
+ "attributes": {},
739
+ "path": [
740
+ "primer",
741
+ "text",
742
+ "codeBlock",
743
+ "shorthand"
744
+ ]
745
+ }
746
+ },
747
+ "codeInline": {
748
+ "size": {
749
+ "value": "0.9285em",
750
+ "filePath": "tokens/functional/typography/typography.json",
751
+ "isSource": true,
752
+ "original": {
753
+ "value": "0.9285em"
754
+ },
755
+ "name": "size",
756
+ "attributes": {},
757
+ "path": [
758
+ "primer",
759
+ "text",
760
+ "codeInline",
761
+ "size"
762
+ ]
763
+ },
764
+ "weight": {
765
+ "value": "400",
766
+ "filePath": "tokens/functional/typography/typography.json",
767
+ "isSource": true,
768
+ "original": {
769
+ "value": "{base.text.weight.normal}"
770
+ },
771
+ "name": "weight",
772
+ "attributes": {},
773
+ "path": [
774
+ "primer",
775
+ "text",
776
+ "codeInline",
777
+ "weight"
778
+ ]
779
+ },
780
+ "shorthand": {
781
+ "value": {
782
+ "fontWeight": "400",
783
+ "fontSize": "0.9285em",
784
+ "fontFamily": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
785
+ },
786
+ "type": "typography",
787
+ "filePath": "tokens/functional/typography/typography.json",
788
+ "isSource": true,
789
+ "original": {
790
+ "value": {
791
+ "fontWeight": "{primer.text.codeInline.weight}",
792
+ "fontSize": "{primer.text.codeInline.size}",
793
+ "fontFamily": "{primer.fontStack.monospace}"
794
+ },
795
+ "type": "typography"
796
+ },
797
+ "name": "shorthand",
798
+ "attributes": {},
799
+ "path": [
800
+ "primer",
801
+ "text",
802
+ "codeInline",
803
+ "shorthand"
804
+ ]
805
+ }
806
+ }
807
+ }
808
+ }
809
+ };