@automattic/vip-design-system 2.4.5 → 2.6.1

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 (97) hide show
  1. package/build/system/Breadcrumbs/Breadcrumbs.d.ts +1 -0
  2. package/build/system/Breadcrumbs/Breadcrumbs.js +75 -20
  3. package/build/system/Breadcrumbs/Breadcrumbs.stories.d.ts +2 -0
  4. package/build/system/Breadcrumbs/Breadcrumbs.stories.js +47 -7
  5. package/build/system/Breadcrumbs/Breadcrumbs.test.js +72 -0
  6. package/build/system/Breadcrumbs/styles.d.ts +2 -0
  7. package/build/system/Breadcrumbs/styles.js +8 -2
  8. package/build/system/Dropdown/Dropdown.d.ts +25 -36
  9. package/build/system/Dropdown/Dropdown.js +60 -99
  10. package/build/system/Dropdown/Dropdown.stories.d.ts +1 -26
  11. package/build/system/Dropdown/Dropdown.test.js +51 -28
  12. package/build/system/Dropdown/DropdownContent.d.ts +14 -10
  13. package/build/system/Dropdown/DropdownContent.js +43 -47
  14. package/build/system/Dropdown/DropdownItem.d.ts +20 -32
  15. package/build/system/Dropdown/DropdownItem.js +86 -103
  16. package/build/system/Dropdown/DropdownLabel.d.ts +11 -7
  17. package/build/system/Dropdown/DropdownLabel.js +29 -29
  18. package/build/system/Dropdown/DropdownSeparator.d.ts +10 -6
  19. package/build/system/Dropdown/DropdownSeparator.js +28 -28
  20. package/build/system/Dropdown/index.d.ts +17 -39
  21. package/build/system/Dropdown/index.js +23 -50
  22. package/build/system/FilterDropdown/FilterDropdown.d.ts +27 -0
  23. package/build/system/FilterDropdown/FilterDropdown.js +75 -0
  24. package/build/system/FilterDropdown/FilterDropdown.stories.d.ts +18 -0
  25. package/build/system/FilterDropdown/FilterDropdown.stories.js +46 -0
  26. package/build/system/FilterDropdown/FilterDropdown.test.d.ts +1 -0
  27. package/build/system/FilterDropdown/FilterDropdown.test.js +53 -0
  28. package/build/system/Hr/Hr.d.ts +7 -0
  29. package/build/system/Hr/Hr.js +22 -0
  30. package/build/system/Hr/Hr.stories.d.ts +23 -0
  31. package/build/system/Hr/Hr.stories.js +30 -0
  32. package/build/system/Hr/Hr.test.d.ts +1 -0
  33. package/build/system/Hr/Hr.test.js +41 -0
  34. package/build/system/Link/Link.d.ts +11 -1
  35. package/build/system/Link/Link.js +16 -1
  36. package/build/system/Link/Link.stories.d.ts +14 -1
  37. package/build/system/Link/Link.stories.js +16 -3
  38. package/build/system/Nav/styles.js +2 -1
  39. package/build/system/Page/Page.d.ts +2 -0
  40. package/build/system/Page/Page.js +10 -0
  41. package/build/system/Page/Page.test.d.ts +1 -0
  42. package/build/system/Page/Page.test.js +41 -0
  43. package/build/system/index.d.ts +3 -1
  44. package/build/system/index.js +4 -0
  45. package/build/system/theme/index.d.ts +889 -23
  46. package/build/system/theme/index.js +7 -8
  47. package/build/system/utils/stories/CustomLink.d.ts +1 -0
  48. package/build/system/utils/stories/CustomLink.js +7 -1
  49. package/package.json +1 -1
  50. package/src/system/Breadcrumbs/Breadcrumbs.stories.tsx +32 -3
  51. package/src/system/Breadcrumbs/Breadcrumbs.test.tsx +60 -0
  52. package/src/system/Breadcrumbs/Breadcrumbs.tsx +100 -29
  53. package/src/system/Breadcrumbs/styles.ts +11 -0
  54. package/src/system/Dropdown/{Dropdown.test.js → Dropdown.test.tsx} +2 -1
  55. package/src/system/Dropdown/Dropdown.tsx +72 -0
  56. package/src/system/Dropdown/DropdownContent.tsx +46 -0
  57. package/src/system/Dropdown/DropdownItem.tsx +112 -0
  58. package/src/system/Dropdown/DropdownLabel.tsx +29 -0
  59. package/src/system/Dropdown/DropdownSeparator.tsx +28 -0
  60. package/src/system/Dropdown/{index.js → index.ts} +1 -3
  61. package/src/system/FilterDropdown/FilterDropdown.stories.tsx +57 -0
  62. package/src/system/FilterDropdown/FilterDropdown.test.tsx +52 -0
  63. package/src/system/FilterDropdown/FilterDropdown.tsx +92 -0
  64. package/src/system/Hr/Hr.stories.tsx +48 -0
  65. package/src/system/Hr/Hr.test.tsx +22 -0
  66. package/src/system/Hr/Hr.tsx +11 -0
  67. package/src/system/Link/Link.stories.tsx +42 -1
  68. package/src/system/Link/Link.tsx +17 -8
  69. package/src/system/Nav/styles.ts +1 -0
  70. package/src/system/Page/Page.test.tsx +22 -0
  71. package/src/system/Page/Page.tsx +3 -0
  72. package/src/system/index.js +4 -0
  73. package/src/system/theme/index.js +7 -8
  74. package/src/system/utils/stories/CustomLink.tsx +6 -0
  75. package/tokens/valet-core/$metadata.json +1 -17
  76. package/tokens/valet-core/$themes.json +0 -2586
  77. package/src/system/Dropdown/Dropdown.js +0 -101
  78. package/src/system/Dropdown/DropdownContent.js +0 -50
  79. package/src/system/Dropdown/DropdownItem.js +0 -108
  80. package/src/system/Dropdown/DropdownLabel.js +0 -31
  81. package/src/system/Dropdown/DropdownSeparator.js +0 -30
  82. package/tokens/valet-core/figma-parsely-web-type.json +0 -1217
  83. package/tokens/valet-core/figma-valet-web-type.json +0 -1217
  84. package/tokens/valet-core/figma-wpvip-services-web-type.json +0 -1267
  85. package/tokens/valet-core/figma-wpvip-web-type.json +0 -1213
  86. package/tokens/valet-core/parsely-web-color.json +0 -729
  87. package/tokens/valet-core/parsely-web-core.json +0 -172
  88. package/tokens/valet-core/parsely-web-type.json +0 -362
  89. package/tokens/valet-core/valet-web-color.json +0 -677
  90. package/tokens/valet-core/valet-web-core.json +0 -172
  91. package/tokens/valet-core/wpvip-services-web-color.json +0 -730
  92. package/tokens/valet-core/wpvip-services-web-core.json +0 -172
  93. package/tokens/valet-core/wpvip-services-web-type.json +0 -412
  94. package/tokens/valet-core/wpvip-web-color-dark.json +0 -735
  95. package/tokens/valet-core/wpvip-web-color.json +0 -730
  96. package/tokens/valet-core/wpvip-web-type.json +0 -412
  97. package/tokens/valet-core/wpvip-web.json +0 -1310
package/tokens/valet-core/figma-wpvip-services-web-type.json DELETED
@@ -1,1267 +0,0 @@
1
- {
2
- "body": {
3
- "1-short": {
4
- "value": {
5
- "fontFamily": "{fontFamily.sans}",
6
- "fontWeight": "{fontWeight.regular}",
7
- "lineHeight": "{lineHeight.4}",
8
- "fontSize": "{fontSize.static.2}"
9
- },
10
- "type": "typography"
11
- },
12
- "1-short-medium": {
13
- "value": {
14
- "fontFamily": "{fontFamily.sans}",
15
- "fontWeight": "{fontWeight.medium}",
16
- "lineHeight": "{lineHeight.4}",
17
- "fontSize": "{fontSize.static.2}"
18
- },
19
- "type": "typography"
20
- },
21
- "1-short-caps": {
22
- "value": {
23
- "fontFamily": "{fontFamily.sans}",
24
- "fontWeight": "{fontWeight.regular}",
25
- "lineHeight": "{lineHeight.4}",
26
- "fontSize": "{fontSize.static.2}",
27
- "textCase": "uppercase"
28
- },
29
- "type": "typography"
30
- },
31
- "2-short": {
32
- "value": {
33
- "fontFamily": "{fontFamily.sans}",
34
- "fontWeight": "{fontWeight.regular}",
35
- "lineHeight": "{lineHeight.4}",
36
- "fontSize": "{fontSize.static.3}"
37
- },
38
- "type": "typography"
39
- },
40
- "2-short-medium": {
41
- "value": {
42
- "fontFamily": "{fontFamily.sans}",
43
- "fontWeight": "{fontWeight.bold}",
44
- "lineHeight": "{lineHeight.4}",
45
- "fontSize": "{fontSize.static.3}"
46
- },
47
- "type": "typography"
48
- },
49
- "3-short": {
50
- "value": {
51
- "fontFamily": "{fontFamily.sans}",
52
- "fontWeight": "{fontWeight.regular}",
53
- "lineHeight": "{lineHeight.4}",
54
- "fontSize": "{fontSize.static.4}"
55
- },
56
- "type": "typography"
57
- },
58
- "4-short": {
59
- "value": {
60
- "fontFamily": "{fontFamily.sans}",
61
- "fontWeight": "{fontWeight.light}",
62
- "lineHeight": "{lineHeight.4}",
63
- "fontSize": "{fontSize.static.5}"
64
- },
65
- "type": "typography"
66
- },
67
- "4-serif": {
68
- "value": {
69
- "fontFamily": "{fontFamily.serif}",
70
- "fontWeight": "{fontWeight.regular}",
71
- "lineHeight": "{lineHeight.5}",
72
- "fontSize": "{fontSize.static.5}"
73
- },
74
- "type": "typography"
75
- }
76
- },
77
- "heading": {
78
- "1": {
79
- "S": {
80
- "value": {
81
- "fontFamily": "{fontFamily.sans}",
82
- "fontWeight": "{fontWeight.medium}",
83
- "lineHeight": "{lineHeight.3}",
84
- "fontSize": "{fontSize.figma.4.S}",
85
- "letterSpacing": "{letterSpacing.tight}"
86
- },
87
- "type": "typography"
88
- },
89
- "M": {
90
- "value": {
91
- "fontFamily": "{fontFamily.sans}",
92
- "fontWeight": "{fontWeight.medium}",
93
- "lineHeight": "{lineHeight.3}",
94
- "fontSize": "{fontSize.figma.4.M}",
95
- "letterSpacing": "{letterSpacing.tight}"
96
- },
97
- "type": "typography"
98
- },
99
- "L": {
100
- "value": {
101
- "fontFamily": "{fontFamily.sans}",
102
- "fontWeight": "{fontWeight.medium}",
103
- "lineHeight": "{lineHeight.3}",
104
- "fontSize": "{fontSize.figma.4.L}",
105
- "letterSpacing": "{letterSpacing.tight}"
106
- },
107
- "type": "typography"
108
- },
109
- "XL": {
110
- "value": {
111
- "fontFamily": "{fontFamily.sans}",
112
- "fontWeight": "{fontWeight.medium}",
113
- "lineHeight": "{lineHeight.3}",
114
- "fontSize": "{fontSize.figma.4.XL}",
115
- "letterSpacing": "{letterSpacing.tight}"
116
- },
117
- "type": "typography"
118
- },
119
- "MAX": {
120
- "value": {
121
- "fontFamily": "{fontFamily.sans}",
122
- "fontWeight": "{fontWeight.medium}",
123
- "lineHeight": "{lineHeight.3}",
124
- "fontSize": "{fontSize.figma.4.MAX}",
125
- "letterSpacing": "{letterSpacing.tight}"
126
- },
127
- "type": "typography"
128
- }
129
- },
130
- "2": {
131
- "S": {
132
- "value": {
133
- "fontFamily": "{fontFamily.sans}",
134
- "fontWeight": "{fontWeight.medium}",
135
- "lineHeight": "{lineHeight.2}",
136
- "fontSize": "{fontSize.figma.8.S}",
137
- "letterSpacing": "{letterSpacing.tight}"
138
- },
139
- "type": "typography"
140
- },
141
- "M": {
142
- "value": {
143
- "fontFamily": "{fontFamily.sans}",
144
- "fontWeight": "{fontWeight.medium}",
145
- "lineHeight": "{lineHeight.2}",
146
- "fontSize": "{fontSize.figma.8.M}",
147
- "letterSpacing": "{letterSpacing.tight}"
148
- },
149
- "type": "typography"
150
- },
151
- "L": {
152
- "value": {
153
- "fontFamily": "{fontFamily.sans}",
154
- "fontWeight": "{fontWeight.medium}",
155
- "lineHeight": "{lineHeight.2}",
156
- "fontSize": "{fontSize.figma.8.L}",
157
- "letterSpacing": "{letterSpacing.tight}"
158
- },
159
- "type": "typography"
160
- },
161
- "XL": {
162
- "value": {
163
- "fontFamily": "{fontFamily.sans}",
164
- "fontWeight": "{fontWeight.medium}",
165
- "lineHeight": "{lineHeight.2}",
166
- "fontSize": "{fontSize.figma.8.XL}",
167
- "letterSpacing": "{letterSpacing.tight}"
168
- },
169
- "type": "typography"
170
- },
171
- "MAX": {
172
- "value": {
173
- "fontFamily": "{fontFamily.sans}",
174
- "fontWeight": "{fontWeight.medium}",
175
- "lineHeight": "{lineHeight.2}",
176
- "fontSize": "{fontSize.figma.8.MAX}",
177
- "letterSpacing": "{letterSpacing.tight}"
178
- },
179
- "type": "typography"
180
- }
181
- },
182
- "3": {
183
- "S": {
184
- "value": {
185
- "fontFamily": "{fontFamily.sans}",
186
- "fontWeight": "{fontWeight.medium}",
187
- "lineHeight": "{lineHeight.3}",
188
- "fontSize": "{fontSize.figma.9.S}",
189
- "letterSpacing": "{letterSpacing.tight}"
190
- },
191
- "type": "typography"
192
- },
193
- "M": {
194
- "value": {
195
- "fontFamily": "{fontFamily.sans}",
196
- "fontWeight": "{fontWeight.medium}",
197
- "lineHeight": "{lineHeight.3}",
198
- "fontSize": "{fontSize.figma.9.M}",
199
- "letterSpacing": "{letterSpacing.tight}"
200
- },
201
- "type": "typography"
202
- },
203
- "L": {
204
- "value": {
205
- "fontFamily": "{fontFamily.sans}",
206
- "fontWeight": "{fontWeight.medium}",
207
- "lineHeight": "{lineHeight.3}",
208
- "fontSize": "{fontSize.figma.9.L}",
209
- "letterSpacing": "{letterSpacing.tight}"
210
- },
211
- "type": "typography"
212
- },
213
- "XL": {
214
- "value": {
215
- "fontFamily": "{fontFamily.sans}",
216
- "fontWeight": "{fontWeight.medium}",
217
- "lineHeight": "{lineHeight.3}",
218
- "fontSize": "{fontSize.figma.9.XL}",
219
- "letterSpacing": "{letterSpacing.tight}"
220
- },
221
- "type": "typography"
222
- },
223
- "MAX": {
224
- "value": {
225
- "fontFamily": "{fontFamily.sans}",
226
- "fontWeight": "{fontWeight.medium}",
227
- "lineHeight": "{lineHeight.3}",
228
- "fontSize": "{fontSize.figma.9.MAX}",
229
- "letterSpacing": "{letterSpacing.tight}"
230
- },
231
- "type": "typography"
232
- }
233
- },
234
- "4": {
235
- "S": {
236
- "value": {
237
- "fontFamily": "{fontFamily.sans}",
238
- "fontWeight": "{fontWeight.medium}",
239
- "lineHeight": "{lineHeight.2}",
240
- "fontSize": "{fontSize.figma.10.S}",
241
- "letterSpacing": "{letterSpacing.tight}"
242
- },
243
- "type": "typography"
244
- },
245
- "M": {
246
- "value": {
247
- "fontFamily": "{fontFamily.sans}",
248
- "fontWeight": "{fontWeight.medium}",
249
- "lineHeight": "{lineHeight.2}",
250
- "fontSize": "{fontSize.figma.10.M}",
251
- "letterSpacing": "{letterSpacing.tight}"
252
- },
253
- "type": "typography"
254
- },
255
- "L": {
256
- "value": {
257
- "fontFamily": "{fontFamily.sans}",
258
- "fontWeight": "{fontWeight.medium}",
259
- "lineHeight": "{lineHeight.2}",
260
- "fontSize": "{fontSize.figma.10.L}",
261
- "letterSpacing": "{letterSpacing.tight}"
262
- },
263
- "type": "typography"
264
- },
265
- "XL": {
266
- "value": {
267
- "fontFamily": "{fontFamily.sans}",
268
- "fontWeight": "{fontWeight.medium}",
269
- "lineHeight": "{lineHeight.2}",
270
- "fontSize": "{fontSize.figma.10.XL}",
271
- "letterSpacing": "{letterSpacing.tight}"
272
- },
273
- "type": "typography"
274
- },
275
- "MAX": {
276
- "value": {
277
- "fontFamily": "{fontFamily.sans}",
278
- "fontWeight": "{fontWeight.medium}",
279
- "lineHeight": "{lineHeight.2}",
280
- "fontSize": "{fontSize.figma.10.MAX}",
281
- "letterSpacing": "{letterSpacing.tight}"
282
- },
283
- "type": "typography"
284
- }
285
- },
286
- "5": {
287
- "S": {
288
- "value": {
289
- "fontFamily": "{fontFamily.sans}",
290
- "fontWeight": "{fontWeight.medium}",
291
- "lineHeight": "{lineHeight.1}",
292
- "fontSize": "{fontSize.figma.11.S}",
293
- "letterSpacing": "{letterSpacing.tight}"
294
- },
295
- "type": "typography"
296
- },
297
- "M": {
298
- "value": {
299
- "fontFamily": "{fontFamily.sans}",
300
- "fontWeight": "{fontWeight.medium}",
301
- "lineHeight": "{lineHeight.1}",
302
- "fontSize": "{fontSize.figma.11.M}",
303
- "letterSpacing": "{letterSpacing.tight}"
304
- },
305
- "type": "typography"
306
- },
307
- "L": {
308
- "value": {
309
- "fontFamily": "{fontFamily.sans}",
310
- "fontWeight": "{fontWeight.medium}",
311
- "lineHeight": "{lineHeight.1}",
312
- "fontSize": "{fontSize.figma.11.L}",
313
- "letterSpacing": "{letterSpacing.tight}"
314
- },
315
- "type": "typography"
316
- },
317
- "XL": {
318
- "value": {
319
- "fontFamily": "{fontFamily.sans}",
320
- "fontWeight": "{fontWeight.medium}",
321
- "lineHeight": "{lineHeight.1}",
322
- "fontSize": "{fontSize.figma.11.XL}",
323
- "letterSpacing": "{letterSpacing.tight}"
324
- },
325
- "type": "typography"
326
- },
327
- "MAX": {
328
- "value": {
329
- "fontFamily": "{fontFamily.sans}",
330
- "fontWeight": "{fontWeight.medium}",
331
- "lineHeight": "{lineHeight.1}",
332
- "fontSize": "{fontSize.figma.11.MAX}",
333
- "letterSpacing": "{letterSpacing.tight}"
334
- },
335
- "type": "typography"
336
- }
337
- },
338
- "6": {
339
- "S": {
340
- "value": {
341
- "fontFamily": "{fontFamily.sans}",
342
- "fontWeight": "{fontWeight.medium}",
343
- "lineHeight": "{lineHeight.1}",
344
- "fontSize": "{fontSize.figma.12.S}",
345
- "letterSpacing": "{letterSpacing.tight}"
346
- },
347
- "type": "typography"
348
- },
349
- "M": {
350
- "value": {
351
- "fontFamily": "{fontFamily.sans}",
352
- "fontWeight": "{fontWeight.medium}",
353
- "lineHeight": "{lineHeight.1}",
354
- "fontSize": "{fontSize.figma.12.M}",
355
- "letterSpacing": "{letterSpacing.tight}"
356
- },
357
- "type": "typography"
358
- },
359
- "L": {
360
- "value": {
361
- "fontFamily": "{fontFamily.sans}",
362
- "fontWeight": "{fontWeight.medium}",
363
- "lineHeight": "{lineHeight.1}",
364
- "fontSize": "{fontSize.figma.12.L}",
365
- "letterSpacing": "{letterSpacing.tight}"
366
- },
367
- "type": "typography"
368
- },
369
- "XL": {
370
- "value": {
371
- "fontFamily": "{fontFamily.sans}",
372
- "fontWeight": "{fontWeight.medium}",
373
- "lineHeight": "{lineHeight.1}",
374
- "fontSize": "{fontSize.figma.12.XL}",
375
- "letterSpacing": "{letterSpacing.tight}"
376
- },
377
- "type": "typography"
378
- },
379
- "MAX": {
380
- "value": {
381
- "fontFamily": "{fontFamily.sans}",
382
- "fontWeight": "{fontWeight.medium}",
383
- "lineHeight": "{lineHeight.1}",
384
- "fontSize": "{fontSize.figma.12.MAX}",
385
- "letterSpacing": "{letterSpacing.tight}"
386
- },
387
- "type": "typography"
388
- }
389
- },
390
- "7": {
391
- "S": {
392
- "value": {
393
- "fontFamily": "{fontFamily.sans}",
394
- "fontWeight": "{fontWeight.medium}",
395
- "lineHeight": "{lineHeight.1}",
396
- "fontSize": "{fontSize.figma.13.S}",
397
- "letterSpacing": "{letterSpacing.tight}"
398
- },
399
- "type": "typography"
400
- },
401
- "M": {
402
- "value": {
403
- "fontFamily": "{fontFamily.sans}",
404
- "fontWeight": "{fontWeight.medium}",
405
- "lineHeight": "{lineHeight.1}",
406
- "fontSize": "{fontSize.figma.13.M}",
407
- "letterSpacing": "{letterSpacing.tight}"
408
- },
409
- "type": "typography"
410
- },
411
- "L": {
412
- "value": {
413
- "fontFamily": "{fontFamily.sans}",
414
- "fontWeight": "{fontWeight.medium}",
415
- "lineHeight": "{lineHeight.1}",
416
- "fontSize": "{fontSize.figma.13.L}",
417
- "letterSpacing": "{letterSpacing.tight}"
418
- },
419
- "type": "typography"
420
- },
421
- "XL": {
422
- "value": {
423
- "fontFamily": "{fontFamily.sans}",
424
- "fontWeight": "{fontWeight.medium}",
425
- "lineHeight": "{lineHeight.1}",
426
- "fontSize": "{fontSize.figma.13.XL}",
427
- "letterSpacing": "{letterSpacing.tight}"
428
- },
429
- "type": "typography"
430
- },
431
- "MAX": {
432
- "value": {
433
- "fontFamily": "{fontFamily.sans}",
434
- "fontWeight": "{fontWeight.medium}",
435
- "lineHeight": "{lineHeight.1}",
436
- "fontSize": "{fontSize.figma.13.MAX}",
437
- "letterSpacing": "{letterSpacing.tight}"
438
- },
439
- "type": "typography"
440
- }
441
- },
442
- "1-light": {
443
- "S": {
444
- "value": {
445
- "fontFamily": "{fontFamily.sans}",
446
- "fontWeight": "{fontWeight.light}",
447
- "lineHeight": "{lineHeight.3}",
448
- "fontSize": "{fontSize.figma.4.S}",
449
- "letterSpacing": "{letterSpacing.tight}"
450
- },
451
- "type": "typography"
452
- },
453
- "M": {
454
- "value": {
455
- "fontFamily": "{fontFamily.sans}",
456
- "fontWeight": "{fontWeight.light}",
457
- "lineHeight": "{lineHeight.3}",
458
- "fontSize": "{fontSize.figma.4.M}",
459
- "letterSpacing": "{letterSpacing.tight}"
460
- },
461
- "type": "typography"
462
- },
463
- "L": {
464
- "value": {
465
- "fontFamily": "{fontFamily.sans}",
466
- "fontWeight": "{fontWeight.light}",
467
- "lineHeight": "{lineHeight.3}",
468
- "fontSize": "{fontSize.figma.4.L}",
469
- "letterSpacing": "{letterSpacing.tight}"
470
- },
471
- "type": "typography"
472
- },
473
- "XL": {
474
- "value": {
475
- "fontFamily": "{fontFamily.sans}",
476
- "fontWeight": "{fontWeight.light}",
477
- "lineHeight": "{lineHeight.3}",
478
- "fontSize": "{fontSize.figma.4.XL}",
479
- "letterSpacing": "{letterSpacing.tight}"
480
- },
481
- "type": "typography"
482
- },
483
- "MAX": {
484
- "value": {
485
- "fontFamily": "{fontFamily.sans}",
486
- "fontWeight": "{fontWeight.light}",
487
- "lineHeight": "{lineHeight.3}",
488
- "fontSize": "{fontSize.figma.4.MAX}",
489
- "letterSpacing": "{letterSpacing.tight}"
490
- },
491
- "type": "typography"
492
- }
493
- },
494
- "2-light": {
495
- "S": {
496
- "value": {
497
- "fontFamily": "{fontFamily.sans}",
498
- "fontWeight": "{fontWeight.light}",
499
- "lineHeight": "{lineHeight.2}",
500
- "fontSize": "{fontSize.figma.8.S}",
501
- "letterSpacing": "{letterSpacing.tight}"
502
- },
503
- "type": "typography"
504
- },
505
- "M": {
506
- "value": {
507
- "fontFamily": "{fontFamily.sans}",
508
- "fontWeight": "{fontWeight.light}",
509
- "lineHeight": "{lineHeight.2}",
510
- "fontSize": "{fontSize.figma.8.M}",
511
- "letterSpacing": "{letterSpacing.tight}"
512
- },
513
- "type": "typography"
514
- },
515
- "L": {
516
- "value": {
517
- "fontFamily": "{fontFamily.sans}",
518
- "fontWeight": "{fontWeight.light}",
519
- "lineHeight": "{lineHeight.2}",
520
- "fontSize": "{fontSize.figma.8.L}",
521
- "letterSpacing": "{letterSpacing.tight}"
522
- },
523
- "type": "typography"
524
- },
525
- "XL": {
526
- "value": {
527
- "fontFamily": "{fontFamily.sans}",
528
- "fontWeight": "{fontWeight.light}",
529
- "lineHeight": "{lineHeight.2}",
530
- "fontSize": "{fontSize.figma.8.XL}",
531
- "letterSpacing": "{letterSpacing.tight}"
532
- },
533
- "type": "typography"
534
- },
535
- "MAX": {
536
- "value": {
537
- "fontFamily": "{fontFamily.sans}",
538
- "fontWeight": "{fontWeight.light}",
539
- "lineHeight": "{lineHeight.2}",
540
- "fontSize": "{fontSize.figma.8.MAX}",
541
- "letterSpacing": "{letterSpacing.tight}"
542
- },
543
- "type": "typography"
544
- }
545
- },
546
- "3-light": {
547
- "S": {
548
- "value": {
549
- "fontFamily": "{fontFamily.sans}",
550
- "fontWeight": "{fontWeight.light}",
551
- "lineHeight": "{lineHeight.3}",
552
- "fontSize": "{fontSize.figma.9.S}",
553
- "letterSpacing": "{letterSpacing.tight}"
554
- },
555
- "type": "typography"
556
- },
557
- "M": {
558
- "value": {
559
- "fontFamily": "{fontFamily.sans}",
560
- "fontWeight": "{fontWeight.light}",
561
- "lineHeight": "{lineHeight.3}",
562
- "fontSize": "{fontSize.figma.9.M}",
563
- "letterSpacing": "{letterSpacing.tight}"
564
- },
565
- "type": "typography"
566
- },
567
- "L": {
568
- "value": {
569
- "fontFamily": "{fontFamily.sans}",
570
- "fontWeight": "{fontWeight.light}",
571
- "lineHeight": "{lineHeight.3}",
572
- "fontSize": "{fontSize.figma.9.L}",
573
- "letterSpacing": "{letterSpacing.tight}"
574
- },
575
- "type": "typography"
576
- },
577
- "XL": {
578
- "value": {
579
- "fontFamily": "{fontFamily.sans}",
580
- "fontWeight": "{fontWeight.light}",
581
- "lineHeight": "{lineHeight.3}",
582
- "fontSize": "{fontSize.figma.9.XL}",
583
- "letterSpacing": "{letterSpacing.tight}"
584
- },
585
- "type": "typography"
586
- },
587
- "MAX": {
588
- "value": {
589
- "fontFamily": "{fontFamily.sans}",
590
- "fontWeight": "{fontWeight.light}",
591
- "lineHeight": "{lineHeight.3}",
592
- "fontSize": "{fontSize.figma.9.MAX}",
593
- "letterSpacing": "{letterSpacing.tight}"
594
- },
595
- "type": "typography"
596
- }
597
- },
598
- "4-light": {
599
- "S": {
600
- "value": {
601
- "fontFamily": "{fontFamily.sans}",
602
- "fontWeight": "{fontWeight.light}",
603
- "lineHeight": "{lineHeight.2}",
604
- "fontSize": "{fontSize.figma.10.S}",
605
- "letterSpacing": "{letterSpacing.tight}"
606
- },
607
- "type": "typography"
608
- },
609
- "M": {
610
- "value": {
611
- "fontFamily": "{fontFamily.sans}",
612
- "fontWeight": "{fontWeight.light}",
613
- "lineHeight": "{lineHeight.2}",
614
- "fontSize": "{fontSize.figma.10.M}",
615
- "letterSpacing": "{letterSpacing.tight}"
616
- },
617
- "type": "typography"
618
- },
619
- "L": {
620
- "value": {
621
- "fontFamily": "{fontFamily.sans}",
622
- "fontWeight": "{fontWeight.light}",
623
- "lineHeight": "{lineHeight.2}",
624
- "fontSize": "{fontSize.figma.10.L}",
625
- "letterSpacing": "{letterSpacing.tight}"
626
- },
627
- "type": "typography"
628
- },
629
- "XL": {
630
- "value": {
631
- "fontFamily": "{fontFamily.sans}",
632
- "fontWeight": "{fontWeight.light}",
633
- "lineHeight": "{lineHeight.2}",
634
- "fontSize": "{fontSize.figma.10.XL}",
635
- "letterSpacing": "{letterSpacing.tight}"
636
- },
637
- "type": "typography"
638
- },
639
- "MAX": {
640
- "value": {
641
- "fontFamily": "{fontFamily.sans}",
642
- "fontWeight": "{fontWeight.light}",
643
- "lineHeight": "{lineHeight.2}",
644
- "fontSize": "{fontSize.figma.10.MAX}",
645
- "letterSpacing": "{letterSpacing.tight}"
646
- },
647
- "type": "typography"
648
- }
649
- },
650
- "5-light": {
651
- "S": {
652
- "value": {
653
- "fontFamily": "{fontFamily.sans}",
654
- "fontWeight": "{fontWeight.light}",
655
- "lineHeight": "{lineHeight.1}",
656
- "fontSize": "{fontSize.figma.11.S}",
657
- "letterSpacing": "{letterSpacing.tight}"
658
- },
659
- "type": "typography"
660
- },
661
- "M": {
662
- "value": {
663
- "fontFamily": "{fontFamily.sans}",
664
- "fontWeight": "{fontWeight.light}",
665
- "lineHeight": "{lineHeight.1}",
666
- "fontSize": "{fontSize.figma.11.M}",
667
- "letterSpacing": "{letterSpacing.tight}"
668
- },
669
- "type": "typography"
670
- },
671
- "L": {
672
- "value": {
673
- "fontFamily": "{fontFamily.sans}",
674
- "fontWeight": "{fontWeight.light}",
675
- "lineHeight": "{lineHeight.1}",
676
- "fontSize": "{fontSize.figma.11.L}",
677
- "letterSpacing": "{letterSpacing.tight}"
678
- },
679
- "type": "typography"
680
- },
681
- "XL": {
682
- "value": {
683
- "fontFamily": "{fontFamily.sans}",
684
- "fontWeight": "{fontWeight.light}",
685
- "lineHeight": "{lineHeight.1}",
686
- "fontSize": "{fontSize.figma.11.XL}",
687
- "letterSpacing": "{letterSpacing.tight}"
688
- },
689
- "type": "typography"
690
- },
691
- "MAX": {
692
- "value": {
693
- "fontFamily": "{fontFamily.sans}",
694
- "fontWeight": "{fontWeight.light}",
695
- "lineHeight": "{lineHeight.1}",
696
- "fontSize": "{fontSize.figma.11.MAX}",
697
- "letterSpacing": "{letterSpacing.tight}"
698
- },
699
- "type": "typography"
700
- }
701
- },
702
- "5-serif": {
703
- "S": {
704
- "value": {
705
- "fontFamily": "{fontFamily.serif}",
706
- "fontWeight": "{fontWeight.regular}",
707
- "lineHeight": "{lineHeight.1}",
708
- "fontSize": "{fontSize.figma.11.S}",
709
- "letterSpacing": "{letterSpacing.tight}"
710
- },
711
- "type": "typography"
712
- },
713
- "M": {
714
- "value": {
715
- "fontFamily": "{fontFamily.serif}",
716
- "fontWeight": "{fontWeight.regular}",
717
- "lineHeight": "{lineHeight.1}",
718
- "fontSize": "{fontSize.figma.11.M}",
719
- "letterSpacing": "{letterSpacing.tight}"
720
- },
721
- "type": "typography"
722
- },
723
- "L": {
724
- "value": {
725
- "fontFamily": "{fontFamily.serif}",
726
- "fontWeight": "{fontWeight.regular}",
727
- "lineHeight": "{lineHeight.1}",
728
- "fontSize": "{fontSize.figma.11.L}",
729
- "letterSpacing": "{letterSpacing.tight}"
730
- },
731
- "type": "typography"
732
- },
733
- "XL": {
734
- "value": {
735
- "fontFamily": "{fontFamily.serif}",
736
- "fontWeight": "{fontWeight.regular}",
737
- "lineHeight": "{lineHeight.1}",
738
- "fontSize": "{fontSize.figma.11.XL}",
739
- "letterSpacing": "{letterSpacing.tight}"
740
- },
741
- "type": "typography"
742
- },
743
- "MAX": {
744
- "value": {
745
- "fontFamily": "{fontFamily.serif}",
746
- "fontWeight": "{fontWeight.regular}",
747
- "lineHeight": "{lineHeight.1}",
748
- "fontSize": "{fontSize.figma.11.MAX}",
749
- "letterSpacing": "{letterSpacing.tight}"
750
- },
751
- "type": "typography"
752
- }
753
- },
754
- "6-serif": {
755
- "S": {
756
- "value": {
757
- "fontFamily": "{fontFamily.serif}",
758
- "fontWeight": "{fontWeight.regular}",
759
- "lineHeight": "{lineHeight.1}",
760
- "fontSize": "{fontSize.figma.12.S}",
761
- "letterSpacing": "{letterSpacing.tight}"
762
- },
763
- "type": "typography"
764
- },
765
- "M": {
766
- "value": {
767
- "fontFamily": "{fontFamily.serif}",
768
- "fontWeight": "{fontWeight.regular}",
769
- "lineHeight": "{lineHeight.1}",
770
- "fontSize": "{fontSize.figma.12.M}",
771
- "letterSpacing": "{letterSpacing.tight}"
772
- },
773
- "type": "typography"
774
- },
775
- "L": {
776
- "value": {
777
- "fontFamily": "{fontFamily.serif}",
778
- "fontWeight": "{fontWeight.regular}",
779
- "lineHeight": "{lineHeight.1}",
780
- "fontSize": "{fontSize.figma.12.L}",
781
- "letterSpacing": "{letterSpacing.tight}"
782
- },
783
- "type": "typography"
784
- },
785
- "XL": {
786
- "value": {
787
- "fontFamily": "{fontFamily.serif}",
788
- "fontWeight": "{fontWeight.regular}",
789
- "lineHeight": "{lineHeight.1}",
790
- "fontSize": "{fontSize.figma.12.XL}",
791
- "letterSpacing": "{letterSpacing.tight}"
792
- },
793
- "type": "typography"
794
- },
795
- "MAX": {
796
- "value": {
797
- "fontFamily": "{fontFamily.serif}",
798
- "fontWeight": "{fontWeight.regular}",
799
- "lineHeight": "{lineHeight.1}",
800
- "fontSize": "{fontSize.figma.12.MAX}",
801
- "letterSpacing": "{letterSpacing.tight}"
802
- },
803
- "type": "typography"
804
- }
805
- },
806
- "7-serif": {
807
- "S": {
808
- "value": {
809
- "fontFamily": "{fontFamily.serif}",
810
- "fontWeight": "{fontWeight.regular}",
811
- "lineHeight": "{lineHeight.1}",
812
- "fontSize": "{fontSize.figma.13.S}",
813
- "letterSpacing": "{letterSpacing.tight}"
814
- },
815
- "type": "typography"
816
- },
817
- "M": {
818
- "value": {
819
- "fontFamily": "{fontFamily.serif}",
820
- "fontWeight": "{fontWeight.regular}",
821
- "lineHeight": "{lineHeight.1}",
822
- "fontSize": "{fontSize.figma.13.M}",
823
- "letterSpacing": "{letterSpacing.tight}"
824
- },
825
- "type": "typography"
826
- },
827
- "L": {
828
- "value": {
829
- "fontFamily": "{fontFamily.serif}",
830
- "fontWeight": "{fontWeight.regular}",
831
- "lineHeight": "{lineHeight.1}",
832
- "fontSize": "{fontSize.figma.13.L}",
833
- "letterSpacing": "{letterSpacing.tight}"
834
- },
835
- "type": "typography"
836
- },
837
- "XL": {
838
- "value": {
839
- "fontFamily": "{fontFamily.serif}",
840
- "fontWeight": "{fontWeight.regular}",
841
- "lineHeight": "{lineHeight.1}",
842
- "fontSize": "{fontSize.figma.13.XL}",
843
- "letterSpacing": "{letterSpacing.tight}"
844
- },
845
- "type": "typography"
846
- },
847
- "MAX": {
848
- "value": {
849
- "fontFamily": "{fontFamily.serif}",
850
- "fontWeight": "{fontWeight.regular}",
851
- "lineHeight": "{lineHeight.1}",
852
- "fontSize": "{fontSize.figma.13.MAX}",
853
- "letterSpacing": "{letterSpacing.tight}"
854
- },
855
- "type": "typography"
856
- }
857
- }
858
- },
859
- "paragraph": {
860
- "1": {
861
- "S": {
862
- "value": {
863
- "fontFamily": "{fontFamily.sans}",
864
- "fontWeight": "{fontWeight.light}",
865
- "lineHeight": "{lineHeight.4}",
866
- "fontSize": "{fontSize.figma.9.S}",
867
- "letterSpacing": "{letterSpacing.tight}"
868
- },
869
- "type": "typography"
870
- },
871
- "M": {
872
- "value": {
873
- "fontFamily": "{fontFamily.sans}",
874
- "fontWeight": "{fontWeight.light}",
875
- "lineHeight": "{lineHeight.4}",
876
- "fontSize": "{fontSize.figma.9.M}",
877
- "letterSpacing": "{letterSpacing.tight}"
878
- },
879
- "type": "typography"
880
- },
881
- "L": {
882
- "value": {
883
- "fontFamily": "{fontFamily.sans}",
884
- "fontWeight": "{fontWeight.light}",
885
- "lineHeight": "{lineHeight.4}",
886
- "fontSize": "{fontSize.figma.9.L}",
887
- "letterSpacing": "{letterSpacing.tight}"
888
- },
889
- "type": "typography"
890
- },
891
- "XL": {
892
- "value": {
893
- "fontFamily": "{fontFamily.sans}",
894
- "fontWeight": "{fontWeight.light}",
895
- "lineHeight": "{lineHeight.4}",
896
- "fontSize": "{fontSize.figma.9.XL}",
897
- "letterSpacing": "{letterSpacing.tight}"
898
- },
899
- "type": "typography"
900
- },
901
- "MAX": {
902
- "value": {
903
- "fontFamily": "{fontFamily.sans}",
904
- "fontWeight": "{fontWeight.light}",
905
- "lineHeight": "{lineHeight.4}",
906
- "fontSize": "{fontSize.figma.9.MAX}",
907
- "letterSpacing": "{letterSpacing.tight}"
908
- },
909
- "type": "typography"
910
- }
911
- }
912
- },
913
- "quotation": {
914
- "1": {
915
- "S": {
916
- "value": {
917
- "fontFamily": "{fontFamily.serif}",
918
- "fontWeight": "{fontWeight.regular}",
919
- "lineHeight": "{lineHeight.4}",
920
- "fontSize": "{fontSize.figma.9.S}",
921
- "letterSpacing": "{letterSpacing.tight}"
922
- },
923
- "type": "typography"
924
- },
925
- "M": {
926
- "value": {
927
- "fontFamily": "{fontFamily.serif}",
928
- "fontWeight": "{fontWeight.regular}",
929
- "lineHeight": "{lineHeight.4}",
930
- "fontSize": "{fontSize.figma.9.M}",
931
- "letterSpacing": "{letterSpacing.tight}"
932
- },
933
- "type": "typography"
934
- },
935
- "L": {
936
- "value": {
937
- "fontFamily": "{fontFamily.serif}",
938
- "fontWeight": "{fontWeight.regular}",
939
- "lineHeight": "{lineHeight.4}",
940
- "fontSize": "{fontSize.figma.9.L}",
941
- "letterSpacing": "{letterSpacing.tight}"
942
- },
943
- "type": "typography"
944
- },
945
- "XL": {
946
- "value": {
947
- "fontFamily": "{fontFamily.serif}",
948
- "fontWeight": "{fontWeight.regular}",
949
- "lineHeight": "{lineHeight.4}",
950
- "fontSize": "{fontSize.figma.9.XL}",
951
- "letterSpacing": "{letterSpacing.tight}"
952
- },
953
- "type": "typography"
954
- },
955
- "MAX": {
956
- "value": {
957
- "fontFamily": "{fontFamily.serif}",
958
- "fontWeight": "{fontWeight.regular}",
959
- "lineHeight": "{lineHeight.4}",
960
- "fontSize": "{fontSize.figma.9.MAX}",
961
- "letterSpacing": "{letterSpacing.tight}"
962
- },
963
- "type": "typography"
964
- }
965
- },
966
- "2": {
967
- "S": {
968
- "value": {
969
- "fontFamily": "{fontFamily.serif}",
970
- "fontWeight": "{fontWeight.regular}",
971
- "lineHeight": "{lineHeight.4}",
972
- "fontSize": "{fontSize.figma.10.S}",
973
- "letterSpacing": "{letterSpacing.tight}"
974
- },
975
- "type": "typography"
976
- },
977
- "M": {
978
- "value": {
979
- "fontFamily": "{fontFamily.serif}",
980
- "fontWeight": "{fontWeight.regular}",
981
- "lineHeight": "{lineHeight.4}",
982
- "fontSize": "{fontSize.figma.10.M}",
983
- "letterSpacing": "{letterSpacing.tight}"
984
- },
985
- "type": "typography"
986
- },
987
- "L": {
988
- "value": {
989
- "fontFamily": "{fontFamily.serif}",
990
- "fontWeight": "{fontWeight.regular}",
991
- "lineHeight": "{lineHeight.4}",
992
- "fontSize": "{fontSize.figma.10.L}",
993
- "letterSpacing": "{letterSpacing.tight}"
994
- },
995
- "type": "typography"
996
- },
997
- "XL": {
998
- "value": {
999
- "fontFamily": "{fontFamily.serif}",
1000
- "fontWeight": "{fontWeight.regular}",
1001
- "lineHeight": "{lineHeight.4}",
1002
- "fontSize": "{fontSize.figma.10.XL}",
1003
- "letterSpacing": "{letterSpacing.tight}"
1004
- },
1005
- "type": "typography"
1006
- },
1007
- "MAX": {
1008
- "value": {
1009
- "fontFamily": "{fontFamily.serif}",
1010
- "fontWeight": "{fontWeight.regular}",
1011
- "lineHeight": "{lineHeight.4}",
1012
- "fontSize": "{fontSize.figma.10.MAX}",
1013
- "letterSpacing": "{letterSpacing.tight}"
1014
- },
1015
- "type": "typography"
1016
- }
1017
- },
1018
- "3": {
1019
- "S": {
1020
- "value": {
1021
- "fontFamily": "{fontFamily.serif}",
1022
- "fontWeight": "{fontWeight.regular}",
1023
- "lineHeight": "{lineHeight.3}",
1024
- "fontSize": "{fontSize.figma.11.S}",
1025
- "letterSpacing": "{letterSpacing.tight}"
1026
- },
1027
- "type": "typography"
1028
- },
1029
- "M": {
1030
- "value": {
1031
- "fontFamily": "{fontFamily.serif}",
1032
- "fontWeight": "{fontWeight.regular}",
1033
- "lineHeight": "{lineHeight.3}",
1034
- "fontSize": "{fontSize.figma.11.M}",
1035
- "letterSpacing": "{letterSpacing.tight}"
1036
- },
1037
- "type": "typography"
1038
- },
1039
- "L": {
1040
- "value": {
1041
- "fontFamily": "{fontFamily.serif}",
1042
- "fontWeight": "{fontWeight.regular}",
1043
- "lineHeight": "{lineHeight.3}",
1044
- "fontSize": "{fontSize.figma.11.L}",
1045
- "letterSpacing": "{letterSpacing.tight}"
1046
- },
1047
- "type": "typography"
1048
- },
1049
- "XL": {
1050
- "value": {
1051
- "fontFamily": "{fontFamily.serif}",
1052
- "fontWeight": "{fontWeight.regular}",
1053
- "lineHeight": "{lineHeight.3}",
1054
- "fontSize": "{fontSize.figma.11.XL}",
1055
- "letterSpacing": "{letterSpacing.tight}"
1056
- },
1057
- "type": "typography"
1058
- },
1059
- "MAX": {
1060
- "value": {
1061
- "fontFamily": "{fontFamily.serif}",
1062
- "fontWeight": "{fontWeight.regular}",
1063
- "lineHeight": "{lineHeight.3}",
1064
- "fontSize": "{fontSize.figma.11.MAX}",
1065
- "letterSpacing": "{letterSpacing.tight}"
1066
- },
1067
- "type": "typography"
1068
- }
1069
- }
1070
- },
1071
- "caption": {
1072
- "1": {
1073
- "value": {
1074
- "fontFamily": "{fontFamily.sans}",
1075
- "fontWeight": "{fontWeight.regular}",
1076
- "lineHeight": "{lineHeight.4}",
1077
- "fontSize": "{fontSize.static.1}",
1078
- "letterSpacing": "{letterSpacing.loose}"
1079
- },
1080
- "type": "typography"
1081
- },
1082
- "2": {
1083
- "value": {
1084
- "fontFamily": "{fontFamily.sans}",
1085
- "fontWeight": "{fontWeight.regular}",
1086
- "lineHeight": "{lineHeight.4}",
1087
- "fontSize": "{fontSize.static.2}",
1088
- "letterSpacing": "{letterSpacing.loose}"
1089
- },
1090
- "type": "typography"
1091
- }
1092
- },
1093
- "code": {
1094
- "1": {
1095
- "value": {
1096
- "fontFamily": "{fontFamily.sans}",
1097
- "fontWeight": "{fontWeight.regular}",
1098
- "lineHeight": "{lineHeight.4}",
1099
- "fontSize": "{fontSize.static.2}"
1100
- },
1101
- "type": "typography"
1102
- },
1103
- "2": {
1104
- "value": {
1105
- "fontFamily": "{fontFamily.sans}",
1106
- "fontWeight": "{fontWeight.regular}",
1107
- "lineHeight": "{lineHeight.4}",
1108
- "fontSize": "{fontSize.static.3}"
1109
- },
1110
- "type": "typography"
1111
- }
1112
- },
1113
- "supporting": {
1114
- "helper-text": {
1115
- "1": {
1116
- "value": {
1117
- "fontFamily": "{fontFamily.sans}",
1118
- "fontWeight": "{fontWeight.regular}",
1119
- "lineHeight": "{lineHeight.4}",
1120
- "fontSize": "{fontSize.static.1}",
1121
- "letterSpacing": "{letterSpacing.loose}"
1122
- },
1123
- "type": "typography"
1124
- },
1125
- "1-caps": {
1126
- "value": {
1127
- "fontFamily": "{fontFamily.sans}",
1128
- "fontWeight": "{fontWeight.regular}",
1129
- "lineHeight": "{lineHeight.4}",
1130
- "fontSize": "{fontSize.static.1}",
1131
- "letterSpacing": "{letterSpacing.loose}",
1132
- "textCase": "{textCase.uppercase}"
1133
- },
1134
- "type": "typography"
1135
- }
1136
- },
1137
- "support-text": {
1138
- "1": {
1139
- "value": {
1140
- "fontFamily": "{fontFamily.accent}",
1141
- "fontWeight": "{fontWeight.medium}",
1142
- "lineHeight": "{lineHeight.4}",
1143
- "fontSize": "{fontSize.static.1}",
1144
- "letterSpacing": "{letterSpacing.loose}",
1145
- "textCase": "{textCase.uppercase}"
1146
- },
1147
- "type": "typography"
1148
- },
1149
- "2": {
1150
- "value": {
1151
- "fontFamily": "{fontFamily.accent}",
1152
- "fontWeight": "{fontWeight.medium}",
1153
- "lineHeight": "{lineHeight.4}",
1154
- "fontSize": "{fontSize.static.3}",
1155
- "letterSpacing": "{letterSpacing.loose}",
1156
- "textCase": "{textCase.uppercase}"
1157
- },
1158
- "type": "typography"
1159
- }
1160
- }
1161
- },
1162
- "fontFamily": {
1163
- "sans": {
1164
- "value": "Aktiv Grotesk VF",
1165
- "type": "fontFamilies"
1166
- },
1167
- "serif": {
1168
- "value": "Ivar Text",
1169
- "type": "fontFamilies"
1170
- },
1171
- "display": {
1172
- "value": "Recoleta",
1173
- "type": "fontFamilies"
1174
- },
1175
- "accent": {
1176
- "value": "Aktiv Grotesk Ex",
1177
- "type": "fontFamilies"
1178
- }
1179
- },
1180
- "fontWeight": {
1181
- "regular": {
1182
- "value": "Regular",
1183
- "type": "fontWeights"
1184
- },
1185
- "light": {
1186
- "value": "Light",
1187
- "type": "fontWeights"
1188
- },
1189
- "medium": {
1190
- "value": "Medium",
1191
- "type": "fontWeights"
1192
- },
1193
- "bold": {
1194
- "value": "Bold",
1195
- "type": "fontWeights"
1196
- }
1197
- },
1198
- "letterSpacing": {
1199
- "none": {
1200
- "value": "0%",
1201
- "type": "letterSpacing",
1202
- "description": "in Figma, letter spacing values need to be % but in production they need to be expressed in em to work with varable fonts"
1203
- },
1204
- "tight": {
1205
- "value": "-2%",
1206
- "type": "letterSpacing"
1207
- },
1208
- "loose": {
1209
- "value": "3%",
1210
- "type": "letterSpacing"
1211
- }
1212
- },
1213
- "statistic": {
1214
- "1": {
1215
- "S": {
1216
- "value": {
1217
- "fontFamily": "{fontFamily.sans}",
1218
- "fontWeight": "{fontWeight.regular}",
1219
- "lineHeight": "{lineHeight.2}",
1220
- "fontSize": "{fontSize.figma.12.S}",
1221
- "letterSpacing": "{letterSpacing.tight}"
1222
- },
1223
- "type": "typography"
1224
- },
1225
- "M": {
1226
- "value": {
1227
- "fontFamily": "{fontFamily.sans}",
1228
- "fontWeight": "{fontWeight.regular}",
1229
- "lineHeight": "{lineHeight.2}",
1230
- "fontSize": "{fontSize.figma.12.M}",
1231
- "letterSpacing": "{letterSpacing.tight}"
1232
- },
1233
- "type": "typography"
1234
- },
1235
- "L": {
1236
- "value": {
1237
- "fontFamily": "{fontFamily.sans}",
1238
- "fontWeight": "{fontWeight.regular}",
1239
- "lineHeight": "{lineHeight.2}",
1240
- "fontSize": "{fontSize.figma.12.L}",
1241
- "letterSpacing": "{letterSpacing.tight}"
1242
- },
1243
- "type": "typography"
1244
- },
1245
- "XL": {
1246
- "value": {
1247
- "fontFamily": "{fontFamily.sans}",
1248
- "fontWeight": "{fontWeight.regular}",
1249
- "lineHeight": "{lineHeight.2}",
1250
- "fontSize": "{fontSize.figma.12.XL}",
1251
- "letterSpacing": "{letterSpacing.tight}"
1252
- },
1253
- "type": "typography"
1254
- },
1255
- "MAX": {
1256
- "value": {
1257
- "fontFamily": "{fontFamily.sans}",
1258
- "fontWeight": "{fontWeight.regular}",
1259
- "lineHeight": "{lineHeight.2}",
1260
- "fontSize": "{fontSize.figma.12.MAX}",
1261
- "letterSpacing": "{letterSpacing.tight}"
1262
- },
1263
- "type": "typography"
1264
- }
1265
- }
1266
- }
1267
- }