@bonniernews/dn-design-system-web 7.2.2 → 8.0.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 (5) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/components/teaser-list-swipe/teaser-list-swipe.scss +1 -0
  3. package/foundations/helpers/utilities.scss +9 -0
  4. package/foundations/typography/fontDefinitions.scss +16 -120
  5. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,28 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 8.0.1 (2023-10-27)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **web:** hide scrollbars in TeaserListSwipe ([#1074](https://github.com/BonnierNews/dn-design-system/issues/1074)) ([69351f0](https://github.com/BonnierNews/dn-design-system/commit/69351f08c1d2548ea0b957e92a61ae6dae018b9a))
12
+
13
+
14
+
15
+ ## 8.0.0 (2023-10-26)
16
+
17
+
18
+ ### ⚠ BREAKING CHANGES
19
+
20
+ * dn serif 1-600 (#1067)
21
+
22
+ ### Miscellaneous Chores
23
+
24
+ * dn serif 1-600 ([#1067](https://github.com/BonnierNews/dn-design-system/issues/1067)) ([559781c](https://github.com/BonnierNews/dn-design-system/commit/559781c0fa28afed305d95d410ecaaff75b06767))
25
+
26
+
27
+
6
28
  ## 7.2.2 (2023-10-24)
7
29
 
8
30
 
package/components/teaser-list-swipe/teaser-list-swipe.scss CHANGED
@@ -19,6 +19,7 @@
19
19
  grid-auto-flow: column;
20
20
  gap: ds-spacing($ds-s-050);
21
21
 
22
+ @include ds-hide-scrollbars();
22
23
  @include ds-teaser-focus(2px);
23
24
  }
24
25
 
package/foundations/helpers/utilities.scss CHANGED
@@ -11,3 +11,12 @@
11
11
 
12
12
  @return $number;
13
13
  }
14
+
15
+ @mixin ds-hide-scrollbars() {
16
+ scrollbar-width: none; // hide scrollbar in Firefox
17
+ -ms-overflow-style: none; // hide scrollbar in IE
18
+
19
+ &::-webkit-scrollbar {
20
+ display: none; // hide scrhollbar in chrome, edge & safari
21
+ }
22
+ }
package/foundations/typography/fontDefinitions.scss CHANGED
@@ -3,7 +3,7 @@ $dnSerif: (
3
3
  fontFamily: DNSerifVf,
4
4
  sources: (
5
5
  (
6
- file: "DNSerif-1-300-Variable.woff2",
6
+ file: "DNSerif-1-600-Variable.woff2",
7
7
  format: "woff2-variations",
8
8
  ),
9
9
  ),
@@ -14,13 +14,9 @@ $dnSerif: (
14
14
  fontFamily: DNSerif,
15
15
  sources: (
16
16
  (
17
- file: "DNSerifHeadline-1-300-Light.woff2",
17
+ file: "DNSerifHeadline-1-600-Light.woff2",
18
18
  format: "woff2",
19
19
  ),
20
- (
21
- file: "DNSerifHeadline-1-300-Light.woff",
22
- format: "woff",
23
- ),
24
20
  ),
25
21
  fontWeight: 300,
26
22
  fontDisplay: swap,
@@ -29,13 +25,9 @@ $dnSerif: (
29
25
  fontFamily: DNSerif,
30
26
  sources: (
31
27
  (
32
- file: "DNSerifHeadline-1-300-Regular.woff2",
28
+ file: "DNSerifHeadline-1-600-Regular.woff2",
33
29
  format: "woff2",
34
30
  ),
35
- (
36
- file: "DNSerifHeadline-1-300-Regular.woff",
37
- format: "woff",
38
- ),
39
31
  ),
40
32
  fontWeight: 400,
41
33
  fontDisplay: swap,
@@ -44,13 +36,9 @@ $dnSerif: (
44
36
  fontFamily: DNSerif,
45
37
  sources: (
46
38
  (
47
- file: "DNSerifHeadline-1-300-Medium.woff2",
39
+ file: "DNSerifHeadline-1-600-Medium.woff2",
48
40
  format: "woff2",
49
41
  ),
50
- (
51
- file: "DNSerifHeadline-1-300-Medium.woff",
52
- format: "woff",
53
- ),
54
42
  ),
55
43
  fontWeight: 500,
56
44
  fontDisplay: swap,
@@ -59,13 +47,9 @@ $dnSerif: (
59
47
  fontFamily: DNSerif,
60
48
  sources: (
61
49
  (
62
- file: "DNSerifHeadline-1-300-SemiBold.woff2",
50
+ file: "DNSerifHeadline-1-600-SemiBold.woff2",
63
51
  format: "woff2",
64
52
  ),
65
- (
66
- file: "DNSerifHeadline-1-300-SemiBold.woff",
67
- format: "woff",
68
- ),
69
53
  ),
70
54
  fontWeight: 600,
71
55
  fontDisplay: swap,
@@ -74,13 +58,9 @@ $dnSerif: (
74
58
  fontFamily: DNSerif,
75
59
  sources: (
76
60
  (
77
- file: "DNSerifHeadline-1-300-Bold.woff2",
61
+ file: "DNSerifHeadline-1-600-Bold.woff2",
78
62
  format: "woff2",
79
63
  ),
80
- (
81
- file: "DNSerifHeadline-1-300-Bold.woff",
82
- format: "woff",
83
- ),
84
64
  ),
85
65
  fontWeight: 700,
86
66
  fontDisplay: swap,
@@ -89,13 +69,9 @@ $dnSerif: (
89
69
  fontFamily: DNSerif,
90
70
  sources: (
91
71
  (
92
- file: "DNSerifHeadline-1-300-ExtraBold.woff2",
72
+ file: "DNSerifHeadline-1-600-ExtraBold.woff2",
93
73
  format: "woff2",
94
74
  ),
95
- (
96
- file: "DNSerifHeadline-1-300-ExtraBold.woff",
97
- format: "woff",
98
- ),
99
75
  ),
100
76
  fontWeight: 800,
101
77
  fontDisplay: swap,
@@ -104,13 +80,9 @@ $dnSerif: (
104
80
  fontFamily: DNSerif,
105
81
  sources: (
106
82
  (
107
- file: "DNSerifHeadline-1-300-Black.woff2",
83
+ file: "DNSerifHeadline-1-600-Black.woff2",
108
84
  format: "woff2",
109
85
  ),
110
- (
111
- file: "DNSerifHeadline-1-300-Black.woff",
112
- format: "woff",
113
- ),
114
86
  ),
115
87
  fontWeight: 900,
116
88
  fontDisplay: swap,
@@ -122,7 +94,7 @@ $dnSerifItalic: (
122
94
  fontFamily: DNSerifVf,
123
95
  sources: (
124
96
  (
125
- file: "DNSerifItalic-1-300-Variable.woff2",
97
+ file: "DNSerifItalic-1-600-Variable.woff2",
126
98
  format: "woff2-variations",
127
99
  ),
128
100
  ),
@@ -134,13 +106,9 @@ $dnSerifItalic: (
134
106
  fontFamily: DNSerif,
135
107
  sources: (
136
108
  (
137
- file: "DNSerifHeadline-1-300-LightItalic.woff2",
109
+ file: "DNSerifHeadline-1-600-LightItalic.woff2",
138
110
  format: "woff2",
139
111
  ),
140
- (
141
- file: "DNSerifHeadline-1-300-LightItalic.woff",
142
- format: "woff",
143
- ),
144
112
  ),
145
113
  fontWeight: 300,
146
114
  fontStyle: italic,
@@ -150,13 +118,9 @@ $dnSerifItalic: (
150
118
  fontFamily: DNSerif,
151
119
  sources: (
152
120
  (
153
- file: "DNSerifHeadline-1-300-RegularItalic.woff2",
121
+ file: "DNSerifHeadline-1-600-RegularItalic.woff2",
154
122
  format: "woff2",
155
123
  ),
156
- (
157
- file: "DNSerifHeadline-1-300-RegularItalic.woff",
158
- format: "woff",
159
- ),
160
124
  ),
161
125
  fontWeight: 400,
162
126
  fontStyle: italic,
@@ -166,13 +130,9 @@ $dnSerifItalic: (
166
130
  fontFamily: DNSerif,
167
131
  sources: (
168
132
  (
169
- file: "DNSerifHeadline-1-300-MediumItalic.woff2",
133
+ file: "DNSerifHeadline-1-600-MediumItalic.woff2",
170
134
  format: "woff2",
171
135
  ),
172
- (
173
- file: "DNSerifHeadline-1-300-MediumItalic.woff",
174
- format: "woff",
175
- ),
176
136
  ),
177
137
  fontWeight: 500,
178
138
  fontStyle: italic,
@@ -182,13 +142,9 @@ $dnSerifItalic: (
182
142
  fontFamily: DNSerif,
183
143
  sources: (
184
144
  (
185
- file: "DNSerifHeadline-1-300-SemiBoldItalic.woff2",
145
+ file: "DNSerifHeadline-1-600-SemiBoldItalic.woff2",
186
146
  format: "woff2",
187
147
  ),
188
- (
189
- file: "DNSerifHeadline-1-300-SemiBoldItalic.woff",
190
- format: "woff",
191
- ),
192
148
  ),
193
149
  fontWeight: 600,
194
150
  fontStyle: italic,
@@ -198,13 +154,9 @@ $dnSerifItalic: (
198
154
  fontFamily: DNSerif,
199
155
  sources: (
200
156
  (
201
- file: "DNSerifHeadline-1-300-BoldItalic.woff2",
157
+ file: "DNSerifHeadline-1-600-BoldItalic.woff2",
202
158
  format: "woff2",
203
159
  ),
204
- (
205
- file: "DNSerifHeadline-1-300-BoldItalic.woff",
206
- format: "woff",
207
- ),
208
160
  ),
209
161
  fontWeight: 700,
210
162
  fontStyle: italic,
@@ -214,13 +166,9 @@ $dnSerifItalic: (
214
166
  fontFamily: DNSerif,
215
167
  sources: (
216
168
  (
217
- file: "DNSerifHeadline-1-300-ExtraBoldItalic.woff2",
169
+ file: "DNSerifHeadline-1-600-ExtraBoldItalic.woff2",
218
170
  format: "woff2",
219
171
  ),
220
- (
221
- file: "DNSerifHeadline-1-300-ExtraBoldItalic.woff",
222
- format: "woff",
223
- ),
224
172
  ),
225
173
  fontWeight: 800,
226
174
  fontStyle: italic,
@@ -230,13 +178,9 @@ $dnSerifItalic: (
230
178
  fontFamily: DNSerif,
231
179
  sources: (
232
180
  (
233
- file: "DNSerifHeadline-1-300-BlackItalic.woff2",
181
+ file: "DNSerifHeadline-1-600-BlackItalic.woff2",
234
182
  format: "woff2",
235
183
  ),
236
- (
237
- file: "DNSerifHeadline-1-300-BlackItalic.woff",
238
- format: "woff",
239
- ),
240
184
  ),
241
185
  fontWeight: 900,
242
186
  fontStyle: italic,
@@ -263,10 +207,6 @@ $dnSans: (
263
207
  file: "DNSans-1-400-Light.woff2",
264
208
  format: "woff2",
265
209
  ),
266
- (
267
- file: "DNSans-1-400-Light.woff",
268
- format: "woff",
269
- ),
270
210
  ),
271
211
  fontWeight: 300,
272
212
  fontDisplay: swap,
@@ -278,10 +218,6 @@ $dnSans: (
278
218
  file: "DNSans-1-400-Regular.woff2",
279
219
  format: "woff2",
280
220
  ),
281
- (
282
- file: "DNSans-1-400-Regular.woff",
283
- format: "woff",
284
- ),
285
221
  ),
286
222
  fontWeight: 400,
287
223
  fontDisplay: swap,
@@ -293,10 +229,6 @@ $dnSans: (
293
229
  file: "DNSans-1-400-Medium.woff2",
294
230
  format: "woff2",
295
231
  ),
296
- (
297
- file: "DNSans-1-400-Medium.woff",
298
- format: "woff",
299
- ),
300
232
  ),
301
233
  fontWeight: 500,
302
234
  fontDisplay: swap,
@@ -308,10 +240,6 @@ $dnSans: (
308
240
  file: "DNSans-1-400-SemiBold.woff2",
309
241
  format: "woff2",
310
242
  ),
311
- (
312
- file: "DNSans-1-400-SemiBold.woff",
313
- format: "woff",
314
- ),
315
243
  ),
316
244
  fontWeight: 600,
317
245
  fontDisplay: swap,
@@ -323,10 +251,6 @@ $dnSans: (
323
251
  file: "DNSans-1-400-Bold.woff2",
324
252
  format: "woff2",
325
253
  ),
326
- (
327
- file: "DNSans-1-400-Bold.woff",
328
- format: "woff",
329
- ),
330
254
  ),
331
255
  fontWeight: 700,
332
256
  fontDisplay: swap,
@@ -338,10 +262,6 @@ $dnSans: (
338
262
  file: "DNSans-1-400-Black.woff2",
339
263
  format: "woff2",
340
264
  ),
341
- (
342
- file: "DNSans-1-400-Black.woff",
343
- format: "woff",
344
- ),
345
265
  ),
346
266
  fontWeight: 900,
347
267
  fontDisplay: swap,
@@ -368,10 +288,6 @@ $dnSansItalic: (
368
288
  file: "DNSans-1-400-LightItalic.woff2",
369
289
  format: "woff2",
370
290
  ),
371
- (
372
- file: "DNSans-1-400-LightItalic.woff",
373
- format: "woff",
374
- ),
375
291
  ),
376
292
  fontWeight: 300,
377
293
  fontStyle: italic,
@@ -384,10 +300,6 @@ $dnSansItalic: (
384
300
  file: "DNSans-1-400-RegularItalic.woff2",
385
301
  format: "woff2",
386
302
  ),
387
- (
388
- file: "DNSans-1-400-RegularItalic.woff",
389
- format: "woff",
390
- ),
391
303
  ),
392
304
  fontWeight: 400,
393
305
  fontStyle: italic,
@@ -400,10 +312,6 @@ $dnSansItalic: (
400
312
  file: "DNSans-1-400-MediumItalic.woff2",
401
313
  format: "woff2",
402
314
  ),
403
- (
404
- file: "DNSans-1-400-MediumItalic.woff",
405
- format: "woff",
406
- ),
407
315
  ),
408
316
  fontWeight: 500,
409
317
  fontStyle: italic,
@@ -416,10 +324,6 @@ $dnSansItalic: (
416
324
  file: "DNSans-1-400-SemiBoldItalic.woff2",
417
325
  format: "woff2",
418
326
  ),
419
- (
420
- file: "DNSans-1-400-SemiBoldItalic.woff",
421
- format: "woff",
422
- ),
423
327
  ),
424
328
  fontWeight: 600,
425
329
  fontStyle: italic,
@@ -432,10 +336,6 @@ $dnSansItalic: (
432
336
  file: "DNSans-1-400-BoldItalic.woff2",
433
337
  format: "woff2",
434
338
  ),
435
- (
436
- file: "DNSans-1-400-BoldItalic.woff",
437
- format: "woff",
438
- ),
439
339
  ),
440
340
  fontWeight: 700,
441
341
  fontStyle: italic,
@@ -448,10 +348,6 @@ $dnSansItalic: (
448
348
  file: "DNSans-1-400-BlackItalic.woff2",
449
349
  format: "woff2",
450
350
  ),
451
- (
452
- file: "DNSans-1-400-BlackItalic.woff",
453
- format: "woff",
454
- ),
455
351
  ),
456
352
  fontWeight: 900,
457
353
  fontStyle: italic,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "7.2.2",
3
+ "version": "8.0.1",
4
4
  "description": "DN design system for web.",
5
5
  "main": "index.js",
6
6
  "homepage": "https://github.com/BonnierNews/dn-design-system/tree/main/web/src#readme",