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