@bonniernews/dn-design-system-web 20.6.0 → 20.6.1

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 +9 -0
  2. package/package.json +1 -1
  3. package/variables/colors-css-variables.json +92 -0
  4. package/variables/shadows-css-variables.json +6 -0
  5. package/variables/spacing-base-list.json +15 -0
  6. package/variables/spacing-detail-list.json +5 -0
package/CHANGELOG.md CHANGED
@@ -4,6 +4,15 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
4
4
 
5
5
 
6
6
 
7
+ ## [20.6.1](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@20.6.0...@bonniernews/dn-design-system-web@20.6.1) (2024-10-16)
8
+
9
+
10
+ ### Maintenance
11
+
12
+ * move to figma variables ([#1419](https://github.com/BonnierNews/dn-design-system/issues/1419)) ([96eaa70](https://github.com/BonnierNews/dn-design-system/commit/96eaa701b712e66a0597b2524ae31db34eea6294))
13
+ * prerelease packages ([c2ddd94](https://github.com/BonnierNews/dn-design-system/commit/c2ddd9434e69a243959a1a510394cdacd791ef21))
14
+ * **web:** running multiple screenshots via test_ids ([#1426](https://github.com/BonnierNews/dn-design-system/issues/1426)) ([996e498](https://github.com/BonnierNews/dn-design-system/commit/996e49813c9a1124cad803760437fba4420cbce7))
15
+
7
16
  ## [20.6.0](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@20.5.4...@bonniernews/dn-design-system-web@20.6.0) (2024-10-09)
8
17
 
9
18
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "20.6.0",
3
+ "version": "20.6.1",
4
4
  "description": "DN design system for web.",
5
5
  "main": "index.tsx",
6
6
  "type": "module",
package/variables/colors-css-variables.json ADDED
@@ -0,0 +1,92 @@
1
+ {
2
+ "surface-foreground": "var(--ds-color-surface-foreground)",
3
+ "surface-primary": "var(--ds-color-surface-primary)",
4
+ "surface-primary-raised": "var(--ds-color-surface-primary-raised)",
5
+ "surface-primary-elevated": "var(--ds-color-surface-primary-elevated)",
6
+ "surface-primaryinvert": "var(--ds-color-surface-primaryinvert)",
7
+ "surface-primaryinvert-raised": "var(--ds-color-surface-primaryinvert-raised)",
8
+ "surface-primaryinvert-elevated": "var(--ds-color-surface-primaryinvert-elevated)",
9
+ "surface-brand": "var(--ds-color-surface-brand)",
10
+ "surface-breaking": "var(--ds-color-surface-breaking)",
11
+ "surface-overlay": "var(--ds-color-surface-overlay)",
12
+ "border-brand": "var(--ds-color-border-brand)",
13
+ "border-primary": "var(--ds-color-border-primary)",
14
+ "border-primary-strong": "var(--ds-color-border-primary-strong)",
15
+ "border-primary-strongest": "var(--ds-color-border-primary-strongest)",
16
+ "border-primaryinvert": "var(--ds-color-border-primaryinvert)",
17
+ "border-primaryinvert-strong": "var(--ds-color-border-primaryinvert-strong)",
18
+ "border-primaryinvert-strongest": "var(--ds-color-border-primaryinvert-strongest)",
19
+ "text-primary": "var(--ds-color-text-primary)",
20
+ "text-primary-subtle": "var(--ds-color-text-primary-subtle)",
21
+ "text-primary-disabled": "var(--ds-color-text-primary-disabled)",
22
+ "text-primaryinvert": "var(--ds-color-text-primaryinvert)",
23
+ "text-primaryinvert-subtle": "var(--ds-color-text-primaryinvert-subtle)",
24
+ "text-primaryinvert-disabled": "var(--ds-color-text-primaryinvert-disabled)",
25
+ "text-brand": "var(--ds-color-text-brand)",
26
+ "text-critical": "var(--ds-color-text-critical)",
27
+ "text-on-brand": "var(--ds-color-text-on-brand)",
28
+ "text-body-link": "var(--ds-color-text-body-link)",
29
+ "text-body-link-visited": "var(--ds-color-text-body-link-visited)",
30
+ "brand-0": "var(--ds-color-brand-0)",
31
+ "brand-100": "var(--ds-color-brand-100)",
32
+ "brand-200": "var(--ds-color-brand-200)",
33
+ "brand-300": "var(--ds-color-brand-300)",
34
+ "brand-400": "var(--ds-color-brand-400)",
35
+ "brand-500": "var(--ds-color-brand-500)",
36
+ "brand-600": "var(--ds-color-brand-600)",
37
+ "brand-700": "var(--ds-color-brand-700)",
38
+ "brand-800": "var(--ds-color-brand-800)",
39
+ "brand-900": "var(--ds-color-brand-900)",
40
+ "brand-1000": "var(--ds-color-brand-1000)",
41
+ "brand-1100": "var(--ds-color-brand-1100)",
42
+ "culture-0": "var(--ds-color-culture-0)",
43
+ "culture-100": "var(--ds-color-culture-100)",
44
+ "culture-200": "var(--ds-color-culture-200)",
45
+ "culture-300": "var(--ds-color-culture-300)",
46
+ "culture-400": "var(--ds-color-culture-400)",
47
+ "culture-500": "var(--ds-color-culture-500)",
48
+ "culture-600": "var(--ds-color-culture-600)",
49
+ "culture-700": "var(--ds-color-culture-700)",
50
+ "culture-800": "var(--ds-color-culture-800)",
51
+ "culture-900": "var(--ds-color-culture-900)",
52
+ "culture-1000": "var(--ds-color-culture-1000)",
53
+ "culture-1100": "var(--ds-color-culture-1100)",
54
+ "sport-0": "var(--ds-color-sport-0)",
55
+ "sport-100": "var(--ds-color-sport-100)",
56
+ "sport-200": "var(--ds-color-sport-200)",
57
+ "sport-300": "var(--ds-color-sport-300)",
58
+ "sport-400": "var(--ds-color-sport-400)",
59
+ "sport-500": "var(--ds-color-sport-500)",
60
+ "sport-600": "var(--ds-color-sport-600)",
61
+ "sport-700": "var(--ds-color-sport-700)",
62
+ "sport-800": "var(--ds-color-sport-800)",
63
+ "sport-900": "var(--ds-color-sport-900)",
64
+ "sport-1000": "var(--ds-color-sport-1000)",
65
+ "sport-1100": "var(--ds-color-sport-1100)",
66
+ "bright-neutral-0": "var(--ds-color-bright-neutral-0)",
67
+ "bright-neutral-100": "var(--ds-color-bright-neutral-100)",
68
+ "bright-neutral-200": "var(--ds-color-bright-neutral-200)",
69
+ "bright-neutral-300": "var(--ds-color-bright-neutral-300)",
70
+ "bright-neutral-400": "var(--ds-color-bright-neutral-400)",
71
+ "bright-neutral-500": "var(--ds-color-bright-neutral-500)",
72
+ "bright-neutral-050": "var(--ds-color-bright-neutral-050)",
73
+ "bright-neutral-alpha-100": "var(--ds-color-bright-neutral-alpha-100)",
74
+ "bright-neutral-alpha-200": "var(--ds-color-bright-neutral-alpha-200)",
75
+ "bright-neutral-alpha-300": "var(--ds-color-bright-neutral-alpha-300)",
76
+ "bright-neutral-alpha-400": "var(--ds-color-bright-neutral-alpha-400)",
77
+ "bright-neutral-alpha-500": "var(--ds-color-bright-neutral-alpha-500)",
78
+ "bright-neutral-alpha-050": "var(--ds-color-bright-neutral-alpha-050)",
79
+ "dark-neutral-0": "var(--ds-color-dark-neutral-0)",
80
+ "dark-neutral-100": "var(--ds-color-dark-neutral-100)",
81
+ "dark-neutral-200": "var(--ds-color-dark-neutral-200)",
82
+ "dark-neutral-300": "var(--ds-color-dark-neutral-300)",
83
+ "dark-neutral-400": "var(--ds-color-dark-neutral-400)",
84
+ "dark-neutral-500": "var(--ds-color-dark-neutral-500)",
85
+ "dark-neutral-050": "var(--ds-color-dark-neutral-050)",
86
+ "dark-neutral-alpha-100": "var(--ds-color-dark-neutral-alpha-100)",
87
+ "dark-neutral-alpha-200": "var(--ds-color-dark-neutral-alpha-200)",
88
+ "dark-neutral-alpha-300": "var(--ds-color-dark-neutral-alpha-300)",
89
+ "dark-neutral-alpha-400": "var(--ds-color-dark-neutral-alpha-400)",
90
+ "dark-neutral-alpha-500": "var(--ds-color-dark-neutral-alpha-500)",
91
+ "dark-neutral-alpha-050": "var(--ds-color-dark-neutral-alpha-050)"
92
+ }
package/variables/shadows-css-variables.json ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "elevation-xs": "--ds-shadow-elevation-xs",
3
+ "elevation-sm": "--ds-shadow-elevation-sm",
4
+ "elevation-md": "--ds-shadow-elevation-md",
5
+ "elevation-lg": "--ds-shadow-elevation-lg"
6
+ }
package/variables/spacing-base-list.json ADDED
@@ -0,0 +1,15 @@
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
+ "012": "012",
12
+ "025": "025",
13
+ "050": "050",
14
+ "075": "075"
15
+ }
package/variables/spacing-detail-list.json ADDED
@@ -0,0 +1,5 @@
1
+ {
2
+ "sm": "sm",
3
+ "md": "md",
4
+ "lg": "lg"
5
+ }