@bonniernews/dn-design-system-web 20.5.1 → 20.5.2

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 (7) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/package.json +1 -1
  3. package/tokens/colors-css-variables.json +1 -1
  4. package/tokens-tmp/colors-css-variables.json +86 -0
  5. package/tokens-tmp/shadows-css-variables.json +6 -0
  6. package/tokens-tmp/spacing-base-list.json +14 -0
  7. package/tokens-tmp/spacing-detail-list.json +18 -0
package/CHANGELOG.md CHANGED
@@ -4,6 +4,17 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
4
4
 
5
5
 
6
6
 
7
+ ## [20.5.2](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@20.5.1...@bonniernews/dn-design-system-web@20.5.2) (2024-10-08)
8
+
9
+
10
+ ### Maintenance
11
+
12
+ * **foundations:** update tokens from Figma ([#1420](https://github.com/BonnierNews/dn-design-system/issues/1420)) ([09bed27](https://github.com/BonnierNews/dn-design-system/commit/09bed27d5b9859dc7043aae93eedd498802f2082))
13
+ * **foundations:** update tokens from Figma ([#1423](https://github.com/BonnierNews/dn-design-system/issues/1423)) ([d8b68e0](https://github.com/BonnierNews/dn-design-system/commit/d8b68e05ad5a02b619b6f86d182bc0f30cc400bf))
14
+ * prerelease packages ([d264310](https://github.com/BonnierNews/dn-design-system/commit/d26431063ee3f86e03bc0f027c680f8fcd397f73))
15
+ * prerelease packages ([adc82e8](https://github.com/BonnierNews/dn-design-system/commit/adc82e84bd81599b993de929ed3af61f4cd8f7fe))
16
+ * **web:** disable token updates for web ([#1422](https://github.com/BonnierNews/dn-design-system/issues/1422)) ([4092eac](https://github.com/BonnierNews/dn-design-system/commit/4092eacab58a4246df8a54c40775dbe0e9911f04))
17
+
7
18
  ## [20.5.1](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@20.5.0...@bonniernews/dn-design-system-web@20.5.1) (2024-09-30)
8
19
 
9
20
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "20.5.1",
3
+ "version": "20.5.2",
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-css-variables.json CHANGED
@@ -82,4 +82,4 @@
82
82
  "gradient-content-fade-right": "var(--ds-color-gradient-content-fade-right)",
83
83
  "gradient-content-fade-up": "var(--ds-color-gradient-content-fade-up)",
84
84
  "gradient-content-fade-down": "var(--ds-color-gradient-content-fade-down)"
85
- }
85
+ }
package/tokens-tmp/colors-css-variables.json ADDED
@@ -0,0 +1,86 @@
1
+ {
2
+ "text-primary": "var(--ds-color-text-primary)",
3
+ "text-primary-02": "var(--ds-color-text-primary-02)",
4
+ "text-secondary": "var(--ds-color-text-secondary)",
5
+ "text-critical": "var(--ds-color-text-critical)",
6
+ "text-disabled": "var(--ds-color-text-disabled)",
7
+ "text-on-brand": "var(--ds-color-text-on-brand)",
8
+ "text-on-business": "var(--ds-color-text-on-business)",
9
+ "text-on-critical": "var(--ds-color-text-on-critical)",
10
+ "text-on-success": "var(--ds-color-text-on-success)",
11
+ "text-brand": "var(--ds-color-text-brand)",
12
+ "text-body-link": "var(--ds-color-text-body-link)",
13
+ "text-body-link-visited": "var(--ds-color-text-body-link-visited)",
14
+ "text-positive": "var(--ds-color-text-positive)",
15
+ "icon-primary": "var(--ds-color-icon-primary)",
16
+ "icon-primary-02": "var(--ds-color-icon-primary-02)",
17
+ "icon-secondary": "var(--ds-color-icon-secondary)",
18
+ "icon-critical": "var(--ds-color-icon-critical)",
19
+ "icon-disabled": "var(--ds-color-icon-disabled)",
20
+ "icon-on-brand": "var(--ds-color-icon-on-brand)",
21
+ "icon-on-business": "var(--ds-color-icon-on-business)",
22
+ "icon-brand": "var(--ds-color-icon-brand)",
23
+ "icon-on-critical": "var(--ds-color-icon-on-critical)",
24
+ "icon-on-success": "var(--ds-color-icon-on-success)",
25
+ "component-brand": "var(--ds-color-component-brand)",
26
+ "component-business": "var(--ds-color-component-business)",
27
+ "component-primary": "var(--ds-color-component-primary)",
28
+ "component-primary-overlay": "var(--ds-color-component-primary-overlay)",
29
+ "component-primary-overlay-02": "var(--ds-color-component-primary-overlay-02)",
30
+ "component-secondary": "var(--ds-color-component-secondary)",
31
+ "component-secondary-overlay": "var(--ds-color-component-secondary-overlay)",
32
+ "component-secondary-overlay-02": "var(--ds-color-component-secondary-overlay-02)",
33
+ "component-critical": "var(--ds-color-component-critical)",
34
+ "component-critical-overlay": "var(--ds-color-component-critical-overlay)",
35
+ "component-static-white": "var(--ds-color-component-static-white)",
36
+ "component-positive": "var(--ds-color-component-positive)",
37
+ "component-primary-02": "var(--ds-color-component-primary-02)",
38
+ "surface-below": "var(--ds-color-surface-below)",
39
+ "surface-native-article": "var(--ds-color-surface-native-article)",
40
+ "surface-background": "var(--ds-color-surface-background)",
41
+ "surface-raised": "var(--ds-color-surface-raised)",
42
+ "surface-elevated": "var(--ds-color-surface-elevated)",
43
+ "surface-overlay": "var(--ds-color-surface-overlay)",
44
+ "surface-quiz": "var(--ds-color-surface-quiz)",
45
+ "surface-korsord": "var(--ds-color-surface-korsord)",
46
+ "surface-sudoko": "var(--ds-color-surface-sudoko)",
47
+ "surface-brand": "var(--ds-color-surface-brand)",
48
+ "surface-inverted": "var(--ds-color-surface-inverted)",
49
+ "surface-breaking": "var(--ds-color-surface-breaking)",
50
+ "border-primary": "var(--ds-color-border-primary)",
51
+ "border-primary-02": "var(--ds-color-border-primary-02)",
52
+ "border-primary-03": "var(--ds-color-border-primary-03)",
53
+ "border-secondary": "var(--ds-color-border-secondary)",
54
+ "border-business": "var(--ds-color-border-business)",
55
+ "border-critical": "var(--ds-color-border-critical)",
56
+ "border-focus": "var(--ds-color-border-focus)",
57
+ "border-focus-02": "var(--ds-color-border-focus-02)",
58
+ "border-focus-03": "var(--ds-color-border-focus-03)",
59
+ "border-focus-04": "var(--ds-color-border-focus-04)",
60
+ "border-brand": "var(--ds-color-border-brand)",
61
+ "background-primary": "var(--ds-color-background-primary)",
62
+ "static-red-100": "var(--ds-color-static-red-100)",
63
+ "static-black": "var(--ds-color-static-black)",
64
+ "static-transparent-black": "var(--ds-color-static-transparent-black)",
65
+ "static-white": "var(--ds-color-static-white)",
66
+ "static-transparent-white": "var(--ds-color-static-transparent-white)",
67
+ "static-green-100": "var(--ds-color-static-green-100)",
68
+ "static-red-300": "var(--ds-color-static-red-300)",
69
+ "static-transparent-white-10": "var(--ds-color-static-transparent-white-10)",
70
+ "static-kultur": "var(--ds-color-static-kultur)",
71
+ "static-economy": "var(--ds-color-static-economy)",
72
+ "static-sport": "var(--ds-color-static-sport)",
73
+ "static-neutral-200": "var(--ds-color-static-neutral-200)",
74
+ "static-sthlm": "var(--ds-color-static-sthlm)",
75
+ "static-ad-yellow": "var(--ds-color-static-ad-yellow)",
76
+ "static-neutral-100": "var(--ds-color-static-neutral-100)",
77
+ "static-neutral-500": "var(--ds-color-static-neutral-500)",
78
+ "static-red-500": "var(--ds-color-static-red-500)",
79
+ "static-yellow": "var(--ds-color-static-yellow)",
80
+ "static-red-200": "var(--ds-color-static-red-200)",
81
+ "static-red-0": "var(--ds-color-static-red-0)",
82
+ "gradient-content-fade-left": "var(--ds-color-gradient-content-fade-left)",
83
+ "gradient-content-fade-right": "var(--ds-color-gradient-content-fade-right)",
84
+ "gradient-content-fade-up": "var(--ds-color-gradient-content-fade-up)",
85
+ "gradient-content-fade-down": "var(--ds-color-gradient-content-fade-down)"
86
+ }
package/tokens-tmp/shadows-css-variables.json ADDED
@@ -0,0 +1,6 @@
1
+ {
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"
6
+ }
package/tokens-tmp/spacing-base-list.json ADDED
@@ -0,0 +1,14 @@
1
+ {
2
+ "100": "100",
3
+ "125": "125",
4
+ "150": "150",
5
+ "200": "200",
6
+ "250": "250",
7
+ "300": "300",
8
+ "350": "350",
9
+ "400": "400",
10
+ "500": "500",
11
+ "025": "025",
12
+ "050": "050",
13
+ "075": "075"
14
+ }
package/tokens-tmp/spacing-detail-list.json ADDED
@@ -0,0 +1,18 @@
1
+ {
2
+ "outer": "outer",
3
+ "outer-negative": "outer-negative",
4
+ "page-horizontal": "page-horizontal",
5
+ "page-top-small": "page-top-small",
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-vertical-static-small": "gap-vertical-static-small",
10
+ "page-top-xsmall": "page-top-xsmall",
11
+ "teaser-vertical-small": "teaser-vertical-small",
12
+ "teaser-horizontal": "teaser-horizontal",
13
+ "teaser-vertical-medium": "teaser-vertical-medium",
14
+ "direkt-header-bottom": "direkt-header-bottom",
15
+ "spacing-sm": "spacing-sm",
16
+ "spacing-md": "spacing-md",
17
+ "spacing-lg": "spacing-lg"
18
+ }