@bonniernews/dn-design-system-web 3.0.0-alpha.99 → 4.0.0-alpha.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 (52) hide show
  1. package/CHANGELOG.md +138 -0
  2. package/assets/article-image/article-image.njk +1 -1
  3. package/assets/article-image/article-image.scss +1 -1
  4. package/assets/teaser/teaser.scss +11 -1
  5. package/components/byline/README.md +3 -3
  6. package/components/byline/byline.njk +1 -1
  7. package/components/byline/byline.scss +18 -1
  8. package/components/image-caption/image-caption.njk +5 -1
  9. package/components/pictogram/pictogram.scss +4 -1
  10. package/components/teaser-large/teaser-large.njk +5 -3
  11. package/components/teaser-list-timeline/README.md +44 -0
  12. package/components/teaser-list-timeline/teaser-list-timeline.njk +62 -0
  13. package/components/teaser-list-timeline/teaser-list-timeline.scss +80 -0
  14. package/components/teaser-native/README.md +41 -0
  15. package/components/teaser-native/teaser-native.njk +59 -0
  16. package/components/teaser-native/teaser-native.scss +109 -0
  17. package/components/teaser-package/teaser-package.scss +3 -1
  18. package/components/teaser-split/teaser-split.njk +5 -3
  19. package/components/teaser-standard/teaser-standard.njk +17 -15
  20. package/components/teaser-standard/teaser-standard.scss +6 -8
  21. package/foundations/base.scss +3 -3
  22. package/foundations/colors.scss +22 -5
  23. package/foundations/helpers/colors.scss +1 -1
  24. package/foundations/helpers/forward.helpers.scss +0 -1
  25. package/foundations/helpers/opacity.scss +1 -1
  26. package/foundations/helpers/shadows.scss +6 -6
  27. package/foundations/helpers/spacing.scss +2 -2
  28. package/foundations/helpers/typography.scss +12 -10
  29. package/foundations/helpers/utilities.scss +1 -1
  30. package/foundations/icons/icon.njk +25 -0
  31. package/foundations/icons/sprite.njk +1 -1
  32. package/foundations/icons/sprite.svg +1 -1
  33. package/foundations/icons/svg/arrow_upward.svg +3 -0
  34. package/foundations/icons/svg/forward_30.svg +3 -0
  35. package/foundations/icons/svg/link.svg +3 -0
  36. package/foundations/icons/svg/refresh.svg +3 -0
  37. package/foundations/icons/svg/replay_30.svg +3 -0
  38. package/foundations/shadows.scss +5 -5
  39. package/foundations/typography/fontDefinitions.scss +56 -56
  40. package/foundations/variables/typographyTokensList.scss +1 -0
  41. package/foundations/variables/typographyTokensScreenExtraLarge.scss +79 -74
  42. package/foundations/variables/typographyTokensScreenLarge.scss +150 -144
  43. package/foundations/variables/typographyTokensScreenSmall.scss +61 -55
  44. package/package.json +11 -9
  45. package/tokens/colors-dark-mode.json +93 -0
  46. package/tokens/colors-light-mode.json +92 -0
  47. package/tokens/icon-list.json +79 -0
  48. package/tokens/typography-list.json +92 -0
  49. package/.stylelintignore +0 -1
  50. package/.stylelintrc.json +0 -17
  51. package/assets/teaser/dot-or-grade.njk +0 -7
  52. package/foundations/helpers/fontDefinitionsHelper.scss +0 -32
package/foundations/typography/fontDefinitions.scss CHANGED
@@ -3,7 +3,7 @@ $dnSerif: (
3
3
  fontFamily: DNSerifVf,
4
4
  sources: (
5
5
  (
6
- file: "DNSerif-1-100-Variable.woff2",
6
+ file: "DNSerif-1-300-Variable.woff2",
7
7
  format: "woff2-variations",
8
8
  ),
9
9
  ),
@@ -14,11 +14,11 @@ $dnSerif: (
14
14
  fontFamily: DNSerif,
15
15
  sources: (
16
16
  (
17
- file: "DNSerifHeadline-1-100-Light.woff2",
17
+ file: "DNSerifHeadline-1-300-Light.woff2",
18
18
  format: "woff2",
19
19
  ),
20
20
  (
21
- file: "DNSerifHeadline-1-100-Light.woff",
21
+ file: "DNSerifHeadline-1-300-Light.woff",
22
22
  format: "woff",
23
23
  ),
24
24
  ),
@@ -29,11 +29,11 @@ $dnSerif: (
29
29
  fontFamily: DNSerif,
30
30
  sources: (
31
31
  (
32
- file: "DNSerifHeadline-1-100-Regular.woff2",
32
+ file: "DNSerifHeadline-1-300-Regular.woff2",
33
33
  format: "woff2",
34
34
  ),
35
35
  (
36
- file: "DNSerifHeadline-1-100-Regular.woff",
36
+ file: "DNSerifHeadline-1-300-Regular.woff",
37
37
  format: "woff",
38
38
  ),
39
39
  ),
@@ -44,11 +44,11 @@ $dnSerif: (
44
44
  fontFamily: DNSerif,
45
45
  sources: (
46
46
  (
47
- file: "DNSerifHeadline-1-100-Medium.woff2",
47
+ file: "DNSerifHeadline-1-300-Medium.woff2",
48
48
  format: "woff2",
49
49
  ),
50
50
  (
51
- file: "DNSerifHeadline-1-100-Medium.woff",
51
+ file: "DNSerifHeadline-1-300-Medium.woff",
52
52
  format: "woff",
53
53
  ),
54
54
  ),
@@ -59,11 +59,11 @@ $dnSerif: (
59
59
  fontFamily: DNSerif,
60
60
  sources: (
61
61
  (
62
- file: "DNSerifHeadline-1-100-SemiBold.woff2",
62
+ file: "DNSerifHeadline-1-300-SemiBold.woff2",
63
63
  format: "woff2",
64
64
  ),
65
65
  (
66
- file: "DNSerifHeadline-1-100-SemiBold.woff",
66
+ file: "DNSerifHeadline-1-300-SemiBold.woff",
67
67
  format: "woff",
68
68
  ),
69
69
  ),
@@ -74,11 +74,11 @@ $dnSerif: (
74
74
  fontFamily: DNSerif,
75
75
  sources: (
76
76
  (
77
- file: "DNSerifHeadline-1-100-Bold.woff2",
77
+ file: "DNSerifHeadline-1-300-Bold.woff2",
78
78
  format: "woff2",
79
79
  ),
80
80
  (
81
- file: "DNSerifHeadline-1-100-Bold.woff",
81
+ file: "DNSerifHeadline-1-300-Bold.woff",
82
82
  format: "woff",
83
83
  ),
84
84
  ),
@@ -89,11 +89,11 @@ $dnSerif: (
89
89
  fontFamily: DNSerif,
90
90
  sources: (
91
91
  (
92
- file: "DNSerifHeadline-1-100-ExtraBold.woff2",
92
+ file: "DNSerifHeadline-1-300-ExtraBold.woff2",
93
93
  format: "woff2",
94
94
  ),
95
95
  (
96
- file: "DNSerifHeadline-1-100-ExtraBold.woff",
96
+ file: "DNSerifHeadline-1-300-ExtraBold.woff",
97
97
  format: "woff",
98
98
  ),
99
99
  ),
@@ -104,11 +104,11 @@ $dnSerif: (
104
104
  fontFamily: DNSerif,
105
105
  sources: (
106
106
  (
107
- file: "DNSerifHeadline-1-100-Black.woff2",
107
+ file: "DNSerifHeadline-1-300-Black.woff2",
108
108
  format: "woff2",
109
109
  ),
110
110
  (
111
- file: "DNSerifHeadline-1-100-Black.woff",
111
+ file: "DNSerifHeadline-1-300-Black.woff",
112
112
  format: "woff",
113
113
  ),
114
114
  ),
@@ -122,7 +122,7 @@ $dnSerifItalic: (
122
122
  fontFamily: DNSerifVf,
123
123
  sources: (
124
124
  (
125
- file: "DNSerifItalic-1-100-Variable.woff2",
125
+ file: "DNSerifItalic-1-300-Variable.woff2",
126
126
  format: "woff2-variations",
127
127
  ),
128
128
  ),
@@ -134,11 +134,11 @@ $dnSerifItalic: (
134
134
  fontFamily: DNSerif,
135
135
  sources: (
136
136
  (
137
- file: "DNSerifHeadline-1-100-LightItalic.woff2",
137
+ file: "DNSerifHeadline-1-300-LightItalic.woff2",
138
138
  format: "woff2",
139
139
  ),
140
140
  (
141
- file: "DNSerifHeadline-1-100-LightItalic.woff",
141
+ file: "DNSerifHeadline-1-300-LightItalic.woff",
142
142
  format: "woff",
143
143
  ),
144
144
  ),
@@ -150,11 +150,11 @@ $dnSerifItalic: (
150
150
  fontFamily: DNSerif,
151
151
  sources: (
152
152
  (
153
- file: "DNSerifHeadline-1-100-RegularItalic.woff2",
153
+ file: "DNSerifHeadline-1-300-RegularItalic.woff2",
154
154
  format: "woff2",
155
155
  ),
156
156
  (
157
- file: "DNSerifHeadline-1-100-RegularItalic.woff",
157
+ file: "DNSerifHeadline-1-300-RegularItalic.woff",
158
158
  format: "woff",
159
159
  ),
160
160
  ),
@@ -166,11 +166,11 @@ $dnSerifItalic: (
166
166
  fontFamily: DNSerif,
167
167
  sources: (
168
168
  (
169
- file: "DNSerifHeadline-1-100-MediumItalic.woff2",
169
+ file: "DNSerifHeadline-1-300-MediumItalic.woff2",
170
170
  format: "woff2",
171
171
  ),
172
172
  (
173
- file: "DNSerifHeadline-1-100-MediumItalic.woff",
173
+ file: "DNSerifHeadline-1-300-MediumItalic.woff",
174
174
  format: "woff",
175
175
  ),
176
176
  ),
@@ -182,11 +182,11 @@ $dnSerifItalic: (
182
182
  fontFamily: DNSerif,
183
183
  sources: (
184
184
  (
185
- file: "DNSerifHeadline-1-100-SemiBoldItalic.woff2",
185
+ file: "DNSerifHeadline-1-300-SemiBoldItalic.woff2",
186
186
  format: "woff2",
187
187
  ),
188
188
  (
189
- file: "DNSerifHeadline-1-100-SemiBoldItalic.woff",
189
+ file: "DNSerifHeadline-1-300-SemiBoldItalic.woff",
190
190
  format: "woff",
191
191
  ),
192
192
  ),
@@ -198,11 +198,11 @@ $dnSerifItalic: (
198
198
  fontFamily: DNSerif,
199
199
  sources: (
200
200
  (
201
- file: "DNSerifHeadline-1-100-BoldItalic.woff2",
201
+ file: "DNSerifHeadline-1-300-BoldItalic.woff2",
202
202
  format: "woff2",
203
203
  ),
204
204
  (
205
- file: "DNSerifHeadline-1-100-BoldItalic.woff",
205
+ file: "DNSerifHeadline-1-300-BoldItalic.woff",
206
206
  format: "woff",
207
207
  ),
208
208
  ),
@@ -214,11 +214,11 @@ $dnSerifItalic: (
214
214
  fontFamily: DNSerif,
215
215
  sources: (
216
216
  (
217
- file: "DNSerifHeadline-1-100-ExtraBoldItalic.woff2",
217
+ file: "DNSerifHeadline-1-300-ExtraBoldItalic.woff2",
218
218
  format: "woff2",
219
219
  ),
220
220
  (
221
- file: "DNSerifHeadline-1-100-ExtraBoldItalic.woff",
221
+ file: "DNSerifHeadline-1-300-ExtraBoldItalic.woff",
222
222
  format: "woff",
223
223
  ),
224
224
  ),
@@ -230,11 +230,11 @@ $dnSerifItalic: (
230
230
  fontFamily: DNSerif,
231
231
  sources: (
232
232
  (
233
- file: "DNSerifHeadline-1-100-BlackItalic.woff2",
233
+ file: "DNSerifHeadline-1-300-BlackItalic.woff2",
234
234
  format: "woff2",
235
235
  ),
236
236
  (
237
- file: "DNSerifHeadline-1-100-BlackItalic.woff",
237
+ file: "DNSerifHeadline-1-300-BlackItalic.woff",
238
238
  format: "woff",
239
239
  ),
240
240
  ),
@@ -249,7 +249,7 @@ $dnSans: (
249
249
  fontFamily: DNSansVF,
250
250
  sources: (
251
251
  (
252
- file: "DNSans-1-200-Variable.woff2",
252
+ file: "DNSans-1-400-Variable.woff2",
253
253
  format: "woff2-variations",
254
254
  ),
255
255
  ),
@@ -260,11 +260,11 @@ $dnSans: (
260
260
  fontFamily: DNSans,
261
261
  sources: (
262
262
  (
263
- file: "DNSans-1-200-Light.woff2",
263
+ file: "DNSans-1-400-Light.woff2",
264
264
  format: "woff2",
265
265
  ),
266
266
  (
267
- file: "DNSans-1-200-Light.woff",
267
+ file: "DNSans-1-400-Light.woff",
268
268
  format: "woff",
269
269
  ),
270
270
  ),
@@ -275,11 +275,11 @@ $dnSans: (
275
275
  fontFamily: DNSans,
276
276
  sources: (
277
277
  (
278
- file: "DNSans-1-200-Regular.woff2",
278
+ file: "DNSans-1-400-Regular.woff2",
279
279
  format: "woff2",
280
280
  ),
281
281
  (
282
- file: "DNSans-1-200-Regular.woff",
282
+ file: "DNSans-1-400-Regular.woff",
283
283
  format: "woff",
284
284
  ),
285
285
  ),
@@ -290,11 +290,11 @@ $dnSans: (
290
290
  fontFamily: DNSans,
291
291
  sources: (
292
292
  (
293
- file: "DNSans-1-200-Medium.woff2",
293
+ file: "DNSans-1-400-Medium.woff2",
294
294
  format: "woff2",
295
295
  ),
296
296
  (
297
- file: "DNSans-1-200-Medium.woff",
297
+ file: "DNSans-1-400-Medium.woff",
298
298
  format: "woff",
299
299
  ),
300
300
  ),
@@ -305,11 +305,11 @@ $dnSans: (
305
305
  fontFamily: DNSans,
306
306
  sources: (
307
307
  (
308
- file: "DNSans-1-200-SemiBold.woff2",
308
+ file: "DNSans-1-400-SemiBold.woff2",
309
309
  format: "woff2",
310
310
  ),
311
311
  (
312
- file: "DNSans-1-200-SemiBold.woff",
312
+ file: "DNSans-1-400-SemiBold.woff",
313
313
  format: "woff",
314
314
  ),
315
315
  ),
@@ -320,11 +320,11 @@ $dnSans: (
320
320
  fontFamily: DNSans,
321
321
  sources: (
322
322
  (
323
- file: "DNSans-1-200-Bold.woff2",
323
+ file: "DNSans-1-400-Bold.woff2",
324
324
  format: "woff2",
325
325
  ),
326
326
  (
327
- file: "DNSans-1-200-Bold.woff",
327
+ file: "DNSans-1-400-Bold.woff",
328
328
  format: "woff",
329
329
  ),
330
330
  ),
@@ -335,11 +335,11 @@ $dnSans: (
335
335
  fontFamily: DNSans,
336
336
  sources: (
337
337
  (
338
- file: "DNSans-1-200-Black.woff2",
338
+ file: "DNSans-1-400-Black.woff2",
339
339
  format: "woff2",
340
340
  ),
341
341
  (
342
- file: "DNSans-1-200-Black.woff",
342
+ file: "DNSans-1-400-Black.woff",
343
343
  format: "woff",
344
344
  ),
345
345
  ),
@@ -353,7 +353,7 @@ $dnSansItalic: (
353
353
  fontFamily: DNSansVF,
354
354
  sources: (
355
355
  (
356
- file: "DNSansItalic-1-200-Variable.woff2",
356
+ file: "DNSansItalic-1-400-Variable.woff2",
357
357
  format: "woff2-variations",
358
358
  ),
359
359
  ),
@@ -365,11 +365,11 @@ $dnSansItalic: (
365
365
  fontFamily: DNSans,
366
366
  sources: (
367
367
  (
368
- file: "DNSans-1-200-LightItalic.woff2",
368
+ file: "DNSans-1-400-LightItalic.woff2",
369
369
  format: "woff2",
370
370
  ),
371
371
  (
372
- file: "DNSans-1-200-LightItalic.woff",
372
+ file: "DNSans-1-400-LightItalic.woff",
373
373
  format: "woff",
374
374
  ),
375
375
  ),
@@ -381,11 +381,11 @@ $dnSansItalic: (
381
381
  fontFamily: DNSans,
382
382
  sources: (
383
383
  (
384
- file: "DNSans-1-200-RegularItalic.woff2",
384
+ file: "DNSans-1-400-RegularItalic.woff2",
385
385
  format: "woff2",
386
386
  ),
387
387
  (
388
- file: "DNSans-1-200-RegularItalic.woff",
388
+ file: "DNSans-1-400-RegularItalic.woff",
389
389
  format: "woff",
390
390
  ),
391
391
  ),
@@ -397,11 +397,11 @@ $dnSansItalic: (
397
397
  fontFamily: DNSans,
398
398
  sources: (
399
399
  (
400
- file: "DNSans-1-200-MediumItalic.woff2",
400
+ file: "DNSans-1-400-MediumItalic.woff2",
401
401
  format: "woff2",
402
402
  ),
403
403
  (
404
- file: "DNSans-1-200-MediumItalic.woff",
404
+ file: "DNSans-1-400-MediumItalic.woff",
405
405
  format: "woff",
406
406
  ),
407
407
  ),
@@ -413,11 +413,11 @@ $dnSansItalic: (
413
413
  fontFamily: DNSans,
414
414
  sources: (
415
415
  (
416
- file: "DNSans-1-200-SemiBoldItalic.woff2",
416
+ file: "DNSans-1-400-SemiBoldItalic.woff2",
417
417
  format: "woff2",
418
418
  ),
419
419
  (
420
- file: "DNSans-1-200-SemiBoldItalic.woff",
420
+ file: "DNSans-1-400-SemiBoldItalic.woff",
421
421
  format: "woff",
422
422
  ),
423
423
  ),
@@ -429,11 +429,11 @@ $dnSansItalic: (
429
429
  fontFamily: DNSans,
430
430
  sources: (
431
431
  (
432
- file: "DNSans-1-200-BoldItalic.woff2",
432
+ file: "DNSans-1-400-BoldItalic.woff2",
433
433
  format: "woff2",
434
434
  ),
435
435
  (
436
- file: "DNSans-1-200-BoldItalic.woff",
436
+ file: "DNSans-1-400-BoldItalic.woff",
437
437
  format: "woff",
438
438
  ),
439
439
  ),
@@ -445,11 +445,11 @@ $dnSansItalic: (
445
445
  fontFamily: DNSans,
446
446
  sources: (
447
447
  (
448
- file: "DNSans-1-200-BlackItalic.woff2",
448
+ file: "DNSans-1-400-BlackItalic.woff2",
449
449
  format: "woff2",
450
450
  ),
451
451
  (
452
- file: "DNSans-1-200-BlackItalic.woff",
452
+ file: "DNSans-1-400-BlackItalic.woff",
453
453
  format: "woff",
454
454
  ),
455
455
  ),
package/foundations/variables/typographyTokensList.scss CHANGED
@@ -88,3 +88,4 @@ $ds-typography-detailarticle-opinion: 'detailarticle-opinion';
88
88
  $ds-typography-detailarticle-longread: 'detailarticle-longread';
89
89
  $ds-typography-detailarticle-longread-premium: 'detailarticle-longread-premium';
90
90
  $ds-typography-detailarticle-quote: 'detailarticle-quote';
91
+ $ds-typography-detailmellanrubrik: 'detailmellanrubrik';