@bonniernews/dn-design-system-web 12.0.1 → 14.0.0

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 (36) hide show
  1. package/CHANGELOG.md +46 -0
  2. package/assets/teaser/teaser.scss +3 -2
  3. package/components/buddy-menu/buddy-menu.scss +1 -1
  4. package/components/floating-button/floating-button.scss +1 -1
  5. package/components/icon-button/icon-button.scss +1 -1
  6. package/components/teaser-list-vertical/teaser-list-vertical.scss +1 -1
  7. package/components/teaser-onsite/teaser-onsite.scss +1 -1
  8. package/foundations/helpers/typography.scss +33 -8
  9. package/foundations/icons/icon.njk +5 -0
  10. package/foundations/icons/sprite.njk +1 -1
  11. package/foundations/icons/sprite.svg +1 -1
  12. package/foundations/icons/svg/x.svg +3 -0
  13. package/foundations/typography/README.md +5 -2
  14. package/foundations/variables/deprecated/typographyTokensList.scss +78 -0
  15. package/foundations/variables/deprecated/typographyTokensScreenExtraLarge.scss +499 -0
  16. package/foundations/variables/deprecated/typographyTokensScreenLarge.scss +499 -0
  17. package/foundations/variables/deprecated/typographyTokensScreenSmall.scss +504 -0
  18. package/foundations/variables/opacity.scss +1 -1
  19. package/foundations/variables/shadowsDnDarkTokens.scss +14 -22
  20. package/foundations/variables/shadowsDnLightTokens.scss +14 -22
  21. package/foundations/variables/shadowsTokensList.scss +4 -5
  22. package/foundations/variables/typographyFontWeight.scss +4 -0
  23. package/foundations/variables/typographyLetterSpacing.scss +3 -0
  24. package/foundations/variables/typographyLineHeight.scss +4 -0
  25. package/foundations/variables/typographyTokensList.scss +1 -80
  26. package/foundations/variables/typographyTokensScreenExtraLarge.scss +18 -522
  27. package/foundations/variables/typographyTokensScreenLarge.scss +18 -522
  28. package/foundations/variables/typographyTokensScreenSmall.scss +19 -528
  29. package/package.json +1 -1
  30. package/tokens/deprecated-typography-list.json +80 -0
  31. package/tokens/icon-list.json +2 -1
  32. package/tokens/shadows-css-variables.json +4 -5
  33. package/tokens/typography-list.json +1 -80
  34. package/foundations/variables/typographyAddons.scss +0 -11
  35. package/tokens/spacing-component-list.json +0 -12
  36. package/tokens/spacing-layout-list.json +0 -17
package/tokens/icon-list.json CHANGED
@@ -87,5 +87,6 @@
87
87
  "visibility": "visibility",
88
88
  "volume_off": "volume_off",
89
89
  "volume_up": "volume_up",
90
- "wifi_off": "wifi_off"
90
+ "wifi_off": "wifi_off",
91
+ "x": "x"
91
92
  }
package/tokens/shadows-css-variables.json CHANGED
@@ -1,7 +1,6 @@
1
1
  {
2
- "drop-shadow-02": "--ds-shadow-drop-shadow-02",
3
- "drop-shadow-a": "--ds-shadow-drop-shadow-a",
4
- "drop-shadow-b": "--ds-shadow-drop-shadow-b",
5
- "drop-shadow-c": "--ds-shadow-drop-shadow-c",
6
- "drop-shadow-d": "--ds-shadow-drop-shadow-d"
2
+ "elevation-xs": "--ds-shadow-elevation-xs",
3
+ "elevation-s": "--ds-shadow-elevation-s",
4
+ "elevation-m": "--ds-shadow-elevation-m",
5
+ "elevation-l": "--ds-shadow-elevation-l"
7
6
  }
package/tokens/typography-list.json CHANGED
@@ -1,87 +1,7 @@
1
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
2
  "detailstandard-button": "'detailstandard-button'",
81
- "detailbottom-nav": "'detailbottom-nav'",
82
3
  "detaildropcap": "'detaildropcap'",
83
4
  "detailstandard-button-small": "'detailstandard-button-small'",
84
- "detailarticle-label": "'detailarticle-label'",
85
5
  "detailmedryckare": "'detailmedryckare'",
86
6
  "detailbaota-xl-label": "'detailbaota-xl-label'",
87
7
  "detailarticle-standard": "'detailarticle-standard'",
@@ -103,6 +23,7 @@
103
23
  "detailteaser-twin": "'detailteaser-twin'",
104
24
  "detailteaser-large-compact": "'detailteaser-large-compact'",
105
25
  "detailteaser-large-compact-opinion": "'detailteaser-large-compact-opinion'",
26
+ "detailteaser-large-storRubrik-opinion": "'detailteaser-large-storRubrik-opinion'",
106
27
  "expressiveheading01": "'expressiveheading01'",
107
28
  "expressiveheading02": "'expressiveheading02'",
108
29
  "expressiveheading03": "'expressiveheading03'",
package/foundations/variables/typographyAddons.scss DELETED
@@ -1,11 +0,0 @@
1
- $ds-fontweight-regular: Regular;
2
- $ds-lineheight-none: 1;
3
- $ds-lineheight-s: 1.1;
4
- $ds-lineheight-m: 1.2;
5
- $ds-lineheight-l: 1.5;
6
- $ds-fontweight-medium: Medium;
7
- $ds-fontweight-semibold: SemiBold;
8
- $ds-fontweight-bold: Bold;
9
- $ds-letterspacing-none: 0;
10
- $ds-letterspacing-xs: 0.2;
11
- $ds-letterspacing-s: 0.5;
package/tokens/spacing-component-list.json DELETED
@@ -1,12 +0,0 @@
1
- {
2
- "x1": "x1",
3
- "x2": "x2",
4
- "x3": "x3",
5
- "x4": "x4",
6
- "x5": "x5",
7
- "x6": "x6",
8
- "x8": "x8",
9
- "x20": "x20",
10
- "outer": "outer",
11
- "outer-negative": "outer-negative"
12
- }
package/tokens/spacing-layout-list.json DELETED
@@ -1,17 +0,0 @@
1
- {
2
- "page-horizontal": "page-horizontal",
3
- "page-top-small": "page-top-small",
4
- "page-top-large": "page-top-large",
5
- "page-bottom": "page-bottom",
6
- "gap-vertical-static-medium": "gap-vertical-static-medium",
7
- "gap-vertical-medium": "gap-vertical-medium",
8
- "gap-vertical-static-large": "gap-vertical-static-large",
9
- "gap-horizontal-static-small": "gap-horizontal-static-small",
10
- "gap-vertical-static-small": "gap-vertical-static-small",
11
- "page-top-xsmall": "page-top-xsmall",
12
- "teaser-vertical-small": "teaser-vertical-small",
13
- "teaser-horizontal": "teaser-horizontal",
14
- "gap-vertical-xsmall": "gap-vertical-xsmall",
15
- "teaser-vertical-medium": "teaser-vertical-medium",
16
- "direkt-header-bottom": "direkt-header-bottom"
17
- }