@conduction/theme 1.1.59 → 1.1.61

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 (13) hide show
  1. package/README.md +7 -0
  2. package/conduction-design-tokens/src/component/utrecht/extra-tokens/heading.tokens.json +28 -0
  3. package/conduction-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +5 -0
  4. package/municipalities/almere-design-tokens/src/brand/almere/font-size.tokens.json +2 -2
  5. package/municipalities/almere-design-tokens/src/component/conduction/select.tokens.json +2 -2
  6. package/municipalities/almere-design-tokens/src/component/utrecht/button.tokens.json +3 -3
  7. package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/heading.tokens.json +28 -0
  8. package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +5 -0
  9. package/municipalities/almere-design-tokens/src/component/utrecht/form-input.tokens.json +1 -2
  10. package/municipalities/almere-design-tokens/src/component/utrecht/heading.tokens.json +3 -3
  11. package/municipalities/almere-design-tokens/src/component/utrecht/page-footer.tokens.json +4 -2
  12. package/municipalities/almere-design-tokens/src/component/utrecht/textbox.tokens.json +1 -2
  13. package/package.json +1 -1
package/README.md CHANGED
@@ -6,6 +6,13 @@ Conduction's design tokens theme
6
6
 
7
7
  - **Version 1.1 (breaking changes from 1.0.x)**
8
8
 
9
+ - 1.1.61: Updated footer tokens in Almere theme.
10
+ - 1.1.60: Updated Almere theme.
11
+ - Updated font size tokens.
12
+ - Updated select tokens.
13
+ - Updated button tokens.
14
+ - Updated heading tokens.
15
+ - Updated form-input and textbox tokens.
9
16
  - 1.1.59:
10
17
  - Updated card header and card wrapper tokens in Almere theme.
11
18
  - Updated color tokens in Almere theme.
package/conduction-design-tokens/src/component/utrecht/extra-tokens/heading.tokens.json ADDED
@@ -0,0 +1,28 @@
1
+ {
2
+ "utrecht": {
3
+ "heading-1": {
4
+ "mobile-font-size": {},
5
+ "tablet-font-size": {}
6
+ },
7
+ "heading-2": {
8
+ "mobile-font-size": {},
9
+ "tablet-font-size": {}
10
+ },
11
+ "heading-3": {
12
+ "mobile-font-size": {},
13
+ "tablet-font-size": {}
14
+ },
15
+ "heading-4": {
16
+ "mobile-font-size": {},
17
+ "tablet-font-size": {}
18
+ },
19
+ "heading-5": {
20
+ "mobile-font-size": {},
21
+ "tablet-font-size": {}
22
+ },
23
+ "heading-6": {
24
+ "mobile-font-size": {},
25
+ "tablet-font-size": {}
26
+ }
27
+ }
28
+ }
package/conduction-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json CHANGED
@@ -11,6 +11,11 @@
11
11
  "background-size": {},
12
12
  "background-position": {},
13
13
  "mobile": {
14
+ "background-image": {},
15
+ "background-position": {}
16
+ },
17
+ "tablet": {
18
+ "background-image": {},
14
19
  "background-position": {}
15
20
  },
16
21
  "icon": {
package/municipalities/almere-design-tokens/src/brand/almere/font-size.tokens.json CHANGED
@@ -42,8 +42,8 @@
42
42
  "comment": "40px"
43
43
  },
44
44
  "4xl": {
45
- "value": "3.25rem",
46
- "comment": "52px"
45
+ "value": "3rem",
46
+ "comment": "48px"
47
47
  },
48
48
  "5xl": {
49
49
  "value": "3.625rem",
package/municipalities/almere-design-tokens/src/component/conduction/select.tokens.json CHANGED
@@ -6,8 +6,8 @@
6
6
  "border-focus": { "value": "unset" },
7
7
  "border-radius": { "value": "{utrecht.form-control.border-radius}" },
8
8
  "invalid-border-color": { "value": "{almere.color.error}" },
9
- "padding-block-end": { "value": 0 },
10
- "padding-block-start": { "value": 0 },
9
+ "padding-block-end": { "value": "9px" },
10
+ "padding-block-start": { "value": "9px" },
11
11
  "hover": {},
12
12
  "focus": {},
13
13
  "list-option": {
package/municipalities/almere-design-tokens/src/component/utrecht/button.tokens.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "color": { "value": "{almere.color.black.0}" },
9
9
  "font-family": { "value": "{almere.typography.barlow.font-family}" },
10
10
  "font-size": { "value": "16px" },
11
- "font-weight": { "value": "{almere.typography.font-weight.bold}" },
11
+ "font-weight": { "value": "{almere.typography.font-weight.normal}" },
12
12
  "inline-size": {},
13
13
  "letter-spacing": {},
14
14
  "line-height": { "value": "21px" },
@@ -55,7 +55,7 @@
55
55
  "border-color": { "value": "{almere.color.yellow.64}" },
56
56
  "border-width": { "value": "{almere.size.4xs}" },
57
57
  "color": { "value": "{almere.color.black.0}" },
58
- "font-weight": { "value": "{almere.typography.font-weight.bold}" },
58
+ "font-weight": { "value": "{almere.typography.font-weight.normal}" },
59
59
  "active": {
60
60
  "background-color": {},
61
61
  "border-color": {},
@@ -88,7 +88,7 @@
88
88
  "border-color": { "value": "rgba(59, 103, 124, 0.25)" },
89
89
  "border-width": { "value": "1px" },
90
90
  "color": { "value": "{almere.color.black.0}" },
91
- "font-weight": { "value": "{almere.typography.font-weight.bold}" },
91
+ "font-weight": { "value": "{almere.typography.font-weight.normal}" },
92
92
  "active": {
93
93
  "background-color": {},
94
94
  "border-color": {},
package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/heading.tokens.json ADDED
@@ -0,0 +1,28 @@
1
+ {
2
+ "utrecht": {
3
+ "heading-1": {
4
+ "mobile-font-size": { "value": "25px" },
5
+ "tablet-font-size": { "value": "28px" }
6
+ },
7
+ "heading-2": {
8
+ "mobile-font-size": { "value": "24px" },
9
+ "tablet-font-size": { "value": "27px" }
10
+ },
11
+ "heading-3": {
12
+ "mobile-font-size": { "value": "23px" },
13
+ "tablet-font-size": { "value": "26px" }
14
+ },
15
+ "heading-4": {
16
+ "mobile-font-size": { "value": "22px" },
17
+ "tablet-font-size": { "value": "25px" }
18
+ },
19
+ "heading-5": {
20
+ "mobile-font-size": { "value": "21px" },
21
+ "tablet-font-size": { "value": "24px" }
22
+ },
23
+ "heading-6": {
24
+ "mobile-font-size": { "value": "21px" },
25
+ "tablet-font-size": { "value": "23px" }
26
+ }
27
+ }
28
+ }
package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json CHANGED
@@ -11,6 +11,11 @@
11
11
  "background-size": {},
12
12
  "background-position": {},
13
13
  "mobile": {
14
+ "background-image": { "value": "none" },
15
+ "background-position": {}
16
+ },
17
+ "tablet": {
18
+ "background-image": { "value": "none" },
14
19
  "background-position": {}
15
20
  },
16
21
  "icon": {
package/municipalities/almere-design-tokens/src/component/utrecht/form-input.tokens.json CHANGED
@@ -8,8 +8,7 @@
8
8
  "color": { "value": "{almere.color.grey.29}" },
9
9
  "font-family": { "value": "{almere.typography.barlow.font-family}" },
10
10
  "font-size": {
11
- "value": "0.938rem",
12
- "comment": "15px"
11
+ "value": "{utrecht.document.font-size}"
13
12
  },
14
13
  "min-inline-height": {},
15
14
  "max-inline-size": {},
package/municipalities/almere-design-tokens/src/component/utrecht/heading.tokens.json CHANGED
@@ -12,7 +12,7 @@
12
12
  "heading-2": {
13
13
  "color": {},
14
14
  "font-family": { "value": "{almere.typography.barlow.font-family}" },
15
- "font-size": { "value": "{almere.font-size.3xl}" },
15
+ "font-size": { "value": "{almere.font-size.2xl}" },
16
16
  "font-weight": { "value": "{almere.typography.font-weight.bold}" },
17
17
  "line-height": {},
18
18
  "margin-block-end": { "value": "{almere.size.2xl}" },
@@ -21,7 +21,7 @@
21
21
  "heading-3": {
22
22
  "color": {},
23
23
  "font-family": { "value": "{almere.typography.barlow.font-family}" },
24
- "font-size": { "value": "{almere.font-size.2xl}" },
24
+ "font-size": { "value": "{almere.font-size.lg}" },
25
25
  "font-weight": { "value": "{almere.typography.font-weight.bold}" },
26
26
  "line-height": {},
27
27
  "margin-block-end": { "value": "{almere.size.xl}" },
@@ -30,7 +30,7 @@
30
30
  "heading-4": {
31
31
  "color": {},
32
32
  "font-family": { "value": "{almere.typography.barlow.font-family}" },
33
- "font-size": { "value": "{almere.font-size.lg}" },
33
+ "font-size": { "value": "{almere.font-size.md}" },
34
34
  "font-weight": { "value": "{almere.typography.font-weight.semibold}" },
35
35
  "line-height": {},
36
36
  "margin-block-end": { "value": "{almere.size.lg}" },
package/municipalities/almere-design-tokens/src/component/utrecht/page-footer.tokens.json CHANGED
@@ -1,8 +1,10 @@
1
1
  {
2
2
  "utrecht": {
3
3
  "page-footer": {
4
- "background-color": {},
5
- "background-image": { "value": "linear-gradient(to right, {almere.color.blue.96} 0 50%, {almere.color.blue.98} 50% 100%)" },
4
+ "background-color": { "value": "{almere.color.blue.96}" },
5
+ "background-image": {
6
+ "value": "linear-gradient(to right, {almere.color.blue.96} 0 50%, {almere.color.blue.98} 50% 100%)"
7
+ },
6
8
  "color": { "value": "{almere.color.black.0}" },
7
9
  "padding-inline-end": { "value": "{almere.size.sm}" },
8
10
  "padding-inline-start": { "value": "{almere.size.sm}" },
package/municipalities/almere-design-tokens/src/component/utrecht/textbox.tokens.json CHANGED
@@ -8,8 +8,7 @@
8
8
  "color": { "value": "{almere.color.grey.29}" },
9
9
  "font-family": { "value": "{almere.typography.barlow.font-family}" },
10
10
  "font-size": {
11
- "value": "0.938rem",
12
- "comment": "15px"
11
+ "value": "{utrecht.document.font-size}"
13
12
  },
14
13
  "font-weight": { "value": "{almere.typography.font-weight.normal}" },
15
14
  "min-inline-height": {},
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@conduction/theme",
3
- "version": "1.1.59",
3
+ "version": "1.1.61",
4
4
  "description": "Conduction's design tokens theme",
5
5
  "main": "index.js",
6
6
  "repository": {