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