@bonniernews/dn-design-system-web 0.1.0 → 0.1.2-alpha.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 (6) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/components/text-input/text-input.scss +2 -2
  3. package/foundations/variables/colorsDnDarkTokens.scss +4 -5
  4. package/foundations/variables/colorsDnLightTokens.scss +3 -4
  5. package/foundations/variables/colorsTokensList.scss +2 -3
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 0.1.2-alpha.0 (2022-12-06)
7
+
8
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.1.1-alpha.0](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@0.1.0...@bonniernews/dn-design-system-web@0.1.1-alpha.0) (2022-12-05)
15
+
16
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
17
+
18
+
19
+
20
+
21
+
6
22
  # [0.1.0](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@0.1.0-alpha.64...@bonniernews/dn-design-system-web@0.1.0) (2022-12-05)
7
23
 
8
24
  **Note:** Version bump only for package @bonniernews/dn-design-system-web
package/components/text-input/text-input.scss CHANGED
@@ -27,7 +27,7 @@ $ds-text-input-toggle-btn__area: (
27
27
  box-sizing: border-box;
28
28
  width: 100%;
29
29
  color: var($ds-color-text-primary);
30
- background-color: var($ds-color-surface-primary);
30
+ background-color: var($ds-color-component-secondary);
31
31
  @include ds-typography($ds-typography-functional-body02regular);
32
32
  padding: ds-px-to-rem(ds-spacing-component(x4) - ds-metrics-border-width(x1))
33
33
  ds-spacing-component(x4) - ds-metrics-border-width(x1);
@@ -51,7 +51,7 @@ $ds-text-input-toggle-btn__area: (
51
51
  top: 0;
52
52
 
53
53
  &::before {
54
- background-color: var($ds-color-surface-primary);
54
+ background-color: var($ds-color-component-secondary);
55
55
  }
56
56
  }
57
57
  }
package/foundations/variables/colorsDnDarkTokens.scss CHANGED
@@ -22,7 +22,7 @@ $ds-hex-dark-component-business: #3A8352;
22
22
  $ds-hex-dark-component-primary: #EDEDED;
23
23
  $ds-hex-dark-component-primary-overlay: #ffffff1a;
24
24
  $ds-hex-dark-component-primary-overlay-02: #ffffff33;
25
- $ds-hex-dark-component-secondary: #050505;
25
+ $ds-hex-dark-component-secondary: #141414;
26
26
  $ds-hex-dark-component-secondary-overlay: #0808081a;
27
27
  $ds-hex-dark-component-secondary-overlay-02: #08080833;
28
28
  $ds-hex-dark-component-critical: #EA3E3F;
@@ -31,8 +31,8 @@ $ds-hex-dark-component-static-white: #ffffff;
31
31
  $ds-hex-dark-component-positive: #3A8352;
32
32
  $ds-hex-dark-surface-below: #050505;
33
33
  $ds-hex-dark-surface-background: #141414;
34
- $ds-hex-dark-surface-primary: #141414;
35
- $ds-hex-dark-surface-elevated: #141414;
34
+ $ds-hex-dark-surface-raised: #141414;
35
+ $ds-hex-dark-surface-elevated: #2B2B2B;
36
36
  $ds-hex-dark-border-primary: #ffffff1a;
37
37
  $ds-hex-dark-border-primary-02: #ffffff66;
38
38
  $ds-hex-dark-border-primary-03: #EDEDED;
@@ -44,8 +44,7 @@ $ds-hex-dark-border-focus-02: #ffffff;
44
44
  $ds-hex-dark-border-focus-03: #EA3E3F;
45
45
  $ds-hex-dark-border-focus-04: #3A8352;
46
46
  $ds-hex-dark-background-primary: #050505;
47
- $ds-hex-dark-decor-brand-strong: #EA3E3F;
48
- $ds-hex-dark-decor-brand-soft: #FAD4D4;
47
+ $ds-hex-dark-static-brand-soft: #FAD4D4;
49
48
  $ds-hex-dark-static-black: #050505;
50
49
  $ds-hex-dark-static-transparent-black: #08080880;
51
50
  $ds-hex-dark-static-white: #ffffff;
package/foundations/variables/colorsDnLightTokens.scss CHANGED
@@ -19,7 +19,7 @@ $ds-hex-icon-on-critical: #ffffff;
19
19
  $ds-hex-icon-on-success: #ffffff;
20
20
  $ds-hex-component-brand: #DA000D;
21
21
  $ds-hex-component-business: #3A8352;
22
- $ds-hex-component-primary: #050505;
22
+ $ds-hex-component-primary: #141414;
23
23
  $ds-hex-component-primary-overlay: #0808081a;
24
24
  $ds-hex-component-primary-overlay-02: #08080833;
25
25
  $ds-hex-component-secondary: #ffffff;
@@ -31,7 +31,7 @@ $ds-hex-component-static-white: #ffffff;
31
31
  $ds-hex-component-positive: #3A8352;
32
32
  $ds-hex-surface-below: #EDEDED;
33
33
  $ds-hex-surface-background: #ffffff;
34
- $ds-hex-surface-primary: #ffffff;
34
+ $ds-hex-surface-raised: #ffffff;
35
35
  $ds-hex-surface-elevated: #ffffff;
36
36
  $ds-hex-border-primary: #0808081a;
37
37
  $ds-hex-border-primary-02: #08080866;
@@ -44,8 +44,7 @@ $ds-hex-border-focus-02: #050505;
44
44
  $ds-hex-border-focus-03: #DA000D;
45
45
  $ds-hex-border-focus-04: #3A8352;
46
46
  $ds-hex-background-primary: #ffffff;
47
- $ds-hex-decor-brand-strong: #DA000D;
48
- $ds-hex-decor-brand-soft: #FAD4D4;
47
+ $ds-hex-static-brand-soft: #FAD4D4;
49
48
  $ds-hex-static-black: #050505;
50
49
  $ds-hex-static-transparent-black: #08080880;
51
50
  $ds-hex-static-white: #ffffff;
package/foundations/variables/colorsTokensList.scss CHANGED
@@ -31,7 +31,7 @@ $ds-color-component-static-white: --ds-color-component-static-white;
31
31
  $ds-color-component-positive: --ds-color-component-positive;
32
32
  $ds-color-surface-below: --ds-color-surface-below;
33
33
  $ds-color-surface-background: --ds-color-surface-background;
34
- $ds-color-surface-primary: --ds-color-surface-primary;
34
+ $ds-color-surface-raised: --ds-color-surface-raised;
35
35
  $ds-color-surface-elevated: --ds-color-surface-elevated;
36
36
  $ds-color-border-primary: --ds-color-border-primary;
37
37
  $ds-color-border-primary-02: --ds-color-border-primary-02;
@@ -44,8 +44,7 @@ $ds-color-border-focus-02: --ds-color-border-focus-02;
44
44
  $ds-color-border-focus-03: --ds-color-border-focus-03;
45
45
  $ds-color-border-focus-04: --ds-color-border-focus-04;
46
46
  $ds-color-background-primary: --ds-color-background-primary;
47
- $ds-color-decor-brand-strong: --ds-color-decor-brand-strong;
48
- $ds-color-decor-brand-soft: --ds-color-decor-brand-soft;
47
+ $ds-color-static-brand-soft: --ds-color-static-brand-soft;
49
48
  $ds-color-static-black: --ds-color-static-black;
50
49
  $ds-color-static-transparent-black: --ds-color-static-transparent-black;
51
50
  $ds-color-static-white: --ds-color-static-white;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "0.1.0",
3
+ "version": "0.1.2-alpha.0",
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",