@bonniernews/dn-design-system-web 25.0.5 → 25.0.6-beta.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 (107) hide show
  1. package/assets/form-field/form-field.scss +6 -6
  2. package/assets/teaser/teaser.scss +5 -5
  3. package/components/article-top-image/article-top-image.scss +1 -1
  4. package/components/badge/badge.scss +5 -5
  5. package/components/blocked-content/blocked-content.scss +9 -9
  6. package/components/buddy-menu/buddy-menu.scss +15 -15
  7. package/components/button/button.scss +49 -33
  8. package/components/checkbox/checkbox.scss +9 -9
  9. package/components/disclaimer/disclaimer.scss +10 -10
  10. package/components/divider/divider.scss +3 -3
  11. package/components/empty-state/empty-state.scss +3 -3
  12. package/components/factbox/factbox.scss +13 -13
  13. package/components/footer/footer.scss +16 -16
  14. package/components/game-header/game-header.scss +6 -6
  15. package/components/group-header/group-header.scss +6 -6
  16. package/components/icon-with-wrapper/icon-with-wrapper.njk +1 -1
  17. package/components/image-caption/image-caption.scss +3 -3
  18. package/components/link-box/link-box-item.scss +4 -4
  19. package/components/link-box/link-box.scss +1 -1
  20. package/components/list-item/list-item.scss +24 -24
  21. package/components/modal/modal.scss +4 -4
  22. package/components/pagination/pagination.scss +4 -4
  23. package/components/pictogram/pictogram.scss +3 -3
  24. package/components/profile-header/profile-header.scss +7 -7
  25. package/components/quote/quote.scss +2 -2
  26. package/components/radio-button/radio-button.scss +9 -9
  27. package/components/spinner/spinner.scss +14 -14
  28. package/components/switch/switch.scss +13 -13
  29. package/components/tag-header/tag-header.scss +8 -8
  30. package/components/teaser-centered/teaser-centered.scss +1 -1
  31. package/components/teaser-footer/teaser-footer.scss +5 -5
  32. package/components/teaser-image/teaser-image.scss +4 -4
  33. package/components/teaser-large/teaser-large.scss +7 -6
  34. package/components/teaser-list-vertical/teaser-list-vertical.scss +8 -8
  35. package/components/teaser-longlife/teaser-longlife.scss +7 -7
  36. package/components/teaser-native/teaser-native.scss +19 -19
  37. package/components/teaser-onsite/teaser-onsite.scss +2 -2
  38. package/components/teaser-package/teaser-package.scss +2 -2
  39. package/components/teaser-right-now/teaser-right-now.scss +1 -1
  40. package/components/teaser-slideshow/teaser-slideshow.scss +3 -3
  41. package/components/teaser-split/teaser-split.scss +5 -5
  42. package/components/teaser-standard/teaser-standard.scss +5 -5
  43. package/components/teaser-swipe-card/teaser-swipe-card.scss +10 -10
  44. package/components/teaser-tipsa/teaser-tipsa.scss +2 -2
  45. package/components/text-button/text-button.scss +7 -7
  46. package/components/text-button-toggle/text-button-toggle.scss +7 -7
  47. package/components/text-input/text-input.scss +22 -23
  48. package/components/tooltip/tooltip.scss +5 -5
  49. package/components/video-caption/video-caption.scss +4 -4
  50. package/components/vip-badge/vip-badge.scss +10 -10
  51. package/foundations/colors.scss +6 -18
  52. package/foundations/cssVariables.scss +1 -0
  53. package/foundations/gradients.scss +25 -0
  54. package/foundations/helpers/colors.scss +10 -18
  55. package/foundations/helpers/forward.helpers.scss +1 -0
  56. package/foundations/helpers/gradients.scss +33 -0
  57. package/foundations/helpers/hover.scss +2 -2
  58. package/foundations/helpers/links.scss +4 -3
  59. package/foundations/helpers/metrics.scss +4 -6
  60. package/foundations/helpers/shadows.scss +5 -5
  61. package/foundations/helpers/typography.scss +11 -12
  62. package/foundations/shadows.scss +4 -4
  63. package/foundations/variables/border-width.scss +5 -0
  64. package/foundations/variables/colorsCssVariables.scss +84 -82
  65. package/foundations/variables/colorsDnDark.scss +89 -0
  66. package/foundations/variables/colorsDnLight.scss +89 -0
  67. package/foundations/variables/gradientsDnDark.scss +46 -0
  68. package/foundations/variables/gradientsDnLight.scss +46 -0
  69. package/foundations/variables/gradientsList.scss +4 -0
  70. package/foundations/variables/radius.scss +6 -0
  71. package/foundations/variables/shadowsDnDark.scss +30 -0
  72. package/foundations/variables/shadowsDnLight.scss +30 -0
  73. package/foundations/variables/shadowsList.scss +4 -0
  74. package/foundations/variables/spacingBase.scss +1 -0
  75. package/foundations/variables/spacingBaseList.scss +1 -0
  76. package/foundations/variables/spacingDetail.scss +3 -16
  77. package/foundations/variables/spacingDetailList.scss +3 -16
  78. package/foundations/variables/spacingDetailScreenLarge.scss +3 -16
  79. package/foundations/variables/typographyLetterSpacing.scss +1 -1
  80. package/foundations/variables/typographyLineHeight.scss +3 -3
  81. package/foundations/variables/typographyList.scss +54 -0
  82. package/foundations/variables/{typographyTokensScreenExtraLarge.scss → typographyScreenExtraLarge.scss} +267 -302
  83. package/foundations/variables/typographyScreenLarge.scss +387 -0
  84. package/foundations/variables/{typographyTokensScreenSmall.scss → typographyScreenSmall.scss} +271 -306
  85. package/package.json +2 -2
  86. package/preact/components/icon-with-wrapper/icon-with-wrapper.js +86 -84
  87. package/preact/components/icon-with-wrapper/icon-with-wrapper.js.map +3 -3
  88. package/types-lib/ds-color.d.ts +97 -93
  89. package/variables/colors-dark-mode.json +109 -0
  90. package/variables/colors-light-mode.json +109 -0
  91. package/variables/gradients-dark-mode.json +58 -0
  92. package/variables/gradients-light-mode.json +58 -0
  93. package/variables/typography-list.json +56 -0
  94. package/foundations/variables/colorsDnDarkTokens.scss +0 -88
  95. package/foundations/variables/colorsDnLightTokens.scss +0 -87
  96. package/foundations/variables/decorations.scss +0 -1
  97. package/foundations/variables/metrics.scss +0 -12
  98. package/foundations/variables/shadowsDnDarkTokens.scss +0 -34
  99. package/foundations/variables/shadowsDnLightTokens.scss +0 -34
  100. package/foundations/variables/shadowsTokensList.scss +0 -4
  101. package/foundations/variables/typographyTokensList.scss +0 -59
  102. package/foundations/variables/typographyTokensScreenLarge.scss +0 -422
  103. package/tokens/colors-dark-mode.json +0 -106
  104. package/tokens/colors-light-mode.json +0 -105
  105. package/tokens/typography-list.json +0 -61
  106. package/variables/shadows-css-variables.json +0 -6
  107. /package/{tokens → variables}/icon-list.json +0 -0
package/foundations/variables/{typographyTokensScreenExtraLarge.scss → typographyScreenExtraLarge.scss} RENAMED
@@ -1,422 +1,387 @@
1
- $typographyTokensScreenExtraLarge: (
2
- detailarticle-standard: (
3
- fontFamily: "DN Serif Display",
1
+ $typographyScreenExtraLarge: (
2
+ expressive-heading-xxs: (
3
+ fontFamily: "DN Serif Headline",
4
+ fontSize: 16,
4
5
  fontWeight: Bold,
5
- lineHeight: 1.1,
6
- fontSize: 48,
7
- letterSpacing: 0
8
- ),
9
- detailarticle-opinion: (
10
- fontFamily: "DN Serif Display",
11
- fontWeight: Regular,
12
- lineHeight: 1.1,
13
- fontSize: 48,
14
6
  letterSpacing: 0,
15
- fontStyle: italic
16
- ),
17
- detailarticle-longread: (
18
- fontFamily: "DN Serif Display",
19
- fontWeight: Regular,
20
- lineHeight: 1.1,
21
- fontSize: 56,
22
- letterSpacing: 0
23
- ),
24
- detailarticle-longread-premium: (
25
- fontFamily: "DN Serif Display",
26
- fontWeight: Bold,
27
- lineHeight: 1.1,
28
- fontSize: 56,
29
- letterSpacing: 0
7
+ lineHeight: 1.2
30
8
  ),
31
- detailarticle-direkt: (
32
- fontFamily: "DN Serif Display",
9
+ expressive-heading-xs: (
10
+ fontFamily: "DN Serif Headline",
11
+ fontSize: 24,
33
12
  fontWeight: Bold,
34
- lineHeight: 1.1,
35
- fontSize: 32,
36
- letterSpacing: 0
13
+ letterSpacing: 0,
14
+ lineHeight: 1.1
37
15
  ),
38
- detailarticle-direkt-opinion: (
16
+ expressive-heading-sm: (
39
17
  fontFamily: "DN Serif Display",
40
- fontWeight: Regular,
41
- lineHeight: 1.1,
42
18
  fontSize: 32,
19
+ fontWeight: Bold,
43
20
  letterSpacing: 0,
44
- fontStyle: italic
21
+ lineHeight: 1.1
45
22
  ),
46
- detaildirekt-header: (
23
+ expressive-heading-md: (
47
24
  fontFamily: "DN Serif Display",
48
- fontWeight: Regular,
49
25
  fontSize: 48,
50
- lineHeight: 1.1,
51
- letterSpacing: 0
52
- ),
53
- detailteaser-large: (
54
- fontFamily: "DN Serif Display",
55
26
  fontWeight: Bold,
56
- lineHeight: 1.1,
57
- fontSize: 48,
58
- letterSpacing: 0
59
- ),
60
- detailteaser-breaking: (
61
- fontFamily: "DN Serif Display",
62
- fontWeight: ExtraBold,
63
- lineHeight: 1.1,
64
- fontSize: 64,
65
- letterSpacing: 0
66
- ),
67
- detailteaser-standard: (
68
- fontFamily: "DN Serif Headline",
69
- lineHeight: 1.1,
70
27
  letterSpacing: 0,
71
- fontWeight: Bold,
72
- fontSize: 36
28
+ lineHeight: 1.1
73
29
  ),
74
- detailteaser-standard-compact: (
75
- fontFamily: "DN Serif Headline",
30
+ expressive-heading-lg: (
31
+ fontFamily: "DN Serif Display",
32
+ fontSize: 56,
76
33
  fontWeight: Bold,
77
- lineHeight: 1.2,
78
- fontSize: 24,
79
- letterSpacing: 0
34
+ letterSpacing: 0,
35
+ lineHeight: 1.1
80
36
  ),
81
- detailteaser-large-compact: (
37
+ expressive-heading-xl: (
82
38
  fontFamily: "DN Serif Display",
39
+ fontSize: 64,
83
40
  fontWeight: Bold,
84
- fontSize: 36,
85
- lineHeight: 1.1,
86
- letterSpacing: 0
41
+ letterSpacing: 0,
42
+ lineHeight: 1.1
87
43
  ),
88
- detailteaser-standard-opinion: (
89
- fontFamily: "DN Serif Display",
44
+ expressive-body-sm: (
45
+ fontFamily: "DN Serif Text",
46
+ fontSize: 14,
90
47
  fontWeight: Regular,
91
- lineHeight: 1.1,
92
- fontSize: 36,
93
48
  letterSpacing: 0,
94
- fontStyle: italic
49
+ lineHeight: 1.5
95
50
  ),
96
- detailteaser-standard-compact-opinion: (
97
- fontFamily: "DN Serif Headline",
51
+ expressive-body-md: (
52
+ fontFamily: "DN Serif Text",
53
+ fontSize: 16,
98
54
  fontWeight: Regular,
99
- lineHeight: 1.2,
100
- fontSize: 24,
101
55
  letterSpacing: 0,
102
- fontStyle: italic
56
+ lineHeight: 1.5
103
57
  ),
104
- detailteaser-large-opinion: (
105
- fontFamily: "DN Serif Display",
58
+ expressive-body-lg: (
59
+ fontFamily: "DN Serif Text",
60
+ fontSize: 18,
106
61
  fontWeight: Regular,
107
- lineHeight: 1.1,
108
- fontSize: 36,
109
62
  letterSpacing: 0,
110
- fontStyle: italic
63
+ lineHeight: 1.5
111
64
  ),
112
- detailteaser-large-storRubrik: (
113
- fontFamily: "DN Serif Display",
114
- fontWeight: Bold,
115
- lineHeight: 1.1,
116
- fontSize: 56,
117
- letterSpacing: 0
118
- ),
119
- detailteaser-large-storRubrik-opinion: (
120
- fontFamily: "DN Serif Display",
121
- fontWeight: Regular,
122
- fontSize: 56,
123
- lineHeight: 1.1,
65
+ expressive-ingress-sm: (
66
+ fontFamily: "DN Serif Text",
67
+ fontSize: 20,
68
+ fontWeight: SemiBold,
124
69
  letterSpacing: 0,
125
- fontStyle: italic
70
+ lineHeight: 1.5
126
71
  ),
127
- detailteaser-large-compact-opinion: (
72
+ expressive-ingress-md: (
128
73
  fontFamily: "DN Serif Headline",
129
- fontWeight: Regular,
130
74
  fontSize: 24,
131
- lineHeight: 1.2,
75
+ fontWeight: SemiBold,
132
76
  letterSpacing: 0,
133
- fontStyle: italic
77
+ lineHeight: 1.5
134
78
  ),
135
- detailteaser-twin: (
136
- fontFamily: "DN Serif Headline",
79
+ functional-heading-xxs: (
80
+ fontFamily: "DN Sans",
81
+ fontSize: 16,
137
82
  fontWeight: Bold,
138
- lineHeight: 1.2,
139
- fontSize: 22,
140
- letterSpacing: 0
83
+ letterSpacing: 0,
84
+ lineHeight: 1.1
141
85
  ),
142
- detailteaser-baotaxl: (
143
- fontFamily: "DN Serif Display",
86
+ functional-heading-xs: (
87
+ fontFamily: "DN Sans",
88
+ fontSize: 20,
144
89
  fontWeight: Bold,
145
- fontSize: 80,
146
- lineHeight: 1.1,
147
- letterSpacing: 0
90
+ letterSpacing: 0,
91
+ lineHeight: 1.1
148
92
  ),
149
- detailteaser-tipsa: (
150
- fontFamily: "DN Serif Headline",
93
+ functional-heading-sm: (
94
+ fontFamily: "DN Sans",
95
+ fontSize: 24,
151
96
  fontWeight: Bold,
152
- fontSize: 22,
153
- lineHeight: 1.1,
154
- letterSpacing: 0
97
+ letterSpacing: 0,
98
+ lineHeight: 1.2
155
99
  ),
156
- detaillonglife: (
100
+ functional-heading-md: (
157
101
  fontFamily: "DN Sans",
102
+ fontSize: 28,
158
103
  fontWeight: Bold,
159
- fontSize: 20,
104
+ letterSpacing: 0,
160
105
  lineHeight: 1.1
161
106
  ),
162
- detaildropcap: (
163
- fontFamily: "DN Serif Display",
164
- lineHeight: 1,
165
- fontSize: 92,
166
- fontWeight: Bold,
167
- letterSpacing: 0
168
- ),
169
- detailarticle-quote: (
170
- fontFamily: "DN Serif Display",
107
+ functional-heading-lg: (
108
+ fontFamily: "DN Sans",
109
+ fontSize: 36,
171
110
  fontWeight: Bold,
172
- lineHeight: 1.2,
173
- fontSize: 28,
174
- letterSpacing: 0
111
+ letterSpacing: 0,
112
+ lineHeight: 1.1
175
113
  ),
176
- detailmellanrubrik: (
177
- fontFamily: "DN Serif Display",
114
+ functional-heading-xl: (
115
+ fontFamily: "DN Sans",
116
+ fontSize: 40,
178
117
  fontWeight: Bold,
179
- fontSize: 28,
180
- lineHeight: 1.1,
181
- letterSpacing: 0
118
+ letterSpacing: 0,
119
+ lineHeight: 1.1
182
120
  ),
183
- detailgameheader: (
121
+ functional-label-sm: (
184
122
  fontFamily: "DN Sans",
123
+ fontSize: 12,
185
124
  fontWeight: Bold,
186
- fontSize: 36,
125
+ letterSpacing: 0.5,
187
126
  lineHeight: 1.1,
188
- letterSpacing: 0
127
+ textTransform: uppercase
189
128
  ),
190
- detailstandard-button: (
129
+ functional-label-md: (
191
130
  fontFamily: "DN Sans",
192
- fontWeight: SemiBold,
193
- lineHeight: 1.5,
194
131
  fontSize: 16,
195
- letterSpacing: 0
132
+ fontWeight: Bold,
133
+ letterSpacing: 0,
134
+ lineHeight: 1.1
196
135
  ),
197
- detailstandard-button-small: (
136
+ functional-body-sm: (
198
137
  fontFamily: "DN Sans",
199
- fontWeight: SemiBold,
200
- lineHeight: 1.4,
201
138
  fontSize: 14,
202
- letterSpacing: 0
203
- ),
204
- detailmedryckare: (
205
- fontFamily: "DN Serif Text",
206
139
  fontWeight: Regular,
207
- fontSize: 16,
208
- lineHeight: 1.38,
209
- letterSpacing: 0
140
+ letterSpacing: 0,
141
+ lineHeight: 1.5
210
142
  ),
211
- detailbaota-xl-label: (
143
+ functional-body-md: (
212
144
  fontFamily: "DN Sans",
213
- fontWeight: Bold,
214
- lineHeight: 1.5,
215
145
  fontSize: 16,
216
- textCase: uppercase,
217
- letterSpacing: 0.5
146
+ fontWeight: Regular,
147
+ letterSpacing: 0,
148
+ lineHeight: 1.5
218
149
  ),
219
- detailstandard-button-xlarge: (
150
+ functional-body-lg: (
220
151
  fontFamily: "DN Sans",
221
- fontWeight: SemiBold,
222
152
  fontSize: 18,
223
- lineHeight: 1.75,
224
- letterSpacing: 0
153
+ fontWeight: Regular,
154
+ letterSpacing: 0,
155
+ lineHeight: 1.5
225
156
  ),
226
- detailteaser-large-rightcol: (
227
- fontFamily: "DN Serif Headline",
228
- fontWeight: Bold,
229
- fontSize: 22,
157
+ functional-meta-sm: (
158
+ fontFamily: "DN Sans",
159
+ fontSize: 10,
160
+ fontWeight: Regular,
161
+ letterSpacing: 0.2,
230
162
  lineHeight: 1.2
231
163
  ),
232
- expressiveheading01: (
233
- fontFamily: "DN Serif Text",
234
- fontWeight: Bold,
235
- fontSize: 16,
236
- lineHeight: 1.2,
237
- letterSpacing: 0
164
+ functional-meta-md: (
165
+ fontFamily: "DN Sans",
166
+ fontSize: 12,
167
+ fontWeight: Regular,
168
+ letterSpacing: 0,
169
+ lineHeight: 1.2
238
170
  ),
239
- expressiveheading02: (
240
- fontFamily: "DN Serif Headline",
171
+ functional-ingress-sm: (
172
+ fontFamily: "DN Sans",
173
+ fontSize: 20,
241
174
  fontWeight: Bold,
242
- fontSize: 24,
243
- lineHeight: 1.1,
244
- letterSpacing: 0
175
+ letterSpacing: 0,
176
+ lineHeight: 1.5
245
177
  ),
246
- expressiveheading03: (
247
- fontSize: 32,
248
- lineHeight: 1.1,
249
- fontFamily: "DN Serif Display",
178
+ functional-ingress-md: (
179
+ fontFamily: "DN Sans",
180
+ fontSize: 24,
250
181
  fontWeight: Bold,
251
- letterSpacing: 0
182
+ letterSpacing: 0,
183
+ lineHeight: 1.5
252
184
  ),
253
- expressiveheading04: (
185
+ detail-dropcap: (
254
186
  fontFamily: "DN Serif Display",
187
+ fontSize: 92,
255
188
  fontWeight: Bold,
256
- fontSize: 48,
257
- lineHeight: 1.1,
258
- letterSpacing: 0
189
+ letterSpacing: 0,
190
+ lineHeight: 1
259
191
  ),
260
- expressiveheading05: (
192
+ detail-gameheader: (
261
193
  fontFamily: "DN Serif Display",
262
- fontWeight: Bold,
263
- fontSize: 56,
264
- lineHeight: 1.1,
265
- letterSpacing: 0
194
+ fontSize: 36,
195
+ fontWeight: Regular,
196
+ letterSpacing: 0,
197
+ lineHeight: 1.1
266
198
  ),
267
- expressiveheading06: (
268
- fontFamily: "DN Serif Display",
269
- fontWeight: Bold,
270
- fontSize: 64,
271
- lineHeight: 1.1,
272
- letterSpacing: 0
199
+ detail-medryckare: (
200
+ fontFamily: "DN Serif Text",
201
+ fontSize: 16,
202
+ fontWeight: Regular,
203
+ letterSpacing: 0,
204
+ lineHeight: 1.4
273
205
  ),
274
- expressiveheading07: (
206
+ detail-mellanrubrik: (
275
207
  fontFamily: "DN Serif Display",
208
+ fontSize: 28,
276
209
  fontWeight: Bold,
277
- fontSize: 72,
278
- lineHeight: 1.1,
279
- letterSpacing: 0
210
+ letterSpacing: 0,
211
+ lineHeight: 1.1
280
212
  ),
281
- expressivebody01: (
282
- fontFamily: "DN Serif Text",
213
+ detail-direkt-header: (
214
+ fontFamily: "DN Serif Display",
215
+ fontSize: 48,
283
216
  fontWeight: Regular,
284
- fontSize: 14,
285
- lineHeight: 1.5,
286
- letterSpacing: 0
217
+ letterSpacing: 0,
218
+ lineHeight: 1.1
287
219
  ),
288
- expressivebody02: (
289
- fontFamily: "DN Serif Text",
290
- fontWeight: Regular,
291
- lineHeight: 1.5,
292
- fontSize: 16,
293
- letterSpacing: 0
220
+ detail-teaser-standard: (
221
+ fontFamily: "DN Serif Display",
222
+ fontSize: 36,
223
+ fontWeight: Bold,
224
+ letterSpacing: 0,
225
+ lineHeight: 1.1
294
226
  ),
295
- expressivebody03: (
296
- fontFamily: "DN Serif Text",
227
+ detail-teaser-standard-opinion: (
228
+ fontFamily: "DN Serif Display",
229
+ fontSize: 36,
297
230
  fontWeight: Regular,
298
- fontSize: 18,
299
- lineHeight: 1.5,
300
- letterSpacing: 0
301
- ),
302
- expressiveingress01: (
303
- fontFamily: "DN Serif Headline",
304
- fontWeight: SemiBold,
305
- fontSize: 20,
306
- lineHeight: 1.5,
307
- letterSpacing: 0
231
+ letterSpacing: 0,
232
+ lineHeight: 1.1,
233
+ fontStyle: italic
308
234
  ),
309
- expressiveingress02: (
310
- fontFamily: "DN Serif Headline",
311
- fontWeight: SemiBold,
235
+ detail-teaser-standard-compact: (
236
+ fontFamily: "DN Serif Display",
312
237
  fontSize: 24,
313
- lineHeight: 1.5,
314
- letterSpacing: 0
315
- ),
316
- functionalmeta01: (
317
- fontFamily: "DN Sans",
318
- fontWeight: Regular,
319
- fontSize: 10,
320
- lineHeight: 1.2,
321
- letterSpacing: 0.2
238
+ fontWeight: Bold,
239
+ letterSpacing: 0,
240
+ lineHeight: 1.2
322
241
  ),
323
- functionalmeta02: (
324
- fontFamily: "DN Sans",
242
+ detail-teaser-standard-compact-opinion: (
243
+ fontFamily: "DN Serif Display",
244
+ fontSize: 24,
325
245
  fontWeight: Regular,
326
- fontSize: 12,
246
+ letterSpacing: 0,
327
247
  lineHeight: 1.2,
328
- letterSpacing: 0
248
+ fontStyle: italic
329
249
  ),
330
- functionallabel01: (
331
- fontFamily: "DN Sans",
250
+ detail-teaser-large: (
251
+ fontFamily: "DN Serif Display",
252
+ fontSize: 48,
332
253
  fontWeight: Bold,
333
- fontSize: 12,
334
- lineHeight: 1.1,
335
- letterSpacing: 0.5,
336
- textCase: uppercase
254
+ letterSpacing: 0,
255
+ lineHeight: 1.1
337
256
  ),
338
- functionallabel02: (
339
- fontFamily: "DN Sans",
257
+ detail-teaser-large-compact: (
258
+ fontFamily: "DN Serif Display",
259
+ fontSize: 36,
340
260
  fontWeight: Bold,
341
- fontSize: 16,
342
- lineHeight: 1.1,
343
- letterSpacing: 0
261
+ letterSpacing: 0,
262
+ lineHeight: 1.1
344
263
  ),
345
- functionalbody01: (
346
- fontFamily: "DN Sans",
264
+ detail-teaser-storrubrik-opinion: (
265
+ fontFamily: "DN Serif Display",
266
+ fontSize: 56,
347
267
  fontWeight: Regular,
348
- fontSize: 14,
349
- lineHeight: 1.5,
350
- letterSpacing: 0
268
+ letterSpacing: 0,
269
+ lineHeight: 1.1,
270
+ fontStyle: italic
351
271
  ),
352
- functionalbody02: (
353
- fontFamily: "DN Sans",
354
- fontWeight: Regular,
355
- fontSize: 16,
356
- lineHeight: 1.5,
357
- letterSpacing: 0
272
+ detail-teaser-storrubrik: (
273
+ fontFamily: "DN Serif Display",
274
+ fontSize: 56,
275
+ fontWeight: Bold,
276
+ letterSpacing: 0,
277
+ lineHeight: 1.1
358
278
  ),
359
- functionalingress01: (
360
- fontFamily: "DN Sans",
279
+ detail-teaser-twin: (
280
+ fontFamily: "DN Serif Display",
281
+ fontSize: 22,
361
282
  fontWeight: Bold,
362
- fontSize: 20,
363
- lineHeight: 1.5,
364
- letterSpacing: 0
283
+ letterSpacing: 0,
284
+ lineHeight: 1.2
365
285
  ),
366
- functionalingress02: (
367
- fontFamily: "DN Sans",
286
+ detail-teaser-tipsa: (
287
+ fontFamily: "DN Serif Display",
288
+ fontSize: 22,
368
289
  fontWeight: Bold,
369
- fontSize: 24,
370
- lineHeight: 1.5,
371
- letterSpacing: 0
290
+ letterSpacing: 0,
291
+ lineHeight: 1.1
372
292
  ),
373
- functionalheading01: (
374
- fontFamily: "DN Sans",
293
+ detail-teaser-baotaxl: (
294
+ fontFamily: "DN Serif Display",
295
+ fontSize: 80,
375
296
  fontWeight: Bold,
376
- fontSize: 16,
377
- lineHeight: 1.1,
378
- letterSpacing: 0
297
+ letterSpacing: 0,
298
+ lineHeight: 1.1
379
299
  ),
380
- functionalheading02: (
300
+ detail-teaser-longlife: (
381
301
  fontFamily: "DN Sans",
382
- fontWeight: Bold,
383
302
  fontSize: 20,
303
+ fontWeight: Bold,
304
+ letterSpacing: 0,
305
+ lineHeight: 1.1
306
+ ),
307
+ detail-teaser-breaking: (
308
+ fontFamily: "DN Serif Display",
309
+ fontSize: 64,
310
+ fontWeight: ExtraBold,
311
+ letterSpacing: 0,
312
+ lineHeight: 1.1
313
+ ),
314
+ detail-teaser-large-opinion: (
315
+ fontFamily: "DN Serif Display",
316
+ fontSize: 36,
317
+ fontWeight: Regular,
318
+ letterSpacing: 0,
384
319
  lineHeight: 1.1,
385
- letterSpacing: 0
320
+ fontStyle: italic
386
321
  ),
387
- functionalheading03: (
388
- fontFamily: "DN Sans",
322
+ detail-teaser-story: (
323
+ fontFamily: "DN Serif Display",
324
+ fontSize: 40,
325
+ fontWeight: Regular,
326
+ letterSpacing: 0,
327
+ lineHeight: 1.1
328
+ ),
329
+ detail-teaser-large-rightcol: (
330
+ fontFamily: "DN Serif Headline",
331
+ fontSize: 22,
389
332
  fontWeight: Bold,
390
- fontSize: 24,
391
- lineHeight: 1.2,
392
- letterSpacing: 0
333
+ letterSpacing: 0,
334
+ lineHeight: 1.2
393
335
  ),
394
- functionalheading04: (
395
- fontFamily: "DN Sans",
336
+ detail-article-standard: (
337
+ fontFamily: "DN Serif Display",
338
+ fontSize: 48,
396
339
  fontWeight: Bold,
397
- fontSize: 28,
340
+ letterSpacing: 0,
341
+ lineHeight: 1.1
342
+ ),
343
+ detail-article-opinion: (
344
+ fontFamily: "DN Serif Display",
345
+ fontSize: 48,
346
+ fontWeight: Regular,
347
+ letterSpacing: 0,
398
348
  lineHeight: 1.1,
399
- letterSpacing: 0
349
+ fontStyle: italic
400
350
  ),
401
- functionalheading05: (
402
- fontFamily: "DN Sans",
351
+ detail-article-longread: (
352
+ fontFamily: "DN Serif Display",
353
+ fontSize: 56,
354
+ fontWeight: Regular,
355
+ letterSpacing: 0,
356
+ lineHeight: 1.1
357
+ ),
358
+ detail-article-longread-premium: (
359
+ fontFamily: "DN Serif Display",
360
+ fontSize: 56,
403
361
  fontWeight: Bold,
404
- fontSize: 36,
405
- lineHeight: 1.1,
406
- letterSpacing: 0
362
+ letterSpacing: 0,
363
+ lineHeight: 1.1
407
364
  ),
408
- functionalheading06: (
409
- fontFamily: "DN Sans",
365
+ detail-article-direkt: (
366
+ fontFamily: "DN Serif Display",
367
+ fontSize: 32,
410
368
  fontWeight: Bold,
411
- fontSize: 40,
412
- lineHeight: 1.1,
413
- letterSpacing: 0
369
+ letterSpacing: 0,
370
+ lineHeight: 1.1
414
371
  ),
415
- functionalbody03: (
416
- fontFamily: "DN Sans",
372
+ detail-article-direct-opinion: (
373
+ fontFamily: "DN Serif Display",
374
+ fontSize: 32,
417
375
  fontWeight: Regular,
418
- fontSize: 18,
419
- lineHeight: 1.5,
420
- letterSpacing: 0
376
+ letterSpacing: 0,
377
+ lineHeight: 1.1,
378
+ fontStyle: italic
379
+ ),
380
+ detail-article-quote: (
381
+ fontFamily: "DN Serif Display",
382
+ fontSize: 28,
383
+ fontWeight: Bold,
384
+ letterSpacing: 0,
385
+ lineHeight: 1.2
421
386
  )
422
387
  );