@conduction/theme 1.1.45 → 1.1.46

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 (20) hide show
  1. package/README.md +3 -0
  2. package/conduction-design-tokens/src/component/tilburg/footer.tokens.json +15 -0
  3. package/conduction-design-tokens/src/component/tilburg/header.tokens.json +12 -0
  4. package/municipalities/dimpact-design-tokens/src/brand/dimpact/color.tokens.json +3 -0
  5. package/municipalities/dimpact-design-tokens/src/component/amsterdam/date-input.tokens.json +29 -0
  6. package/municipalities/dimpact-design-tokens/src/component/amsterdam/pagination.tokens.json +149 -0
  7. package/municipalities/dimpact-design-tokens/src/component/conduction/card-wrapper.tokens.json +8 -8
  8. package/municipalities/dimpact-design-tokens/src/component/conduction/logo.tokens.json +1 -1
  9. package/municipalities/dimpact-design-tokens/src/component/den-haag/sidenav.tokens.json +31 -0
  10. package/municipalities/dimpact-design-tokens/src/component/tilburg/footer.tokens.json +15 -0
  11. package/municipalities/dimpact-design-tokens/src/component/tilburg/header.tokens.json +12 -0
  12. package/municipalities/dimpact-design-tokens/src/component/tilburg/search-card.tokens.json +35 -0
  13. package/municipalities/dimpact-design-tokens/src/component/utrecht/accordion.tokens.json +68 -0
  14. package/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/accordion.tokens.json +36 -0
  15. package/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json +2 -1
  16. package/municipalities/dimpact-design-tokens/src/component/utrecht/page-header.tokens.json +1 -1
  17. package/municipalities/dimpact-design-tokens/src/component/utrecht/textbox.tokens.json +1 -0
  18. package/municipalities/oude-ijsselstreek-design-tokens/src/components/tilburg/footer.tokens.json +15 -0
  19. package/municipalities/oude-ijsselstreek-design-tokens/src/components/tilburg/header.tokens.json +12 -0
  20. package/package.json +1 -1
package/README.md CHANGED
@@ -6,6 +6,9 @@ Conduction's design tokens theme
6
6
 
7
7
  - **Version 1.1 (breaking changes from 1.0.x)**
8
8
 
9
+ - 1.1.46:
10
+ - Updated dimpact-theme.
11
+ - Added Tilburg footer and header tokens to Oude Ijsseltreek and Conduction theme
9
12
  - 1.1.45: Updated card header color in Oude IJsselstreek theme.
10
13
  - 1.1.44: Updated footer logo in Oude IJsselstreek theme.
11
14
  - 1.1.43: Added Oude IJsselstreek theme.
package/conduction-design-tokens/src/component/tilburg/footer.tokens.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "tilburg": {
3
+ "footer": {
4
+ "background-color": { "value": "{utrecht.page-footer.background-color}" },
5
+ "color": { "value": "{utrecht.page-footer.color}" },
6
+ "link": {
7
+ "text-decoration": { "value": "{utrecht.page-footer.link.text-decoration}" },
8
+ "hover": {
9
+ "text-decoration": { "value": "{utrecht.page-footer.link.hover.text-decoration}" }
10
+ }
11
+ },
12
+ "marker-color": { "value": "{utrecht.page-footer.color}" }
13
+ }
14
+ }
15
+ }
package/conduction-design-tokens/src/component/tilburg/header.tokens.json ADDED
@@ -0,0 +1,12 @@
1
+ {
2
+ "tilburg": {
3
+ "header": {
4
+ "background-color": { "value": "{utrecht.page-header.background-color}" },
5
+ "logo": {
6
+ "text-color": {
7
+ "value": "{utrecht.page-header.color}"
8
+ }
9
+ }
10
+ }
11
+ }
12
+ }
package/municipalities/dimpact-design-tokens/src/brand/dimpact/color.tokens.json CHANGED
@@ -83,6 +83,9 @@
83
83
  }
84
84
  },
85
85
  "light-grey": {
86
+ "82": {
87
+ "value": "#cacfd9"
88
+ },
86
89
  "96": {
87
90
  "value": "#f5f5f5",
88
91
  "comment": "Base/LightGrey"
package/municipalities/dimpact-design-tokens/src/component/amsterdam/date-input.tokens.json ADDED
@@ -0,0 +1,29 @@
1
+ {
2
+ "ams": {
3
+ "date-input": {
4
+ "background-color": { "value": "{utrecht.textbox.background-color}" },
5
+ "box-shadow": { "value": "" },
6
+ "color": { "value": "{utrecht.textbox.color}" },
7
+ "font-family": { "value": "{utrecht.textbox.font-family}" },
8
+ "font-size": { "value": "{utrecht.textbox.font-size}" },
9
+ "font-weight": { "value": "{utrecht.textbox.font-weight}" },
10
+ "line-height": { "value": "{utrecht.textbox.line-height}" },
11
+ "min-block-size": {},
12
+ "min-inline-size": {},
13
+ "outline-offset": {},
14
+ "padding-block": { "value": "{dimpact.size.xs}" },
15
+ "padding-inline": { "value": "{dimpact.size.xs}" },
16
+ "calender-picker-indicator-background-image": {
17
+ "value": "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJXaW5kb3dUZXh0IiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=')"
18
+ },
19
+ "hover-calender-picker-indicator-background-image": {
20
+ "value": "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJXaW5kb3dUZXh0IiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=')"
21
+ },
22
+ "border-color": { "value": "{utrecht.textbox.border-color}" },
23
+ "border-style": { "value": "solid" },
24
+ "border-width": { "value": "{utrecht.textbox.border-width}" },
25
+ "border-radius": { "value": "{utrecht.textbox.border-radius}" },
26
+ "margin-block": {}
27
+ }
28
+ }
29
+ }
package/municipalities/dimpact-design-tokens/src/component/amsterdam/pagination.tokens.json ADDED
@@ -0,0 +1,149 @@
1
+ {
2
+ "ams": {
3
+ "pagination": {
4
+ "background-color": {},
5
+ "padding-block-start": {},
6
+ "padding-block-end": {},
7
+ "padding-inline-start": {},
8
+ "padding-inline-end": {},
9
+ "color": { "value": "{dimpact.color.grey.84}" },
10
+ "gap": { "value": "{dimpact.size.2xs}" },
11
+ "font-size": { "value": "{utrecht.document.font-size}" },
12
+ "font-family": { "value": "{utrecht.document.font-family}" },
13
+ "line-height": {},
14
+ "icon": {
15
+ "color": { "value": "{dimpact.color.primary}" }
16
+ },
17
+ "button": {
18
+ "background-color": { "value": "{dimpact.color.white.100}" },
19
+ "border-color": {},
20
+ "border-radius": { "value": "{dimpact.size.2xs}" },
21
+ "border-width": {},
22
+ "color": { "value": "{dimpact.color.grey.84}" },
23
+ "font-weight": { "value": "{dimpact.typography.font-weight.normal}" },
24
+ "min-block-size": {},
25
+ "min-inline-size": {},
26
+ "padding-inline-start": { "value": "{dimpact.size.xs}" },
27
+ "padding-inline-end": { "value": "{dimpact.size.xs}" },
28
+ "padding-inline": { "value": "{dimpact.size.xs}" },
29
+ "padding-block-start": { "value": "{dimpact.size.xs}" },
30
+ "padding-block-end": { "value": "{dimpact.size.xs}" },
31
+ "padding-block": { "value": "{dimpact.size.xs}" },
32
+ "text-decoration": {},
33
+ "text-decoration-thickness": {},
34
+ "active": {
35
+ "background-color": {},
36
+ "border-color": {},
37
+ "color": {},
38
+ "text-decoration": {},
39
+ "text-decoration-thickness": {}
40
+ },
41
+ "current": {
42
+ "background-color": { "value": "{dimpact.color.white.100}" },
43
+ "border-color": {},
44
+ "color": { "value": "{dimpact.color.primary}" },
45
+ "font-weight": { "value": "{dimpact.typography.font-weight.bold}" },
46
+ "text-decoration": { "value": "unset" },
47
+ "text-decoration-thickness": {}
48
+ },
49
+ "focus": {
50
+ "background-color": {},
51
+ "color": {},
52
+ "text-decoration": {},
53
+ "text-decoration-thickness": {}
54
+ },
55
+ "hover": {
56
+ "background-color": {},
57
+ "border-color": {},
58
+ "color": { "value": "{dimpact.color.primary}" },
59
+ "text-decoration": {},
60
+ "text-decoration-thickness": {}
61
+ }
62
+ },
63
+ "navigation-button": {
64
+ "background-color": { "value": "transparent" },
65
+ "border-color": {},
66
+ "border-radius": { "value": "{dimpact.size.2xs}" },
67
+ "border-width": {},
68
+ "color": { "value": "{dimpact.color.primary}" },
69
+ "font-weight": { "value": "{dimpact.typography.font-weight.normal}" },
70
+ "min-block-size": {},
71
+ "min-inline-size": {},
72
+ "padding-block-end": { "value": "0px" },
73
+ "padding-block-start": { "value": "0px" },
74
+ "padding-inline-end": { "value": "{dimpact.size.xs}" },
75
+ "padding-inline-start": { "value": "{dimpact.size.xs}" },
76
+ "text-decoration": {},
77
+ "hover": {
78
+ "background-color": { "value": "transparent" },
79
+ "border-color": {},
80
+ "border-radius": {},
81
+ "border-width": {},
82
+ "color": { "value": "{dimpact.color.grey.84}" },
83
+ "font-weight": { "value": "{dimpact.typography.font-weight.normal}" },
84
+ "min-block-size": {},
85
+ "min-inline-size": {},
86
+ "padding-block-end": { "value": "0px" },
87
+ "padding-block-start": { "value": "0px" },
88
+ "padding-inline-end": { "value": "{dimpact.size.xs}" },
89
+ "padding-inline-start": { "value": "{dimpact.size.xs}" },
90
+ "text-decoration": {},
91
+ "text-decoration-thickness": {}
92
+ }
93
+ },
94
+ "description": {
95
+ "color": {},
96
+ "font-weight": {}
97
+ },
98
+ "ellipses": {
99
+ "color": {},
100
+ "font-weight": {},
101
+ "padding-block-end": { "value": "{dimpact.size.xs}" },
102
+ "padding-block-start": { "value": "{dimpact.size.xs}" },
103
+ "padding-inline-end": { "value": "{dimpact.size.xs}" },
104
+ "padding-inline-start": { "value": "{dimpact.size.xs}" }
105
+ },
106
+ "relative-link": {
107
+ "background-color": {},
108
+ "border-color": {},
109
+ "border-radius": {},
110
+ "border-width": {},
111
+ "color": {},
112
+ "font-weight": {},
113
+ "min-block-size": {},
114
+ "min-inline-size": {},
115
+ "padding-block-end": {},
116
+ "padding-block-start": {},
117
+ "padding-inline-end": {},
118
+ "padding-inline-start": {},
119
+ "text-decoration": {},
120
+ "active": {
121
+ "background-color": {},
122
+ "border-color": {},
123
+ "color": {},
124
+ "text-decoration": {}
125
+ },
126
+ "disabled": {
127
+ "background-color": {},
128
+ "border-color": {},
129
+ "color": {}
130
+ },
131
+ "focus": {
132
+ "background-color": {},
133
+ "color": {},
134
+ "text-decoration": {}
135
+ },
136
+ "hover": {
137
+ "background-color": {},
138
+ "border-color": {},
139
+ "color": {},
140
+ "text-decoration": {}
141
+ },
142
+ "icon": {
143
+ "margin-inline": {},
144
+ "size": {}
145
+ }
146
+ }
147
+ }
148
+ }
149
+ }
package/municipalities/dimpact-design-tokens/src/component/conduction/card-wrapper.tokens.json CHANGED
@@ -2,26 +2,26 @@
2
2
  "conduction": {
3
3
  "card-wrapper": {
4
4
  "background-color": { "value": "{dimpact.color.white.100}" },
5
- "border-color": { "value": "{dimpact.color.light-blue.53}" },
5
+ "border-color": { "value": "{dimpact.color.light-grey.82}" },
6
6
  "border-style": { "value": "solid" },
7
7
  "border-width": { "value": "{dimpact.size.4xs}" },
8
8
  "border-bottom-color": {},
9
9
  "border-bottom-style": {},
10
10
  "border-bottom-width": {},
11
- "border-radius": { "value": "6px" },
11
+ "border-radius": { "value": "18px" },
12
12
  "transition": {},
13
13
  "box-shadow": {},
14
14
  "color": { "value": "{dimpact.color.primary}" },
15
15
  "hover": {
16
- "background-color": {},
17
- "color": {},
18
- "border-color": {},
19
- "border-style": {},
20
- "border-width": {},
16
+ "background-color": { "value": "{dimpact.color.white.100}" },
17
+ "color": { "value": "{dimpact.color.primary}" },
18
+ "border-color": { "value": "{dimpact.color.primary-hover}" },
19
+ "border-style": { "value": "solid" },
20
+ "border-width": { "value": "{dimpact.size.4xs}" },
21
21
  "border-bottom-color": {},
22
22
  "border-bottom-style": {},
23
23
  "border-bottom-width": {},
24
- "border-radius": {},
24
+ "border-radius": { "value": "18px" },
25
25
  "box-shadow": {}
26
26
  },
27
27
  "padding-inline-end": { "value": "{dimpact.size.md}" },
package/municipalities/dimpact-design-tokens/src/component/conduction/logo.tokens.json CHANGED
@@ -12,7 +12,7 @@
12
12
  "inline-size": { "value": "150px" },
13
13
  "block-size": { "value": "44px" },
14
14
  "background-image": {
15
- "value": "url(\"data:image/svg+xml,%3Csvg id='Group_2' data-name='Group 2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='228.98' height='66.919' viewBox='0 0 228.98 66.919'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='228.981' height='66.919' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M228.981,0H0V66.919H207.341A21.535,21.535,0,0,0,228.981,45.49Z' transform='translate(0 0)' fill='%2300305e'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M21.128,35.516a18.9,18.9,0,0,0,3.635.274c7.039,0,10.075-5.331,10.075-11.846,0-6.836-3.313-9.751-8.558-9.751a14.946,14.946,0,0,0-2.99.319ZM17.492,9.636A32.191,32.191,0,0,1,25.82,8.589c9.985,0,15.921,4.6,15.921,15.491,0,11.254-6.534,17.633-18.174,17.633a69.657,69.657,0,0,1-9.892-.73Z' transform='translate(8.497 5.337)' fill='%23fff'/%3E%3Cpath id='Path_3' data-name='Path 3' d='M40.686,30.407c-.23,1.959.368,2.323,1.38,2.323a3.423,3.423,0,0,0,1.75-.456,7.555,7.555,0,0,1-1.244,5.331,6.657,6.657,0,0,1-3.543.866c-3.634,0-5.106-1.686-5.106-5.057,0-.73.138-1.96.229-2.734l2.071-15.493a7.272,7.272,0,0,1,3.084-.5,6.251,6.251,0,0,1,2.99.5Z' transform='translate(21.08 9.127)' fill='%23fff'/%3E%3Cpath id='Path_4' data-name='Path 4' d='M62.974,37.473a7.341,7.341,0,0,1-3.267.546,6.767,6.767,0,0,1-3.128-.546l1.655-13.258a13.342,13.342,0,0,0,.092-1.367c0-1.5-.46-2.779-2.531-2.779-2.161,0-3.588,1.321-4.555,3.507l-1.565,13.9a7.573,7.573,0,0,1-3.313.546,6.955,6.955,0,0,1-3.22-.546l2.807-21.824a12.007,12.007,0,0,1,5.06-.866V19.02h.323a7.219,7.219,0,0,1,7.176-4.783c3.59,0,5.292,1.732,5.8,4.556h.368c.919-2.6,3.22-4.556,6.993-4.556,3.728,0,6.074,1.913,6.074,6.515a22.454,22.454,0,0,1-.138,2.278l-.829,7.655c-.23,1.959.368,2.323,1.38,2.323a3.423,3.423,0,0,0,1.75-.456,7.556,7.556,0,0,1-1.244,5.331,6.485,6.485,0,0,1-3.5.866c-3.635,0-5.062-1.686-5.062-5.057,0-.73.138-1.96.23-2.734l.921-6.7c.045-.456.092-.911.092-1.321,0-1.5-.507-2.87-2.531-2.87-2.118,0-3.4,1.367-4.417,3.416Z' transform='translate(26.81 8.847)' fill='%23fff'/%3E%3Cpath id='Path_5' data-name='Path 5' d='M76.346,32.552a7.227,7.227,0,0,0,2.576.456,5.385,5.385,0,0,0,4.371-1.868,10.611,10.611,0,0,0,1.84-6.515c0-3.418-1.2-4.694-3.313-4.694-2.071,0-3.358,1.367-4.324,3.144Zm-4.186-16.9a12.012,12.012,0,0,1,5.06-.866v4.191h.323a7.335,7.335,0,0,1,7.178-4.738c5.245,0,6.9,4.1,6.9,9.386,0,4.055-1.151,8.7-3.314,11.39-2.071,2.6-4.785,3.736-8.741,3.736a9.386,9.386,0,0,1-3.773-.637L74.6,48.454a7.818,7.818,0,0,1-3.36.548,7.185,7.185,0,0,1-3.266-.548Z' transform='translate(42.239 8.847)' fill='%23fff'/%3E%3Cpath id='Path_6' data-name='Path 6' d='M101.153,19.978a3.964,3.964,0,0,0-2.207-.5,5.637,5.637,0,0,0-4.739,2.1c-1.336,1.732-1.795,4.556-1.795,6.651,0,3.418,1.059,4.694,3.313,4.694a4.85,4.85,0,0,0,4.05-2.1Zm5.017,10.708c-.23,1.913.366,2.323,1.378,2.323a3.429,3.429,0,0,0,1.751-.456,7.563,7.563,0,0,1-1.242,5.331,6.491,6.491,0,0,1-3.5.866c-2.714,0-4.373-1.185-4.6-3.964h-.323a6.833,6.833,0,0,1-6.578,3.964c-3.82,0-7.178-2.233-7.178-9.386A17.452,17.452,0,0,1,88.87,19.112c2.484-3.416,6.44-4.874,10.627-4.874a13.159,13.159,0,0,1,8.188,2.55Z' transform='translate(53.366 8.848)' fill='%23fff'/%3E%3Cpath id='Path_7' data-name='Path 7' d='M113.338,38.75c-6.534,0-10.122-3.6-10.122-10.615a15.247,15.247,0,0,1,2.9-9.432,11.529,11.529,0,0,1,9.707-4.465A9.306,9.306,0,0,1,120.7,15.33a8.54,8.54,0,0,1,.921,5.7,9.129,9.129,0,0,0-4.832-1.321,6.8,6.8,0,0,0-5.153,1.959,7.873,7.873,0,0,0-1.886,5.513c0,4.284,2.161,5.787,5.844,5.787a12.159,12.159,0,0,0,5.244-1.184,8.011,8.011,0,0,1-1.748,5.74,12.638,12.638,0,0,1-5.751,1.231' transform='translate(64.14 8.847)' fill='%23fff'/%3E%3Cpath id='Path_8' data-name='Path 8' d='M121.559,17.366l.691-5.15a11.145,11.145,0,0,1,6.119-1.548l-.783,6.7h5.383a5.51,5.51,0,0,1,.323,2.095,7.255,7.255,0,0,1-.644,3.327h-5.659l-.968,8.793c-.276,2.323.23,3.418,2.486,3.418a6.349,6.349,0,0,0,3.681-1.14A8.08,8.08,0,0,1,130.9,39.6a9.006,9.006,0,0,1-5.2,1.367c-4.647,0-6.442-2.142-6.442-5.832a25.609,25.609,0,0,1,.276-3.235l1.244-9.112H117.6a15.6,15.6,0,0,1,1.15-5.422Z' transform='translate(73.08 6.629)' fill='%23fff'/%3E%3Cpath id='Path_9' data-name='Path 9' d='M39.1,8.766a3.379,3.379,0,0,0-3.582,3.63,3.01,3.01,0,0,0,3.207,3.343A3.38,3.38,0,0,0,42.3,12.108c0-2.124-1.169-3.342-3.207-3.342' transform='translate(22.069 5.447)' fill='%23db1778'/%3E%3C/g%3E%3C/svg%3E%0A\")"
15
+ "value": "url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzguNDk2IiBoZWlnaHQ9IjQwLjQ3NSIgdmlld0JveD0iMCAwIDEzOC40OTYgNDAuNDc1Ij4KICA8ZyBpZD0iR3JvdXBfNzA2MSIgZGF0YS1uYW1lPSJHcm91cCA3MDYxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj4KICAgIDxnIGlkPSJHcm91cF83MDYyIiBkYXRhLW5hbWU9Ikdyb3VwIDcwNjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPgogICAgICA8cGF0aCBpZD0iUGF0aF8xIiBkYXRhLW5hbWU9IlBhdGggMSIgZD0iTTEzOC41LDBIMFY0MC40NzVIMTI1LjQwOEExMy4wMjUsMTMuMDI1LDAsMCwwLDEzOC41LDI3LjUxNFoiIGZpbGw9IiNmZmYiLz4KICAgICAgPHBhdGggaWQ9IlBhdGhfMiIgZGF0YS1uYW1lPSJQYXRoIDIiIGQ9Ik0xOC4xODIsMjQuODc1YTExLjQzLDExLjQzLDAsMCwwLDIuMi4xNjZjNC4yNTcsMCw2LjA5NC0zLjIyNSw2LjA5NC03LjE2NSwwLTQuMTM1LTItNS45LTUuMTc2LTUuOWE5LjA0LDkuMDQsMCwwLDAtMS44MDguMTkzWm0tMi4yLTE1LjY1M2ExOS40NywxOS40NywwLDAsMSw1LjAzNy0uNjM0YzYuMDM5LDAsOS42MjksMi43ODMsOS42MjksOS4zNywwLDYuODA3LTMuOTUyLDEwLjY2NS0xMC45OTMsMTAuNjY1YTQyLjEzMSw0Mi4xMzEsMCwwLDEtNS45ODMtLjQ0MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjI2NCAtMC4xNjYpIiBmaWxsPSIjMDAzNzdhIi8+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzMiIGRhdGEtbmFtZT0iUGF0aCAzIiBkPSJNMzguMDEzLDI0LjE5NWMtLjEzOSwxLjE4NS4yMjMsMS40MDUuODM1LDEuNDA1YTIuMDcsMi4wNywwLDAsMCwxLjA1OC0uMjc2LDQuNTcsNC41NywwLDAsMS0uNzUyLDMuMjI1LDQuMDI2LDQuMDI2LDAsMCwxLTIuMTQzLjUyNGMtMi4yLDAtMy4wODgtMS4wMi0zLjA4OC0zLjA1OSwwLS40NDEuMDgzLTEuMTg2LjEzOC0xLjY1M2wxLjI1Mi05LjM3YTQuNCw0LjQsMCwwLDEsMS44NjUtLjMsMy43ODEsMy43ODEsMCwwLDEsMS44MDguM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjY1NSAtMC4yODQpIiBmaWxsPSIjMDAzNzdhIi8+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzQiIGRhdGEtbmFtZT0iUGF0aCA0IiBkPSJNNTUuMTM4LDI4LjI5MWE0LjQ0LDQuNDQsMCwwLDEtMS45NzYuMzMsNC4wOTMsNC4wOTMsMCwwLDEtMS44OTItLjMzbDEtOC4wMTlhOC4wNyw4LjA3LDAsMCwwLC4wNTYtLjgyN2MwLS45MS0uMjc5LTEuNjgxLTEuNTMxLTEuNjgxYTIuOTgxLDIuOTgxLDAsMCwwLTIuNzU1LDIuMTIxTDQ3LjEsMjguMjkxYTQuNTgxLDQuNTgxLDAsMCwxLTIsLjMzLDQuMjA3LDQuMjA3LDAsMCwxLTEuOTQ4LS4zM2wxLjctMTMuMmE3LjI2Miw3LjI2MiwwLDAsMSwzLjA2MS0uNTI0VjE3LjEzaC4yYTQuMzY2LDQuMzY2LDAsMCwxLDQuMzQxLTIuODkzYzIuMTcxLDAsMy4yLDEuMDQ3LDMuNTA3LDIuNzU2aC4yMjNhNC4xNjIsNC4xNjIsMCwwLDEsNC4yMy0yLjc1NmMyLjI1NSwwLDMuNjc0LDEuMTU3LDMuNjc0LDMuOTRhMTMuNTgxLDEzLjU4MSwwLDAsMS0uMDgzLDEuMzc4bC0uNSw0LjYzYy0uMTM5LDEuMTg1LjIyMywxLjQwNS44MzUsMS40MDVhMi4wNywyLjA3LDAsMCwwLDEuMDU4LS4yNzYsNC41Nyw0LjU3LDAsMCwxLS43NTIsMy4yMjUsMy45MjIsMy45MjIsMCwwLDEtMi4xMTQuNTI0Yy0yLjIsMC0zLjA2Mi0xLjAyLTMuMDYyLTMuMDU5LDAtLjQ0MS4wODMtMS4xODYuMTM5LTEuNjUzbC41NTctNC4wNTFjLjAyNy0uMjc2LjA1Ni0uNTUxLjA1Ni0uOCwwLS45MDktLjMwNy0xLjczNi0xLjUzMS0xLjczNi0xLjI4MSwwLTIuMDU5LjgyNy0yLjY3MSwyLjA2NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjgzMyAtMC4yNzUpIiBmaWxsPSIjMDAzNzdhIi8+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzUiIGRhdGEtbmFtZT0iUGF0aCA1IiBkPSJNNzMuMDM3LDI1LjMxNWE0LjM3MSw0LjM3MSwwLDAsMCwxLjU1OC4yNzYsMy4yNTcsMy4yNTcsMCwwLDAsMi42NDQtMS4xMyw2LjQxOCw2LjQxOCwwLDAsMCwxLjExMy0zLjk0YzAtMi4wNjctLjcyNC0yLjgzOS0yLTIuODM5YTMsMywwLDAsMC0yLjYxNSwxLjlaTTcwLjUwNSwxNS4wOTFhNy4yNjUsNy4yNjUsMCwwLDEsMy4wNjEtLjUyNFYxNy4xaC4yQTQuNDM3LDQuNDM3LDAsMCwxLDc4LjEsMTQuMjM3YzMuMTczLDAsNC4xNzUsMi40OCw0LjE3NSw1LjY3N2ExMS44LDExLjgsMCwwLDEtMiw2Ljg4OSw2LjE2Miw2LjE2MiwwLDAsMS01LjI4NywyLjI2LDUuNjc3LDUuNjc3LDAsMCwxLTIuMjgyLS4zODVsLS43MjQsNi4yNTVhNC43MjksNC43MjksMCwwLDEtMi4wMzIuMzMxLDQuMzQ2LDQuMzQ2LDAsMCwxLTEuOTc1LS4zMzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS4zMTMgLTAuMjc1KSIgZmlsbD0iIzAwMzc3YSIvPgogICAgICA8cGF0aCBpZD0iUGF0aF82IiBkYXRhLW5hbWU9IlBhdGggNiIgZD0iTTk1LjExNywxNy43MWEyLjQsMi40LDAsMCwwLTEuMzM1LS4zLDMuNDEsMy40MSwwLDAsMC0yLjg2NywxLjI2OEE3LjA2OCw3LjA2OCwwLDAsMCw4OS44MywyMi43YzAsMi4wNjcuNjQsMi44MzksMiwyLjgzOWEyLjkzMywyLjkzMywwLDAsMCwyLjQ1LTEuMjY4Wm0zLjAzNCw2LjQ3NmMtLjEzOSwxLjE1Ny4yMjIsMS40MDUuODM0LDEuNDA1YTIuMDc0LDIuMDc0LDAsMCwwLDEuMDU5LS4yNzYsNC41NzQsNC41NzQsMCwwLDEtLjc1MSwzLjIyNSwzLjkyNiwzLjkyNiwwLDAsMS0yLjExNS41MjRjLTEuNjQyLDAtMi42NDUtLjcxNy0yLjc4My0yLjRoLS4yYTQuMTMzLDQuMTMzLDAsMCwxLTMuOTc5LDIuNGMtMi4zMTEsMC00LjM0Mi0xLjM1LTQuMzQyLTUuNjc3YTEwLjU1NiwxMC41NTYsMCwwLDEsMS44MDktNi4yLDcuNjU2LDcuNjU2LDAsMCwxLDYuNDI3LTIuOTQ4LDcuOTU5LDcuOTU5LDAsMCwxLDQuOTUyLDEuNTQzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNjU4IC0wLjI3NSkiIGZpbGw9IiMwMDM3N2EiLz4KICAgICAgPHBhdGggaWQ9IlBhdGhfNyIgZGF0YS1uYW1lPSJQYXRoIDciIGQ9Ik0xMDkuMzM4LDI5LjA2M2MtMy45NTIsMC02LjEyMi0yLjE3Ny02LjEyMi02LjQyMWE5LjIyMiw5LjIyMiwwLDAsMSwxLjc1My01LjcsNi45NzMsNi45NzMsMCwwLDEsNS44NzEtMi43LDUuNjI5LDUuNjI5LDAsMCwxLDIuOTUuNjYxLDUuMTY1LDUuMTY1LDAsMCwxLC41NTcsMy40NDUsNS41MjEsNS41MjEsMCwwLDAtMi45MjItLjgsNC4xMSw0LjExLDAsMCwwLTMuMTE3LDEuMTg1LDQuNzYyLDQuNzYyLDAsMCwwLTEuMTQxLDMuMzM0YzAsMi41OTEsMS4zMDcsMy41LDMuNTM0LDMuNWE3LjM1NCw3LjM1NCwwLDAsMCwzLjE3Mi0uNzE2LDQuODQ2LDQuODQ2LDAsMCwxLTEuMDU3LDMuNDcyLDcuNjQ0LDcuNjQ0LDAsMCwxLTMuNDc5Ljc0NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuOTkzIC0wLjI3NSkiIGZpbGw9IiMwMDM3N2EiLz4KICAgICAgPHBhdGggaWQ9IlBhdGhfOCIgZGF0YS1uYW1lPSJQYXRoIDgiIGQ9Ik0xMjAsMTQuNzE5bC40MTgtMy4xMTVhNi43NDEsNi43NDEsMCwwLDEsMy43LS45MzdsLS40NzQsNC4wNTFIMTI2LjlhMy4zMzMsMy4zMzMsMCwwLDEsLjIsMS4yNjdBNC4zODgsNC4zODgsMCwwLDEsMTI2LjcsMThIMTIzLjI4bC0uNTg1LDUuMzE4Yy0uMTY3LDEuNDA1LjEzOSwyLjA2NywxLjUsMi4wNjdhMy44NCwzLjg0LDAsMCwwLDIuMjI2LS42ODksNC44ODcsNC44ODcsMCwwLDEtLjc4LDMuNDczLDUuNDQ3LDUuNDQ3LDAsMCwxLTMuMTQ0LjgyN2MtMi44MTEsMC0zLjktMS4zLTMuOS0zLjUyOGExNS40ODksMTUuNDg5LDAsMCwxLC4xNjctMS45NTZMMTE5LjUyMywxOEgxMTcuNmE5LjQzNiw5LjQzNiwwLDAsMSwuNy0zLjI3OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjI3MSAtMC4yMDYpIiBmaWxsPSIjMDAzNzdhIi8+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzkiIGRhdGEtbmFtZT0iUGF0aCA5IiBkPSJNMzcuNjgsOC43NjZhMi4wNDQsMi4wNDQsMCwwLDAtMi4xNjYsMi4yLDEuODIxLDEuODIxLDAsMCwwLDEuOTQsMi4wMjIsMi4wNDQsMi4wNDQsMCwwLDAsMi4xNjYtMi4yLDEuOCwxLjgsMCwwLDAtMS45NC0yLjAyMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuNjg2IC0wLjE2OSkiIGZpbGw9IiMwMDM3N2EiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=\")"
16
16
  }
17
17
  },
18
18
  "navbar": {
package/municipalities/dimpact-design-tokens/src/component/den-haag/sidenav.tokens.json ADDED
@@ -0,0 +1,31 @@
1
+ {
2
+ "denhaag": {
3
+ "sidenav": {
4
+ "link": {
5
+ "padding-block-end": { "value": "{dimpact.size.2xs}" },
6
+ "padding-block-start": { "value": "{dimpact.size.2xs}" },
7
+ "active-font-weight": { "value": "{dimpact.typography.font-weight.bold}" },
8
+ "active-color": { "value": "{dimpact.color.primary-hover}" },
9
+ "hover-color": { "value": "{dimpact.color.primary-hover}" },
10
+ "color": {},
11
+ "label-gap": {}
12
+ },
13
+ "item": {
14
+ "margin-inline-end": {},
15
+ "margin-inline-start": {},
16
+ "margin-block-end": {},
17
+ "margin-block-start": {},
18
+ "line-height": {},
19
+ "height": {},
20
+ "font-weight": { "value": "{dimpact.typography.font-weight.normal}" },
21
+ "font-size": { "value": "{dimpact.font-size.md}" },
22
+ "font-family": { "value": "{utrecht.document.font-family}" }
23
+ },
24
+ "mobile-display": {},
25
+ "min-width": {},
26
+ "flex-direction": { "value": "column" },
27
+ "display": { "value": "flex" },
28
+ "row-gap": { "value": "{dimpact.size.2xs}" }
29
+ }
30
+ }
31
+ }
package/municipalities/dimpact-design-tokens/src/component/tilburg/footer.tokens.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "tilburg": {
3
+ "footer": {
4
+ "background-color": { "value": "{utrecht.page-footer.background-color}" },
5
+ "color": { "value": "{utrecht.page-footer.color}" },
6
+ "link": {
7
+ "text-decoration": { "value": "{utrecht.page-footer.link.text-decoration}" },
8
+ "hover": {
9
+ "text-decoration": { "value": "{utrecht.page-footer.link.hover.text-decoration}" }
10
+ }
11
+ },
12
+ "marker-color": { "value": "{dimpact.color.light-blue.53}" }
13
+ }
14
+ }
15
+ }
package/municipalities/dimpact-design-tokens/src/component/tilburg/header.tokens.json ADDED
@@ -0,0 +1,12 @@
1
+ {
2
+ "tilburg": {
3
+ "header": {
4
+ "background-color": { "value": "{utrecht.page-header.background-color}" },
5
+ "logo": {
6
+ "text-color": {
7
+ "value": "{utrecht.page-header.color}"
8
+ }
9
+ }
10
+ }
11
+ }
12
+ }
package/municipalities/dimpact-design-tokens/src/component/tilburg/search-card.tokens.json ADDED
@@ -0,0 +1,35 @@
1
+ {
2
+ "tilburg": {
3
+ "search-card": {
4
+ "background-color": { "value": "{dimpact.color.white.100}" },
5
+ "border-color": { "value": "{dimpact.color.light-grey.82}" },
6
+ "border-radius": { "value": "18px" },
7
+ "border-width": { "value": "1px" },
8
+ "border-style": { "value": "solid" },
9
+ "padding-inline-start": { "value": "{dimpact.size.md}" },
10
+ "padding-inline-end": { "value": "{dimpact.size.md}" },
11
+ "padding-block-start": { "value": "{dimpact.size.md}" },
12
+ "padding-block-end": { "value": "{dimpact.size.md}" },
13
+
14
+ "icon": {
15
+ "color": { "value": "{dimpact.color.primary}" }
16
+ },
17
+ "title": {
18
+ "color": { "value": "{dimpact.color.primary}" },
19
+ "font-weight": { "value": "bold" }
20
+ },
21
+ "hover": {
22
+ "background-color": { "value": "{dimpact.color.white.100}" },
23
+ "border-color": { "value": "{dimpact.color.primary-hover}" },
24
+ "box-shadow": { "value": "none" },
25
+ "title": {
26
+ "color": { "value": "{dimpact.color.primary}" },
27
+ "font-weight": { "value": "bold" }
28
+ },
29
+ "icon": {
30
+ "color": { "value": "{dimpact.color.primary-hover}" }
31
+ }
32
+ }
33
+ }
34
+ }
35
+ }
package/municipalities/dimpact-design-tokens/src/component/utrecht/accordion.tokens.json ADDED
@@ -0,0 +1,68 @@
1
+ {
2
+ "utrecht": {
3
+ "accordion": {
4
+ "button": {
5
+ "background-color": { "value": "{dimpact.color.primary}" },
6
+ "border-color": { "value": "{dimpact.color.primary}" },
7
+ "border-width": {},
8
+ "color": { "value": "{dimpact.color.white.100}" },
9
+ "active": {
10
+ "background-color": { "value": "{dimpact.color.primary}" },
11
+ "border-color": { "value": "{dimpact.color.primary}" },
12
+ "color": { "value": "{dimpact.color.white.100}" }
13
+ },
14
+ "expanded": {
15
+ "background-color": { "value": "{dimpact.color.primary-hover}" },
16
+ "border-color": { "value": "{dimpact.color.primary-hover}" },
17
+ "color": { "value": "{dimpact.color.white.100}" }
18
+ },
19
+ "focus": {
20
+ "background-color": { "value": "{dimpact.color.primary}" },
21
+ "border-color": { "value": "{dimpact.color.primary}" },
22
+ "color": { "value": "{dimpact.color.white.100}" }
23
+ },
24
+ "font-family": { "value": "{dimpact.typography.sans-serif.font-family}" },
25
+ "font-size": { "value": "{dimpact.font-size.xl}" },
26
+ "font-weight": { "value": "{dimpact.typography.font-weight.normal}" },
27
+ "hover": {
28
+ "background-color": { "value": "{dimpact.color.primary-hover}" },
29
+ "border-color": { "value": "{dimpact.color.primary-hover}" },
30
+ "color": { "value": "{dimpact.color.white.100}" }
31
+ },
32
+ "icon": {
33
+ "margin-inline-start": { "value": "{dimpact.size.xs}" },
34
+ "margin-inline-end": { "value": "{dimpact.size.xs}" },
35
+ "margin-block-start": { "value": "{dimpact.size.xs}" },
36
+ "margin-block-end": { "value": "{dimpact.size.xs}" },
37
+ "size": {},
38
+ "background-color": {},
39
+ "fill": { "value": "currentColor" }
40
+ },
41
+ "line-height": {},
42
+ "padding-block-end": { "value": "{dimpact.size.xs}" },
43
+ "padding-block-start": { "value": "{dimpact.size.xs}" },
44
+ "padding-inline-end": { "value": "{dimpact.size.xs}" },
45
+ "padding-inline-start": { "value": "{dimpact.size.xs}" }
46
+ },
47
+ "panel": {
48
+ "padding-inline-start": { "value": "{dimpact.size.md}" },
49
+ "padding-inline-end": { "value": "{dimpact.size.md}" },
50
+ "padding-block-start": { "value": "{dimpact.size.md}" },
51
+ "padding-block-end": { "value": "{dimpact.size.md}" },
52
+ "border-width": { "value": "{dimpact.size.4xs}" },
53
+ "border-color": { "value": "{dimpact.color.black.0}" }
54
+ },
55
+ "section": {
56
+ "margin-block-start": {},
57
+ "margin-block-end": {},
58
+ "border-width": {},
59
+ "border-color": {},
60
+ "border-block-end-width": {}
61
+ },
62
+ "border-radius": { "value": "0px" },
63
+ "icon": {
64
+ "arrow-down": { "value": "transparent" }
65
+ }
66
+ }
67
+ }
68
+ }
package/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/accordion.tokens.json ADDED
@@ -0,0 +1,36 @@
1
+ {
2
+ "utrecht": {
3
+ "accordion": {
4
+ "button": {
5
+ "border-radius": {},
6
+ "border-top-left-radius": {},
7
+ "border-top-right-radius": {},
8
+ "border-bottom-left-radius": {},
9
+ "border-bottom-right-radius": {},
10
+ "active": {
11
+ "border-bottom": {
12
+ "left-radius": {},
13
+ "right-radius": {},
14
+ "width": {},
15
+ "color": {},
16
+ "style": {}
17
+ }
18
+ }
19
+ },
20
+ "panel": {
21
+ "border-radius": {},
22
+ "border-top": {
23
+ "left-radius": {},
24
+ "right-radius": {},
25
+ "width": {},
26
+ "color": {},
27
+ "style": {}
28
+ },
29
+ "border-bottom-left-radius": {},
30
+ "border-bottom-right-radius": {},
31
+ "background-color": {},
32
+ "line-height": {}
33
+ }
34
+ }
35
+ }
36
+ }
package/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json CHANGED
@@ -8,7 +8,8 @@
8
8
  "border-block-start": {},
9
9
  "border-block-end": {},
10
10
  "border-inline-start": {},
11
- "border-inline-end": {}
11
+ "border-inline-end": {},
12
+ "display": { "value": "block" }
12
13
  }
13
14
  }
14
15
  }
package/municipalities/dimpact-design-tokens/src/component/utrecht/page-header.tokens.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "utrecht": {
3
3
  "page-header": {
4
- "background-color": { "value": "{dimpact.color.light-blue.53}" },
4
+ "background-color": { "value": "{dimpact.color.white.100}" },
5
5
  "color": { "value": "{dimpact.color.primary}" },
6
6
  "padding-block-start": { "value": "{dimpact.size.sm}" },
7
7
  "padding-block-end": { "value": "{dimpact.size.sm}" }
package/municipalities/dimpact-design-tokens/src/component/utrecht/textbox.tokens.json CHANGED
@@ -11,6 +11,7 @@
11
11
  "value": "0.938rem",
12
12
  "comment": "15px"
13
13
  },
14
+ "font-weight": { "value": "{dimpact.typography.font-weight.normal}" },
14
15
  "min-inline-height": {},
15
16
  "max-inline-size": {},
16
17
  "padding-block-end": { "value": "{dimpact.size.xs}" },
package/municipalities/oude-ijsselstreek-design-tokens/src/components/tilburg/footer.tokens.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "tilburg": {
3
+ "footer": {
4
+ "background-color": { "value": "{utrecht.page-footer.background-color}" },
5
+ "color": { "value": "{utrecht.page-footer.color}" },
6
+ "link": {
7
+ "text-decoration": { "value": "{utrecht.page-footer.link.text-decoration}" },
8
+ "hover": {
9
+ "text-decoration": { "value": "{utrecht.page-footer.link.hover.text-decoration}" }
10
+ }
11
+ },
12
+ "marker-color": { "value": "{utrecht.page-footer.color}" }
13
+ }
14
+ }
15
+ }
package/municipalities/oude-ijsselstreek-design-tokens/src/components/tilburg/header.tokens.json ADDED
@@ -0,0 +1,12 @@
1
+ {
2
+ "tilburg": {
3
+ "header": {
4
+ "background-color": { "value": "{utrecht.page-header.background-color}" },
5
+ "logo": {
6
+ "text-color": {
7
+ "value": "{utrecht.page-header.color}"
8
+ }
9
+ }
10
+ }
11
+ }
12
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@conduction/theme",
3
- "version": "1.1.45",
3
+ "version": "1.1.46",
4
4
  "description": "Conduction's design tokens theme",
5
5
  "main": "index.js",
6
6
  "repository": {