@bonniernews/dn-design-system-web 15.2.9 → 15.2.10

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 (4) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/foundations/variables/colorsDnDarkTokens.scss +16 -16
  3. package/package.json +1 -1
  4. package/tokens/colors-dark-mode.json +16 -16
package/CHANGELOG.md CHANGED
@@ -4,6 +4,14 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
4
4
 
5
5
 
6
6
 
7
+ ## [15.2.10](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@15.2.9...@bonniernews/dn-design-system-web@15.2.10) (2024-05-20)
8
+
9
+
10
+ ### Maintenance
11
+
12
+ * **foundations:** update tokens from Figma ([#1311](https://github.com/BonnierNews/dn-design-system/issues/1311)) ([cf67eea](https://github.com/BonnierNews/dn-design-system/commit/cf67eea4dbc8f3d137a808c818a30d184403ea0b))
13
+ * prerelease packages ([72b6db2](https://github.com/BonnierNews/dn-design-system/commit/72b6db204a1ac626fb785893adeb7027ef8a0478))
14
+
7
15
  ## [15.2.9](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@15.2.8...@bonniernews/dn-design-system-web@15.2.9) (2024-05-16)
8
16
 
9
17
 
package/foundations/variables/colorsDnDarkTokens.scss CHANGED
@@ -1,27 +1,27 @@
1
1
  $ds-hex-dark-text-primary: #EDEDED;
2
2
  $ds-hex-dark-text-primary-02: #B8B8B8;
3
3
  $ds-hex-dark-text-secondary: #050505;
4
- $ds-hex-dark-text-critical: #EF7171;
4
+ $ds-hex-dark-text-critical: #FD2330;
5
5
  $ds-hex-dark-text-disabled: #B8B8B8;
6
6
  $ds-hex-dark-text-on-brand: #141414;
7
7
  $ds-hex-dark-text-on-business: #ffffff;
8
8
  $ds-hex-dark-text-on-critical: #ffffff;
9
9
  $ds-hex-dark-text-on-success: #ffffff;
10
- $ds-hex-dark-text-brand: #EF7171;
10
+ $ds-hex-dark-text-brand: #FD2330;
11
11
  $ds-hex-dark-text-body-link: #65A0FC;
12
12
  $ds-hex-dark-text-body-link-visited: #65A0FC;
13
13
  $ds-hex-dark-text-positive: #3A8352;
14
14
  $ds-hex-dark-icon-primary: #EDEDED;
15
15
  $ds-hex-dark-icon-primary-02: #CFCFCF;
16
16
  $ds-hex-dark-icon-secondary: #050505;
17
- $ds-hex-dark-icon-critical: #EF7171;
17
+ $ds-hex-dark-icon-critical: #FD2330;
18
18
  $ds-hex-dark-icon-disabled: #B8B8B8;
19
19
  $ds-hex-dark-icon-on-brand: #141414;
20
20
  $ds-hex-dark-icon-on-critical: #ffffff;
21
21
  $ds-hex-dark-icon-on-success: #ffffff;
22
22
  $ds-hex-dark-icon-on-business: #ffffff;
23
- $ds-hex-dark-icon-brand: #EF7171;
24
- $ds-hex-dark-component-brand: #EF7171;
23
+ $ds-hex-dark-icon-brand: #FD2330;
24
+ $ds-hex-dark-component-brand: #FD2330;
25
25
  $ds-hex-dark-component-business: #3A8352;
26
26
  $ds-hex-dark-component-primary: #EDEDED;
27
27
  $ds-hex-dark-component-primary-overlay: #ffffff21;
@@ -34,8 +34,8 @@ $ds-hex-dark-component-critical-overlay: #A51D24;
34
34
  $ds-hex-dark-component-static-white: #ffffff;
35
35
  $ds-hex-dark-component-positive: #3A8352;
36
36
  $ds-hex-dark-component-primary-02: #CFCFCF;
37
- $ds-hex-dark-surface-below: #050505;
38
- $ds-hex-dark-surface-background: #141414;
37
+ $ds-hex-dark-surface-below: #262626;
38
+ $ds-hex-dark-surface-background: #050505;
39
39
  $ds-hex-dark-surface-raised: #2B2B2B;
40
40
  $ds-hex-dark-surface-native-article: #2B2B2B;
41
41
  $ds-hex-dark-surface-elevated: #2B2B2B;
@@ -43,22 +43,22 @@ $ds-hex-dark-surface-overlay: #05050580;
43
43
  $ds-hex-dark-surface-quiz: #EA3E3F;
44
44
  $ds-hex-dark-surface-korsord: #8BB6E8;
45
45
  $ds-hex-dark-surface-sudoko: #90D0BD;
46
- $ds-hex-dark-border-primary: #ffffff21;
46
+ $ds-hex-dark-border-primary: #3B3B3B;
47
47
  $ds-hex-dark-border-primary-02: #ffffff66;
48
48
  $ds-hex-dark-border-primary-03: #EDEDED;
49
49
  $ds-hex-dark-border-secondary: #141414;
50
50
  $ds-hex-dark-border-business: #3A8352;
51
- $ds-hex-dark-border-critical: #EF7171;
52
- $ds-hex-dark-border-focus: #EF7171;
51
+ $ds-hex-dark-border-critical: #FD2330;
52
+ $ds-hex-dark-border-focus: #FD2330;
53
53
  $ds-hex-dark-border-focus-02: #ffffff;
54
- $ds-hex-dark-border-focus-03: #EF7171;
54
+ $ds-hex-dark-border-focus-03: #FD2330;
55
55
  $ds-hex-dark-border-focus-04: #3A8352;
56
56
  $ds-hex-dark-background-primary: #141414;
57
- $ds-hex-dark-gradient-content-fade-left: linear-gradient(90deg, #14141400 0%, #141414 100%);
58
- $ds-hex-dark-gradient-content-fade-right: linear-gradient(-90deg, #14141400 0%, #141414 100%);
59
- $ds-hex-dark-gradient-content-fade-up: linear-gradient(180deg, #14141400 0%, #141414 100%);
60
- $ds-hex-dark-gradient-content-fade-up-down: linear-gradient(0deg, #14141400 0%, #141414 100%);
61
- $ds-hex-dark-gradient-content-fade-down: linear-gradient(0deg, #14141400 0%, #141414 100%);
57
+ $ds-hex-dark-gradient-content-fade-left: linear-gradient(90deg, #05050500 0%, #050505 100%);
58
+ $ds-hex-dark-gradient-content-fade-right: linear-gradient(-90deg, #05050500 0%, #050505 100%);
59
+ $ds-hex-dark-gradient-content-fade-up: linear-gradient(180deg, #05050500 0%, #050505 100%);
60
+ $ds-hex-dark-gradient-content-fade-up-down: linear-gradient(0deg, #05050500 0%, #050505 100%);
61
+ $ds-hex-dark-gradient-content-fade-down: linear-gradient(0deg, #05050500 0%, #050505 100%);
62
62
  $ds-hex-dark-static-red-100: #FAD4D4;
63
63
  $ds-hex-dark-static-black: #141414;
64
64
  $ds-hex-dark-static-transparent-black: #14141499;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "15.2.9",
3
+ "version": "15.2.10",
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",
package/tokens/colors-dark-mode.json CHANGED
@@ -3,13 +3,13 @@
3
3
  "primary": "#EDEDED",
4
4
  "primary-02": "#B8B8B8",
5
5
  "secondary": "#050505",
6
- "critical": "#EF7171",
6
+ "critical": "#FD2330",
7
7
  "disabled": "#B8B8B8",
8
8
  "on-brand": "#141414",
9
9
  "on-business": "#ffffff",
10
10
  "on-critical": "#ffffff",
11
11
  "on-success": "#ffffff",
12
- "brand": "#EF7171",
12
+ "brand": "#FD2330",
13
13
  "body-link": "#65A0FC",
14
14
  "body-link-visited": "#65A0FC",
15
15
  "positive": "#3A8352"
@@ -18,16 +18,16 @@
18
18
  "primary": "#EDEDED",
19
19
  "primary-02": "#CFCFCF",
20
20
  "secondary": "#050505",
21
- "critical": "#EF7171",
21
+ "critical": "#FD2330",
22
22
  "disabled": "#B8B8B8",
23
23
  "on-brand": "#141414",
24
24
  "on-critical": "#ffffff",
25
25
  "on-success": "#ffffff",
26
26
  "on-business": "#ffffff",
27
- "brand": "#EF7171"
27
+ "brand": "#FD2330"
28
28
  },
29
29
  "component": {
30
- "brand": "#EF7171",
30
+ "brand": "#FD2330",
31
31
  "business": "#3A8352",
32
32
  "primary": "#EDEDED",
33
33
  "primary-overlay": "#ffffff21",
@@ -42,8 +42,8 @@
42
42
  "primary-02": "#CFCFCF"
43
43
  },
44
44
  "surface": {
45
- "below": "#050505",
46
- "background": "#141414",
45
+ "below": "#262626",
46
+ "background": "#050505",
47
47
  "raised": "#2B2B2B",
48
48
  "native-article": "#2B2B2B",
49
49
  "elevated": "#2B2B2B",
@@ -53,26 +53,26 @@
53
53
  "sudoko": "#90D0BD"
54
54
  },
55
55
  "border": {
56
- "primary": "#ffffff21",
56
+ "primary": "#3B3B3B",
57
57
  "primary-02": "#ffffff66",
58
58
  "primary-03": "#EDEDED",
59
59
  "secondary": "#141414",
60
60
  "business": "#3A8352",
61
- "critical": "#EF7171",
62
- "focus": "#EF7171",
61
+ "critical": "#FD2330",
62
+ "focus": "#FD2330",
63
63
  "focus-02": "#ffffff",
64
- "focus-03": "#EF7171",
64
+ "focus-03": "#FD2330",
65
65
  "focus-04": "#3A8352"
66
66
  },
67
67
  "background": {
68
68
  "primary": "#141414"
69
69
  },
70
70
  "gradient": {
71
- "content-fade-left": "linear-gradient(90deg, #14141400 0%, #141414 100%)",
72
- "content-fade-right": "linear-gradient(-90deg, #14141400 0%, #141414 100%)",
73
- "content-fade-up": "linear-gradient(180deg, #14141400 0%, #141414 100%)",
74
- "content-fade-up-down": "linear-gradient(0deg, #14141400 0%, #141414 100%)",
75
- "content-fade-down": "linear-gradient(0deg, #14141400 0%, #141414 100%)"
71
+ "content-fade-left": "linear-gradient(90deg, #05050500 0%, #050505 100%)",
72
+ "content-fade-right": "linear-gradient(-90deg, #05050500 0%, #050505 100%)",
73
+ "content-fade-up": "linear-gradient(180deg, #05050500 0%, #050505 100%)",
74
+ "content-fade-up-down": "linear-gradient(0deg, #05050500 0%, #050505 100%)",
75
+ "content-fade-down": "linear-gradient(0deg, #05050500 0%, #050505 100%)"
76
76
  },
77
77
  "static": {
78
78
  "red-100": "#FAD4D4",