@bonniernews/dn-design-system-web 11.4.0-beta.2 → 11.4.0-beta.4

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 (13) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/components/badge/badge.scss +2 -2
  3. package/components/teaser-image/teaser-image.scss +2 -2
  4. package/components/teaser-split/teaser-split.scss +1 -1
  5. package/components/teaser-standard/teaser-standard.scss +15 -1
  6. package/components/text-button/text-button.scss +1 -0
  7. package/foundations/helpers/typography.scss +8 -8
  8. package/foundations/typography/README.md +2 -2
  9. package/foundations/variables/typographyAddons.scss +1 -1
  10. package/foundations/variables/typographyTokensScreenExtraLarge.scss +114 -65
  11. package/foundations/variables/typographyTokensScreenLarge.scss +114 -65
  12. package/foundations/variables/typographyTokensScreenSmall.scss +74 -50
  13. package/package.json +1 -1
package/foundations/variables/typographyTokensScreenSmall.scss CHANGED
@@ -3,26 +3,26 @@ $typographyTokensScreenSmall: (
3
3
  fontFamily: "DN Serif Text",
4
4
  fontWeight: Regular,
5
5
  fontSize: 16,
6
- lineHeight: 1.25
6
+ lineHeight: 1.2
7
7
  ),
8
8
  expressive-heading01semibold: (
9
9
  fontFamily: "DN Serif Text",
10
10
  fontWeight: SemiBold,
11
11
  fontSize: 16,
12
- lineHeight: 1.25
12
+ lineHeight: 1.2
13
13
  ),
14
14
  expressive-heading01bold: (
15
15
  fontFamily: "DN Serif Text",
16
16
  fontWeight: Bold,
17
17
  fontSize: 16,
18
- lineHeight: 1.25
18
+ lineHeight: 1.2
19
19
  ),
20
20
  expressive-heading01italicregular: (
21
21
  fontFamily: "DN Serif Text",
22
22
  fontWeight: Medium,
23
23
  fontSize: 16,
24
24
  letterSpacing: "",
25
- lineHeight: 1.25,
25
+ lineHeight: 1.2,
26
26
  fontStyle: italic
27
27
  ),
28
28
  expressive-heading01italicsemibold: (
@@ -30,7 +30,7 @@ $typographyTokensScreenSmall: (
30
30
  fontWeight: SemiBold,
31
31
  fontSize: 16,
32
32
  letterSpacing: "",
33
- lineHeight: 1.25,
33
+ lineHeight: 1.2,
34
34
  fontStyle: italic
35
35
  ),
36
36
  expressive-heading01italicbold: (
@@ -38,83 +38,83 @@ $typographyTokensScreenSmall: (
38
38
  fontWeight: Bold,
39
39
  fontSize: 16,
40
40
  letterSpacing: "",
41
- lineHeight: 1.25,
41
+ lineHeight: 1.2,
42
42
  fontStyle: italic
43
43
  ),
44
44
  expressive-heading02regular: (
45
45
  fontFamily: "DN Serif Text",
46
46
  fontWeight: Regular,
47
47
  fontSize: 17,
48
- lineHeight: 1.25
48
+ lineHeight: 1.2
49
49
  ),
50
50
  expressive-heading02semibold: (
51
51
  fontFamily: "DN Serif Text",
52
52
  fontWeight: SemiBold,
53
53
  fontSize: 17,
54
- lineHeight: 1.25
54
+ lineHeight: 1.2
55
55
  ),
56
56
  expressive-heading02bold: (
57
57
  fontFamily: "DN Serif Text",
58
58
  fontWeight: Bold,
59
59
  fontSize: 17,
60
- lineHeight: 1.25
60
+ lineHeight: 1.2
61
61
  ),
62
62
  expressive-heading02italicregular: (
63
63
  fontFamily: "DN Serif Text",
64
64
  fontWeight: Regular,
65
65
  fontSize: 17,
66
- lineHeight: 1.25,
66
+ lineHeight: 1.2,
67
67
  fontStyle: italic
68
68
  ),
69
69
  expressive-heading02italicsemibold: (
70
70
  fontFamily: "DN Serif Text",
71
71
  fontWeight: SemiBold,
72
72
  fontSize: 17,
73
- lineHeight: 1.25,
73
+ lineHeight: 1.2,
74
74
  fontStyle: italic
75
75
  ),
76
76
  expressive-heading02italicbold: (
77
77
  fontFamily: "DN Serif Text",
78
78
  fontWeight: Bold,
79
79
  fontSize: 17,
80
- lineHeight: 1.25,
80
+ lineHeight: 1.2,
81
81
  fontStyle: italic
82
82
  ),
83
83
  expressive-heading03regular: (
84
84
  fontFamily: "DN Serif Headline",
85
85
  fontWeight: Regular,
86
86
  fontSize: 20,
87
- lineHeight: 1.25
87
+ lineHeight: 1.2
88
88
  ),
89
89
  expressive-heading03semibold: (
90
90
  fontFamily: "DN Serif Headline",
91
91
  fontWeight: SemiBold,
92
92
  fontSize: 20,
93
- lineHeight: 1.25
93
+ lineHeight: 1.2
94
94
  ),
95
95
  expressive-heading03bold: (
96
96
  fontFamily: "DN Serif Headline",
97
97
  fontWeight: Bold,
98
98
  fontSize: 20,
99
- lineHeight: 1.25
99
+ lineHeight: 1.2
100
100
  ),
101
101
  expressive-heading03italicregular: (
102
102
  fontSize: 22,
103
- lineHeight: 1.25,
103
+ lineHeight: 1.2,
104
104
  fontWeight: Regular,
105
105
  fontFamily: "DN Serif Headline",
106
106
  fontStyle: italic
107
107
  ),
108
108
  expressive-heading03italicsemibold: (
109
109
  fontSize: 22,
110
- lineHeight: 1.25,
110
+ lineHeight: 1.2,
111
111
  fontWeight: SemiBold,
112
112
  fontFamily: "DN Serif Headline",
113
113
  fontStyle: italic
114
114
  ),
115
115
  expressive-heading03italicbold: (
116
116
  fontSize: 22,
117
- lineHeight: 1.25,
117
+ lineHeight: 1.2,
118
118
  fontWeight: Bold,
119
119
  fontFamily: "DN Serif Headline",
120
120
  fontStyle: italic
@@ -203,19 +203,19 @@ $typographyTokensScreenSmall: (
203
203
  fontFamily: "DN Sans",
204
204
  fontWeight: Regular,
205
205
  fontSize: 16,
206
- lineHeight: 1.25
206
+ lineHeight: 1.2
207
207
  ),
208
208
  functional-heading01semibold: (
209
209
  fontFamily: "DN Sans",
210
210
  fontWeight: SemiBold,
211
211
  fontSize: 16,
212
- lineHeight: 1.25
212
+ lineHeight: 1.2
213
213
  ),
214
214
  functional-heading01bold: (
215
215
  fontFamily: "DN Sans",
216
216
  fontWeight: Bold,
217
217
  fontSize: 16,
218
- lineHeight: 1.25
218
+ lineHeight: 1.2
219
219
  ),
220
220
  functional-heading02regular: (
221
221
  fontFamily: "DN Sans",
@@ -238,19 +238,19 @@ $typographyTokensScreenSmall: (
238
238
  functional-heading03regular: (
239
239
  fontFamily: "DN Sans",
240
240
  fontWeight: Regular,
241
- lineHeight: 1.25,
241
+ lineHeight: 1.2,
242
242
  fontSize: 20
243
243
  ),
244
244
  functional-heading03semibold: (
245
245
  fontFamily: "DN Sans",
246
246
  fontWeight: SemiBold,
247
- lineHeight: 1.25,
247
+ lineHeight: 1.2,
248
248
  fontSize: 20
249
249
  ),
250
250
  functional-heading03bold: (
251
251
  fontFamily: "DN Sans",
252
252
  fontWeight: Bold,
253
- lineHeight: 1.25,
253
+ lineHeight: 1.2,
254
254
  fontSize: 20
255
255
  ),
256
256
  functional-heading04regular: (
@@ -505,7 +505,8 @@ $typographyTokensScreenSmall: (
505
505
  fontFamily: "DN Sans",
506
506
  fontWeight: SemiBold,
507
507
  lineHeight: 1.5,
508
- fontSize: 16
508
+ fontSize: 16,
509
+ letterSpacing: 0
509
510
  ),
510
511
  detailbottom-nav: (
511
512
  fontFamily: "DN Sans",
@@ -518,13 +519,15 @@ $typographyTokensScreenSmall: (
518
519
  fontFamily: "DN Serif Display",
519
520
  lineHeight: 1,
520
521
  fontSize: 52,
521
- fontWeight: Bold
522
+ fontWeight: Bold,
523
+ letterSpacing: 0
522
524
  ),
523
525
  detailstandard-button-small: (
524
526
  fontFamily: "DN Sans",
525
527
  fontWeight: SemiBold,
526
528
  lineHeight: 1.5,
527
- fontSize: 14
529
+ fontSize: 14,
530
+ letterSpacing: 0
528
531
  ),
529
532
  detailarticle-label: (
530
533
  fontFamily: "DN Sans",
@@ -538,7 +541,8 @@ $typographyTokensScreenSmall: (
538
541
  fontFamily: "DN Serif Text",
539
542
  fontWeight: Regular,
540
543
  fontSize: 16,
541
- lineHeight: 1.38
544
+ lineHeight: 1.38,
545
+ letterSpacing: 0
542
546
  ),
543
547
  detailbaota-xl-label: (
544
548
  fontFamily: "DN Sans",
@@ -546,88 +550,101 @@ $typographyTokensScreenSmall: (
546
550
  lineHeight: 1.5,
547
551
  fontSize: 16,
548
552
  textCase: upperCase,
549
- letterSpacing: 0.7
553
+ letterSpacing: 0.5
550
554
  ),
551
555
  detailarticle-standard: (
552
556
  fontFamily: "DN Serif Headline",
553
557
  fontWeight: Bold,
554
558
  lineHeight: 1.1,
555
- fontSize: 26
559
+ fontSize: 26,
560
+ letterSpacing: 0
556
561
  ),
557
562
  detailarticle-opinion: (
558
563
  fontFamily: "DN Serif Headline",
559
564
  fontWeight: Regular,
560
565
  lineHeight: 1.1,
561
566
  fontSize: 26,
567
+ letterSpacing: 0,
562
568
  fontStyle: italic
563
569
  ),
564
570
  detailarticle-longread: (
565
571
  fontFamily: "DN Serif Display",
566
572
  fontWeight: Regular,
567
573
  lineHeight: 1.1,
568
- fontSize: 32
574
+ fontSize: 32,
575
+ letterSpacing: 0
569
576
  ),
570
577
  detailarticle-longread-premium: (
571
578
  fontFamily: "DN Serif Display",
572
579
  fontWeight: Bold,
573
580
  lineHeight: 1.1,
574
- fontSize: 32
581
+ fontSize: 32,
582
+ letterSpacing: 0
575
583
  ),
576
584
  detailarticle-quote: (
577
585
  fontFamily: "DN Serif Headline",
578
586
  fontWeight: Bold,
579
- lineHeight: 1.25,
580
- fontSize: 20
587
+ lineHeight: 1.2,
588
+ fontSize: 20,
589
+ letterSpacing: 0
581
590
  ),
582
591
  detailmellanrubrik: (
583
592
  fontFamily: "DN Serif Headline",
584
593
  fontWeight: Bold,
585
594
  fontSize: 20,
586
- lineHeight: 1.25
595
+ lineHeight: 1.2,
596
+ letterSpacing: 0
587
597
  ),
588
598
  detailarticle-direkt: (
589
599
  fontFamily: "DN Serif Headline",
590
600
  fontWeight: Bold,
591
- lineHeight: 1.25,
592
- fontSize: 20
601
+ lineHeight: 1.2,
602
+ fontSize: 20,
603
+ letterSpacing: 0
593
604
  ),
594
605
  detailarticle-direkt-opinion: (
595
606
  fontFamily: "DN Serif Headline",
596
607
  fontWeight: Regular,
597
- lineHeight: 1.25,
608
+ lineHeight: 1.2,
598
609
  fontSize: 20,
610
+ letterSpacing: 0,
599
611
  fontStyle: italic
600
612
  ),
601
613
  detaildirekt-header: (
602
614
  fontFamily: "DN Serif Display",
603
615
  fontWeight: Regular,
604
616
  fontSize: 32,
605
- lineHeight: 1.1
617
+ lineHeight: 1.1,
618
+ letterSpacing: 0
606
619
  ),
607
620
  detailteaser-standard-compact: (
608
621
  fontFamily: "DN Serif Headline",
609
622
  fontWeight: Bold,
610
- lineHeight: 1.25,
611
- fontSize: 18
623
+ lineHeight: 1.2,
624
+ fontSize: 18,
625
+ letterSpacing: 0
612
626
  ),
613
627
  detailteaser-standard-compact-opinion: (
614
628
  fontFamily: "DN Serif Headline",
615
629
  fontWeight: Medium,
616
- lineHeight: 1.25,
630
+ lineHeight: 1.2,
617
631
  fontSize: 18,
632
+ letterSpacing: 0,
618
633
  fontStyle: italic
619
634
  ),
620
635
  detailteaser-large: (
621
636
  fontFamily: "DN Serif Headline",
622
637
  fontWeight: Bold,
623
638
  lineHeight: 1.1,
624
- fontSize: 26
639
+ fontSize: 26,
640
+ letterSpacing: 0
625
641
  ),
626
642
  detailteaser-large-opinion: (
627
643
  fontFamily: "DN Serif Headline",
628
644
  fontWeight: Regular,
629
- lineHeight: 1.25,
645
+ lineHeight: 1.2,
630
646
  fontSize: 22,
647
+ letterSpacing: 0,
631
648
  fontStyle: italic
632
649
  ),
633
650
  detailteaser-large-storRubrik: (
@@ -635,37 +652,44 @@ $typographyTokensScreenSmall: (
635
652
  fontWeight: Regular,
636
653
  lineHeight: 1.1,
637
654
  fontSize: 26,
655
+ letterSpacing: 0,
638
656
  fontStyle: italic
639
657
  ),
640
658
  detailteaser-standard: (
641
659
  fontFamily: "DN Serif Headline",
642
660
  fontSize: 20,
643
- lineHeight: 1.25
661
+ lineHeight: 1.2,
662
+ letterSpacing: 0,
663
+ fontWeight: Bold
644
664
  ),
645
665
  detailteaser-standard-opinion: (
646
666
  fontFamily: "DN Serif Headline",
647
667
  fontWeight: Regular,
648
- lineHeight: 1.25,
668
+ lineHeight: 1.2,
649
669
  fontSize: 22,
670
+ letterSpacing: 0,
650
671
  fontStyle: italic
651
672
  ),
652
673
  detailteaser-twin: (
653
674
  fontFamily: "DN Serif Text",
654
675
  fontWeight: Bold,
655
- lineHeight: 1.25,
656
- fontSize: 17
676
+ lineHeight: 1.2,
677
+ fontSize: 17,
678
+ letterSpacing: 0
657
679
  ),
658
680
  detailteaser-large-compact: (
659
681
  fontFamily: "DN Serif Headline",
660
682
  fontWeight: Bold,
661
683
  fontSize: 26,
662
- lineHeight: 1.1
684
+ lineHeight: 1.1,
685
+ letterSpacing: 0
663
686
  ),
664
687
  detailteaser-large-compact-opinion: (
665
688
  fontFamily: "DN Serif Headline",
666
689
  fontWeight: Medium,
667
690
  fontSize: 18,
668
- lineHeight: 1.25,
691
+ lineHeight: 1.2,
692
+ letterSpacing: 0,
669
693
  fontStyle: italic
670
694
  ),
671
695
  expressiveheading01: (
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "11.4.0-beta.2",
3
+ "version": "11.4.0-beta.4",
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",