@bonniernews/dn-design-system-web 12.0.1 → 14.0.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 (36) hide show
  1. package/CHANGELOG.md +46 -0
  2. package/assets/teaser/teaser.scss +3 -2
  3. package/components/buddy-menu/buddy-menu.scss +1 -1
  4. package/components/floating-button/floating-button.scss +1 -1
  5. package/components/icon-button/icon-button.scss +1 -1
  6. package/components/teaser-list-vertical/teaser-list-vertical.scss +1 -1
  7. package/components/teaser-onsite/teaser-onsite.scss +1 -1
  8. package/foundations/helpers/typography.scss +33 -8
  9. package/foundations/icons/icon.njk +5 -0
  10. package/foundations/icons/sprite.njk +1 -1
  11. package/foundations/icons/sprite.svg +1 -1
  12. package/foundations/icons/svg/x.svg +3 -0
  13. package/foundations/typography/README.md +5 -2
  14. package/foundations/variables/deprecated/typographyTokensList.scss +78 -0
  15. package/foundations/variables/deprecated/typographyTokensScreenExtraLarge.scss +499 -0
  16. package/foundations/variables/deprecated/typographyTokensScreenLarge.scss +499 -0
  17. package/foundations/variables/deprecated/typographyTokensScreenSmall.scss +504 -0
  18. package/foundations/variables/opacity.scss +1 -1
  19. package/foundations/variables/shadowsDnDarkTokens.scss +14 -22
  20. package/foundations/variables/shadowsDnLightTokens.scss +14 -22
  21. package/foundations/variables/shadowsTokensList.scss +4 -5
  22. package/foundations/variables/typographyFontWeight.scss +4 -0
  23. package/foundations/variables/typographyLetterSpacing.scss +3 -0
  24. package/foundations/variables/typographyLineHeight.scss +4 -0
  25. package/foundations/variables/typographyTokensList.scss +1 -80
  26. package/foundations/variables/typographyTokensScreenExtraLarge.scss +18 -522
  27. package/foundations/variables/typographyTokensScreenLarge.scss +18 -522
  28. package/foundations/variables/typographyTokensScreenSmall.scss +19 -528
  29. package/package.json +1 -1
  30. package/tokens/deprecated-typography-list.json +80 -0
  31. package/tokens/icon-list.json +2 -1
  32. package/tokens/shadows-css-variables.json +4 -5
  33. package/tokens/typography-list.json +1 -80
  34. package/foundations/variables/typographyAddons.scss +0 -11
  35. package/tokens/spacing-component-list.json +0 -12
  36. package/tokens/spacing-layout-list.json +0 -17
@@ -1,86 +1,6 @@
1
- $ds-typography-expressive-heading01regular: 'expressive-heading01regular';
2
- $ds-typography-expressive-heading01semibold: 'expressive-heading01semibold';
3
- $ds-typography-expressive-heading01bold: 'expressive-heading01bold';
4
- $ds-typography-expressive-heading01italicregular: 'expressive-heading01italicregular';
5
- $ds-typography-expressive-heading01italicsemibold: 'expressive-heading01italicsemibold';
6
- $ds-typography-expressive-heading01italicbold: 'expressive-heading01italicbold';
7
- $ds-typography-expressive-heading02regular: 'expressive-heading02regular';
8
- $ds-typography-expressive-heading02semibold: 'expressive-heading02semibold';
9
- $ds-typography-expressive-heading02bold: 'expressive-heading02bold';
10
- $ds-typography-expressive-heading02italicregular: 'expressive-heading02italicregular';
11
- $ds-typography-expressive-heading02italicsemibold: 'expressive-heading02italicsemibold';
12
- $ds-typography-expressive-heading02italicbold: 'expressive-heading02italicbold';
13
- $ds-typography-expressive-heading03regular: 'expressive-heading03regular';
14
- $ds-typography-expressive-heading03semibold: 'expressive-heading03semibold';
15
- $ds-typography-expressive-heading03bold: 'expressive-heading03bold';
16
- $ds-typography-expressive-heading03italicregular: 'expressive-heading03italicregular';
17
- $ds-typography-expressive-heading03italicsemibold: 'expressive-heading03italicsemibold';
18
- $ds-typography-expressive-heading03italicbold: 'expressive-heading03italicbold';
19
- $ds-typography-expressive-heading04regular: 'expressive-heading04regular';
20
- $ds-typography-expressive-heading04semibold: 'expressive-heading04semibold';
21
- $ds-typography-expressive-heading04bold: 'expressive-heading04bold';
22
- $ds-typography-expressive-heading04italicregular: 'expressive-heading04italicregular';
23
- $ds-typography-expressive-heading04italicsemibold: 'expressive-heading04italicsemibold';
24
- $ds-typography-expressive-heading04italicbold: 'expressive-heading04italicbold';
25
- $ds-typography-expressive-heading05regular: 'expressive-heading05regular';
26
- $ds-typography-expressive-heading05semibold: 'expressive-heading05semibold';
27
- $ds-typography-expressive-heading05bold: 'expressive-heading05bold';
28
- $ds-typography-expressive-heading05italicregular: 'expressive-heading05italicregular';
29
- $ds-typography-expressive-heading05italicsemibold: 'expressive-heading05italicsemibold';
30
- $ds-typography-expressive-heading05italicbold: 'expressive-heading05italicbold';
31
- $ds-typography-functional-heading01regular: 'functional-heading01regular';
32
- $ds-typography-functional-heading01semibold: 'functional-heading01semibold';
33
- $ds-typography-functional-heading01bold: 'functional-heading01bold';
34
- $ds-typography-functional-heading02regular: 'functional-heading02regular';
35
- $ds-typography-functional-heading02semibold: 'functional-heading02semibold';
36
- $ds-typography-functional-heading02bold: 'functional-heading02bold';
37
- $ds-typography-functional-heading03regular: 'functional-heading03regular';
38
- $ds-typography-functional-heading03semibold: 'functional-heading03semibold';
39
- $ds-typography-functional-heading03bold: 'functional-heading03bold';
40
- $ds-typography-functional-heading04regular: 'functional-heading04regular';
41
- $ds-typography-functional-heading04semibold: 'functional-heading04semibold';
42
- $ds-typography-functional-heading04bold: 'functional-heading04bold';
43
- $ds-typography-functional-heading05regular: 'functional-heading05regular';
44
- $ds-typography-functional-heading05semibold: 'functional-heading05semibold';
45
- $ds-typography-functional-heading05bold: 'functional-heading05bold';
46
- $ds-typography-expressive-preamble01regular: 'expressive-preamble01regular';
47
- $ds-typography-expressive-preamble01semibold: 'expressive-preamble01semibold';
48
- $ds-typography-expressive-preamble01bold: 'expressive-preamble01bold';
49
- $ds-typography-expressive-preamble01italicregular: 'expressive-preamble01italicregular';
50
- $ds-typography-expressive-preamble01italicsemibold: 'expressive-preamble01italicsemibold';
51
- $ds-typography-expressive-preamble01italicbold: 'expressive-preamble01italicbold';
52
- $ds-typography-expressive-body01regular: 'expressive-body01regular';
53
- $ds-typography-expressive-body01semibold: 'expressive-body01semibold';
54
- $ds-typography-expressive-body01bold: 'expressive-body01bold';
55
- $ds-typography-expressive-body01italicregular: 'expressive-body01italicregular';
56
- $ds-typography-expressive-body01italicsemibold: 'expressive-body01italicsemibold';
57
- $ds-typography-expressive-body01italicbold: 'expressive-body01italicbold';
58
- $ds-typography-expressive-body02regular: 'expressive-body02regular';
59
- $ds-typography-expressive-body02semibold: 'expressive-body02semibold';
60
- $ds-typography-expressive-body02bold: 'expressive-body02bold';
61
- $ds-typography-expressive-body02italicregular: 'expressive-body02italicregular';
62
- $ds-typography-expressive-body02italicsemibold: 'expressive-body02italicsemibold';
63
- $ds-typography-expressive-body02italicbold: 'expressive-body02italicbold';
64
- $ds-typography-functional-body01regular: 'functional-body01regular';
65
- $ds-typography-functional-body01semibold: 'functional-body01semibold';
66
- $ds-typography-functional-body01bold: 'functional-body01bold';
67
- $ds-typography-functional-body02regular: 'functional-body02regular';
68
- $ds-typography-functional-body02semibold: 'functional-body02semibold';
69
- $ds-typography-functional-body02bold: 'functional-body02bold';
70
- $ds-typography-functional-body03regular: 'functional-body03regular';
71
- $ds-typography-functional-body03semibold: 'functional-body03semibold';
72
- $ds-typography-functional-body03bold: 'functional-body03bold';
73
- $ds-typography-functional-meta01regular: 'functional-meta01regular';
74
- $ds-typography-functional-meta01semibold: 'functional-meta01semibold';
75
- $ds-typography-functional-meta01bold: 'functional-meta01bold';
76
- $ds-typography-functional-meta02regular: 'functional-meta02regular';
77
- $ds-typography-functional-meta02semibold: 'functional-meta02semibold';
78
- $ds-typography-functional-meta02bold: 'functional-meta02bold';
79
1
  $ds-typography-detailstandard-button: 'detailstandard-button';
80
- $ds-typography-detailbottom-nav: 'detailbottom-nav';
81
2
  $ds-typography-detaildropcap: 'detaildropcap';
82
3
  $ds-typography-detailstandard-button-small: 'detailstandard-button-small';
83
- $ds-typography-detailarticle-label: 'detailarticle-label';
84
4
  $ds-typography-detailmedryckare: 'detailmedryckare';
85
5
  $ds-typography-detailbaota-xl-label: 'detailbaota-xl-label';
86
6
  $ds-typography-detailarticle-standard: 'detailarticle-standard';
@@ -102,6 +22,7 @@ $ds-typography-detailteaser-standard-opinion: 'detailteaser-standard-opinion';
102
22
  $ds-typography-detailteaser-twin: 'detailteaser-twin';
103
23
  $ds-typography-detailteaser-large-compact: 'detailteaser-large-compact';
104
24
  $ds-typography-detailteaser-large-compact-opinion: 'detailteaser-large-compact-opinion';
25
+ $ds-typography-detailteaser-large-storRubrik-opinion: 'detailteaser-large-storRubrik-opinion';
105
26
  $ds-typography-expressiveheading01: 'expressiveheading01';
106
27
  $ds-typography-expressiveheading02: 'expressiveheading02';
107
28
  $ds-typography-expressiveheading03: 'expressiveheading03';
@@ -1,200 +1,4 @@
1
1
  $typographyTokensScreenExtraLarge: (
2
- expressive-heading03regular: (
3
- fontFamily: "DN Serif Display",
4
- fontWeight: Regular,
5
- fontSize: 36,
6
- lineHeight: 1.1
7
- ),
8
- expressive-heading03semibold: (
9
- fontFamily: "DN Serif Display",
10
- fontWeight: SemiBold,
11
- fontSize: 36,
12
- lineHeight: 1.1
13
- ),
14
- expressive-heading03bold: (
15
- fontFamily: "DN Serif Display",
16
- fontWeight: Bold,
17
- fontSize: 36,
18
- lineHeight: 1.1
19
- ),
20
- expressive-heading03italicregular: (
21
- fontSize: 36,
22
- lineHeight: 1.1,
23
- fontWeight: Regular,
24
- fontFamily: "DN Serif Display",
25
- fontStyle: italic
26
- ),
27
- expressive-heading03italicsemibold: (
28
- fontSize: 36,
29
- lineHeight: 1.1,
30
- fontWeight: SemiBold,
31
- fontFamily: "DN Serif Display",
32
- fontStyle: italic
33
- ),
34
- expressive-heading03italicbold: (
35
- fontSize: 36,
36
- lineHeight: 1.1,
37
- fontWeight: Bold,
38
- fontFamily: "DN Serif Display",
39
- fontStyle: italic
40
- ),
41
- expressive-heading04regular: (
42
- fontFamily: "DN Serif Display",
43
- fontWeight: Regular,
44
- fontSize: 56,
45
- lineHeight: 1.1
46
- ),
47
- expressive-heading04semibold: (
48
- fontFamily: "DN Serif Display",
49
- fontWeight: SemiBold,
50
- fontSize: 56,
51
- lineHeight: 1.1
52
- ),
53
- expressive-heading04bold: (
54
- fontFamily: "DN Serif Display",
55
- fontWeight: Bold,
56
- fontSize: 56,
57
- lineHeight: 1.1
58
- ),
59
- expressive-heading04italicregular: (
60
- fontSize: 56,
61
- lineHeight: 1.1,
62
- fontWeight: Regular,
63
- fontFamily: "DN Serif Display",
64
- fontStyle: italic
65
- ),
66
- expressive-heading04italicsemibold: (
67
- fontSize: 56,
68
- lineHeight: 1.1,
69
- fontWeight: SemiBold,
70
- fontFamily: "DN Serif Display",
71
- fontStyle: italic
72
- ),
73
- expressive-heading04italicbold: (
74
- fontSize: 56,
75
- lineHeight: 1.1,
76
- fontWeight: Bold,
77
- fontFamily: "DN Serif Display",
78
- fontStyle: italic
79
- ),
80
- expressive-heading05regular: (
81
- fontFamily: "DN Serif Display",
82
- fontWeight: Regular,
83
- lineHeight: 1.1,
84
- fontSize: 80
85
- ),
86
- expressive-heading05semibold: (
87
- fontFamily: "DN Serif Display",
88
- fontWeight: SemiBold,
89
- lineHeight: 1.1,
90
- fontSize: 80
91
- ),
92
- expressive-heading05bold: (
93
- fontFamily: "DN Serif Display",
94
- fontWeight: Bold,
95
- lineHeight: 1.1,
96
- fontSize: 80
97
- ),
98
- expressive-heading05italicregular: (
99
- fontFamily: "DN Serif Display",
100
- fontWeight: Regular,
101
- fontSize: 80,
102
- lineHeight: 1.1,
103
- fontStyle: italic
104
- ),
105
- expressive-heading05italicsemibold: (
106
- fontFamily: "DN Serif Display",
107
- fontWeight: SemiBold,
108
- fontSize: 80,
109
- lineHeight: 1.1,
110
- fontStyle: italic
111
- ),
112
- expressive-heading05italicbold: (
113
- fontFamily: "DN Serif Display",
114
- fontWeight: Bold,
115
- fontSize: 80,
116
- lineHeight: 1.1,
117
- fontStyle: italic
118
- ),
119
- expressive-heading01regular: (
120
- fontFamily: "DN Serif Text",
121
- fontWeight: Regular,
122
- fontSize: 16,
123
- lineHeight: 1.2
124
- ),
125
- expressive-heading01semibold: (
126
- fontFamily: "DN Serif Text",
127
- fontWeight: SemiBold,
128
- fontSize: 16,
129
- lineHeight: 1.2
130
- ),
131
- expressive-heading01bold: (
132
- fontFamily: "DN Serif Text",
133
- fontWeight: Bold,
134
- fontSize: 16,
135
- lineHeight: 1.2
136
- ),
137
- expressive-heading01italicregular: (
138
- lineHeight: 1.2,
139
- fontSize: 16,
140
- fontFamily: "DN Serif Text",
141
- fontWeight: Medium,
142
- fontStyle: italic
143
- ),
144
- expressive-heading01italicsemibold: (
145
- lineHeight: 1.2,
146
- fontSize: 16,
147
- fontFamily: "DN Serif Text",
148
- fontWeight: SemiBold,
149
- fontStyle: italic
150
- ),
151
- expressive-heading01italicbold: (
152
- lineHeight: 1.2,
153
- fontSize: 16,
154
- fontFamily: "DN Serif Text",
155
- fontWeight: Bold,
156
- fontStyle: italic
157
- ),
158
- expressive-heading02regular: (
159
- fontFamily: "DN Serif Headline",
160
- fontWeight: Regular,
161
- fontSize: 22,
162
- lineHeight: 1.2,
163
- paragraphSpacing: 16
164
- ),
165
- expressive-heading02semibold: (
166
- fontFamily: "DN Serif Headline",
167
- fontWeight: SemiBold,
168
- fontSize: 22,
169
- lineHeight: 1.2
170
- ),
171
- expressive-heading02bold: (
172
- fontFamily: "DN Serif Headline",
173
- fontWeight: Bold,
174
- fontSize: 22,
175
- lineHeight: 1.2
176
- ),
177
- expressive-heading02italicregular: (
178
- fontSize: 22,
179
- lineHeight: 1.2,
180
- fontWeight: Regular,
181
- fontFamily: "DN Serif Headline",
182
- fontStyle: italic
183
- ),
184
- expressive-heading02italicsemibold: (
185
- fontSize: 22,
186
- lineHeight: 1.2,
187
- fontWeight: SemiBold,
188
- fontFamily: "DN Serif Headline",
189
- fontStyle: italic
190
- ),
191
- expressive-heading02italicbold: (
192
- fontSize: 22,
193
- lineHeight: 1.2,
194
- fontWeight: Bold,
195
- fontFamily: "DN Serif Headline",
196
- fontStyle: italic
197
- ),
198
2
  detailarticle-standard: (
199
3
  fontFamily: "DN Serif Display",
200
4
  fontWeight: Bold,
@@ -299,11 +103,10 @@ $typographyTokensScreenExtraLarge: (
299
103
  ),
300
104
  detailteaser-large-storRubrik: (
301
105
  fontFamily: "DN Serif Display",
302
- fontWeight: Regular,
106
+ fontWeight: Bold,
303
107
  lineHeight: 1.1,
304
108
  fontSize: 56,
305
- letterSpacing: 0,
306
- fontStyle: italic
109
+ letterSpacing: 0
307
110
  ),
308
111
  detailteaser-standard: (
309
112
  fontFamily: "DN Serif Headline",
@@ -342,6 +145,14 @@ $typographyTokensScreenExtraLarge: (
342
145
  letterSpacing: 0,
343
146
  fontStyle: italic
344
147
  ),
148
+ detailteaser-large-storRubrik-opinion: (
149
+ fontFamily: "DN Serif Display",
150
+ fontWeight: Regular,
151
+ fontSize: 56,
152
+ lineHeight: 1.1,
153
+ letterSpacing: 0,
154
+ fontStyle: italic
155
+ ),
345
156
  detailstandard-button: (
346
157
  fontFamily: "DN Sans",
347
158
  fontWeight: SemiBold,
@@ -349,28 +160,13 @@ $typographyTokensScreenExtraLarge: (
349
160
  fontSize: 16,
350
161
  letterSpacing: 0
351
162
  ),
352
- detailbottom-nav: (
353
- fontFamily: "DN Sans",
354
- fontWeight: SemiBold,
355
- lineHeight: 1.1,
356
- fontSize: 12,
357
- letterSpacing: 0.2
358
- ),
359
163
  detailstandard-button-small: (
360
164
  fontFamily: "DN Sans",
361
165
  fontWeight: SemiBold,
362
- lineHeight: 1.5,
166
+ lineHeight: 1.4,
363
167
  fontSize: 14,
364
168
  letterSpacing: 0
365
169
  ),
366
- detailarticle-label: (
367
- fontFamily: "DN Sans",
368
- fontWeight: Bold,
369
- lineHeight: 1.1,
370
- fontSize: 12,
371
- textCase: uppercase,
372
- letterSpacing: 0.5
373
- ),
374
170
  detailmedryckare: (
375
171
  fontFamily: "DN Serif Text",
376
172
  fontWeight: Regular,
@@ -383,216 +179,9 @@ $typographyTokensScreenExtraLarge: (
383
179
  fontWeight: Bold,
384
180
  lineHeight: 1.5,
385
181
  fontSize: 16,
386
- textCase: upperCase,
182
+ textCase: uppercase,
387
183
  letterSpacing: 0.5
388
184
  ),
389
- functional-heading03regular: (
390
- fontFamily: "DN Sans",
391
- fontWeight: Regular,
392
- lineHeight: 1.2,
393
- fontSize: 24
394
- ),
395
- functional-heading03semibold: (
396
- fontFamily: "DN Sans",
397
- fontWeight: SemiBold,
398
- lineHeight: 1.2,
399
- fontSize: 24
400
- ),
401
- functional-heading03bold: (
402
- fontFamily: "DN Sans",
403
- fontWeight: Bold,
404
- lineHeight: 1.2,
405
- fontSize: 24
406
- ),
407
- functional-heading01regular: (
408
- fontFamily: "DN Sans",
409
- fontWeight: Regular,
410
- fontSize: 16,
411
- lineHeight: 1.2
412
- ),
413
- functional-heading01semibold: (
414
- fontFamily: "DN Sans",
415
- fontWeight: SemiBold,
416
- fontSize: 16,
417
- lineHeight: 1.2
418
- ),
419
- functional-heading01bold: (
420
- fontFamily: "DN Sans",
421
- fontWeight: Bold,
422
- fontSize: 16,
423
- lineHeight: 1.2
424
- ),
425
- functional-heading02regular: (
426
- fontFamily: "DN Sans",
427
- fontSize: 20,
428
- fontWeight: Regular,
429
- lineHeight: 1.1
430
- ),
431
- functional-heading02semibold: (
432
- fontFamily: "DN Sans",
433
- fontSize: 20,
434
- fontWeight: SemiBold,
435
- lineHeight: 1.1
436
- ),
437
- functional-heading02bold: (
438
- fontFamily: "DN Sans",
439
- fontSize: 20,
440
- fontWeight: Bold,
441
- lineHeight: 1.1
442
- ),
443
- functional-heading04regular: (
444
- fontFamily: "DN Sans",
445
- fontWeight: Regular,
446
- fontSize: 31,
447
- lineHeight: 1.1
448
- ),
449
- functional-heading04semibold: (
450
- fontFamily: "DN Sans",
451
- fontWeight: SemiBold,
452
- fontSize: 31,
453
- lineHeight: 1.1
454
- ),
455
- functional-heading04bold: (
456
- fontFamily: "DN Sans",
457
- fontWeight: Bold,
458
- fontSize: 31,
459
- lineHeight: 1.1
460
- ),
461
- functional-heading05regular: (
462
- fontFamily: "DN Sans",
463
- fontWeight: Regular,
464
- fontSize: 39,
465
- lineHeight: 1.1
466
- ),
467
- functional-heading05semibold: (
468
- fontFamily: "DN Sans",
469
- fontWeight: SemiBold,
470
- fontSize: 39,
471
- lineHeight: 1.1
472
- ),
473
- functional-heading05bold: (
474
- fontFamily: "DN Sans",
475
- fontWeight: Bold,
476
- fontSize: 39,
477
- lineHeight: 1.1
478
- ),
479
- expressive-preamble01regular: (
480
- fontFamily: "DN Serif Text",
481
- fontWeight: Regular,
482
- fontSize: 20,
483
- lineHeight: 1.5
484
- ),
485
- expressive-preamble01semibold: (
486
- fontFamily: "DN Serif Text",
487
- fontWeight: SemiBold,
488
- fontSize: 20,
489
- lineHeight: 1.5
490
- ),
491
- expressive-preamble01bold: (
492
- fontFamily: "DN Serif Text",
493
- fontWeight: Bold,
494
- fontSize: 20,
495
- lineHeight: 1.5
496
- ),
497
- expressive-preamble01italicregular: (
498
- fontFamily: "DN Serif Text",
499
- fontWeight: Regular,
500
- lineHeight: 1.5,
501
- fontSize: 20,
502
- fontStyle: italic
503
- ),
504
- expressive-preamble01italicsemibold: (
505
- fontFamily: "DN Serif Text",
506
- fontWeight: SemiBold,
507
- lineHeight: 1.5,
508
- fontSize: 20,
509
- fontStyle: italic
510
- ),
511
- expressive-preamble01italicbold: (
512
- fontFamily: "DN Serif Text",
513
- fontWeight: Bold,
514
- lineHeight: 1.5,
515
- fontSize: 20,
516
- fontStyle: italic
517
- ),
518
- expressive-body01regular: (
519
- fontFamily: "DN Serif Text",
520
- fontWeight: Regular,
521
- fontSize: 16,
522
- lineHeight: 1.5
523
- ),
524
- expressive-body01semibold: (
525
- fontFamily: "DN Serif Text",
526
- fontWeight: SemiBold,
527
- fontSize: 16,
528
- lineHeight: 1.5
529
- ),
530
- expressive-body01bold: (
531
- fontFamily: "DN Serif Text",
532
- fontWeight: Bold,
533
- fontSize: 16,
534
- lineHeight: 1.5
535
- ),
536
- expressive-body01italicregular: (
537
- fontFamily: "DN Serif Text",
538
- fontWeight: Regular,
539
- lineHeight: 1.5,
540
- fontSize: 16,
541
- fontStyle: italic
542
- ),
543
- expressive-body01italicsemibold: (
544
- fontFamily: "DN Serif Text",
545
- fontWeight: SemiBold,
546
- lineHeight: 1.5,
547
- fontSize: 16,
548
- fontStyle: italic
549
- ),
550
- expressive-body01italicbold: (
551
- fontFamily: "DN Serif Text",
552
- fontWeight: Bold,
553
- lineHeight: 1.5,
554
- fontSize: 16,
555
- fontStyle: italic
556
- ),
557
- expressive-body02regular: (
558
- fontFamily: "DN Serif Text",
559
- fontWeight: Regular,
560
- lineHeight: 1.5,
561
- fontSize: 18
562
- ),
563
- expressive-body02semibold: (
564
- fontFamily: "DN Serif Text",
565
- fontWeight: SemiBold,
566
- lineHeight: 1.5,
567
- fontSize: 18
568
- ),
569
- expressive-body02bold: (
570
- fontFamily: "DN Serif Text",
571
- fontWeight: Bold,
572
- lineHeight: 1.5,
573
- fontSize: 18
574
- ),
575
- expressive-body02italicregular: (
576
- fontFamily: "DN Serif Text",
577
- fontWeight: Regular,
578
- lineHeight: 1.5,
579
- fontSize: 18,
580
- fontStyle: italic
581
- ),
582
- expressive-body02italicsemibold: (
583
- fontFamily: "DN Serif Text",
584
- fontWeight: SemiBold,
585
- lineHeight: 1.5,
586
- fontSize: 18,
587
- fontStyle: italic
588
- ),
589
- expressive-body02italicbold: (
590
- fontFamily: "DN Serif Text",
591
- fontWeight: Bold,
592
- lineHeight: 1.5,
593
- fontSize: 18,
594
- fontStyle: italic
595
- ),
596
185
  expressiveheading01: (
597
186
  fontFamily: "DN Serif Text",
598
187
  fontWeight: Bold,
@@ -665,14 +254,14 @@ $typographyTokensScreenExtraLarge: (
665
254
  ),
666
255
  expressiveingress01: (
667
256
  fontFamily: "DN Serif Headline",
668
- fontWeight: Bold,
257
+ fontWeight: SemiBold,
669
258
  fontSize: 20,
670
259
  lineHeight: 1.5,
671
260
  letterSpacing: 0
672
261
  ),
673
262
  expressiveingress02: (
674
263
  fontFamily: "DN Serif Headline",
675
- fontWeight: Bold,
264
+ fontWeight: SemiBold,
676
265
  fontSize: 24,
677
266
  lineHeight: 1.5,
678
267
  letterSpacing: 0
@@ -681,14 +270,14 @@ $typographyTokensScreenExtraLarge: (
681
270
  fontFamily: "DN Sans",
682
271
  fontWeight: Regular,
683
272
  fontSize: 10,
684
- lineHeight: 1.1,
273
+ lineHeight: 1.2,
685
274
  letterSpacing: 0.2
686
275
  ),
687
276
  functionalmeta02: (
688
277
  fontFamily: "DN Sans",
689
278
  fontWeight: Regular,
690
279
  fontSize: 12,
691
- lineHeight: 1.1,
280
+ lineHeight: 1.2,
692
281
  letterSpacing: 0.2
693
282
  ),
694
283
  functionallabel01: (
@@ -696,7 +285,8 @@ $typographyTokensScreenExtraLarge: (
696
285
  fontWeight: Bold,
697
286
  fontSize: 12,
698
287
  lineHeight: 1.1,
699
- letterSpacing: 0.5
288
+ letterSpacing: 0.5,
289
+ textCase: uppercase
700
290
  ),
701
291
  functionallabel02: (
702
292
  fontFamily: "DN Sans",
@@ -774,99 +364,5 @@ $typographyTokensScreenExtraLarge: (
774
364
  fontSize: 40,
775
365
  lineHeight: 1.1,
776
366
  letterSpacing: 0
777
- ),
778
- functional-body01regular: (
779
- fontFamily: "DN Sans",
780
- fontWeight: Regular,
781
- fontSize: 14,
782
- letterSpacing: "",
783
- lineHeight: 1.5,
784
- paragraphSpacing: ""
785
- ),
786
- functional-body01semibold: (
787
- fontFamily: "DN Sans",
788
- fontWeight: SemiBold,
789
- fontSize: 14,
790
- letterSpacing: "",
791
- lineHeight: 1.5
792
- ),
793
- functional-body01bold: (
794
- fontFamily: "DN Sans",
795
- fontWeight: Bold,
796
- fontSize: 14,
797
- letterSpacing: "",
798
- lineHeight: 1.5
799
- ),
800
- functional-body02regular: (
801
- fontFamily: "DN Sans",
802
- fontWeight: Regular,
803
- lineHeight: 1.5,
804
- fontSize: 16
805
- ),
806
- functional-body02semibold: (
807
- fontFamily: "DN Sans",
808
- fontWeight: SemiBold,
809
- lineHeight: 1.5,
810
- fontSize: 16
811
- ),
812
- functional-body02bold: (
813
- fontFamily: "DN Sans",
814
- fontWeight: Bold,
815
- lineHeight: 1.5,
816
- fontSize: 16
817
- ),
818
- functional-body03regular: (
819
- fontFamily: "DN Sans",
820
- fontWeight: Regular,
821
- lineHeight: 1.5,
822
- fontSize: 20
823
- ),
824
- functional-body03semibold: (
825
- fontFamily: "DN Sans",
826
- fontWeight: SemiBold,
827
- lineHeight: 1.5,
828
- fontSize: 20
829
- ),
830
- functional-body03bold: (
831
- fontFamily: "DN Sans",
832
- fontWeight: Bold,
833
- lineHeight: 1.5,
834
- fontSize: 20
835
- ),
836
- functional-meta01regular: (
837
- fontFamily: "DN Sans",
838
- fontWeight: Regular,
839
- fontSize: 10,
840
- lineHeight: 1.5
841
- ),
842
- functional-meta01semibold: (
843
- fontFamily: "DN Sans",
844
- fontWeight: SemiBold,
845
- fontSize: 10,
846
- lineHeight: 1.5
847
- ),
848
- functional-meta01bold: (
849
- fontFamily: "DN Sans",
850
- fontWeight: Bold,
851
- fontSize: 10,
852
- lineHeight: 1.5
853
- ),
854
- functional-meta02regular: (
855
- fontFamily: "DN Sans",
856
- fontWeight: Regular,
857
- lineHeight: 1.5,
858
- fontSize: 12
859
- ),
860
- functional-meta02semibold: (
861
- fontFamily: "DN Sans",
862
- fontWeight: SemiBold,
863
- lineHeight: 1.5,
864
- fontSize: 12
865
- ),
866
- functional-meta02bold: (
867
- fontFamily: "DN Sans",
868
- fontWeight: Bold,
869
- lineHeight: 1.5,
870
- fontSize: 12
871
367
  )
872
368
  );