@bonniernews/dn-design-system-web 3.0.0-alpha.2 → 3.0.0-alpha.21

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 (56) hide show
  1. package/CHANGELOG.md +166 -0
  2. package/README.md +1 -1
  3. package/assets/article-image/article-image.njk +34 -0
  4. package/assets/article-image/article-image.scss +6 -0
  5. package/assets/form-field/form-field.scss +5 -9
  6. package/components/article-body-image/README.md +42 -0
  7. package/components/article-body-image/article-body-image.njk +19 -0
  8. package/components/article-body-image/article-body-image.scss +8 -0
  9. package/components/article-top-image/README.md +40 -0
  10. package/components/article-top-image/article-top-image.njk +19 -0
  11. package/components/article-top-image/article-top-image.scss +6 -0
  12. package/components/badge/badge.scss +5 -9
  13. package/components/blocked-content/blocked-content.scss +6 -6
  14. package/components/buddy-menu/buddy-menu.scss +14 -21
  15. package/components/button/button.scss +22 -19
  16. package/components/button-toggle/button-toggle.scss +22 -21
  17. package/components/byline/byline.scss +11 -8
  18. package/components/checkbox/checkbox.scss +10 -14
  19. package/components/disclaimer/disclaimer.scss +26 -12
  20. package/components/divider/divider.scss +1 -1
  21. package/components/factbox/factbox.scss +11 -9
  22. package/components/footer/footer.scss +14 -20
  23. package/components/icon-button/icon-button.scss +3 -3
  24. package/components/icon-button-toggle/icon-button-toggle.scss +3 -3
  25. package/components/image-caption/README.md +38 -0
  26. package/components/image-caption/image-caption.njk +25 -0
  27. package/components/image-caption/image-caption.scss +15 -0
  28. package/components/list-item/list-item.scss +9 -9
  29. package/components/quote/quote.scss +2 -2
  30. package/components/radio-button/radio-button.scss +10 -15
  31. package/components/switch/switch.scss +2 -2
  32. package/components/text-button/text-button.scss +8 -13
  33. package/components/text-button-toggle/text-button-toggle.scss +4 -10
  34. package/components/text-input/text-input.scss +20 -24
  35. package/components/thematic-break/thematic-break.scss +1 -1
  36. package/components/video-caption/README.md +37 -0
  37. package/components/video-caption/video-caption.njk +26 -0
  38. package/components/video-caption/video-caption.scss +18 -0
  39. package/foundations/helpers/README-links.md +1 -1
  40. package/foundations/helpers/README-spacing.md +48 -10
  41. package/foundations/helpers/spacing.scss +3 -1
  42. package/foundations/typography/fontDefinitions.scss +106 -60
  43. package/foundations/variables/colorsCssVariables.scss +3 -0
  44. package/foundations/variables/colorsDnDarkTokens.scss +4 -1
  45. package/foundations/variables/colorsDnLightTokens.scss +3 -0
  46. package/foundations/variables/spacingComponentList.scss +10 -0
  47. package/foundations/variables/spacingLayout.scss +1 -0
  48. package/foundations/variables/spacingLayoutLargeScreen.scss +3 -9
  49. package/foundations/variables/spacingLayoutList.scss +9 -0
  50. package/foundations/variables/typographyTokensList.scss +31 -30
  51. package/foundations/variables/typographyTokensScreenLarge.scss +167 -161
  52. package/foundations/variables/typographyTokensScreenSmall.scss +189 -183
  53. package/package.json +2 -2
  54. package/tokens/colors-css-variables.json +3 -0
  55. package/tokens/spacing-component-list.json +12 -0
  56. package/tokens/spacing-layout-list.json +11 -0
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 25",
4
4
  fontWeight: Regular,
5
5
  fontSize: 16,
6
6
  lineHeight: 20
7
7
  ),
8
- expressive-heading01medium: (
9
- fontFamily: "DN Serif 22",
10
- fontWeight: Medium,
8
+ expressive-heading01semibold: (
9
+ fontFamily: "DN Serif 25",
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 25",
16
16
  fontWeight: Bold,
17
17
  fontSize: 16,
18
18
  lineHeight: 20
@@ -20,39 +20,39 @@ $typographyTokensScreenLarge: (
20
20
  expressive-heading01italicregular: (
21
21
  lineHeight: 20,
22
22
  fontSize: 16,
23
- fontFamily: "DN Serif Italic 22",
23
+ fontFamily: "DN Serif Italic 25",
24
24
  fontWeight: Regular,
25
25
  fontStyle: italic
26
26
  ),
27
- expressive-heading01italicmedium: (
27
+ expressive-heading01italicsemibold: (
28
28
  lineHeight: 20,
29
29
  fontSize: 16,
30
- fontFamily: "DN Serif Italic 22",
31
- fontWeight: Medium,
30
+ fontFamily: "DN Serif Italic 25",
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 25",
38
38
  fontWeight: Bold,
39
39
  fontStyle: italic
40
40
  ),
41
41
  expressive-heading02regular: (
42
- fontFamily: "DN Serif 22",
42
+ fontFamily: "DN Serif 25",
43
43
  fontWeight: Regular,
44
44
  fontSize: 22,
45
45
  lineHeight: 26,
46
46
  paragraphSpacing: 16
47
47
  ),
48
- expressive-heading02medium: (
49
- fontFamily: "DN Serif 22",
50
- fontWeight: Medium,
48
+ expressive-heading02semibold: (
49
+ fontFamily: "DN Serif 25",
50
+ fontWeight: SemiBold,
51
51
  fontSize: 22,
52
52
  lineHeight: 26
53
53
  ),
54
54
  expressive-heading02bold: (
55
- fontFamily: "DN Serif 22",
55
+ fontFamily: "DN Serif 25",
56
56
  fontWeight: Bold,
57
57
  fontSize: 22,
58
58
  lineHeight: 26
@@ -61,37 +61,37 @@ $typographyTokensScreenLarge: (
61
61
  fontSize: 22,
62
62
  lineHeight: 26,
63
63
  fontWeight: Regular,
64
- fontFamily: "DN Serif Italic 22",
64
+ fontFamily: "DN Serif Italic 25",
65
65
  fontStyle: italic
66
66
  ),
67
- expressive-heading02italicmedium: (
67
+ expressive-heading02italicsemibold: (
68
68
  fontSize: 22,
69
69
  lineHeight: 26,
70
- fontWeight: Medium,
71
- fontFamily: "DN Serif Italic 22",
70
+ fontWeight: SemiBold,
71
+ fontFamily: "DN Serif Italic 25",
72
72
  fontStyle: italic
73
73
  ),
74
74
  expressive-heading02italicbold: (
75
75
  fontSize: 22,
76
76
  lineHeight: 26,
77
77
  fontWeight: Bold,
78
- fontFamily: "DN Serif Italic 22",
78
+ fontFamily: "DN Serif Italic 25",
79
79
  fontStyle: italic
80
80
  ),
81
81
  expressive-heading03regular: (
82
- fontFamily: "DN Serif 22",
82
+ fontFamily: "DN Serif 25",
83
83
  fontWeight: Regular,
84
84
  fontSize: 32,
85
85
  lineHeight: 36
86
86
  ),
87
- expressive-heading03medium: (
88
- fontFamily: "DN Serif 22",
89
- fontWeight: Medium,
87
+ expressive-heading03semibold: (
88
+ fontFamily: "DN Serif 25",
89
+ fontWeight: SemiBold,
90
90
  fontSize: 32,
91
91
  lineHeight: 36
92
92
  ),
93
93
  expressive-heading03bold: (
94
- fontFamily: "DN Serif 22",
94
+ fontFamily: "DN Serif 25",
95
95
  fontWeight: Bold,
96
96
  fontSize: 32,
97
97
  lineHeight: 36
@@ -100,37 +100,37 @@ $typographyTokensScreenLarge: (
100
100
  fontSize: 32,
101
101
  lineHeight: 36,
102
102
  fontWeight: Regular,
103
- fontFamily: "DN Serif Italic 22",
103
+ fontFamily: "DN Serif Italic 25",
104
104
  fontStyle: italic
105
105
  ),
106
- expressive-heading03italicmedium: (
106
+ expressive-heading03italicsemibold: (
107
107
  fontSize: 32,
108
108
  lineHeight: 36,
109
- fontWeight: Medium,
110
- fontFamily: "DN Serif Italic 22",
109
+ fontWeight: SemiBold,
110
+ fontFamily: "DN Serif Italic 25",
111
111
  fontStyle: italic
112
112
  ),
113
113
  expressive-heading03italicbold: (
114
114
  fontSize: 32,
115
115
  lineHeight: 36,
116
116
  fontWeight: Bold,
117
- fontFamily: "DN Serif Italic 22",
117
+ fontFamily: "DN Serif Italic 25",
118
118
  fontStyle: italic
119
119
  ),
120
120
  expressive-heading04regular: (
121
- fontFamily: "DN Serif 22",
121
+ fontFamily: "DN Serif 25",
122
122
  fontWeight: Regular,
123
- fontSize: 52,
124
- lineHeight: 48
123
+ fontSize: 48,
124
+ lineHeight: 52
125
125
  ),
126
- expressive-heading04medium: (
127
- fontFamily: "DN Serif 22",
128
- fontWeight: Medium,
126
+ expressive-heading04semibold: (
127
+ fontFamily: "DN Serif 25",
128
+ fontWeight: SemiBold,
129
129
  fontSize: 48,
130
130
  lineHeight: 52
131
131
  ),
132
132
  expressive-heading04bold: (
133
- fontFamily: "DN Serif 22",
133
+ fontFamily: "DN Serif 25",
134
134
  fontWeight: Bold,
135
135
  fontSize: 48,
136
136
  lineHeight: 52
@@ -139,394 +139,400 @@ $typographyTokensScreenLarge: (
139
139
  fontSize: 48,
140
140
  lineHeight: 52,
141
141
  fontWeight: Regular,
142
- fontFamily: "DN Serif Italic 22",
142
+ fontFamily: "DN Serif Italic 25",
143
143
  fontStyle: italic
144
144
  ),
145
- expressive-heading04italicmedium: (
145
+ expressive-heading04italicsemibold: (
146
146
  fontSize: 48,
147
147
  lineHeight: 52,
148
- fontWeight: Medium,
149
- fontFamily: "DN Serif Italic 22",
148
+ fontWeight: SemiBold,
149
+ fontFamily: "DN Serif Italic 25",
150
150
  fontStyle: italic
151
151
  ),
152
152
  expressive-heading04italicbold: (
153
153
  fontSize: 48,
154
154
  lineHeight: 52,
155
155
  fontWeight: Bold,
156
- fontFamily: "DN Serif Italic 22",
156
+ fontFamily: "DN Serif Italic 25",
157
157
  fontStyle: italic
158
158
  ),
159
159
  expressive-heading05regular: (
160
- fontFamily: "DN Serif 22",
160
+ fontFamily: "DN Serif 25",
161
161
  fontWeight: Regular,
162
162
  lineHeight: 64,
163
163
  fontSize: 56
164
164
  ),
165
- expressive-heading05medium: (
166
- fontFamily: "DN Serif 22",
167
- fontWeight: Medium,
165
+ expressive-heading05semibold: (
166
+ fontFamily: "DN Serif 25",
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 25",
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 25",
179
179
  fontWeight: Regular,
180
180
  fontSize: 56,
181
181
  lineHeight: 64,
182
182
  fontStyle: italic
183
183
  ),
184
- expressive-heading05italicmedium: (
185
- fontFamily: "DN Serif Italic 22",
186
- fontWeight: Medium,
184
+ expressive-heading05italicsemibold: (
185
+ fontFamily: "DN Serif Italic 25",
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 25",
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 10",
199
+ fontFamily: "DN Sans 12",
200
200
  fontWeight: Regular,
201
201
  fontSize: 16,
202
202
  lineHeight: 20
203
203
  ),
204
- functional-heading01medium: (
205
- fontFamily: "Dn Sans 10",
206
- fontWeight: Medium,
204
+ functional-heading01semibold: (
205
+ fontFamily: "DN Sans 12",
206
+ fontWeight: SemiBold,
207
207
  fontSize: 16,
208
208
  lineHeight: 20
209
209
  ),
210
210
  functional-heading01bold: (
211
- fontFamily: "Dn Sans 10",
211
+ fontFamily: "DN Sans 12",
212
212
  fontWeight: Bold,
213
213
  fontSize: 16,
214
214
  lineHeight: 20
215
215
  ),
216
216
  functional-heading02regular: (
217
- fontFamily: "Dn Sans 10",
217
+ fontFamily: "DN Sans 12",
218
218
  fontSize: 20,
219
219
  fontWeight: Regular,
220
220
  lineHeight: 24
221
221
  ),
222
- functional-heading02medium: (
223
- fontFamily: "Dn Sans 10",
222
+ functional-heading02semibold: (
223
+ fontFamily: "DN Sans 12",
224
224
  fontSize: 20,
225
- fontWeight: Medium,
225
+ fontWeight: SemiBold,
226
226
  lineHeight: 24
227
227
  ),
228
228
  functional-heading02bold: (
229
- fontFamily: "Dn Sans 10",
229
+ fontFamily: "DN Sans 12",
230
230
  fontSize: 20,
231
231
  fontWeight: Bold,
232
232
  lineHeight: 24
233
233
  ),
234
234
  functional-heading03regular: (
235
- fontFamily: "Dn Sans 10",
235
+ fontFamily: "DN Sans 12",
236
236
  fontWeight: Regular,
237
237
  lineHeight: 32,
238
- fontSize: 25
238
+ fontSize: 24
239
239
  ),
240
- functional-heading03medium: (
241
- fontFamily: "Dn Sans 10",
242
- fontWeight: Medium,
240
+ functional-heading03semibold: (
241
+ fontFamily: "DN Sans 12",
242
+ fontWeight: SemiBold,
243
243
  lineHeight: 32,
244
- fontSize: 25
244
+ fontSize: 24
245
245
  ),
246
246
  functional-heading03bold: (
247
- fontFamily: "Dn Sans 10",
247
+ fontFamily: "DN Sans 12",
248
248
  fontWeight: Bold,
249
249
  lineHeight: 32,
250
- fontSize: 25
250
+ fontSize: 24
251
251
  ),
252
252
  functional-heading04regular: (
253
- fontFamily: "Dn Sans 10",
253
+ fontFamily: "DN Sans 12",
254
254
  fontWeight: Regular,
255
255
  fontSize: 31,
256
256
  lineHeight: 36
257
257
  ),
258
- functional-heading04medium: (
259
- fontFamily: "Dn Sans 10",
260
- fontWeight: Medium,
258
+ functional-heading04semibold: (
259
+ fontFamily: "DN Sans 12",
260
+ fontWeight: SemiBold,
261
261
  fontSize: 31,
262
262
  lineHeight: 36
263
263
  ),
264
264
  functional-heading04bold: (
265
- fontFamily: "Dn Sans 10",
265
+ fontFamily: "DN Sans 12",
266
266
  fontWeight: Bold,
267
267
  fontSize: 31,
268
268
  lineHeight: 36
269
269
  ),
270
270
  functional-heading05regular: (
271
- fontFamily: "Dn Sans 10",
271
+ fontFamily: "DN Sans 12",
272
272
  fontWeight: Regular,
273
273
  fontSize: 39,
274
274
  lineHeight: 48
275
275
  ),
276
- functional-heading05medium: (
277
- fontFamily: "Dn Sans 10",
278
- fontWeight: Medium,
276
+ functional-heading05semibold: (
277
+ fontFamily: "DN Sans 12",
278
+ fontWeight: SemiBold,
279
279
  fontSize: 39,
280
280
  lineHeight: 48
281
281
  ),
282
282
  functional-heading05bold: (
283
- fontFamily: "Dn Sans 10",
283
+ fontFamily: "DN Sans 12",
284
284
  fontWeight: Bold,
285
285
  fontSize: 39,
286
286
  lineHeight: 48
287
287
  ),
288
- expressive-paragraph01regular: (
289
- fontFamily: "DN Serif 22",
288
+ expressive-preamble01regular: (
289
+ fontFamily: "DN Serif 25",
290
290
  fontWeight: Regular,
291
291
  fontSize: 20,
292
- lineHeight: 28
292
+ lineHeight: 30
293
293
  ),
294
- expressive-paragraph01medium: (
295
- fontFamily: "DN Serif 22",
296
- fontWeight: Medium,
294
+ expressive-preamble01semibold: (
295
+ fontFamily: "DN Serif 25",
296
+ fontWeight: SemiBold,
297
297
  fontSize: 20,
298
- lineHeight: 28
298
+ lineHeight: 30
299
299
  ),
300
- expressive-paragraph01bold: (
301
- fontFamily: "DN Serif 22",
300
+ expressive-preamble01bold: (
301
+ fontFamily: "DN Serif 25",
302
302
  fontWeight: Bold,
303
303
  fontSize: 20,
304
- lineHeight: 28
304
+ lineHeight: 30
305
305
  ),
306
- expressive-paragraph01italicregular: (
307
- fontFamily: "DN Serif Italic 22",
306
+ expressive-preamble01italicregular: (
307
+ fontFamily: "DN Serif Italic 25",
308
308
  fontWeight: Regular,
309
- lineHeight: 28,
309
+ lineHeight: 30,
310
310
  fontSize: 20,
311
311
  fontStyle: italic
312
312
  ),
313
- expressive-paragraph01italicmedium: (
314
- fontFamily: "DN Serif Italic 22",
315
- fontWeight: Medium,
316
- lineHeight: 28,
313
+ expressive-preamble01italicsemibold: (
314
+ fontFamily: "DN Serif Italic 25",
315
+ fontWeight: SemiBold,
316
+ lineHeight: 30,
317
317
  fontSize: 20,
318
318
  fontStyle: italic
319
319
  ),
320
- expressive-paragraph01italicbold: (
321
- fontFamily: "DN Serif Italic 22",
320
+ expressive-preamble01italicbold: (
321
+ fontFamily: "DN Serif Italic 25",
322
322
  fontWeight: Bold,
323
- lineHeight: 28,
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 25",
329
329
  fontWeight: Regular,
330
330
  fontSize: 16,
331
331
  lineHeight: 24
332
332
  ),
333
- expressive-body01medium: (
334
- fontFamily: "DN Serif 22",
335
- fontWeight: Medium,
333
+ expressive-body01semibold: (
334
+ fontFamily: "DN Serif 25",
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 25",
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 25",
347
347
  fontWeight: Regular,
348
348
  lineHeight: 24,
349
- fontSize: 18,
349
+ fontSize: 16,
350
350
  fontStyle: italic
351
351
  ),
352
- expressive-body01italicmedium: (
353
- fontFamily: "DN Serif Italic 22",
354
- fontWeight: Medium,
352
+ expressive-body01italicsemibold: (
353
+ fontFamily: "DN Serif Italic 25",
354
+ fontWeight: SemiBold,
355
355
  lineHeight: 24,
356
- fontSize: 18,
356
+ fontSize: 16,
357
357
  fontStyle: italic
358
358
  ),
359
359
  expressive-body01italicbold: (
360
- fontFamily: "DN Serif Italic 22",
360
+ fontFamily: "DN Serif Italic 25",
361
361
  fontWeight: Bold,
362
362
  lineHeight: 24,
363
- fontSize: 18,
363
+ fontSize: 16,
364
364
  fontStyle: italic
365
365
  ),
366
366
  expressive-body02regular: (
367
- fontFamily: "DN Serif 22",
367
+ fontFamily: "DN Serif 25",
368
368
  fontWeight: Regular,
369
- lineHeight: 26,
369
+ lineHeight: 28,
370
370
  fontSize: 18
371
371
  ),
372
- expressive-body02medium: (
373
- fontFamily: "DN Serif 22",
374
- fontWeight: Medium,
372
+ expressive-body02semibold: (
373
+ fontFamily: "DN Serif 25",
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 25",
380
380
  fontWeight: Bold,
381
- lineHeight: 26,
381
+ lineHeight: 28,
382
382
  fontSize: 18
383
383
  ),
384
384
  expressive-body02italicregular: (
385
- fontFamily: "DN Serif Italic 22",
385
+ fontFamily: "DN Serif Italic 25",
386
386
  fontWeight: Regular,
387
- lineHeight: 26,
387
+ lineHeight: 28,
388
388
  fontSize: 18,
389
389
  fontStyle: italic
390
390
  ),
391
- expressive-body02italicmedium: (
392
- fontFamily: "DN Serif Italic 22",
393
- fontWeight: Medium,
394
- lineHeight: 26,
391
+ expressive-body02italicsemibold: (
392
+ fontFamily: "DN Serif Italic 25",
393
+ fontWeight: SemiBold,
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 25",
400
400
  fontWeight: Bold,
401
- lineHeight: 26,
401
+ lineHeight: 28,
402
402
  fontSize: 18,
403
403
  fontStyle: italic
404
404
  ),
405
405
  functional-body01regular: (
406
- fontFamily: "Dn Sans 10",
406
+ fontFamily: "DN Sans 12",
407
407
  fontWeight: Regular,
408
408
  fontSize: 14,
409
409
  letterSpacing: "",
410
410
  lineHeight: 20,
411
411
  paragraphSpacing: ""
412
412
  ),
413
- functional-body01medium: (
414
- fontFamily: "Dn Sans 10",
415
- fontWeight: Medium,
413
+ functional-body01semibold: (
414
+ fontFamily: "DN Sans 12",
415
+ fontWeight: SemiBold,
416
416
  fontSize: 14,
417
417
  letterSpacing: "",
418
418
  lineHeight: 20
419
419
  ),
420
420
  functional-body01bold: (
421
- fontFamily: "Dn Sans 10",
421
+ fontFamily: "DN Sans 12",
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 10",
428
+ fontFamily: "DN Sans 12",
429
429
  fontWeight: Regular,
430
430
  lineHeight: 24,
431
431
  fontSize: 16
432
432
  ),
433
- functional-body02medium: (
434
- fontFamily: "Dn Sans 10",
435
- fontWeight: Medium,
433
+ functional-body02semibold: (
434
+ fontFamily: "DN Sans 12",
435
+ fontWeight: SemiBold,
436
436
  lineHeight: 24,
437
437
  fontSize: 16
438
438
  ),
439
439
  functional-body02bold: (
440
- fontFamily: "Dn Sans 10",
440
+ fontFamily: "DN Sans 12",
441
441
  fontWeight: Bold,
442
442
  lineHeight: 24,
443
443
  fontSize: 16
444
444
  ),
445
445
  functional-body03regular: (
446
- fontFamily: "Dn Sans 10",
446
+ fontFamily: "DN Sans 12",
447
447
  fontWeight: Regular,
448
448
  lineHeight: 28,
449
449
  fontSize: 20
450
450
  ),
451
- functional-body03medium: (
452
- fontFamily: "Dn Sans 10",
453
- fontWeight: Medium,
451
+ functional-body03semibold: (
452
+ fontFamily: "DN Sans 12",
453
+ fontWeight: SemiBold,
454
454
  lineHeight: 28,
455
455
  fontSize: 20
456
456
  ),
457
457
  functional-body03bold: (
458
- fontFamily: "Dn Sans 10",
458
+ fontFamily: "DN Sans 12",
459
459
  fontWeight: Bold,
460
460
  lineHeight: 28,
461
461
  fontSize: 20
462
462
  ),
463
463
  functional-meta01regular: (
464
- fontFamily: "Dn Sans 10",
464
+ fontFamily: "DN Sans 12",
465
465
  fontWeight: Regular,
466
466
  fontSize: 10,
467
467
  lineHeight: 12
468
468
  ),
469
- functional-meta01medium: (
470
- fontFamily: "Dn Sans 10",
471
- fontWeight: Medium,
469
+ functional-meta01semibold: (
470
+ fontFamily: "DN Sans 12",
471
+ fontWeight: SemiBold,
472
472
  fontSize: 10,
473
473
  lineHeight: 12
474
474
  ),
475
475
  functional-meta01bold: (
476
- fontFamily: "Dn Sans 10",
476
+ fontFamily: "DN Sans 12",
477
477
  fontWeight: Bold,
478
478
  fontSize: 10,
479
479
  lineHeight: 12
480
480
  ),
481
481
  functional-meta02regular: (
482
- fontFamily: "Dn Sans 10",
482
+ fontFamily: "DN Sans 12",
483
483
  fontWeight: Regular,
484
484
  lineHeight: 16,
485
485
  fontSize: 12
486
486
  ),
487
- functional-meta02medium: (
488
- fontFamily: "Dn Sans 10",
489
- fontWeight: Medium,
487
+ functional-meta02semibold: (
488
+ fontFamily: "DN Sans 12",
489
+ fontWeight: SemiBold,
490
490
  lineHeight: 16,
491
491
  fontSize: 12
492
492
  ),
493
493
  functional-meta02bold: (
494
- fontFamily: "Dn Sans 10",
494
+ fontFamily: "DN Sans 12",
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 25",
501
501
  fontWeight: Bold,
502
502
  lineHeight: 78,
503
503
  fontSize: 92
504
504
  ),
505
505
  detailstandard-button: (
506
- fontFamily: "Dn Sans 10",
507
- fontWeight: Medium,
506
+ fontFamily: "DN Sans 12",
507
+ fontWeight: SemiBold,
508
508
  lineHeight: 24,
509
509
  fontSize: 16
510
510
  ),
511
511
  detailbottom-nav: (
512
- fontFamily: "Dn Sans 10",
513
- fontWeight: Medium,
512
+ fontFamily: "DN Sans 12",
513
+ fontWeight: SemiBold,
514
514
  lineHeight: 16,
515
515
  fontSize: 12,
516
516
  letterSpacing: 0.2
517
517
  ),
518
518
  detailstandard-button-small: (
519
- fontFamily: "Dn Sans 10",
520
- fontWeight: Medium,
519
+ fontFamily: "DN Sans 12",
520
+ fontWeight: SemiBold,
521
521
  lineHeight: 20,
522
522
  fontSize: 14
523
523
  ),
524
524
  detailarticle-label: (
525
- fontFamily: "Dn Sans 10",
525
+ fontFamily: "DN Sans 12",
526
526
  fontWeight: Bold,
527
527
  lineHeight: 16,
528
528
  fontSize: 12,
529
529
  textCase: uppercase,
530
530
  letterSpacing: 0.5
531
+ ),
532
+ detailmedryckare: (
533
+ fontFamily: "DN Serif 25",
534
+ fontWeight: Regular,
535
+ fontSize: 16,
536
+ lineHeight: 22
531
537
  )
532
538
  );