@bonniernews/dn-design-system-web 31.0.1-beta.3 → 31.1.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 (19) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/components/teaser-text-on-image/README.md +1 -2
  3. package/components/teaser-text-on-image/teaser-text-on-image.njk +4 -10
  4. package/foundations/variables/gradientsDnDark.scss +9 -9
  5. package/foundations/variables/gradientsDnLight.scss +9 -9
  6. package/foundations/variables/gradientsList.scss +1 -1
  7. package/foundations/variables/shadowsDnDark.scss +7 -7
  8. package/foundations/variables/shadowsDnLight.scss +7 -7
  9. package/foundations/variables/shadowsList.scss +1 -1
  10. package/foundations/variables/typographyList.scss +35 -35
  11. package/foundations/variables/typographyScreenExtraLarge.scss +249 -249
  12. package/foundations/variables/typographyScreenLarge.scss +249 -249
  13. package/foundations/variables/typographyScreenSmall.scss +249 -249
  14. package/package.json +1 -1
  15. package/variables/gradients-dark-mode.json +11 -11
  16. package/variables/gradients-light-mode.json +11 -11
  17. package/variables/gradients-list.json +1 -1
  18. package/variables/shadows-list.json +2 -2
  19. package/variables/typography-list.json +35 -35
package/variables/gradients-light-mode.json CHANGED
@@ -1,35 +1,35 @@
1
1
  {
2
- "content-fade-left": {
2
+ "content-fade-up": {
3
3
  "type": "linear",
4
- "angle": 270,
4
+ "angle": "180",
5
5
  "stops": [
6
6
  {
7
- "color": "#ffffff",
7
+ "color": "rgba(255, 255, 255, 0)",
8
8
  "position": 0
9
9
  },
10
10
  {
11
- "color": "rgba(255, 255, 255, 0)",
11
+ "color": "#ffffff",
12
12
  "position": 1
13
13
  }
14
14
  ]
15
15
  },
16
- "content-fade-right": {
16
+ "content-fade-left": {
17
17
  "type": "linear",
18
- "angle": 270,
18
+ "angle": "270",
19
19
  "stops": [
20
20
  {
21
- "color": "rgba(255, 255, 255, 0)",
21
+ "color": "#ffffff",
22
22
  "position": 0
23
23
  },
24
24
  {
25
- "color": "#ffffff",
25
+ "color": "rgba(255, 255, 255, 0)",
26
26
  "position": 1
27
27
  }
28
28
  ]
29
29
  },
30
- "content-fade-up": {
30
+ "content-fade-right": {
31
31
  "type": "linear",
32
- "angle": 180,
32
+ "angle": "270",
33
33
  "stops": [
34
34
  {
35
35
  "color": "rgba(255, 255, 255, 0)",
@@ -43,7 +43,7 @@
43
43
  },
44
44
  "content-fade-down": {
45
45
  "type": "linear",
46
- "angle": 180,
46
+ "angle": "180",
47
47
  "stops": [
48
48
  {
49
49
  "color": "#ffffff",
package/variables/gradients-list.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
+ "content-fade-up": "var(--ds-gradient-content-fade-up)",
2
3
  "content-fade-left": "var(--ds-gradient-content-fade-left)",
3
4
  "content-fade-right": "var(--ds-gradient-content-fade-right)",
4
- "content-fade-up": "var(--ds-gradient-content-fade-up)",
5
5
  "content-fade-down": "var(--ds-gradient-content-fade-down)"
6
6
  }
package/variables/shadows-list.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "elevation-xs": "--ds-shadow-elevation-xs",
3
+ "elevation-lg": "--ds-shadow-elevation-lg",
3
4
  "elevation-sm": "--ds-shadow-elevation-sm",
4
- "elevation-md": "--ds-shadow-elevation-md",
5
- "elevation-lg": "--ds-shadow-elevation-lg"
5
+ "elevation-md": "--ds-shadow-elevation-md"
6
6
  }
package/variables/typography-list.json CHANGED
@@ -1,56 +1,56 @@
1
1
  {
2
- "expressive-heading-xxs": "'expressive-heading-xxs'",
3
- "expressive-heading-xs": "'expressive-heading-xs'",
4
- "expressive-heading-sm": "'expressive-heading-sm'",
5
- "expressive-heading-md": "'expressive-heading-md'",
6
- "expressive-heading-lg": "'expressive-heading-lg'",
7
- "expressive-heading-xl": "'expressive-heading-xl'",
2
+ "expressive-ingress-md": "'expressive-ingress-md'",
8
3
  "expressive-body-sm": "'expressive-body-sm'",
9
- "expressive-body-md": "'expressive-body-md'",
10
4
  "expressive-body-lg": "'expressive-body-lg'",
5
+ "expressive-heading-xl": "'expressive-heading-xl'",
6
+ "expressive-heading-xs": "'expressive-heading-xs'",
7
+ "expressive-heading-lg": "'expressive-heading-lg'",
8
+ "expressive-heading-md": "'expressive-heading-md'",
11
9
  "expressive-ingress-sm": "'expressive-ingress-sm'",
12
- "expressive-ingress-md": "'expressive-ingress-md'",
10
+ "expressive-heading-xxs": "'expressive-heading-xxs'",
11
+ "expressive-heading-sm": "'expressive-heading-sm'",
12
+ "expressive-body-md": "'expressive-body-md'",
13
13
  "functional-heading-xxs": "'functional-heading-xxs'",
14
- "functional-heading-xs": "'functional-heading-xs'",
15
- "functional-heading-sm": "'functional-heading-sm'",
16
- "functional-heading-md": "'functional-heading-md'",
17
14
  "functional-heading-lg": "'functional-heading-lg'",
18
- "functional-heading-xl": "'functional-heading-xl'",
15
+ "functional-heading-xs": "'functional-heading-xs'",
16
+ "functional-meta-sm": "'functional-meta-sm'",
19
17
  "functional-label-sm": "'functional-label-sm'",
20
- "functional-label-md": "'functional-label-md'",
18
+ "functional-meta-md": "'functional-meta-md'",
19
+ "functional-heading-sm": "'functional-heading-sm'",
21
20
  "functional-body-sm": "'functional-body-sm'",
21
+ "functional-ingress-md": "'functional-ingress-md'",
22
22
  "functional-body-md": "'functional-body-md'",
23
+ "functional-heading-md": "'functional-heading-md'",
24
+ "functional-label-md": "'functional-label-md'",
25
+ "functional-heading-xl": "'functional-heading-xl'",
23
26
  "functional-body-lg": "'functional-body-lg'",
24
- "functional-meta-sm": "'functional-meta-sm'",
25
- "functional-meta-md": "'functional-meta-md'",
26
27
  "functional-ingress-sm": "'functional-ingress-sm'",
27
- "functional-ingress-md": "'functional-ingress-md'",
28
- "detail-dropcap": "'detail-dropcap'",
29
- "detail-gameheader": "'detail-gameheader'",
30
- "detail-medryckare": "'detail-medryckare'",
31
- "detail-mellanrubrik": "'detail-mellanrubrik'",
32
- "detail-direkt-header": "'detail-direkt-header'",
33
- "detail-teaser-standard": "'detail-teaser-standard'",
34
- "detail-teaser-standard-opinion": "'detail-teaser-standard-opinion'",
35
- "detail-teaser-standard-compact": "'detail-teaser-standard-compact'",
36
- "detail-teaser-standard-compact-opinion": "'detail-teaser-standard-compact-opinion'",
37
28
  "detail-teaser-large": "'detail-teaser-large'",
38
- "detail-teaser-large-compact": "'detail-teaser-large-compact'",
39
- "detail-teaser-storrubrik-opinion": "'detail-teaser-storrubrik-opinion'",
40
- "detail-teaser-storrubrik": "'detail-teaser-storrubrik'",
41
- "detail-teaser-twin": "'detail-teaser-twin'",
42
- "detail-teaser-tipsa": "'detail-teaser-tipsa'",
43
- "detail-teaser-baotaxl": "'detail-teaser-baotaxl'",
44
29
  "detail-teaser-longlife": "'detail-teaser-longlife'",
45
30
  "detail-teaser-centrerad": "'detail-teaser-centrerad'",
46
- "detail-teaser-large-opinion": "'detail-teaser-large-opinion'",
31
+ "detail-teaser-standard": "'detail-teaser-standard'",
32
+ "detail-teaser-large-compact": "'detail-teaser-large-compact'",
33
+ "detail-teaser-baotaxl": "'detail-teaser-baotaxl'",
47
34
  "detail-teaser-text-i-bild": "'detail-teaser-text-i-bild'",
35
+ "detail-teaser-large-opinion": "'detail-teaser-large-opinion'",
48
36
  "detail-teaser-large-rightcol": "'detail-teaser-large-rightcol'",
37
+ "detail-teaser-standard-compact-opinion": "'detail-teaser-standard-compact-opinion'",
38
+ "detail-teaser-twin": "'detail-teaser-twin'",
39
+ "detail-teaser-standard-opinion": "'detail-teaser-standard-opinion'",
40
+ "detail-teaser-tipsa": "'detail-teaser-tipsa'",
41
+ "detail-teaser-storrubrik": "'detail-teaser-storrubrik'",
42
+ "detail-teaser-standard-compact": "'detail-teaser-standard-compact'",
43
+ "detail-teaser-storrubrik-opinion": "'detail-teaser-storrubrik-opinion'",
44
+ "detail-medryckare": "'detail-medryckare'",
45
+ "detail-article-quote": "'detail-article-quote'",
49
46
  "detail-article-standard": "'detail-article-standard'",
50
- "detail-article-opinion": "'detail-article-opinion'",
47
+ "detail-article-direkt": "'detail-article-direkt'",
51
48
  "detail-article-longread": "'detail-article-longread'",
52
49
  "detail-article-longread-premium": "'detail-article-longread-premium'",
53
- "detail-article-direkt": "'detail-article-direkt'",
54
50
  "detail-article-direct-opinion": "'detail-article-direct-opinion'",
55
- "detail-article-quote": "'detail-article-quote'"
51
+ "detail-article-opinion": "'detail-article-opinion'",
52
+ "detail-mellanrubrik": "'detail-mellanrubrik'",
53
+ "detail-direkt-header": "'detail-direkt-header'",
54
+ "detail-gameheader": "'detail-gameheader'",
55
+ "detail-dropcap": "'detail-dropcap'"
56
56
  }