@20minutes/hela 2.16.10 → 2.17.0

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 (28) hide show
  1. package/dist/index.es.js +1062 -869
  2. package/dist/index.umd.cjs +1 -0
  3. package/dist/js/scripts.es.js +7 -4
  4. package/dist/js/{scripts.umd.js → scripts.umd.cjs} +1 -1
  5. package/dist/scss/abstracts/variables/_token-variables.scss +69 -69
  6. package/dist/scss/abstracts/variables/_variables.scss +45 -46
  7. package/dist/src/components/atoms/InlineSeparator/InlineSeparator.stories.d.ts +1 -1
  8. package/dist/src/components/atoms/Link/Link.d.ts +5 -3
  9. package/dist/src/components/atoms/Link/Link.stories.d.ts +3 -1
  10. package/dist/src/components/atoms/ScrollToTopButton/ScrollToTopButton.stories.d.ts +112 -112
  11. package/dist/src/components/atoms/SkipLink/SkipLink.stories.d.ts +1 -1
  12. package/dist/src/components/molecules/DiscoverList/DiscoverList.stories.d.ts +104 -104
  13. package/dist/src/components/molecules/Elections/SearchBanner/SearchBanner.stories.d.ts +69 -69
  14. package/dist/src/components/molecules/VerticalTimeline/VerticalTimeline.stories.d.ts +105 -105
  15. package/dist/src/components/organisms/Footer/Footer.stories.d.ts +2 -2
  16. package/dist/src/constants/cssProperties/typography.d.ts +5 -4
  17. package/dist/src/constants/tokenNameList.d.ts +5 -5
  18. package/dist/src/constants/tokenVariables.d.ts +364 -132
  19. package/dist/src/helpers/forwardRef.d.ts +2 -2
  20. package/dist/src/helpers/imgHelper.d.ts +1 -1
  21. package/dist/src/helpers/storybookHelper.d.ts +3 -3
  22. package/dist/src/helpers/systemPropsHelper/classNameWithModifier.d.ts +2 -2
  23. package/dist/src/helpers/systemPropsHelper/classNamesWithModifiers.d.ts +3 -3
  24. package/dist/src/helpers/systemPropsHelper/typographySystemClassName.d.ts +1 -1
  25. package/dist/src/types/ComponentWithAs.d.ts +3 -2
  26. package/dist/style.css +1 -1
  27. package/package.json +38 -40
  28. package/dist/index.umd.js +0 -1
@@ -7,6 +7,7 @@ export declare const tokenVariables: {
7
7
  weight: string;
8
8
  style: string;
9
9
  extensions: string[];
10
+ key: string;
10
11
  };
11
12
  'SourceSerifPro-Regular': {
12
13
  value: string;
@@ -14,6 +15,7 @@ export declare const tokenVariables: {
14
15
  weight: string;
15
16
  style: string;
16
17
  extensions: string[];
18
+ key: string;
17
19
  };
18
20
  'SourceSerifPro-Italic': {
19
21
  value: string;
@@ -21,6 +23,7 @@ export declare const tokenVariables: {
21
23
  weight: string;
22
24
  style: string;
23
25
  extensions: string[];
26
+ key: string;
24
27
  };
25
28
  'SourceSerifPro-Bold': {
26
29
  value: string;
@@ -28,6 +31,7 @@ export declare const tokenVariables: {
28
31
  weight: string;
29
32
  style: string;
30
33
  extensions: string[];
34
+ key: string;
31
35
  };
32
36
  'SourceSerifPro-SemiBold': {
33
37
  value: string;
@@ -35,530 +39,527 @@ export declare const tokenVariables: {
35
39
  weight: string;
36
40
  style: string;
37
41
  extensions: string[];
42
+ key: string;
38
43
  };
39
44
  };
40
45
  icon: {
41
46
  '20mn-pub': {
42
47
  value: string;
48
+ key: string;
43
49
  };
44
50
  apple: {
45
51
  value: string;
52
+ key: string;
46
53
  };
47
54
  arrow: {
48
55
  value: string;
56
+ key: string;
49
57
  };
50
58
  'ballot-box': {
51
59
  value: string;
60
+ key: string;
52
61
  };
53
62
  'birthday-cake': {
54
63
  value: string;
64
+ key: string;
55
65
  };
56
66
  bookmark: {
57
67
  value: string;
68
+ key: string;
58
69
  };
59
70
  'bookmark-active': {
60
71
  value: string;
72
+ key: string;
61
73
  };
62
74
  check: {
63
75
  value: string;
76
+ key: string;
64
77
  };
65
78
  chevron: {
66
79
  value: string;
80
+ key: string;
67
81
  };
68
82
  'chevron-left': {
69
83
  value: string;
84
+ key: string;
70
85
  };
71
86
  'chevron-up': {
72
87
  value: string;
88
+ key: string;
73
89
  };
74
90
  clock: {
75
91
  value: string;
92
+ key: string;
76
93
  };
77
94
  close: {
78
95
  value: string;
96
+ key: string;
79
97
  };
80
98
  'close-circle': {
81
99
  value: string;
100
+ key: string;
82
101
  };
83
102
  clover: {
84
103
  value: string;
104
+ key: string;
85
105
  };
86
106
  comment: {
87
107
  value: string;
108
+ key: string;
88
109
  };
89
110
  connect: {
90
111
  value: string;
112
+ key: string;
91
113
  };
92
114
  'connect-filled': {
93
115
  value: string;
116
+ key: string;
94
117
  };
95
118
  connected: {
96
119
  value: string;
120
+ key: string;
97
121
  };
98
122
  dailymotion: {
99
123
  value: string;
124
+ key: string;
100
125
  };
101
126
  darkmode: {
102
127
  value: string;
128
+ key: string;
103
129
  };
104
130
  diaporama: {
105
131
  value: string;
132
+ key: string;
106
133
  };
107
134
  'diaporama-outlined': {
108
135
  value: string;
136
+ key: string;
109
137
  };
110
138
  diode: {
111
139
  value: string;
140
+ key: string;
112
141
  };
113
142
  dot: {
114
143
  value: string;
144
+ key: string;
115
145
  };
116
146
  edit: {
117
147
  value: string;
148
+ key: string;
118
149
  };
119
150
  embed: {
120
151
  value: string;
152
+ key: string;
121
153
  };
122
154
  error: {
123
155
  value: string;
156
+ key: string;
124
157
  };
125
158
  euro: {
126
159
  value: string;
160
+ key: string;
127
161
  };
128
162
  eurovision: {
129
163
  value: string;
164
+ key: string;
130
165
  };
131
166
  'external-link': {
132
167
  value: string;
168
+ key: string;
133
169
  };
134
170
  facebook: {
135
171
  value: string;
172
+ key: string;
136
173
  };
137
174
  flipboard: {
138
175
  value: string;
176
+ key: string;
139
177
  };
140
178
  game: {
141
179
  value: string;
180
+ key: string;
142
181
  };
143
182
  ghost: {
144
183
  value: string;
184
+ key: string;
145
185
  };
146
186
  googleplay: {
147
187
  value: string;
188
+ key: string;
148
189
  };
149
190
  halfstar: {
150
191
  value: string;
192
+ key: string;
151
193
  };
152
194
  health: {
153
195
  value: string;
196
+ key: string;
154
197
  };
155
198
  heart: {
156
199
  value: string;
200
+ key: string;
157
201
  };
158
202
  heat: {
159
203
  value: string;
204
+ key: string;
160
205
  };
161
206
  'heat-fill': {
162
207
  value: string;
208
+ key: string;
163
209
  };
164
210
  home: {
165
211
  value: string;
212
+ key: string;
166
213
  };
167
214
  horoscope: {
168
215
  value: string;
216
+ key: string;
169
217
  };
170
218
  info: {
171
219
  value: string;
220
+ key: string;
172
221
  };
173
222
  instagram: {
174
223
  value: string;
224
+ key: string;
175
225
  };
176
226
  live: {
177
227
  value: string;
228
+ key: string;
178
229
  };
179
230
  local: {
180
231
  value: string;
232
+ key: string;
181
233
  };
182
234
  logo: {
183
235
  value: string;
236
+ key: string;
184
237
  };
185
238
  'logo-games': {
186
239
  value: string;
240
+ key: string;
187
241
  };
188
242
  'logo-tempo': {
189
243
  value: string;
244
+ key: string;
190
245
  };
191
246
  'logo-tv': {
192
247
  value: string;
248
+ key: string;
193
249
  };
194
250
  'logo-mini': {
195
251
  value: string;
252
+ key: string;
196
253
  };
197
254
  menu: {
198
255
  value: string;
256
+ key: string;
199
257
  };
200
258
  mood: {
201
259
  value: string;
260
+ key: string;
202
261
  };
203
262
  newsletters: {
204
263
  value: string;
264
+ key: string;
205
265
  };
206
266
  'not-found': {
207
267
  value: string;
268
+ key: string;
208
269
  };
209
270
  notification: {
210
271
  value: string;
272
+ key: string;
211
273
  };
212
274
  'olympic-flame': {
213
275
  value: string;
276
+ key: string;
214
277
  };
215
278
  'olympic-medal': {
216
279
  value: string;
280
+ key: string;
217
281
  };
218
282
  podcast: {
219
283
  value: string;
284
+ key: string;
220
285
  };
221
286
  'podcast-outlined': {
222
287
  value: string;
288
+ key: string;
223
289
  };
224
290
  power: {
225
291
  value: string;
292
+ key: string;
226
293
  };
227
294
  printer: {
228
295
  value: string;
296
+ key: string;
229
297
  };
230
298
  profile: {
231
299
  value: string;
300
+ key: string;
232
301
  };
233
302
  puzzle: {
234
303
  value: string;
304
+ key: string;
235
305
  };
236
306
  refresh: {
237
307
  value: string;
308
+ key: string;
238
309
  };
239
310
  report: {
240
311
  value: string;
312
+ key: string;
241
313
  };
242
314
  rewind: {
243
315
  value: string;
316
+ key: string;
244
317
  };
245
318
  search: {
246
319
  value: string;
320
+ key: string;
247
321
  };
248
322
  'server-error': {
249
323
  value: string;
324
+ key: string;
250
325
  };
251
326
  share: {
252
327
  value: string;
328
+ key: string;
253
329
  };
254
330
  'signin-facebook': {
255
331
  value: string;
332
+ key: string;
256
333
  };
257
334
  'signin-google': {
258
335
  value: string;
336
+ key: string;
259
337
  };
260
338
  snapchat: {
261
339
  value: string;
340
+ key: string;
262
341
  };
263
342
  star: {
264
343
  value: string;
344
+ key: string;
265
345
  };
266
346
  'star-outlined': {
267
347
  value: string;
348
+ key: string;
268
349
  };
269
350
  stats: {
270
351
  value: string;
352
+ key: string;
271
353
  };
272
354
  thumb: {
273
355
  value: string;
356
+ key: string;
274
357
  };
275
358
  'ticket-nunc': {
276
359
  value: string;
360
+ key: string;
277
361
  };
278
362
  tiktok: {
279
363
  value: string;
364
+ key: string;
280
365
  };
281
366
  triangle: {
282
367
  value: string;
368
+ key: string;
283
369
  };
284
370
  trophy: {
285
371
  value: string;
372
+ key: string;
286
373
  };
287
374
  twitter: {
288
375
  value: string;
376
+ key: string;
289
377
  };
290
378
  valide: {
291
379
  value: string;
380
+ key: string;
292
381
  };
293
382
  video: {
294
383
  value: string;
384
+ key: string;
295
385
  };
296
386
  'video-hollow': {
297
387
  value: string;
388
+ key: string;
298
389
  };
299
390
  'video-outlined': {
300
391
  value: string;
392
+ key: string;
301
393
  };
302
394
  'view-close': {
303
395
  value: string;
396
+ key: string;
304
397
  };
305
398
  view: {
306
399
  value: string;
400
+ key: string;
307
401
  };
308
402
  whatsapp: {
309
403
  value: string;
404
+ key: string;
310
405
  };
311
406
  work: {
312
407
  value: string;
408
+ key: string;
313
409
  };
314
410
  'world-foot-2026': {
315
411
  value: string;
412
+ key: string;
316
413
  };
317
414
  youtube: {
318
415
  value: string;
416
+ key: string;
319
417
  };
320
418
  'horoscope-sign': {
321
419
  chinese: {
322
420
  'horoscope-belier': {
323
421
  value: string;
422
+ key: string;
324
423
  };
325
424
  'horoscope-buffle': {
326
425
  value: string;
426
+ key: string;
327
427
  };
328
428
  'horoscope-cheval': {
329
429
  value: string;
430
+ key: string;
330
431
  };
331
432
  'horoscope-chevre': {
332
433
  value: string;
434
+ key: string;
333
435
  };
334
436
  'horoscope-chien': {
335
437
  value: string;
438
+ key: string;
336
439
  };
337
440
  'horoscope-cochon': {
338
441
  value: string;
442
+ key: string;
339
443
  };
340
444
  'horoscope-coq': {
341
445
  value: string;
446
+ key: string;
342
447
  };
343
448
  'horoscope-dragon': {
344
449
  value: string;
450
+ key: string;
345
451
  };
346
452
  'horoscope-lapin': {
347
453
  value: string;
454
+ key: string;
348
455
  };
349
456
  'horoscope-lion': {
350
457
  value: string;
458
+ key: string;
351
459
  };
352
460
  'horoscope-poissons': {
353
461
  value: string;
462
+ key: string;
354
463
  };
355
464
  'horoscope-serpent': {
356
465
  value: string;
466
+ key: string;
357
467
  };
358
468
  'horoscope-singe': {
359
469
  value: string;
470
+ key: string;
360
471
  };
361
472
  'horoscope-taureau': {
362
473
  value: string;
474
+ key: string;
363
475
  };
364
476
  'horoscope-tigre': {
365
477
  value: string;
478
+ key: string;
366
479
  };
367
480
  };
368
481
  zodiac: {
369
482
  'horoscope-balance': {
370
483
  value: string;
484
+ key: string;
371
485
  };
372
486
  'horoscope-cancer': {
373
487
  value: string;
488
+ key: string;
374
489
  };
375
490
  'horoscope-capricorne': {
376
491
  value: string;
492
+ key: string;
377
493
  };
378
494
  'horoscope-gemeaux': {
379
495
  value: string;
496
+ key: string;
380
497
  };
381
498
  'horoscope-rat': {
382
499
  value: string;
500
+ key: string;
383
501
  };
384
502
  'horoscope-sagittaire': {
385
503
  value: string;
504
+ key: string;
386
505
  };
387
506
  'horoscope-scorpion': {
388
507
  value: string;
508
+ key: string;
389
509
  };
390
510
  'horoscope-verseau': {
391
511
  value: string;
512
+ key: string;
392
513
  };
393
514
  'horoscope-vierge': {
394
515
  value: string;
516
+ key: string;
395
517
  };
396
518
  };
397
519
  };
398
520
  'rubric-c2c': {
399
521
  value: string;
522
+ key: string;
400
523
  };
401
524
  'rubric-conso': {
402
525
  value: string;
526
+ key: string;
403
527
  };
404
528
  'rubric-entertainment': {
405
529
  value: string;
530
+ key: string;
406
531
  };
407
532
  'rubric-gaming': {
408
533
  value: string;
534
+ key: string;
409
535
  };
410
536
  'rubric-high-tech': {
411
537
  value: string;
538
+ key: string;
412
539
  };
413
540
  'rubric-jeux': {
414
541
  value: string;
542
+ key: string;
415
543
  };
416
544
  'rubric-news': {
417
545
  value: string;
546
+ key: string;
418
547
  };
419
548
  'rubric-planet': {
420
549
  value: string;
550
+ key: string;
421
551
  };
422
552
  'rubric-sport': {
423
553
  value: string;
554
+ key: string;
424
555
  };
425
556
  'rubric-tempo': {
426
557
  value: string;
558
+ key: string;
427
559
  };
428
560
  'rubric-vie-pro': {
429
561
  value: string;
430
- };
431
- };
432
- };
433
- typography: {
434
- heading: {
435
- 'xxs-4': {
436
- description: string;
437
- fontSize: {
438
- value: string;
439
- };
440
- };
441
- 'xxs-3': {
442
- description: string;
443
- fontSize: {
444
- value: string;
445
- };
446
- };
447
- 'xxs-2': {
448
- description: string;
449
- fontSize: {
450
- value: string;
451
- };
452
- };
453
- xxs: {
454
- description: string;
455
- fontSize: {
456
- value: string;
457
- };
458
- };
459
- xs: {
460
- description: string;
461
- fontSize: {
462
- value: string;
463
- };
464
- };
465
- s: {
466
- description: string;
467
- fontSize: {
468
- value: string;
469
- };
470
- };
471
- m: {
472
- description: string;
473
- fontSize: {
474
- value: string;
475
- };
476
- };
477
- l: {
478
- description: string;
479
- fontSize: {
480
- value: string;
481
- };
482
- };
483
- xl: {
484
- description: string;
485
- fontSize: {
486
- value: string;
487
- };
488
- };
489
- xxl: {
490
- description: string;
491
- fontSize: {
492
- value: string;
493
- };
494
- };
495
- 'xxl-2': {
496
- description: string;
497
- fontSize: {
498
- value: string;
499
- };
500
- };
501
- };
502
- text: {
503
- 'xxs-3': {
504
- description: string;
505
- fontSize: {
506
- value: string;
507
- };
508
- };
509
- 'xxs-2': {
510
- description: string;
511
- fontSize: {
512
- value: string;
513
- };
514
- };
515
- xxs: {
516
- description: string;
517
- fontSize: {
518
- value: string;
519
- };
520
- };
521
- xs: {
522
- description: string;
523
- fontSize: {
524
- value: string;
525
- };
526
- };
527
- s: {
528
- description: string;
529
- fontSize: {
530
- value: string;
531
- };
532
- };
533
- m: {
534
- description: string;
535
- fontSize: {
536
- value: string;
537
- };
538
- lineHeight: {
539
- value: string;
540
- };
541
- };
542
- l: {
543
- description: string;
544
- fontSize: {
545
- value: string;
546
- };
547
- lineHeight: {
548
- value: string;
549
- };
550
- };
551
- xl: {
552
- description: string;
553
- fontSize: {
554
- value: string;
555
- };
556
- };
557
- xxl: {
558
- description: string;
559
- fontSize: {
560
- value: string;
561
- };
562
+ key: string;
562
563
  };
563
564
  };
564
565
  };
@@ -566,323 +567,554 @@ export declare const tokenVariables: {
566
567
  xs: {
567
568
  value: string;
568
569
  description: string;
570
+ key: string;
569
571
  };
570
572
  sm: {
571
573
  value: string;
572
574
  description: string;
575
+ key: string;
573
576
  };
574
577
  md: {
575
578
  value: string;
576
579
  description: string;
580
+ key: string;
577
581
  };
578
582
  lg: {
579
583
  value: string;
580
584
  description: string;
585
+ key: string;
581
586
  };
582
587
  xl: {
583
588
  value: string;
584
589
  description: string;
590
+ key: string;
585
591
  };
586
592
  xxl: {
587
593
  value: string;
588
594
  description: string;
595
+ key: string;
589
596
  };
590
597
  };
591
598
  color: {
592
599
  primary: {
593
600
  ultramarine: {
594
601
  value: string;
602
+ key: string;
595
603
  };
596
604
  'ultramarine-light': {
597
605
  value: string;
606
+ key: string;
598
607
  };
599
608
  };
600
609
  secondary: {
601
610
  orange: {
602
611
  value: string;
612
+ key: string;
603
613
  };
604
614
  yellow: {
605
615
  value: string;
616
+ key: string;
606
617
  };
607
618
  green: {
608
619
  value: string;
620
+ key: string;
609
621
  };
610
622
  purple: {
611
623
  value: string;
624
+ key: string;
612
625
  };
613
626
  red: {
614
627
  value: string;
628
+ key: string;
615
629
  };
616
630
  scarlet: {
617
631
  value: string;
632
+ key: string;
618
633
  };
619
634
  blue: {
620
635
  value: string;
636
+ key: string;
621
637
  };
622
638
  'blue-grey': {
623
639
  value: string;
640
+ key: string;
624
641
  };
625
642
  'blue-dark': {
626
643
  value: string;
644
+ key: string;
627
645
  };
628
646
  pink: {
629
647
  value: string;
648
+ key: string;
630
649
  };
631
650
  sponsoring: {
632
651
  value: string;
652
+ key: string;
633
653
  };
634
654
  'blue-light': {
635
655
  value: string;
656
+ key: string;
636
657
  };
637
658
  };
638
659
  greyscale: {
639
660
  black: {
640
661
  value: string;
662
+ key: string;
641
663
  };
642
664
  white: {
643
665
  value: string;
666
+ key: string;
644
667
  };
645
668
  'grey-50': {
646
669
  value: string;
670
+ key: string;
647
671
  };
648
672
  'grey-100': {
649
673
  value: string;
674
+ key: string;
650
675
  };
651
676
  'grey-200': {
652
677
  value: string;
678
+ key: string;
653
679
  };
654
680
  'grey-300': {
655
681
  value: string;
682
+ key: string;
656
683
  };
657
684
  'grey-400': {
658
685
  value: string;
686
+ key: string;
659
687
  };
660
688
  'grey-500': {
661
689
  value: string;
690
+ key: string;
662
691
  };
663
692
  'grey-600': {
664
693
  value: string;
694
+ key: string;
665
695
  };
666
696
  'grey-700': {
667
697
  value: string;
698
+ key: string;
668
699
  };
669
700
  'grey-800': {
670
701
  value: string;
702
+ key: string;
671
703
  };
672
704
  'grey-900': {
673
705
  value: string;
706
+ key: string;
674
707
  };
675
708
  };
676
709
  status: {
677
710
  warning: {
678
711
  value: string;
712
+ key: string;
679
713
  };
680
714
  error: {
681
715
  value: string;
716
+ key: string;
682
717
  };
683
718
  success: {
684
719
  value: string;
720
+ key: string;
685
721
  };
686
722
  };
687
723
  theme: {
688
724
  conso: {
689
725
  value: string;
726
+ key: string;
690
727
  };
691
728
  default: {
692
729
  value: string;
730
+ key: string;
693
731
  };
694
732
  entertainment: {
695
733
  value: string;
734
+ key: string;
696
735
  };
697
736
  hightech: {
698
737
  value: string;
738
+ key: string;
699
739
  };
700
740
  media: {
701
741
  value: string;
742
+ key: string;
702
743
  };
703
744
  'partenaires-externes': {
704
745
  value: string;
746
+ key: string;
705
747
  };
706
748
  partner: {
707
749
  value: string;
750
+ key: string;
708
751
  };
709
752
  planet: {
710
753
  value: string;
754
+ key: string;
711
755
  };
712
756
  production: {
713
757
  value: string;
758
+ key: string;
714
759
  };
715
760
  publicommunique: {
716
761
  value: string;
762
+ key: string;
717
763
  };
718
764
  publishing: {
719
765
  value: string;
766
+ key: string;
720
767
  };
721
768
  sport: {
722
769
  value: string;
770
+ key: string;
723
771
  };
724
772
  tempo: {
725
773
  value: string;
774
+ key: string;
726
775
  };
727
776
  'vie-pro': {
728
777
  value: string;
778
+ key: string;
729
779
  };
730
780
  infolocale: {
731
781
  value: string;
782
+ key: string;
732
783
  };
733
784
  gaming: {
734
785
  value: string;
786
+ key: string;
735
787
  };
736
788
  jeux: {
737
789
  value: string;
790
+ key: string;
738
791
  };
739
792
  };
740
793
  };
741
794
  'font-family': {
742
795
  base: {
743
796
  value: string;
797
+ key: string;
744
798
  };
745
799
  obviously: {
746
800
  value: string;
801
+ key: string;
747
802
  };
748
803
  'source-serif-pro': {
749
804
  value: string;
805
+ key: string;
750
806
  };
751
807
  };
752
808
  'font-size': {
753
809
  'xxs-4': {
754
810
  value: string;
811
+ key: string;
755
812
  };
756
813
  'xxs-3': {
757
814
  value: string;
815
+ key: string;
758
816
  };
759
817
  'xxs-2': {
760
818
  value: string;
819
+ key: string;
761
820
  };
762
821
  xxs: {
763
822
  value: string;
823
+ key: string;
764
824
  };
765
825
  xs: {
766
826
  value: string;
827
+ key: string;
767
828
  };
768
829
  s: {
769
830
  value: string;
831
+ key: string;
770
832
  };
771
833
  m: {
772
834
  value: string;
835
+ key: string;
773
836
  };
774
837
  l: {
775
838
  value: string;
839
+ key: string;
776
840
  };
777
841
  xl: {
778
842
  value: string;
843
+ key: string;
779
844
  };
780
845
  xxl: {
781
846
  value: string;
847
+ key: string;
782
848
  };
783
849
  'xxl-2': {
784
850
  value: string;
851
+ key: string;
785
852
  };
786
853
  'xxl-3': {
787
854
  value: string;
855
+ key: string;
788
856
  };
789
857
  'xxl-4': {
790
858
  value: string;
859
+ key: string;
791
860
  };
792
861
  'xxl-5': {
793
862
  value: string;
863
+ key: string;
794
864
  };
795
865
  };
796
866
  'font-weight': {
797
867
  regular: {
798
868
  value: string;
869
+ key: string;
799
870
  };
800
871
  'semi-bold': {
801
872
  value: string;
873
+ key: string;
802
874
  };
803
875
  bold: {
804
876
  value: string;
877
+ key: string;
805
878
  };
806
879
  };
807
880
  'line-height': {
808
881
  base: {
809
882
  value: string;
883
+ key: string;
810
884
  };
811
885
  large: {
812
886
  value: string;
887
+ key: string;
813
888
  };
814
889
  'extra-large': {
815
890
  value: string;
891
+ key: string;
816
892
  };
817
893
  };
818
894
  radius: {
819
895
  '0': {
820
896
  value: string;
897
+ key: string;
821
898
  };
822
899
  'xxs-2': {
823
900
  value: string;
901
+ key: string;
824
902
  };
825
903
  xxs: {
826
904
  value: string;
905
+ key: string;
827
906
  };
828
907
  xs: {
829
908
  value: string;
909
+ key: string;
830
910
  };
831
911
  s: {
832
912
  value: string;
913
+ key: string;
833
914
  };
834
915
  m: {
835
916
  value: string;
917
+ key: string;
836
918
  };
837
919
  l: {
838
920
  value: string;
921
+ key: string;
839
922
  };
840
923
  xl: {
841
924
  value: string;
925
+ key: string;
842
926
  };
843
927
  xxl: {
844
928
  value: string;
929
+ key: string;
845
930
  };
846
931
  };
847
932
  spacing: {
848
933
  '0': {
849
934
  value: string;
935
+ key: string;
850
936
  };
851
937
  auto: {
852
938
  value: string;
939
+ key: string;
853
940
  };
854
941
  'xxs-3': {
855
942
  value: string;
943
+ key: string;
856
944
  };
857
945
  'xxs-2': {
858
946
  value: string;
947
+ key: string;
859
948
  };
860
949
  xxs: {
861
950
  value: string;
951
+ key: string;
862
952
  };
863
953
  xs: {
864
954
  value: string;
955
+ key: string;
865
956
  };
866
957
  s: {
867
958
  value: string;
959
+ key: string;
868
960
  };
869
961
  m: {
870
962
  value: string;
963
+ key: string;
871
964
  };
872
965
  l: {
873
966
  value: string;
967
+ key: string;
874
968
  };
875
969
  xl: {
876
970
  value: string;
971
+ key: string;
877
972
  };
878
973
  xxl: {
879
974
  value: string;
975
+ key: string;
880
976
  };
881
977
  'xxl-2': {
882
978
  value: string;
979
+ key: string;
883
980
  };
884
981
  'xxl-3': {
885
982
  value: string;
983
+ key: string;
984
+ };
985
+ };
986
+ typography: {
987
+ heading: {
988
+ 'xxs-4': {
989
+ fontSize: {
990
+ value: string;
991
+ key: string;
992
+ };
993
+ };
994
+ 'xxs-3': {
995
+ fontSize: {
996
+ value: string;
997
+ key: string;
998
+ };
999
+ };
1000
+ 'xxs-2': {
1001
+ fontSize: {
1002
+ value: string;
1003
+ key: string;
1004
+ };
1005
+ };
1006
+ xxs: {
1007
+ fontSize: {
1008
+ value: string;
1009
+ key: string;
1010
+ };
1011
+ };
1012
+ xs: {
1013
+ fontSize: {
1014
+ value: string;
1015
+ key: string;
1016
+ };
1017
+ };
1018
+ s: {
1019
+ fontSize: {
1020
+ value: string;
1021
+ key: string;
1022
+ };
1023
+ };
1024
+ m: {
1025
+ fontSize: {
1026
+ value: string;
1027
+ key: string;
1028
+ };
1029
+ };
1030
+ l: {
1031
+ fontSize: {
1032
+ value: string;
1033
+ key: string;
1034
+ };
1035
+ };
1036
+ xl: {
1037
+ fontSize: {
1038
+ value: string;
1039
+ key: string;
1040
+ };
1041
+ };
1042
+ xxl: {
1043
+ fontSize: {
1044
+ value: string;
1045
+ key: string;
1046
+ };
1047
+ };
1048
+ 'xxl-2': {
1049
+ fontSize: {
1050
+ value: string;
1051
+ key: string;
1052
+ };
1053
+ };
1054
+ };
1055
+ text: {
1056
+ 'xxs-3': {
1057
+ fontSize: {
1058
+ value: string;
1059
+ key: string;
1060
+ };
1061
+ };
1062
+ 'xxs-2': {
1063
+ fontSize: {
1064
+ value: string;
1065
+ key: string;
1066
+ };
1067
+ };
1068
+ xxs: {
1069
+ fontSize: {
1070
+ value: string;
1071
+ key: string;
1072
+ };
1073
+ };
1074
+ xs: {
1075
+ fontSize: {
1076
+ value: string;
1077
+ key: string;
1078
+ };
1079
+ };
1080
+ s: {
1081
+ fontSize: {
1082
+ value: string;
1083
+ key: string;
1084
+ };
1085
+ };
1086
+ m: {
1087
+ fontSize: {
1088
+ value: string;
1089
+ key: string;
1090
+ };
1091
+ lineHeight: {
1092
+ value: string;
1093
+ key: string;
1094
+ };
1095
+ };
1096
+ l: {
1097
+ fontSize: {
1098
+ value: string;
1099
+ key: string;
1100
+ };
1101
+ lineHeight: {
1102
+ value: string;
1103
+ key: string;
1104
+ };
1105
+ };
1106
+ xl: {
1107
+ fontSize: {
1108
+ value: string;
1109
+ key: string;
1110
+ };
1111
+ };
1112
+ xxl: {
1113
+ fontSize: {
1114
+ value: string;
1115
+ key: string;
1116
+ };
1117
+ };
886
1118
  };
887
1119
  };
888
1120
  };