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