@conduction/theme 1.0.20 → 1.0.21

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 (75) hide show
  1. package/README.md +6 -0
  2. package/conduction-design-tokens/dist/design-tokens.css +59 -56
  3. package/conduction-design-tokens/dist/index.js +59 -56
  4. package/conduction-design-tokens/dist/index.json +91 -28
  5. package/conduction-design-tokens/dist/index.less +59 -56
  6. package/conduction-design-tokens/dist/index.scss +59 -56
  7. package/conduction-design-tokens/dist/tokens.json +2953 -2884
  8. package/conduction-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  9. package/conduction-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  10. package/conduction-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  11. package/conduction-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  12. package/conduction-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  13. package/conduction-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  14. package/municipalities/dinkelland-design-tokens/dist/design-tokens.css +52 -49
  15. package/municipalities/dinkelland-design-tokens/dist/index.js +52 -49
  16. package/municipalities/dinkelland-design-tokens/dist/index.json +91 -28
  17. package/municipalities/dinkelland-design-tokens/dist/index.less +52 -49
  18. package/municipalities/dinkelland-design-tokens/dist/index.scss +52 -49
  19. package/municipalities/dinkelland-design-tokens/dist/tokens.json +2195 -2127
  20. package/municipalities/dinkelland-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  21. package/municipalities/dinkelland-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  22. package/municipalities/dinkelland-design-tokens/src/component/conduction/page-footer.tokens.json +5 -1
  23. package/municipalities/dinkelland-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  24. package/municipalities/dinkelland-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  25. package/municipalities/dinkelland-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  26. package/municipalities/leiden-design-tokens/dist/design-tokens.css +55 -48
  27. package/municipalities/leiden-design-tokens/dist/index.js +56 -49
  28. package/municipalities/leiden-design-tokens/dist/index.json +169 -26
  29. package/municipalities/leiden-design-tokens/dist/index.less +55 -48
  30. package/municipalities/leiden-design-tokens/dist/index.scss +55 -48
  31. package/municipalities/leiden-design-tokens/dist/tokens.json +1167 -999
  32. package/municipalities/leiden-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  33. package/municipalities/leiden-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  34. package/municipalities/leiden-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  35. package/municipalities/leiden-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  36. package/municipalities/leiden-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  37. package/municipalities/leiden-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  38. package/municipalities/tubbergen-design-tokens/dist/design-tokens.css +60 -57
  39. package/municipalities/tubbergen-design-tokens/dist/index.js +60 -57
  40. package/municipalities/tubbergen-design-tokens/dist/index.json +92 -29
  41. package/municipalities/tubbergen-design-tokens/dist/index.less +60 -57
  42. package/municipalities/tubbergen-design-tokens/dist/index.scss +60 -57
  43. package/municipalities/tubbergen-design-tokens/dist/tokens.json +3162 -3094
  44. package/municipalities/tubbergen-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  45. package/municipalities/tubbergen-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  46. package/municipalities/tubbergen-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  47. package/municipalities/tubbergen-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  48. package/municipalities/tubbergen-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  49. package/municipalities/tubbergen-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  50. package/municipalities/tubbergen-design-tokens/src/component/utrecht/page-footer.tokens.json +1 -2
  51. package/municipalities/xxllnc-design-tokens/dist/design-tokens.css +55 -48
  52. package/municipalities/xxllnc-design-tokens/dist/index.js +57 -50
  53. package/municipalities/xxllnc-design-tokens/dist/index.json +169 -26
  54. package/municipalities/xxllnc-design-tokens/dist/index.less +55 -48
  55. package/municipalities/xxllnc-design-tokens/dist/index.scss +55 -48
  56. package/municipalities/xxllnc-design-tokens/dist/tokens.json +1253 -1085
  57. package/municipalities/xxllnc-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  58. package/municipalities/xxllnc-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  59. package/municipalities/xxllnc-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  60. package/municipalities/xxllnc-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  61. package/municipalities/xxllnc-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  62. package/municipalities/xxllnc-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  63. package/package.json +1 -1
  64. /package/conduction-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  65. /package/conduction-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  66. /package/municipalities/dinkelland-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  67. /package/municipalities/dinkelland-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  68. /package/municipalities/leiden-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  69. /package/municipalities/leiden-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  70. /package/municipalities/leiden-design-tokens/src/component/utrecht/{blockquote.tokes.json → blockquote.tokens.json} +0 -0
  71. /package/municipalities/tubbergen-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  72. /package/municipalities/tubbergen-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  73. /package/municipalities/xxllnc-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  74. /package/municipalities/xxllnc-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  75. /package/municipalities/xxllnc-design-tokens/src/component/utrecht/{blockquote.tokes.json → blockquote.tokens.json} +0 -0
@@ -0,0 +1,9 @@
1
+ {
2
+ "utrecht": {
3
+ "alert": {
4
+ "icon": {
5
+ "gap": { "value": "{conduction.size.xs}" }
6
+ }
7
+ }
8
+ }
9
+ }
@@ -0,0 +1,7 @@
1
+ {
2
+ "utrecht": {
3
+ "icon": {
4
+ "gap": { "value": "{conduction.size.xs}" }
5
+ }
6
+ }
7
+ }
@@ -0,0 +1,11 @@
1
+ {
2
+ "utrecht": {
3
+ "page-footer": {
4
+ "min-height": {},
5
+ "logo": {
6
+ "max-height": { "value": "100px" },
7
+ "max-width": { "value": "100px" }
8
+ }
9
+ }
10
+ }
11
+ }
@@ -0,0 +1,10 @@
1
+ {
2
+ "utrecht": {
3
+ "page-header": {
4
+ "logo": {
5
+ "max-height": {},
6
+ "max-width": { "value": "150px" }
7
+ }
8
+ }
9
+ }
10
+ }
@@ -34,7 +34,6 @@
34
34
  "error": {
35
35
  "color": { "value": "{conduction.color.alert-error}" }
36
36
  },
37
- "gap": { "value": "{conduction.size.xs}" },
38
37
  "warning": {
39
38
  "color": { "value": "{conduction.color.alert-warning}" }
40
39
  },
@@ -2,7 +2,6 @@
2
2
  "utrecht": {
3
3
  "icon": {
4
4
  "color": {},
5
- "gap": { "value": "{conduction.size.xs}" },
6
5
  "size": {},
7
6
  "inset-block-start": {},
8
7
  "baseline": {
@@ -1,14 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 15 Aug 2023 14:13:29 GMT
3
+ * Generated on Wed, 16 Aug 2023 08:06:43 GMT
4
4
  */
5
5
 
6
6
  .dinkelland-theme {
7
7
  --conduction-input-select-padding-block-start: 0;
8
8
  --conduction-input-select-padding-block-end: 0;
9
9
  --conduction-input-select-border-focus: unset;
10
- --utrecht-text-box-font-size: 15px;
11
- --utrecht-text-box-border-radius: 0px;
12
10
  --utrecht-paragraph-margin-block-end: 0;
13
11
  --utrecht-paragraph-margin-block-start: 0;
14
12
  --utrecht-paragraph-line-height: 1.5em;
@@ -27,8 +25,6 @@
27
25
  --utrecht-heading-4-margin-block-end: 0;
28
26
  --utrecht-heading-3-margin-block-start: 0;
29
27
  --utrecht-heading-2-margin-block-start: 0;
30
- --utrecht-form-input-font-size: 15px;
31
- --utrecht-form-input-border-radius: 0px;
32
28
  --utrecht-code-block-margin-inline-end: 0;
33
29
  --utrecht-code-block-margin-inline-start: 0;
34
30
  --utrecht-code-font-size: inherit;
@@ -36,13 +32,20 @@
36
32
  --utrecht-button-font-weight: inherit;
37
33
  --utrecht-button-font-size: inherit;
38
34
  --utrecht-button-border-radius: 0;
35
+ --utrecht-text-box-font-size: 15px;
36
+ --utrecht-text-box-border-radius: 0px;
39
37
  --utrecht-table-header-cell-text-transform: unset;
40
38
  --utrecht-table-margin-block-end: 0;
41
39
  --utrecht-table-header-text-transform: unset;
42
40
  --utrecht-table-border-collapse: collapse;
41
+ --utrecht-page-header-logo-max-width: 150px;
43
42
  --utrecht-page-footer-background-image: url(https://www.dinkelland.nl/sites/all/themes/dinkelland/dist/assets/img/footer-bg.svg);
44
43
  --utrecht-page-footer-background-color: unset;
44
+ --utrecht-page-footer-logo-max-width: 220px;
45
+ --utrecht-page-footer-logo-max-height: 100px;
45
46
  --utrecht-page-footer-min-height: 300px;
47
+ --utrecht-form-input-font-size: 15px;
48
+ --utrecht-form-input-border-radius: 0px;
46
49
  --utrecht-card-padding-block-start: 30px;
47
50
  --utrecht-card-padding-block-end: 30px;
48
51
  --utrecht-card-padding-inline-start: 30px;
@@ -109,26 +112,11 @@
109
112
  --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
110
113
  --conduction-input-select-border: var(--dinkelland-size-4xs) solid var(--dinkelland-color-grey-46);
111
114
  --conduction-input-select-background-color: var(--dinkelland-color-white-100);
112
- --utrecht-text-box-focus-border-color: var(--dinkelland-color-blue-48);
113
- --utrecht-text-box-placeholder-color: var(--dinkelland-color-grey-42);
114
- --utrecht-text-box-padding-inline-start: var(--dinkelland-size-sm);
115
- --utrecht-text-box-padding-inline-end: var(--dinkelland-size-sm);
116
- --utrecht-text-box-padding-block-start: var(--dinkelland-size-xs);
117
- --utrecht-text-box-padding-block-end: var(--dinkelland-size-xs);
118
- --utrecht-text-box-font-family: var(--dinkelland-typography-lato-font-family);
119
- --utrecht-text-box-color: var(--dinkelland-color-black-33);
120
- --utrecht-text-box-border-width: var(--dinkelland-size-4xs);
121
- --utrecht-text-box-border-color: var(--dinkelland-color-grey-46);
122
- --utrecht-text-box-background-color: var(--dinkelland-color-white-100);
123
115
  --utrecht-paragraph-font-weight: var(--dinkelland-typography-font-weight-normal);
124
116
  --utrecht-paragraph-font-size: var(--dinkelland-font-size-md);
125
117
  --utrecht-paragraph-font-family: var(--dinkelland-typography-lato-font-family);
126
118
  --utrecht-page-padding-inline-end: var(--dinkelland-size-lg);
127
119
  --utrecht-page-padding-inline-start: var(--dinkelland-size-lg);
128
- --utrecht-page-header-padding-block-end: var(--dinkelland-size-sm);
129
- --utrecht-page-header-padding-block-start: var(--dinkelland-size-sm);
130
- --utrecht-page-header-color: var(--dinkelland-color-black-20);
131
- --utrecht-page-header-background-color: var(--dinkelland-color-white-100);
132
120
  --utrecht-unordered-list-item-margin-block-end: var(--dinkelland-size-xs);
133
121
  --utrecht-unordered-list-item-margin-block-start: var(--dinkelland-size-xs);
134
122
  --utrecht-unordered-list-margin-block-start: var(--dinkelland-size-md);
@@ -140,7 +128,6 @@
140
128
  --utrecht-link-icon-size: var(--dinkelland-size-md);
141
129
  --utrecht-link-hover-text-decoration-thickness: var(--dinkelland-size-4xs);
142
130
  --utrecht-link-text-underline-offset: var(--dinkelland-size-3xs);
143
- --utrecht-icon-gap: var(--dinkelland-size-xs);
144
131
  --utrecht-heading-5-font-weight: var(--dinkelland-typography-font-weight-light);
145
132
  --utrecht-heading-5-font-size: var(--dinkelland-font-size-md);
146
133
  --utrecht-heading-5-font-family: var(--dinkelland-typography-montserrat-font-family);
@@ -165,17 +152,6 @@
165
152
  --utrecht-heading-1-font-size: var(--dinkelland-font-size-2xl);
166
153
  --utrecht-heading-1-font-family: var(--dinkelland-typography-montserrat-font-family);
167
154
  --utrecht-heading-1-color: var(--dinkelland-color-black-13);
168
- --utrecht-form-input-focus-border-color: var(--dinkelland-color-blue-48);
169
- --utrecht-form-input-placeholder-color: var(--dinkelland-color-grey-42);
170
- --utrecht-form-input-padding-inline-start: var(--dinkelland-size-sm);
171
- --utrecht-form-input-padding-inline-end: var(--dinkelland-size-sm);
172
- --utrecht-form-input-padding-block-start: var(--dinkelland-size-xs);
173
- --utrecht-form-input-padding-block-end: var(--dinkelland-size-xs);
174
- --utrecht-form-input-font-family: var(--dinkelland-typography-lato-font-family);
175
- --utrecht-form-input-color: var(--dinkelland-color-black-33);
176
- --utrecht-form-input-border-width: var(--dinkelland-size-4xs);
177
- --utrecht-form-input-border-color: var(--dinkelland-color-grey-46);
178
- --utrecht-form-input-background-color: var(--dinkelland-color-white-100);
179
155
  --utrecht-document-font-size: var(--dinkelland-font-size-md);
180
156
  --utrecht-document-font-family: var(--dinkelland-typography-lato-font-family);
181
157
  --utrecht-document-color: var(--dinkelland-color-black-20);
@@ -228,14 +204,17 @@
228
204
  --utrecht-blockquote-margin-inline-start: var(--dinkelland-size-xl);
229
205
  --utrecht-blockquote-color: var(--dinkelland-color-grey-64);
230
206
  --utrecht-blockquote-background-color: var(--dinkelland-color-grey-64);
231
- --utrecht-alert-icon-gap: var(--dinkelland-size-xs);
232
- --utrecht-alert-ok-background-color: var(--dinkelland-color-alert-succes-background);
233
- --utrecht-alert-error-background-color: var(--dinkelland-color-alert-error-background);
234
- --utrecht-alert-warning-background-color: var(--dinkelland-color-alert-warning-background);
235
- --utrecht-alert-padding-inline-end: var(--dinkelland-size-lg);
236
- --utrecht-alert-padding-inline-start: var(--dinkelland-size-lg);
237
- --utrecht-alert-padding-block-end: var(--dinkelland-size-lg);
238
- --utrecht-alert-padding-block-start: var(--dinkelland-size-lg);
207
+ --utrecht-text-box-focus-border-color: var(--dinkelland-color-blue-48);
208
+ --utrecht-text-box-placeholder-color: var(--dinkelland-color-grey-42);
209
+ --utrecht-text-box-padding-inline-start: var(--dinkelland-size-sm);
210
+ --utrecht-text-box-padding-inline-end: var(--dinkelland-size-sm);
211
+ --utrecht-text-box-padding-block-start: var(--dinkelland-size-xs);
212
+ --utrecht-text-box-padding-block-end: var(--dinkelland-size-xs);
213
+ --utrecht-text-box-font-family: var(--dinkelland-typography-lato-font-family);
214
+ --utrecht-text-box-color: var(--dinkelland-color-black-33);
215
+ --utrecht-text-box-border-width: var(--dinkelland-size-4xs);
216
+ --utrecht-text-box-border-color: var(--dinkelland-color-grey-46);
217
+ --utrecht-text-box-background-color: var(--dinkelland-color-white-100);
239
218
  --utrecht-table-cell-padding-inline-start: var(--dinkelland-size-md);
240
219
  --utrecht-table-cell-padding-inline-end: var(--dinkelland-size-md);
241
220
  --utrecht-table-cell-padding-block-start: var(--dinkelland-size-md);
@@ -254,12 +233,36 @@
254
233
  --utrecht-table-header-border-block-end-width: var(--dinkelland-size-4xs);
255
234
  --utrecht-table-header-border-block-end-color: var(--dinkelland-color-blue-94);
256
235
  --utrecht-table-background-color: var(--dinkelland-color-white-100);
236
+ --utrecht-page-header-padding-block-end: var(--dinkelland-size-sm);
237
+ --utrecht-page-header-padding-block-start: var(--dinkelland-size-sm);
238
+ --utrecht-page-header-color: var(--dinkelland-color-black-20);
239
+ --utrecht-page-header-background-color: var(--dinkelland-color-white-100);
257
240
  --utrecht-page-footer-padding-block-start: var(--dinkelland-size-2xl);
258
241
  --utrecht-page-footer-padding-block-end: var(--dinkelland-size-2xl);
259
242
  --utrecht-page-footer-padding-inline-start: var(--dinkelland-size-sm);
260
243
  --utrecht-page-footer-padding-inline-end: var(--dinkelland-size-sm);
261
244
  --utrecht-page-footer-color: var(--dinkelland-color-white-100);
245
+ --utrecht-icon-gap: var(--dinkelland-size-xs);
246
+ --utrecht-form-input-focus-border-color: var(--dinkelland-color-blue-48);
247
+ --utrecht-form-input-placeholder-color: var(--dinkelland-color-grey-42);
248
+ --utrecht-form-input-padding-inline-start: var(--dinkelland-size-sm);
249
+ --utrecht-form-input-padding-inline-end: var(--dinkelland-size-sm);
250
+ --utrecht-form-input-padding-block-start: var(--dinkelland-size-xs);
251
+ --utrecht-form-input-padding-block-end: var(--dinkelland-size-xs);
252
+ --utrecht-form-input-font-family: var(--dinkelland-typography-lato-font-family);
253
+ --utrecht-form-input-color: var(--dinkelland-color-black-33);
254
+ --utrecht-form-input-border-width: var(--dinkelland-size-4xs);
255
+ --utrecht-form-input-border-color: var(--dinkelland-color-grey-46);
256
+ --utrecht-form-input-background-color: var(--dinkelland-color-white-100);
262
257
  --utrecht-card-background-color: var(--dinkelland-color-blue-94);
258
+ --utrecht-alert-ok-background-color: var(--dinkelland-color-alert-succes-background);
259
+ --utrecht-alert-error-background-color: var(--dinkelland-color-alert-error-background);
260
+ --utrecht-alert-warning-background-color: var(--dinkelland-color-alert-warning-background);
261
+ --utrecht-alert-padding-inline-end: var(--dinkelland-size-lg);
262
+ --utrecht-alert-padding-inline-start: var(--dinkelland-size-lg);
263
+ --utrecht-alert-padding-block-end: var(--dinkelland-size-lg);
264
+ --utrecht-alert-padding-block-start: var(--dinkelland-size-lg);
265
+ --utrecht-alert-icon-gap: var(--dinkelland-size-xs);
263
266
  --utrecht-space-inline-3xl: var(--dinkelland-size-3xl);
264
267
  --utrecht-space-inline-2xl: var(--dinkelland-size-2xl);
265
268
  --utrecht-space-inline-xl: var(--dinkelland-size-xl);
@@ -313,19 +316,19 @@
313
316
  --utrecht-button-secondary-action-color: var(--dinkelland-color-primary);
314
317
  --utrecht-button-secondary-action-border-color: var(--dinkelland-color-primary);
315
318
  --utrecht-blockquote-content-color: var(--utrecht-document-color);
316
- --utrecht-alert-icon-ok-color: var(--dinkelland-color-alert-succes);
317
- --utrecht-alert-icon-warning-color: var(--dinkelland-color-alert-warning);
318
- --utrecht-alert-icon-error-color: var(--dinkelland-color-alert-error);
319
- --utrecht-alert-icon-color: var(--dinkelland-color-alert-info);
320
- --utrecht-alert-ok-color: var(--dinkelland-color-alert-succes);
321
- --utrecht-alert-error-color: var(--dinkelland-color-alert-error);
322
- --utrecht-alert-warning-color: var(--dinkelland-color-alert-warning);
323
- --utrecht-alert-color: var(--dinkelland-color-alert-info);
324
- --utrecht-alert-background-color: var(--dinkelland-color-alert-info-background);
325
319
  --utrecht-table-header-cell-color: var(--utrecht-document-color);
326
320
  --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size);
327
321
  --utrecht-table-font-size: var(--utrecht-document-font-size);
328
322
  --utrecht-table-font-family: var(--utrecht-document-font-family);
329
323
  --utrecht-table-header-color: var(--utrecht-document-color);
330
324
  --utrecht-card-color: var(--utrecht-document-color);
325
+ --utrecht-alert-ok-color: var(--dinkelland-color-alert-succes);
326
+ --utrecht-alert-error-color: var(--dinkelland-color-alert-error);
327
+ --utrecht-alert-warning-color: var(--dinkelland-color-alert-warning);
328
+ --utrecht-alert-color: var(--dinkelland-color-alert-info);
329
+ --utrecht-alert-background-color: var(--dinkelland-color-alert-info-background);
330
+ --utrecht-alert-icon-ok-color: var(--dinkelland-color-alert-succes);
331
+ --utrecht-alert-icon-warning-color: var(--dinkelland-color-alert-warning);
332
+ --utrecht-alert-icon-error-color: var(--dinkelland-color-alert-error);
333
+ --utrecht-alert-icon-color: var(--dinkelland-color-alert-info);
331
334
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 15 Aug 2023 14:13:29 GMT
3
+ * Generated on Wed, 16 Aug 2023 08:06:43 GMT
4
4
  */
5
5
 
6
6
  export const dinkellandColorPrimary = "#006cb9";
@@ -96,6 +96,23 @@ export const utrechtSpaceInlineLg = "24px";
96
96
  export const utrechtSpaceInlineXl = "32px";
97
97
  export const utrechtSpaceInline2xl = "48px";
98
98
  export const utrechtSpaceInline3xl = "72px";
99
+ export const utrechtAlertIconGap = "8px";
100
+ export const utrechtAlertIconColor = "#333333";
101
+ export const utrechtAlertIconErrorColor = "#333333";
102
+ export const utrechtAlertIconWarningColor = "#333333";
103
+ export const utrechtAlertIconOkColor = "#333333";
104
+ export const utrechtAlertBackgroundColor = "#e5f0f8";
105
+ export const utrechtAlertColor = "#333333";
106
+ export const utrechtAlertPaddingBlockStart = "24px";
107
+ export const utrechtAlertPaddingBlockEnd = "24px";
108
+ export const utrechtAlertPaddingInlineStart = "24px";
109
+ export const utrechtAlertPaddingInlineEnd = "24px";
110
+ export const utrechtAlertWarningBackgroundColor = "#fff3cd";
111
+ export const utrechtAlertWarningColor = "#333333";
112
+ export const utrechtAlertErrorBackgroundColor = "#f8d7da";
113
+ export const utrechtAlertErrorColor = "#333333";
114
+ export const utrechtAlertOkBackgroundColor = "#d4edda";
115
+ export const utrechtAlertOkColor = "#333333";
99
116
  export const utrechtCardBackgroundColor = "#e5f0f8";
100
117
  export const utrechtCardBorderRadius = "0px";
101
118
  export const utrechtCardBorderWidth = "unset";
@@ -104,7 +121,23 @@ export const utrechtCardPaddingInlineEnd = "30px";
104
121
  export const utrechtCardPaddingInlineStart = "30px";
105
122
  export const utrechtCardPaddingBlockEnd = "30px";
106
123
  export const utrechtCardPaddingBlockStart = "30px";
124
+ export const utrechtFormInputBackgroundColor = "#ffffff";
125
+ export const utrechtFormInputBorderColor = "#767676";
126
+ export const utrechtFormInputBorderRadius = "0px";
127
+ export const utrechtFormInputBorderWidth = "1px";
128
+ export const utrechtFormInputColor = "#555555";
129
+ export const utrechtFormInputFontFamily = "\"Lato\", Arial, sans-serif";
130
+ export const utrechtFormInputFontSize = "15px";
131
+ export const utrechtFormInputPaddingBlockEnd = "8px";
132
+ export const utrechtFormInputPaddingBlockStart = "8px";
133
+ export const utrechtFormInputPaddingInlineEnd = "14px";
134
+ export const utrechtFormInputPaddingInlineStart = "14px";
135
+ export const utrechtFormInputPlaceholderColor = "#6b6b6b";
136
+ export const utrechtFormInputFocusBorderColor = "#2e79c6";
137
+ export const utrechtIconGap = "8px";
107
138
  export const utrechtPageFooterMinHeight = "300px";
139
+ export const utrechtPageFooterLogoMaxHeight = "100px";
140
+ export const utrechtPageFooterLogoMaxWidth = "220px";
108
141
  export const utrechtPageFooterBackgroundColor = "unset";
109
142
  export const utrechtPageFooterBackgroundImage = "url(https://www.dinkelland.nl/sites/all/themes/dinkelland/dist/assets/img/footer-bg.svg)";
110
143
  export const utrechtPageFooterColor = "#ffffff";
@@ -112,6 +145,11 @@ export const utrechtPageFooterPaddingInlineEnd = "14px";
112
145
  export const utrechtPageFooterPaddingInlineStart = "14px";
113
146
  export const utrechtPageFooterPaddingBlockEnd = "48px";
114
147
  export const utrechtPageFooterPaddingBlockStart = "48px";
148
+ export const utrechtPageHeaderLogoMaxWidth = "150px";
149
+ export const utrechtPageHeaderBackgroundColor = "#ffffff";
150
+ export const utrechtPageHeaderColor = "#333333";
151
+ export const utrechtPageHeaderPaddingBlockStart = "14px";
152
+ export const utrechtPageHeaderPaddingBlockEnd = "14px";
115
153
  export const utrechtTableBorderCollapse = "collapse";
116
154
  export const utrechtTableBackgroundColor = "#ffffff";
117
155
  export const utrechtTableHeaderBorderBlockEndColor = "#e5f0f8";
@@ -139,23 +177,19 @@ export const utrechtTableCellPaddingBlockEnd = "18px";
139
177
  export const utrechtTableCellPaddingBlockStart = "18px";
140
178
  export const utrechtTableCellPaddingInlineEnd = "18px";
141
179
  export const utrechtTableCellPaddingInlineStart = "18px";
142
- export const utrechtAlertBackgroundColor = "#e5f0f8";
143
- export const utrechtAlertColor = "#333333";
144
- export const utrechtAlertPaddingBlockStart = "24px";
145
- export const utrechtAlertPaddingBlockEnd = "24px";
146
- export const utrechtAlertPaddingInlineStart = "24px";
147
- export const utrechtAlertPaddingInlineEnd = "24px";
148
- export const utrechtAlertWarningBackgroundColor = "#fff3cd";
149
- export const utrechtAlertWarningColor = "#333333";
150
- export const utrechtAlertErrorBackgroundColor = "#f8d7da";
151
- export const utrechtAlertErrorColor = "#333333";
152
- export const utrechtAlertOkBackgroundColor = "#d4edda";
153
- export const utrechtAlertOkColor = "#333333";
154
- export const utrechtAlertIconColor = "#333333";
155
- export const utrechtAlertIconErrorColor = "#333333";
156
- export const utrechtAlertIconGap = "8px";
157
- export const utrechtAlertIconWarningColor = "#333333";
158
- export const utrechtAlertIconOkColor = "#333333";
180
+ export const utrechtTextBoxBackgroundColor = "#ffffff";
181
+ export const utrechtTextBoxBorderColor = "#767676";
182
+ export const utrechtTextBoxBorderRadius = "0px";
183
+ export const utrechtTextBoxBorderWidth = "1px";
184
+ export const utrechtTextBoxColor = "#555555";
185
+ export const utrechtTextBoxFontFamily = "\"Lato\", Arial, sans-serif";
186
+ export const utrechtTextBoxFontSize = "15px";
187
+ export const utrechtTextBoxPaddingBlockEnd = "8px";
188
+ export const utrechtTextBoxPaddingBlockStart = "8px";
189
+ export const utrechtTextBoxPaddingInlineEnd = "14px";
190
+ export const utrechtTextBoxPaddingInlineStart = "14px";
191
+ export const utrechtTextBoxPlaceholderColor = "#6b6b6b";
192
+ export const utrechtTextBoxFocusBorderColor = "#2e79c6";
159
193
  export const utrechtBlockquoteBackgroundColor = "#9aa1ab";
160
194
  export const utrechtBlockquoteColor = "#9aa1ab";
161
195
  export const utrechtBlockquoteMarginInlineStart = "32px";
@@ -224,19 +258,6 @@ export const utrechtDocumentBackgroundColor = "#ffffff";
224
258
  export const utrechtDocumentColor = "#333333";
225
259
  export const utrechtDocumentFontFamily = "\"Lato\", Arial, sans-serif";
226
260
  export const utrechtDocumentFontSize = "16px";
227
- export const utrechtFormInputBackgroundColor = "#ffffff";
228
- export const utrechtFormInputBorderColor = "#767676";
229
- export const utrechtFormInputBorderRadius = "0px";
230
- export const utrechtFormInputBorderWidth = "1px";
231
- export const utrechtFormInputColor = "#555555";
232
- export const utrechtFormInputFontFamily = "\"Lato\", Arial, sans-serif";
233
- export const utrechtFormInputFontSize = "15px";
234
- export const utrechtFormInputPaddingBlockEnd = "8px";
235
- export const utrechtFormInputPaddingBlockStart = "8px";
236
- export const utrechtFormInputPaddingInlineEnd = "14px";
237
- export const utrechtFormInputPaddingInlineStart = "14px";
238
- export const utrechtFormInputPlaceholderColor = "#6b6b6b";
239
- export const utrechtFormInputFocusBorderColor = "#2e79c6";
240
261
  export const utrechtHeading1Color = "#222222";
241
262
  export const utrechtHeading1FontFamily = "\"Montserrat\", Arial, sans-serif";
242
263
  export const utrechtHeading1FontSize = "32px";
@@ -267,7 +288,6 @@ export const utrechtHeading5FontSize = "16px";
267
288
  export const utrechtHeading5FontWeight = "100";
268
289
  export const utrechtHeading5MarginBlockEnd = 0;
269
290
  export const utrechtHeading5MarginBlockStart = 0;
270
- export const utrechtIconGap = "8px";
271
291
  export const utrechtLinkColor = "#006cb9";
272
292
  export const utrechtLinkTextDecoration = "none";
273
293
  export const utrechtLinkTextDecorationColor = "unset";
@@ -293,10 +313,6 @@ export const utrechtUnorderedListItemMarginBlockStart = "8px";
293
313
  export const utrechtUnorderedListItemMarginBlockEnd = "8px";
294
314
  export const utrechtUnorderedListItemPaddingInlineStart = "1ch";
295
315
  export const utrechtUnorderedListMarkerColor = "#333333";
296
- export const utrechtPageHeaderBackgroundColor = "#ffffff";
297
- export const utrechtPageHeaderColor = "#333333";
298
- export const utrechtPageHeaderPaddingBlockStart = "14px";
299
- export const utrechtPageHeaderPaddingBlockEnd = "14px";
300
316
  export const utrechtPagePaddingInlineStart = "24px";
301
317
  export const utrechtPagePaddingInlineEnd = "24px";
302
318
  export const utrechtPageMaxInlineSize = "1140px";
@@ -307,19 +323,6 @@ export const utrechtParagraphFontWeight = "400";
307
323
  export const utrechtParagraphLineHeight = "1.5em";
308
324
  export const utrechtParagraphMarginBlockStart = 0;
309
325
  export const utrechtParagraphMarginBlockEnd = 0;
310
- export const utrechtTextBoxBackgroundColor = "#ffffff";
311
- export const utrechtTextBoxBorderColor = "#767676";
312
- export const utrechtTextBoxBorderRadius = "0px";
313
- export const utrechtTextBoxBorderWidth = "1px";
314
- export const utrechtTextBoxColor = "#555555";
315
- export const utrechtTextBoxFontFamily = "\"Lato\", Arial, sans-serif";
316
- export const utrechtTextBoxFontSize = "15px";
317
- export const utrechtTextBoxPaddingBlockEnd = "8px";
318
- export const utrechtTextBoxPaddingBlockStart = "8px";
319
- export const utrechtTextBoxPaddingInlineEnd = "14px";
320
- export const utrechtTextBoxPaddingInlineStart = "14px";
321
- export const utrechtTextBoxPlaceholderColor = "#6b6b6b";
322
- export const utrechtTextBoxFocusBorderColor = "#2e79c6";
323
326
  export const conductionInputSelectBackgroundColor = "#ffffff";
324
327
  export const conductionInputSelectBorder = "1px solid #767676";
325
328
  export const conductionInputSelectBorderFocus = "unset";