@bonniernews/dn-design-system-web 3.0.0-alpha.8 → 3.0.0-alpha.81

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 (125) hide show
  1. package/CHANGELOG.md +649 -0
  2. package/assets/article-image/article-image.njk +11 -10
  3. package/assets/article-image/article-image.scss +1 -15
  4. package/assets/form-field/form-field.njk +2 -2
  5. package/assets/form-field/form-field.scss +2 -6
  6. package/assets/teaser/dot-or-grade.njk +7 -0
  7. package/assets/teaser/teaser.scss +94 -0
  8. package/components/article-body-image/README.md +2 -2
  9. package/components/article-body-image/article-body-image.njk +1 -5
  10. package/components/article-top-image/README.md +2 -2
  11. package/components/article-top-image/article-top-image.njk +1 -5
  12. package/components/article-top-image/article-top-image.scss +1 -1
  13. package/components/badge/badge.scss +1 -5
  14. package/components/buddy-menu/buddy-menu.scss +1 -8
  15. package/components/button/button.njk +38 -43
  16. package/components/button/button.scss +6 -1
  17. package/components/button-toggle/button-toggle.js +2 -0
  18. package/components/button-toggle/button-toggle.njk +36 -36
  19. package/components/button-toggle/button-toggle.scss +6 -1
  20. package/components/byline/byline.njk +2 -2
  21. package/components/byline/byline.scss +1 -3
  22. package/components/checkbox/checkbox.njk +3 -3
  23. package/components/checkbox/checkbox.scss +8 -9
  24. package/components/disclaimer/disclaimer.njk +2 -2
  25. package/components/disclaimer/disclaimer.scss +23 -10
  26. package/components/factbox/README.md +2 -2
  27. package/components/factbox/factbox.njk +12 -24
  28. package/components/factbox/factbox.scss +16 -51
  29. package/components/footer/footer.scss +2 -8
  30. package/components/icon-button/README.md +2 -1
  31. package/components/icon-button/icon-button.njk +4 -4
  32. package/components/icon-button/icon-button.scss +5 -2
  33. package/components/icon-button-toggle/icon-button-toggle.js +2 -0
  34. package/components/icon-button-toggle/icon-button-toggle.njk +28 -36
  35. package/components/icon-button-toggle/icon-button-toggle.scss +5 -2
  36. package/components/icon-sprite/README.md +51 -0
  37. package/components/icon-sprite/icon-sprite.njk +12 -0
  38. package/components/icon-sprite/icon-sprite.scss +12 -0
  39. package/components/icon-with-wrapper/README.md +9 -2
  40. package/components/icon-with-wrapper/icon-with-wrapper.njk +2 -2
  41. package/components/icon-with-wrapper/icon-with-wrapper.scss +2 -1
  42. package/components/image-caption/README.md +38 -0
  43. package/components/image-caption/image-caption.njk +36 -0
  44. package/components/image-caption/image-caption.scss +25 -0
  45. package/components/list-item/list-item.njk +5 -5
  46. package/components/list-item/list-item.scss +1 -3
  47. package/components/pictogram/README.md +39 -0
  48. package/components/pictogram/pictogram.njk +30 -0
  49. package/components/pictogram/pictogram.scss +54 -0
  50. package/components/quote/README.md +1 -2
  51. package/components/quote/quote.njk +6 -8
  52. package/components/quote/quote.scss +1 -14
  53. package/components/radio-button/radio-button.njk +3 -3
  54. package/components/radio-button/radio-button.scss +8 -10
  55. package/components/spinner/spinner.njk +19 -23
  56. package/components/spinner/spinner.scss +4 -1
  57. package/components/teaser-dot/README.md +34 -0
  58. package/components/teaser-dot/teaser-dot.njk +24 -0
  59. package/components/teaser-dot/teaser-dot.scss +39 -0
  60. package/components/teaser-image/README.md +40 -0
  61. package/components/teaser-image/teaser-image.njk +21 -0
  62. package/components/teaser-image/teaser-image.scss +21 -0
  63. package/components/teaser-large/README.md +52 -0
  64. package/components/teaser-large/teaser-large.njk +93 -0
  65. package/components/teaser-large/teaser-large.scss +165 -0
  66. package/components/teaser-onsite/README.md +53 -0
  67. package/components/teaser-onsite/teaser-onsite.njk +45 -0
  68. package/components/teaser-onsite/teaser-onsite.scss +35 -0
  69. package/components/teaser-package/README.md +42 -0
  70. package/components/teaser-package/teaser-package.njk +36 -0
  71. package/components/teaser-package/teaser-package.scss +119 -0
  72. package/components/teaser-right-now/README.md +37 -0
  73. package/components/teaser-right-now/teaser-right-now.njk +29 -0
  74. package/components/teaser-right-now/teaser-right-now.scss +57 -0
  75. package/components/teaser-slideshow/README.md +42 -0
  76. package/components/teaser-slideshow/teaser-slideshow.njk +38 -0
  77. package/components/teaser-slideshow/teaser-slideshow.scss +37 -0
  78. package/components/teaser-split/README-container.md +40 -0
  79. package/components/teaser-split/README.md +49 -0
  80. package/components/teaser-split/teaser-split.njk +93 -0
  81. package/components/teaser-split/teaser-split.scss +85 -0
  82. package/components/teaser-standard/README.md +50 -0
  83. package/components/teaser-standard/teaser-standard.njk +81 -0
  84. package/components/teaser-standard/teaser-standard.scss +38 -0
  85. package/components/teaser-tipsa/README.md +41 -0
  86. package/components/teaser-tipsa/teaser-tipsa.njk +31 -0
  87. package/components/teaser-tipsa/teaser-tipsa.scss +22 -0
  88. package/components/text-button/text-button.njk +34 -37
  89. package/components/text-button/text-button.scss +12 -10
  90. package/components/text-button-toggle/text-button-toggle.js +2 -0
  91. package/components/text-button-toggle/text-button-toggle.njk +30 -33
  92. package/components/text-button-toggle/text-button-toggle.scss +10 -10
  93. package/components/text-input/text-input.scss +3 -8
  94. package/components/video-caption/README.md +1 -1
  95. package/components/video-caption/video-caption.njk +12 -6
  96. package/components/vip-badge/README.md +35 -0
  97. package/components/vip-badge/vip-badge.njk +23 -0
  98. package/components/vip-badge/vip-badge.scss +54 -0
  99. package/foundations/colors.scss +31 -0
  100. package/foundations/helpers/README-links.md +1 -1
  101. package/foundations/helpers/colors.scss +2 -0
  102. package/foundations/helpers/hover.scss +14 -0
  103. package/foundations/helpers/links.scss +15 -7
  104. package/foundations/icons/grade-icon.njk +50 -11
  105. package/foundations/icons/icon.njk +167 -143
  106. package/foundations/icons/sprite.njk +1 -0
  107. package/foundations/icons/sprite.svg +1 -0
  108. package/foundations/icons/svg/download.svg +3 -0
  109. package/foundations/icons/svg/filter_list.svg +3 -0
  110. package/foundations/icons/svg/pause.svg +3 -0
  111. package/foundations/icons/svg/vip.svg +3 -0
  112. package/foundations/typography/fontDefinitions.scss +82 -67
  113. package/foundations/variables/colorsCssVariables.scss +6 -0
  114. package/foundations/variables/colorsDnDarkTokens.scss +7 -1
  115. package/foundations/variables/colorsDnLightTokens.scss +8 -2
  116. package/foundations/variables/spacingLayout.scss +6 -1
  117. package/foundations/variables/spacingLayoutLargeScreen.scss +5 -0
  118. package/foundations/variables/spacingLayoutList.scss +5 -0
  119. package/foundations/variables/typographyTokensList.scss +5 -0
  120. package/foundations/variables/typographyTokensScreenLarge.scss +156 -123
  121. package/foundations/variables/typographyTokensScreenSmall.scss +147 -114
  122. package/package.json +2 -2
  123. package/tokens/colors-css-variables.json +6 -0
  124. package/tokens/spacing-layout-list.json +6 -1
  125. package/foundations/icons/icon-sprite.svg +0 -2
package/foundations/variables/typographyTokensScreenLarge.scss CHANGED
@@ -1,18 +1,18 @@
1
1
  $typographyTokensScreenLarge: (
2
2
  expressive-heading01regular: (
3
- fontFamily: "DN Serif 22",
3
+ fontFamily: "DN Serif",
4
4
  fontWeight: Regular,
5
5
  fontSize: 16,
6
6
  lineHeight: 20
7
7
  ),
8
8
  expressive-heading01semibold: (
9
- fontFamily: "DN Serif 22",
9
+ fontFamily: "DN Serif",
10
10
  fontWeight: SemiBold,
11
11
  fontSize: 16,
12
12
  lineHeight: 20
13
13
  ),
14
14
  expressive-heading01bold: (
15
- fontFamily: "DN Serif 22",
15
+ fontFamily: "DN Serif",
16
16
  fontWeight: Bold,
17
17
  fontSize: 16,
18
18
  lineHeight: 20
@@ -20,390 +20,390 @@ $typographyTokensScreenLarge: (
20
20
  expressive-heading01italicregular: (
21
21
  lineHeight: 20,
22
22
  fontSize: 16,
23
- fontFamily: "DN Serif Italic 22",
23
+ fontFamily: "DN Serif Italic",
24
24
  fontWeight: Regular,
25
25
  fontStyle: italic
26
26
  ),
27
27
  expressive-heading01italicsemibold: (
28
28
  lineHeight: 20,
29
29
  fontSize: 16,
30
- fontFamily: "DN Serif Italic 22",
30
+ fontFamily: "DN Serif Italic",
31
31
  fontWeight: SemiBold,
32
32
  fontStyle: italic
33
33
  ),
34
34
  expressive-heading01italicbold: (
35
35
  lineHeight: 20,
36
36
  fontSize: 16,
37
- fontFamily: "DN Serif Italic 22",
37
+ fontFamily: "DN Serif Italic",
38
38
  fontWeight: Bold,
39
39
  fontStyle: italic
40
40
  ),
41
41
  expressive-heading02regular: (
42
- fontFamily: "DN Serif 22",
42
+ fontFamily: "DN Serif",
43
43
  fontWeight: Regular,
44
- fontSize: 22,
45
- lineHeight: 26,
44
+ fontSize: 24,
45
+ lineHeight: 28,
46
46
  paragraphSpacing: 16
47
47
  ),
48
48
  expressive-heading02semibold: (
49
- fontFamily: "DN Serif 22",
49
+ fontFamily: "DN Serif",
50
50
  fontWeight: SemiBold,
51
- fontSize: 22,
52
- lineHeight: 26
51
+ fontSize: 24,
52
+ lineHeight: 28
53
53
  ),
54
54
  expressive-heading02bold: (
55
- fontFamily: "DN Serif 22",
55
+ fontFamily: "DN Serif",
56
56
  fontWeight: Bold,
57
- fontSize: 22,
58
- lineHeight: 26
57
+ fontSize: 24,
58
+ lineHeight: 28
59
59
  ),
60
60
  expressive-heading02italicregular: (
61
- fontSize: 22,
62
- lineHeight: 26,
61
+ fontSize: 24,
62
+ lineHeight: 28,
63
63
  fontWeight: Regular,
64
- fontFamily: "DN Serif Italic 22",
64
+ fontFamily: "DN Serif Italic",
65
65
  fontStyle: italic
66
66
  ),
67
67
  expressive-heading02italicsemibold: (
68
- fontSize: 22,
69
- lineHeight: 26,
68
+ fontSize: 24,
69
+ lineHeight: 28,
70
70
  fontWeight: SemiBold,
71
- fontFamily: "DN Serif Italic 22",
71
+ fontFamily: "DN Serif Italic",
72
72
  fontStyle: italic
73
73
  ),
74
74
  expressive-heading02italicbold: (
75
- fontSize: 22,
76
- lineHeight: 26,
75
+ fontSize: 24,
76
+ lineHeight: 28,
77
77
  fontWeight: Bold,
78
- fontFamily: "DN Serif Italic 22",
78
+ fontFamily: "DN Serif Italic",
79
79
  fontStyle: italic
80
80
  ),
81
81
  expressive-heading03regular: (
82
- fontFamily: "DN Serif 22",
82
+ fontFamily: "DN Serif",
83
83
  fontWeight: Regular,
84
- fontSize: 32,
85
- lineHeight: 36
84
+ fontSize: 36,
85
+ lineHeight: 40
86
86
  ),
87
87
  expressive-heading03semibold: (
88
- fontFamily: "DN Serif 22",
88
+ fontFamily: "DN Serif",
89
89
  fontWeight: SemiBold,
90
- fontSize: 32,
91
- lineHeight: 36
90
+ fontSize: 36,
91
+ lineHeight: 40
92
92
  ),
93
93
  expressive-heading03bold: (
94
- fontFamily: "DN Serif 22",
94
+ fontFamily: "DN Serif",
95
95
  fontWeight: Bold,
96
- fontSize: 32,
97
- lineHeight: 36
96
+ fontSize: 36,
97
+ lineHeight: 40
98
98
  ),
99
99
  expressive-heading03italicregular: (
100
- fontSize: 32,
101
- lineHeight: 36,
100
+ fontSize: 36,
101
+ lineHeight: 40,
102
102
  fontWeight: Regular,
103
- fontFamily: "DN Serif Italic 22",
103
+ fontFamily: "DN Serif Italic",
104
104
  fontStyle: italic
105
105
  ),
106
106
  expressive-heading03italicsemibold: (
107
- fontSize: 32,
108
- lineHeight: 36,
107
+ fontSize: 36,
108
+ lineHeight: 40,
109
109
  fontWeight: SemiBold,
110
- fontFamily: "DN Serif Italic 22",
110
+ fontFamily: "DN Serif Italic",
111
111
  fontStyle: italic
112
112
  ),
113
113
  expressive-heading03italicbold: (
114
- fontSize: 32,
115
- lineHeight: 36,
114
+ fontSize: 36,
115
+ lineHeight: 40,
116
116
  fontWeight: Bold,
117
- fontFamily: "DN Serif Italic 22",
117
+ fontFamily: "DN Serif Italic",
118
118
  fontStyle: italic
119
119
  ),
120
120
  expressive-heading04regular: (
121
- fontFamily: "DN Serif 22",
121
+ fontFamily: "DN Serif",
122
122
  fontWeight: Regular,
123
- fontSize: 48,
124
- lineHeight: 52
123
+ fontSize: 56,
124
+ lineHeight: 60
125
125
  ),
126
126
  expressive-heading04semibold: (
127
- fontFamily: "DN Serif 22",
127
+ fontFamily: "DN Serif",
128
128
  fontWeight: SemiBold,
129
- fontSize: 48,
130
- lineHeight: 52
129
+ fontSize: 56,
130
+ lineHeight: 60
131
131
  ),
132
132
  expressive-heading04bold: (
133
- fontFamily: "DN Serif 22",
133
+ fontFamily: "DN Serif",
134
134
  fontWeight: Bold,
135
- fontSize: 48,
136
- lineHeight: 52
135
+ fontSize: 56,
136
+ lineHeight: 60
137
137
  ),
138
138
  expressive-heading04italicregular: (
139
- fontSize: 48,
140
- lineHeight: 52,
139
+ fontSize: 56,
140
+ lineHeight: 60,
141
141
  fontWeight: Regular,
142
- fontFamily: "DN Serif Italic 22",
142
+ fontFamily: "DN Serif Italic",
143
143
  fontStyle: italic
144
144
  ),
145
145
  expressive-heading04italicsemibold: (
146
- fontSize: 48,
147
- lineHeight: 52,
146
+ fontSize: 56,
147
+ lineHeight: 60,
148
148
  fontWeight: SemiBold,
149
- fontFamily: "DN Serif Italic 22",
149
+ fontFamily: "DN Serif Italic",
150
150
  fontStyle: italic
151
151
  ),
152
152
  expressive-heading04italicbold: (
153
- fontSize: 48,
154
- lineHeight: 52,
153
+ fontSize: 56,
154
+ lineHeight: 60,
155
155
  fontWeight: Bold,
156
- fontFamily: "DN Serif Italic 22",
156
+ fontFamily: "DN Serif Italic",
157
157
  fontStyle: italic
158
158
  ),
159
159
  expressive-heading05regular: (
160
- fontFamily: "DN Serif 22",
160
+ fontFamily: "DN Serif",
161
161
  fontWeight: Regular,
162
162
  lineHeight: 64,
163
163
  fontSize: 56
164
164
  ),
165
165
  expressive-heading05semibold: (
166
- fontFamily: "DN Serif 22",
166
+ fontFamily: "DN Serif",
167
167
  fontWeight: SemiBold,
168
168
  lineHeight: 64,
169
169
  fontSize: 56
170
170
  ),
171
171
  expressive-heading05bold: (
172
- fontFamily: "DN Serif 22",
172
+ fontFamily: "DN Serif",
173
173
  fontWeight: Bold,
174
174
  lineHeight: 64,
175
175
  fontSize: 56
176
176
  ),
177
177
  expressive-heading05italicregular: (
178
- fontFamily: "DN Serif Italic 22",
178
+ fontFamily: "DN Serif Italic",
179
179
  fontWeight: Regular,
180
180
  fontSize: 56,
181
181
  lineHeight: 64,
182
182
  fontStyle: italic
183
183
  ),
184
184
  expressive-heading05italicsemibold: (
185
- fontFamily: "DN Serif Italic 22",
185
+ fontFamily: "DN Serif Italic",
186
186
  fontWeight: SemiBold,
187
187
  fontSize: 56,
188
188
  lineHeight: 64,
189
189
  fontStyle: italic
190
190
  ),
191
191
  expressive-heading05italicbold: (
192
- fontFamily: "DN Serif Italic 22",
192
+ fontFamily: "DN Serif Italic",
193
193
  fontWeight: Bold,
194
194
  fontSize: 56,
195
195
  lineHeight: 64,
196
196
  fontStyle: italic
197
197
  ),
198
198
  functional-heading01regular: (
199
- fontFamily: "DN Sans 11",
199
+ fontFamily: "DN Sans",
200
200
  fontWeight: Regular,
201
201
  fontSize: 16,
202
202
  lineHeight: 20
203
203
  ),
204
204
  functional-heading01semibold: (
205
- fontFamily: "DN Sans 11",
205
+ fontFamily: "DN Sans",
206
206
  fontWeight: SemiBold,
207
207
  fontSize: 16,
208
208
  lineHeight: 20
209
209
  ),
210
210
  functional-heading01bold: (
211
- fontFamily: "DN Sans 11",
211
+ fontFamily: "DN Sans",
212
212
  fontWeight: Bold,
213
213
  fontSize: 16,
214
214
  lineHeight: 20
215
215
  ),
216
216
  functional-heading02regular: (
217
- fontFamily: "DN Sans 11",
217
+ fontFamily: "DN Sans",
218
218
  fontSize: 20,
219
219
  fontWeight: Regular,
220
220
  lineHeight: 24
221
221
  ),
222
222
  functional-heading02semibold: (
223
- fontFamily: "DN Sans 11",
223
+ fontFamily: "DN Sans",
224
224
  fontSize: 20,
225
225
  fontWeight: SemiBold,
226
226
  lineHeight: 24
227
227
  ),
228
228
  functional-heading02bold: (
229
- fontFamily: "DN Sans 11",
229
+ fontFamily: "DN Sans",
230
230
  fontSize: 20,
231
231
  fontWeight: Bold,
232
232
  lineHeight: 24
233
233
  ),
234
234
  functional-heading03regular: (
235
- fontFamily: "DN Sans 11",
235
+ fontFamily: "DN Sans",
236
236
  fontWeight: Regular,
237
237
  lineHeight: 32,
238
- fontSize: 25
238
+ fontSize: 24
239
239
  ),
240
240
  functional-heading03semibold: (
241
- fontFamily: "DN Sans 11",
241
+ fontFamily: "DN Sans",
242
242
  fontWeight: SemiBold,
243
243
  lineHeight: 32,
244
- fontSize: 25
244
+ fontSize: 24
245
245
  ),
246
246
  functional-heading03bold: (
247
- fontFamily: "DN Sans 11",
247
+ fontFamily: "DN Sans",
248
248
  fontWeight: Bold,
249
249
  lineHeight: 32,
250
- fontSize: 25
250
+ fontSize: 24
251
251
  ),
252
252
  functional-heading04regular: (
253
- fontFamily: "DN Sans 11",
253
+ fontFamily: "DN Sans",
254
254
  fontWeight: Regular,
255
255
  fontSize: 31,
256
256
  lineHeight: 36
257
257
  ),
258
258
  functional-heading04semibold: (
259
- fontFamily: "DN Sans 11",
259
+ fontFamily: "DN Sans",
260
260
  fontWeight: SemiBold,
261
261
  fontSize: 31,
262
262
  lineHeight: 36
263
263
  ),
264
264
  functional-heading04bold: (
265
- fontFamily: "DN Sans 11",
265
+ fontFamily: "DN Sans",
266
266
  fontWeight: Bold,
267
267
  fontSize: 31,
268
268
  lineHeight: 36
269
269
  ),
270
270
  functional-heading05regular: (
271
- fontFamily: "DN Sans 11",
271
+ fontFamily: "DN Sans",
272
272
  fontWeight: Regular,
273
273
  fontSize: 39,
274
274
  lineHeight: 48
275
275
  ),
276
276
  functional-heading05semibold: (
277
- fontFamily: "DN Sans 11",
277
+ fontFamily: "DN Sans",
278
278
  fontWeight: SemiBold,
279
279
  fontSize: 39,
280
280
  lineHeight: 48
281
281
  ),
282
282
  functional-heading05bold: (
283
- fontFamily: "DN Sans 11",
283
+ fontFamily: "DN Sans",
284
284
  fontWeight: Bold,
285
285
  fontSize: 39,
286
286
  lineHeight: 48
287
287
  ),
288
288
  expressive-preamble01regular: (
289
- fontFamily: "DN Serif 22",
289
+ fontFamily: "DN Serif",
290
290
  fontWeight: Regular,
291
291
  fontSize: 20,
292
292
  lineHeight: 30
293
293
  ),
294
294
  expressive-preamble01semibold: (
295
- fontFamily: "DN Serif 22",
295
+ fontFamily: "DN Serif",
296
296
  fontWeight: SemiBold,
297
297
  fontSize: 20,
298
298
  lineHeight: 30
299
299
  ),
300
300
  expressive-preamble01bold: (
301
- fontFamily: "DN Serif 22",
301
+ fontFamily: "DN Serif",
302
302
  fontWeight: Bold,
303
303
  fontSize: 20,
304
304
  lineHeight: 30
305
305
  ),
306
306
  expressive-preamble01italicregular: (
307
- fontFamily: "DN Serif Italic 22",
307
+ fontFamily: "DN Serif Italic",
308
308
  fontWeight: Regular,
309
309
  lineHeight: 30,
310
310
  fontSize: 20,
311
311
  fontStyle: italic
312
312
  ),
313
313
  expressive-preamble01italicsemibold: (
314
- fontFamily: "DN Serif Italic 22",
314
+ fontFamily: "DN Serif Italic",
315
315
  fontWeight: SemiBold,
316
316
  lineHeight: 30,
317
317
  fontSize: 20,
318
318
  fontStyle: italic
319
319
  ),
320
320
  expressive-preamble01italicbold: (
321
- fontFamily: "DN Serif Italic 22",
321
+ fontFamily: "DN Serif Italic",
322
322
  fontWeight: Bold,
323
323
  lineHeight: 30,
324
324
  fontSize: 20,
325
325
  fontStyle: italic
326
326
  ),
327
327
  expressive-body01regular: (
328
- fontFamily: "DN Serif 22",
328
+ fontFamily: "DN Serif",
329
329
  fontWeight: Regular,
330
330
  fontSize: 16,
331
331
  lineHeight: 24
332
332
  ),
333
333
  expressive-body01semibold: (
334
- fontFamily: "DN Serif 22",
334
+ fontFamily: "DN Serif",
335
335
  fontWeight: SemiBold,
336
336
  fontSize: 16,
337
337
  lineHeight: 24
338
338
  ),
339
339
  expressive-body01bold: (
340
- fontFamily: "DN Serif 22",
340
+ fontFamily: "DN Serif",
341
341
  fontWeight: Bold,
342
342
  fontSize: 16,
343
343
  lineHeight: 24
344
344
  ),
345
345
  expressive-body01italicregular: (
346
- fontFamily: "DN Serif Italic 22",
346
+ fontFamily: "DN Serif Italic",
347
347
  fontWeight: Regular,
348
348
  lineHeight: 24,
349
349
  fontSize: 16,
350
350
  fontStyle: italic
351
351
  ),
352
352
  expressive-body01italicsemibold: (
353
- fontFamily: "DN Serif Italic 22",
353
+ fontFamily: "DN Serif Italic",
354
354
  fontWeight: SemiBold,
355
355
  lineHeight: 24,
356
356
  fontSize: 16,
357
357
  fontStyle: italic
358
358
  ),
359
359
  expressive-body01italicbold: (
360
- fontFamily: "DN Serif Italic 22",
360
+ fontFamily: "DN Serif Italic",
361
361
  fontWeight: Bold,
362
362
  lineHeight: 24,
363
363
  fontSize: 16,
364
364
  fontStyle: italic
365
365
  ),
366
366
  expressive-body02regular: (
367
- fontFamily: "DN Serif 22",
367
+ fontFamily: "DN Serif",
368
368
  fontWeight: Regular,
369
369
  lineHeight: 28,
370
370
  fontSize: 18
371
371
  ),
372
372
  expressive-body02semibold: (
373
- fontFamily: "DN Serif 22",
373
+ fontFamily: "DN Serif",
374
374
  fontWeight: SemiBold,
375
375
  lineHeight: 28,
376
376
  fontSize: 18
377
377
  ),
378
378
  expressive-body02bold: (
379
- fontFamily: "DN Serif 22",
379
+ fontFamily: "DN Serif",
380
380
  fontWeight: Bold,
381
381
  lineHeight: 28,
382
382
  fontSize: 18
383
383
  ),
384
384
  expressive-body02italicregular: (
385
- fontFamily: "DN Serif Italic 22",
385
+ fontFamily: "DN Serif Italic",
386
386
  fontWeight: Regular,
387
387
  lineHeight: 28,
388
388
  fontSize: 18,
389
389
  fontStyle: italic
390
390
  ),
391
391
  expressive-body02italicsemibold: (
392
- fontFamily: "DN Serif Italic 22",
392
+ fontFamily: "DN Serif Italic",
393
393
  fontWeight: SemiBold,
394
394
  lineHeight: 28,
395
395
  fontSize: 18,
396
396
  fontStyle: italic
397
397
  ),
398
398
  expressive-body02italicbold: (
399
- fontFamily: "DN Serif Italic 22",
399
+ fontFamily: "DN Serif Italic",
400
400
  fontWeight: Bold,
401
401
  lineHeight: 28,
402
402
  fontSize: 18,
403
403
  fontStyle: italic
404
404
  ),
405
405
  functional-body01regular: (
406
- fontFamily: "DN Sans 11",
406
+ fontFamily: "DN Sans",
407
407
  fontWeight: Regular,
408
408
  fontSize: 14,
409
409
  letterSpacing: "",
@@ -411,118 +411,143 @@ $typographyTokensScreenLarge: (
411
411
  paragraphSpacing: ""
412
412
  ),
413
413
  functional-body01semibold: (
414
- fontFamily: "DN Sans 11",
414
+ fontFamily: "DN Sans",
415
415
  fontWeight: SemiBold,
416
416
  fontSize: 14,
417
417
  letterSpacing: "",
418
418
  lineHeight: 20
419
419
  ),
420
420
  functional-body01bold: (
421
- fontFamily: "DN Sans 11",
421
+ fontFamily: "DN Sans",
422
422
  fontWeight: Bold,
423
423
  fontSize: 14,
424
424
  letterSpacing: "",
425
425
  lineHeight: 20
426
426
  ),
427
427
  functional-body02regular: (
428
- fontFamily: "DN Sans 11",
428
+ fontFamily: "DN Sans",
429
429
  fontWeight: Regular,
430
430
  lineHeight: 24,
431
431
  fontSize: 16
432
432
  ),
433
433
  functional-body02semibold: (
434
- fontFamily: "DN Sans 11",
434
+ fontFamily: "DN Sans",
435
435
  fontWeight: SemiBold,
436
436
  lineHeight: 24,
437
437
  fontSize: 16
438
438
  ),
439
439
  functional-body02bold: (
440
- fontFamily: "DN Sans 11",
440
+ fontFamily: "DN Sans",
441
441
  fontWeight: Bold,
442
442
  lineHeight: 24,
443
443
  fontSize: 16
444
444
  ),
445
445
  functional-body03regular: (
446
- fontFamily: "DN Sans 11",
446
+ fontFamily: "DN Sans",
447
447
  fontWeight: Regular,
448
448
  lineHeight: 28,
449
449
  fontSize: 20
450
450
  ),
451
451
  functional-body03semibold: (
452
- fontFamily: "DN Sans 11",
452
+ fontFamily: "DN Sans",
453
453
  fontWeight: SemiBold,
454
454
  lineHeight: 28,
455
455
  fontSize: 20
456
456
  ),
457
457
  functional-body03bold: (
458
- fontFamily: "DN Sans 11",
458
+ fontFamily: "DN Sans",
459
459
  fontWeight: Bold,
460
460
  lineHeight: 28,
461
461
  fontSize: 20
462
462
  ),
463
463
  functional-meta01regular: (
464
- fontFamily: "DN Sans 11",
464
+ fontFamily: "DN Sans",
465
465
  fontWeight: Regular,
466
466
  fontSize: 10,
467
467
  lineHeight: 12
468
468
  ),
469
469
  functional-meta01semibold: (
470
- fontFamily: "DN Sans 11",
470
+ fontFamily: "DN Sans",
471
471
  fontWeight: SemiBold,
472
472
  fontSize: 10,
473
473
  lineHeight: 12
474
474
  ),
475
475
  functional-meta01bold: (
476
- fontFamily: "DN Sans 11",
476
+ fontFamily: "DN Sans",
477
477
  fontWeight: Bold,
478
478
  fontSize: 10,
479
479
  lineHeight: 12
480
480
  ),
481
481
  functional-meta02regular: (
482
- fontFamily: "DN Sans 11",
482
+ fontFamily: "DN Sans",
483
483
  fontWeight: Regular,
484
484
  lineHeight: 16,
485
485
  fontSize: 12
486
486
  ),
487
487
  functional-meta02semibold: (
488
- fontFamily: "DN Sans 11",
488
+ fontFamily: "DN Sans",
489
489
  fontWeight: SemiBold,
490
490
  lineHeight: 16,
491
491
  fontSize: 12
492
492
  ),
493
493
  functional-meta02bold: (
494
- fontFamily: "DN Sans 11",
494
+ fontFamily: "DN Sans",
495
495
  fontWeight: Bold,
496
496
  lineHeight: 16,
497
497
  fontSize: 12
498
498
  ),
499
499
  detaildropcap: (
500
- fontFamily: "DN Serif 22",
500
+ fontFamily: "DN Serif",
501
501
  fontWeight: Bold,
502
502
  lineHeight: 78,
503
503
  fontSize: 92
504
504
  ),
505
+ detailarticle-standard: (
506
+ fontFamily: "DN Serif",
507
+ fontWeight: Bold,
508
+ lineHeight: 52,
509
+ fontSize: 48
510
+ ),
511
+ detailarticle-opinion: (
512
+ fontFamily: "DN Serif",
513
+ fontWeight: Regular,
514
+ lineHeight: 52,
515
+ fontSize: 48,
516
+ fontStyle: italic
517
+ ),
518
+ detailarticle-longread: (
519
+ fontFamily: "DN Serif",
520
+ fontWeight: Regular,
521
+ lineHeight: 64,
522
+ fontSize: 56
523
+ ),
524
+ detailarticle-longread-premium: (
525
+ fontFamily: "DN Serif",
526
+ fontWeight: Bold,
527
+ lineHeight: 64,
528
+ fontSize: 56
529
+ ),
505
530
  detailstandard-button: (
506
- fontFamily: "DN Sans 11",
531
+ fontFamily: "DN Sans",
507
532
  fontWeight: SemiBold,
508
533
  lineHeight: 24,
509
534
  fontSize: 16
510
535
  ),
511
536
  detailbottom-nav: (
512
- fontFamily: "DN Sans 11",
537
+ fontFamily: "DN Sans",
513
538
  fontWeight: SemiBold,
514
539
  lineHeight: 16,
515
540
  fontSize: 12,
516
541
  letterSpacing: 0.2
517
542
  ),
518
543
  detailstandard-button-small: (
519
- fontFamily: "DN Sans 11",
544
+ fontFamily: "DN Sans",
520
545
  fontWeight: SemiBold,
521
546
  lineHeight: 20,
522
547
  fontSize: 14
523
548
  ),
524
549
  detailarticle-label: (
525
- fontFamily: "DN Sans 11",
550
+ fontFamily: "DN Sans",
526
551
  fontWeight: Bold,
527
552
  lineHeight: 16,
528
553
  fontSize: 12,
@@ -530,9 +555,17 @@ $typographyTokensScreenLarge: (
530
555
  letterSpacing: 0.5
531
556
  ),
532
557
  detailmedryckare: (
533
- fontFamily: "DN Serif 22",
558
+ fontFamily: "DN Serif",
534
559
  fontWeight: Regular,
535
560
  fontSize: 16,
536
561
  lineHeight: 22
562
+ ),
563
+ detailbaota-xl-label: (
564
+ fontFamily: "DN Sans",
565
+ fontWeight: Bold,
566
+ lineHeight: 24,
567
+ fontSize: 16,
568
+ textCase: upperCase,
569
+ letterSpacing: 0.7
537
570
  )
538
571
  );