@conduction/theme 1.1.32 → 1.1.33

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 (8) hide show
  1. package/README.md +1 -0
  2. package/municipalities/leiden-design-tokens/src/component/den-haag/process-step.tokens.json +107 -0
  3. package/municipalities/leiden-design-tokens/src/component/utrecht/data-list.tokens.json +28 -0
  4. package/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/form-field.tokens.json +13 -0
  5. package/municipalities/leiden-design-tokens/src/component/utrecht/form-field.tokens.json +17 -0
  6. package/municipalities/leiden-design-tokens/src/component/utrecht/form-label.tokens.json +23 -0
  7. package/municipalities/leiden-design-tokens/src/component/utrecht/textbox.tokens.json +2 -2
  8. package/package.json +1 -1
package/README.md CHANGED
@@ -6,6 +6,7 @@ Conduction's design tokens theme
6
6
 
7
7
  - **Version 1.1 (breaking changes from 1.0.x)**
8
8
 
9
+ - 1.1.33: Added FormField, FormLabel, Data-list and Process-step tokens to Leiden theme.
9
10
  - 1.1.32: Updated logo's in various themes.
10
11
  - 1.1.31: Updated Conduction logo.
11
12
  - 1.1.30: Updated logo from url to data: in all themes.
package/municipalities/leiden-design-tokens/src/component/den-haag/process-step.tokens.json ADDED
@@ -0,0 +1,107 @@
1
+ {
2
+ "denhaag": {
3
+ "process-steps": {
4
+ "font-family": { "value": "{utrecht.document.font-family}" },
5
+ "font-size": { "value": "{utrecht.document.font-size}" },
6
+ "line-height": {},
7
+ "step-heading": {
8
+ "color": { "value": "{utrecht.document.color}" },
9
+ "font-family": { "value": "{leiden.typography.sans-serif.font-family}" },
10
+ "font-size": { "value": "{leiden.font-size.lg}" },
11
+ "font-weight": { "value": "{leiden.typography.font-weight.bold}" },
12
+ "current": {
13
+ "color": {}
14
+ },
15
+ "checked": {
16
+ "color": {}
17
+ },
18
+ "not-checked": {
19
+ "color": {}
20
+ },
21
+ "warning": {
22
+ "color": {}
23
+ }
24
+ },
25
+ "sub-step-marker": {
26
+ "border-color": {},
27
+ "current": {
28
+ "border-color": {}
29
+ },
30
+ "checked": {
31
+ "border-color": {}
32
+ },
33
+ "not-checked": {
34
+ "border-color": {}
35
+ },
36
+ "warning": {
37
+ "border-color": {}
38
+ }
39
+ },
40
+ "step-line": {
41
+ "stroke-width": {},
42
+ "color": {},
43
+ "checked": {
44
+ "color": {}
45
+ },
46
+ "warning": {
47
+ "color": {}
48
+ }
49
+ },
50
+ "step-metadata": {
51
+ "color": {},
52
+ "font-size": {}
53
+ },
54
+ "step-description": {
55
+ "color": {},
56
+ "font-size": {}
57
+ },
58
+ "sub-step": {},
59
+ "sub-step-heading": {
60
+ "color": {},
61
+ "font-family": {},
62
+ "font-size": {},
63
+ "font-weight": {}
64
+ },
65
+ "step-distance": { "value": "10px" }
66
+ },
67
+ "step-marker": {
68
+ "border-color": {},
69
+ "background-color": { "value": "{leiden.color.white.100}" },
70
+ "border-width": {},
71
+ "color": { "value": "{leiden.color.black.9}" },
72
+ "font-size": {},
73
+ "font-weight": {},
74
+ "size": { "value": "30px" },
75
+ "current": {
76
+ "border-color": {},
77
+ "background-color": { "value": "{leiden.color.alert-info-background}" },
78
+ "border-width": { "value": "5px" },
79
+ "color": { "value": "{leiden.color.alert-info}" }
80
+ },
81
+ "not-checked": {
82
+ "border-color": {},
83
+ "background-color": { "value": "{leiden.color.white.100}" },
84
+ "border-width": { "value": "3px" },
85
+ "color": { "value": "{leiden.color.black.9}" }
86
+ },
87
+ "checked": {
88
+ "border-color": {},
89
+ "background-color": { "value": "{leiden.color.alert-succes-background}" },
90
+ "border-width": { "value": "3px" },
91
+ "color": { "value": "{leiden.color.succes}" }
92
+ },
93
+ "warning": {
94
+ "border-color": {},
95
+ "background-color": { "value": "{leiden.color.alert-warning-background}" },
96
+ "color": { "value": "{leiden.color.warning}" },
97
+ "border-width": { "value": "{leiden.size.4xs}" }
98
+ },
99
+ "error": {
100
+ "border-color": {},
101
+ "background-color": { "value": "{leiden.color.alert-error-background}" },
102
+ "color": { "value": "{leiden.color.error}" },
103
+ "border-width": { "value": "{leiden.size.4xs}" }
104
+ }
105
+ }
106
+ }
107
+ }
package/municipalities/leiden-design-tokens/src/component/utrecht/data-list.tokens.json ADDED
@@ -0,0 +1,28 @@
1
+ {
2
+ "utrecht": {
3
+ "data-list": {
4
+ "margin-block-end": { "value": "16px" },
5
+ "margin-block-start": { "value": "16px" },
6
+ "item-key": {
7
+ "color": {},
8
+ "font-size": {},
9
+ "font-weight": { "value": "{leiden.typography.font-weight.bold}" },
10
+ "line-height": {}
11
+ },
12
+ "item-value": {
13
+ "font-size": {},
14
+ "line-height": {}
15
+ },
16
+ "rows": {
17
+ "item": {
18
+ "margin-block-start": { "value": "16px" },
19
+ "padding-block-end": {},
20
+ "padding-block-start": {}
21
+ },
22
+ "item-value": {
23
+ "margin-block-start": { "value": "8px" }
24
+ }
25
+ }
26
+ }
27
+ }
28
+ }
package/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/form-field.tokens.json ADDED
@@ -0,0 +1,13 @@
1
+ {
2
+ "utrecht": {
3
+ "form-field": {
4
+ "description": {
5
+ "valid-color": { "value": "{leiden.color.succes}" },
6
+ "warning-color": { "value": "{leiden.color.warning}" },
7
+ "invalid-color": { "value": "{leiden.color.error}" },
8
+ "margin-block-end": { "value": "12px" },
9
+ "margin-block-start": { "value": "12px" }
10
+ }
11
+ }
12
+ }
13
+ }
package/municipalities/leiden-design-tokens/src/component/utrecht/form-field.tokens.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "utrecht": {
3
+ "form-field": {
4
+ "margin-block-start": { "value": "13px" },
5
+ "margin-block-end": { "value": "{leiden.size.2xs}" },
6
+ "max-inline-size": {},
7
+ "invalid": {
8
+ "border-inline-start-color": { "value": "{leiden.color.error}" },
9
+ "border-inline-start-width": { "value": "3px" },
10
+ "padding-inline-start": { "value": "12px" }
11
+ },
12
+ "label": {
13
+ "margin-block-end": {}
14
+ }
15
+ }
16
+ }
17
+ }
package/municipalities/leiden-design-tokens/src/component/utrecht/form-label.tokens.json ADDED
@@ -0,0 +1,23 @@
1
+ {
2
+ "utrecht": {
3
+ "form-label": {
4
+ "color": { "value": "{utrecht.document.color}" },
5
+ "font-weight": { "value": "{leiden.typography.font-weight.bold}" },
6
+ "font-size": { "value": "{utrecht.document.font-size}" },
7
+ "checkbox": {
8
+ "color": {},
9
+ "font-weight": {}
10
+ },
11
+ "checked": {
12
+ "font-weight": {}
13
+ },
14
+ "disabled": {
15
+ "color": {}
16
+ },
17
+ "radio": {
18
+ "color": {},
19
+ "font-weight": {}
20
+ }
21
+ }
22
+ }
23
+ }
package/municipalities/leiden-design-tokens/src/component/utrecht/textbox.tokens.json CHANGED
@@ -22,8 +22,8 @@
22
22
  "color": {}
23
23
  },
24
24
  "invalid": {
25
- "border-color": {},
26
- "border-width": {}
25
+ "border-color": { "value": "{leiden.color.error}" },
26
+ "border-width": { "value": "{leiden.size.4xs}" }
27
27
  },
28
28
  "read-only": {
29
29
  "border-color": {},
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@conduction/theme",
3
- "version": "1.1.32",
3
+ "version": "1.1.33",
4
4
  "description": "Conduction's design tokens theme",
5
5
  "main": "index.js",
6
6
  "repository": {