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