@conduction/theme 1.0.20 → 1.0.22

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 +13 -4
  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": "{leiden.size.xs}" }
6
+ }
7
+ }
8
+ }
9
+ }
@@ -0,0 +1,7 @@
1
+ {
2
+ "utrecht": {
3
+ "icon": {
4
+ "gap": { "value": "{leiden.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": "120px" }
8
+ }
9
+ }
10
+ }
11
+ }
@@ -0,0 +1,10 @@
1
+ {
2
+ "utrecht": {
3
+ "page-header": {
4
+ "logo": {
5
+ "max-height": {},
6
+ "max-width": { "value": "80px" }
7
+ }
8
+ }
9
+ }
10
+ }
@@ -34,7 +34,6 @@
34
34
  "error": {
35
35
  "color": { "value": "{leiden.color.alert-error}" }
36
36
  },
37
- "gap": { "value": "{leiden.size.xs}" },
38
37
  "warning": {
39
38
  "color": { "value": "{leiden.color.alert-warning}" }
40
39
  },
@@ -2,7 +2,6 @@
2
2
  "utrecht": {
3
3
  "icon": {
4
4
  "color": {},
5
- "gap": { "value": "{leiden.size.xs}" },
6
5
  "size": {},
7
6
  "inset-block-start": {},
8
7
  "baseline": {
@@ -1,21 +1,16 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 15 Aug 2023 14:13:22 GMT
3
+ * Generated on Wed, 16 Aug 2023 08:41:01 GMT
4
4
  */
5
5
 
6
6
  .tubbergen-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-textbox-font-size: 15px;
11
- --utrecht-textbox-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;
15
13
  --utrecht-page-max-inline-size: 1140px;
16
- --utrecht-page-footer-min-height: 300px;
17
- --utrecht-page-footer-background-image: url(https://www.tubbergen.nl/sites/all/themes/tubbergen/dist/assets/img/footer-bg.svg);
18
- --utrecht-page-footer-background-color: unset;
19
14
  --utrecht-unordered-list-item-padding-inline-start: 1ch;
20
15
  --utrecht-unordered-list-padding-inline-start: 2ch;
21
16
  --utrecht-unordered-list-margin-block-end: 0;
@@ -30,8 +25,6 @@
30
25
  --utrecht-heading-4-margin-block-end: 0;
31
26
  --utrecht-heading-3-margin-block-start: 0;
32
27
  --utrecht-heading-2-margin-block-start: 0;
33
- --utrecht-form-input-font-size: 15px;
34
- --utrecht-form-input-border-radius: 0px;
35
28
  --utrecht-code-block-margin-inline-end: 0;
36
29
  --utrecht-code-block-margin-inline-start: 0;
37
30
  --utrecht-code-font-size: inherit;
@@ -39,10 +32,20 @@
39
32
  --utrecht-button-font-weight: inherit;
40
33
  --utrecht-button-font-size: inherit;
41
34
  --utrecht-button-border-radius: 0;
35
+ --utrecht-textbox-font-size: 15px;
36
+ --utrecht-textbox-border-radius: 0px;
42
37
  --utrecht-table-header-cell-text-transform: unset;
43
38
  --utrecht-table-margin-block-end: 0;
44
39
  --utrecht-table-header-text-transform: unset;
45
40
  --utrecht-table-border-collapse: collapse;
41
+ --utrecht-page-header-logo-max-width: 150px;
42
+ --utrecht-page-footer-background-image: url(https://www.tubbergen.nl/sites/all/themes/tubbergen/dist/assets/img/footer-bg.svg);
43
+ --utrecht-page-footer-background-color: unset;
44
+ --utrecht-page-footer-logo-max-width: 220px;
45
+ --utrecht-page-footer-logo-max-height: 100px;
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;
@@ -111,31 +114,11 @@
111
114
  --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
112
115
  --conduction-input-select-border: var(--tubbergen-size-4xs) solid var(--tubbergen-color-grey-46);
113
116
  --conduction-input-select-background-color: var(--tubbergen-color-white-100);
114
- --utrecht-textbox-focus-border-color: var(--tubbergen-color-blue-48);
115
- --utrecht-textbox-placeholder-color: var(--tubbergen-color-grey-42);
116
- --utrecht-textbox-padding-inline-start: var(--tubbergen-size-sm);
117
- --utrecht-textbox-padding-inline-end: var(--tubbergen-size-sm);
118
- --utrecht-textbox-padding-block-start: var(--tubbergen-size-xs);
119
- --utrecht-textbox-padding-block-end: var(--tubbergen-size-xs);
120
- --utrecht-textbox-font-family: var(--tubbergen-typography-lato-font-family);
121
- --utrecht-textbox-color: var(--tubbergen-color-black-33);
122
- --utrecht-textbox-border-width: var(--tubbergen-size-4xs);
123
- --utrecht-textbox-border-color: var(--tubbergen-color-grey-46);
124
- --utrecht-textbox-background-color: var(--tubbergen-color-white-100);
125
117
  --utrecht-paragraph-font-weight: var(--tubbergen-typography-font-weight-normal);
126
118
  --utrecht-paragraph-font-size: var(--tubbergen-font-size-md);
127
119
  --utrecht-paragraph-font-family: var(--tubbergen-typography-lato-font-family);
128
120
  --utrecht-page-padding-inline-end: var(--tubbergen-size-lg);
129
121
  --utrecht-page-padding-inline-start: var(--tubbergen-size-lg);
130
- --utrecht-page-header-padding-block-end: var(--tubbergen-size-sm);
131
- --utrecht-page-header-padding-block-start: var(--tubbergen-size-sm);
132
- --utrecht-page-header-color: var(--tubbergen-color-black-20);
133
- --utrecht-page-header-background-color: var(--tubbergen-color-white-100);
134
- --utrecht-page-footer-padding-block-start: var(--tubbergen-size-2xl);
135
- --utrecht-page-footer-padding-block-end: var(--tubbergen-size-2xl);
136
- --utrecht-page-footer-padding-inline-start: var(--tubbergen-size-sm);
137
- --utrecht-page-footer-padding-inline-end: var(--tubbergen-size-sm);
138
- --utrecht-page-footer-color: var(--tubbergen-color-white-100);
139
122
  --utrecht-unordered-list-item-margin-block-end: var(--tubbergen-size-xs);
140
123
  --utrecht-unordered-list-item-margin-block-start: var(--tubbergen-size-xs);
141
124
  --utrecht-unordered-list-margin-block-start: var(--tubbergen-size-md);
@@ -147,7 +130,6 @@
147
130
  --utrecht-link-icon-size: var(--tubbergen-size-md);
148
131
  --utrecht-link-hover-text-decoration-thickness: var(--tubbergen-size-4xs);
149
132
  --utrecht-link-text-underline-offset: var(--tubbergen-size-3xs);
150
- --utrecht-icon-gap: var(--tubbergen-size-xs);
151
133
  --utrecht-heading-5-font-weight: var(--tubbergen-typography-font-weight-light);
152
134
  --utrecht-heading-5-font-size: var(--tubbergen-font-size-md);
153
135
  --utrecht-heading-5-font-family: var(--tubbergen-typography-montserrat-font-family);
@@ -172,17 +154,6 @@
172
154
  --utrecht-heading-1-font-size: var(--tubbergen-font-size-2xl);
173
155
  --utrecht-heading-1-font-family: var(--tubbergen-typography-montserrat-font-family);
174
156
  --utrecht-heading-1-color: var(--tubbergen-color-black-13);
175
- --utrecht-form-input-focus-border-color: var(--tubbergen-color-blue-48);
176
- --utrecht-form-input-placeholder-color: var(--tubbergen-color-grey-42);
177
- --utrecht-form-input-padding-inline-start: var(--tubbergen-size-sm);
178
- --utrecht-form-input-padding-inline-end: var(--tubbergen-size-sm);
179
- --utrecht-form-input-padding-block-start: var(--tubbergen-size-xs);
180
- --utrecht-form-input-padding-block-end: var(--tubbergen-size-xs);
181
- --utrecht-form-input-font-family: var(--tubbergen-typography-lato-font-family);
182
- --utrecht-form-input-color: var(--tubbergen-color-black-33);
183
- --utrecht-form-input-border-width: var(--tubbergen-size-4xs);
184
- --utrecht-form-input-border-color: var(--tubbergen-color-grey-46);
185
- --utrecht-form-input-background-color: var(--tubbergen-color-white-100);
186
157
  --utrecht-document-font-size: var(--tubbergen-font-size-md);
187
158
  --utrecht-document-font-family: var(--tubbergen-typography-lato-font-family);
188
159
  --utrecht-document-color: var(--tubbergen-color-black-20);
@@ -235,14 +206,17 @@
235
206
  --utrecht-blockquote-margin-inline-start: var(--tubbergen-size-xl);
236
207
  --utrecht-blockquote-color: var(--tubbergen-color-grey-64);
237
208
  --utrecht-blockquote-background-color: var(--tubbergen-color-grey-64);
238
- --utrecht-alert-icon-gap: var(--tubbergen-size-xs);
239
- --utrecht-alert-ok-background-color: var(--tubbergen-color-alert-succes-background);
240
- --utrecht-alert-error-background-color: var(--tubbergen-color-alert-error-background);
241
- --utrecht-alert-warning-background-color: var(--tubbergen-color-alert-warning-background);
242
- --utrecht-alert-padding-inline-end: var(--tubbergen-size-lg);
243
- --utrecht-alert-padding-inline-start: var(--tubbergen-size-lg);
244
- --utrecht-alert-padding-block-end: var(--tubbergen-size-lg);
245
- --utrecht-alert-padding-block-start: var(--tubbergen-size-lg);
209
+ --utrecht-textbox-focus-border-color: var(--tubbergen-color-blue-48);
210
+ --utrecht-textbox-placeholder-color: var(--tubbergen-color-grey-42);
211
+ --utrecht-textbox-padding-inline-start: var(--tubbergen-size-sm);
212
+ --utrecht-textbox-padding-inline-end: var(--tubbergen-size-sm);
213
+ --utrecht-textbox-padding-block-start: var(--tubbergen-size-xs);
214
+ --utrecht-textbox-padding-block-end: var(--tubbergen-size-xs);
215
+ --utrecht-textbox-font-family: var(--tubbergen-typography-lato-font-family);
216
+ --utrecht-textbox-color: var(--tubbergen-color-black-33);
217
+ --utrecht-textbox-border-width: var(--tubbergen-size-4xs);
218
+ --utrecht-textbox-border-color: var(--tubbergen-color-grey-46);
219
+ --utrecht-textbox-background-color: var(--tubbergen-color-white-100);
246
220
  --utrecht-table-cell-padding-inline-start: var(--tubbergen-size-md);
247
221
  --utrecht-table-cell-padding-inline-end: var(--tubbergen-size-md);
248
222
  --utrecht-table-cell-padding-block-start: var(--tubbergen-size-md);
@@ -261,7 +235,36 @@
261
235
  --utrecht-table-header-border-block-end-width: var(--tubbergen-size-4xs);
262
236
  --utrecht-table-header-border-block-end-color: var(--tubbergen-color-blue-94);
263
237
  --utrecht-table-background-color: var(--tubbergen-color-white-100);
238
+ --utrecht-page-header-padding-block-end: var(--tubbergen-size-sm);
239
+ --utrecht-page-header-padding-block-start: var(--tubbergen-size-sm);
240
+ --utrecht-page-header-color: var(--tubbergen-color-black-20);
241
+ --utrecht-page-header-background-color: var(--tubbergen-color-white-100);
242
+ --utrecht-page-footer-padding-block-start: var(--tubbergen-size-2xl);
243
+ --utrecht-page-footer-padding-block-end: var(--tubbergen-size-2xl);
244
+ --utrecht-page-footer-padding-inline-start: var(--tubbergen-size-sm);
245
+ --utrecht-page-footer-padding-inline-end: var(--tubbergen-size-sm);
246
+ --utrecht-page-footer-color: var(--tubbergen-color-white-100);
247
+ --utrecht-icon-gap: var(--tubbergen-size-xs);
248
+ --utrecht-form-input-focus-border-color: var(--tubbergen-color-blue-48);
249
+ --utrecht-form-input-placeholder-color: var(--tubbergen-color-grey-42);
250
+ --utrecht-form-input-padding-inline-start: var(--tubbergen-size-sm);
251
+ --utrecht-form-input-padding-inline-end: var(--tubbergen-size-sm);
252
+ --utrecht-form-input-padding-block-start: var(--tubbergen-size-xs);
253
+ --utrecht-form-input-padding-block-end: var(--tubbergen-size-xs);
254
+ --utrecht-form-input-font-family: var(--tubbergen-typography-lato-font-family);
255
+ --utrecht-form-input-color: var(--tubbergen-color-black-33);
256
+ --utrecht-form-input-border-width: var(--tubbergen-size-4xs);
257
+ --utrecht-form-input-border-color: var(--tubbergen-color-grey-46);
258
+ --utrecht-form-input-background-color: var(--tubbergen-color-white-100);
264
259
  --utrecht-card-background-color: var(--tubbergen-color-green-89);
260
+ --utrecht-alert-ok-background-color: var(--tubbergen-color-alert-succes-background);
261
+ --utrecht-alert-error-background-color: var(--tubbergen-color-alert-error-background);
262
+ --utrecht-alert-warning-background-color: var(--tubbergen-color-alert-warning-background);
263
+ --utrecht-alert-padding-inline-end: var(--tubbergen-size-lg);
264
+ --utrecht-alert-padding-inline-start: var(--tubbergen-size-lg);
265
+ --utrecht-alert-padding-block-end: var(--tubbergen-size-lg);
266
+ --utrecht-alert-padding-block-start: var(--tubbergen-size-lg);
267
+ --utrecht-alert-icon-gap: var(--tubbergen-size-xs);
265
268
  --utrecht-space-inline-3xl: var(--tubbergen-size-3xl);
266
269
  --utrecht-space-inline-2xl: var(--tubbergen-size-2xl);
267
270
  --utrecht-space-inline-xl: var(--tubbergen-size-xl);
@@ -315,19 +318,19 @@
315
318
  --utrecht-button-secondary-action-color: var(--tubbergen-color-primary);
316
319
  --utrecht-button-secondary-action-border-color: var(--tubbergen-color-primary);
317
320
  --utrecht-blockquote-content-color: var(--utrecht-document-color);
318
- --utrecht-alert-icon-ok-color: var(--tubbergen-color-alert-succes);
319
- --utrecht-alert-icon-warning-color: var(--tubbergen-color-alert-warning);
320
- --utrecht-alert-icon-error-color: var(--tubbergen-color-alert-error);
321
- --utrecht-alert-icon-color: var(--tubbergen-color-alert-info);
322
- --utrecht-alert-ok-color: var(--tubbergen-color-alert-succes);
323
- --utrecht-alert-error-color: var(--tubbergen-color-alert-error);
324
- --utrecht-alert-warning-color: var(--tubbergen-color-alert-warning);
325
- --utrecht-alert-color: var(--tubbergen-color-alert-info);
326
- --utrecht-alert-background-color: var(--tubbergen-color-alert-info-background);
327
321
  --utrecht-table-header-cell-color: var(--utrecht-document-color);
328
322
  --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size);
329
323
  --utrecht-table-font-size: var(--utrecht-document-font-size);
330
324
  --utrecht-table-font-family: var(--utrecht-document-font-family);
331
325
  --utrecht-table-header-color: var(--utrecht-document-color);
332
326
  --utrecht-card-color: var(--utrecht-document-color);
327
+ --utrecht-alert-ok-color: var(--tubbergen-color-alert-succes);
328
+ --utrecht-alert-error-color: var(--tubbergen-color-alert-error);
329
+ --utrecht-alert-warning-color: var(--tubbergen-color-alert-warning);
330
+ --utrecht-alert-color: var(--tubbergen-color-alert-info);
331
+ --utrecht-alert-background-color: var(--tubbergen-color-alert-info-background);
332
+ --utrecht-alert-icon-ok-color: var(--tubbergen-color-alert-succes);
333
+ --utrecht-alert-icon-warning-color: var(--tubbergen-color-alert-warning);
334
+ --utrecht-alert-icon-error-color: var(--tubbergen-color-alert-error);
335
+ --utrecht-alert-icon-color: var(--tubbergen-color-alert-info);
333
336
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 15 Aug 2023 14:13:22 GMT
3
+ * Generated on Wed, 16 Aug 2023 08:41:01 GMT
4
4
  */
5
5
 
6
6
  export const tubbergenColorPrimary = "#0b612d";
@@ -98,6 +98,23 @@ export const utrechtSpaceInlineLg = "24px";
98
98
  export const utrechtSpaceInlineXl = "32px";
99
99
  export const utrechtSpaceInline2xl = "48px";
100
100
  export const utrechtSpaceInline3xl = "72px";
101
+ export const utrechtAlertIconGap = "8px";
102
+ export const utrechtAlertIconColor = "#333333";
103
+ export const utrechtAlertIconErrorColor = "#333333";
104
+ export const utrechtAlertIconWarningColor = "#333333";
105
+ export const utrechtAlertIconOkColor = "#333333";
106
+ export const utrechtAlertBackgroundColor = "#d5efdf";
107
+ export const utrechtAlertColor = "#333333";
108
+ export const utrechtAlertPaddingBlockStart = "24px";
109
+ export const utrechtAlertPaddingBlockEnd = "24px";
110
+ export const utrechtAlertPaddingInlineStart = "24px";
111
+ export const utrechtAlertPaddingInlineEnd = "24px";
112
+ export const utrechtAlertWarningBackgroundColor = "#fff3cd";
113
+ export const utrechtAlertWarningColor = "#333333";
114
+ export const utrechtAlertErrorBackgroundColor = "#f8d7da";
115
+ export const utrechtAlertErrorColor = "#333333";
116
+ export const utrechtAlertOkBackgroundColor = "#d4edda";
117
+ export const utrechtAlertOkColor = "#333333";
101
118
  export const utrechtCardBackgroundColor = "#d5efdf";
102
119
  export const utrechtCardBorderRadius = "0px";
103
120
  export const utrechtCardBorderWidth = "unset";
@@ -106,6 +123,35 @@ export const utrechtCardPaddingInlineEnd = "30px";
106
123
  export const utrechtCardPaddingInlineStart = "30px";
107
124
  export const utrechtCardPaddingBlockEnd = "30px";
108
125
  export const utrechtCardPaddingBlockStart = "30px";
126
+ export const utrechtFormInputBackgroundColor = "#ffffff";
127
+ export const utrechtFormInputBorderColor = "#767676";
128
+ export const utrechtFormInputBorderRadius = "0px";
129
+ export const utrechtFormInputBorderWidth = "1px";
130
+ export const utrechtFormInputColor = "#555555";
131
+ export const utrechtFormInputFontFamily = "\"Lato\", Arial, sans-serif";
132
+ export const utrechtFormInputFontSize = "15px";
133
+ export const utrechtFormInputPaddingBlockEnd = "8px";
134
+ export const utrechtFormInputPaddingBlockStart = "8px";
135
+ export const utrechtFormInputPaddingInlineEnd = "14px";
136
+ export const utrechtFormInputPaddingInlineStart = "14px";
137
+ export const utrechtFormInputPlaceholderColor = "#6b6b6b";
138
+ export const utrechtFormInputFocusBorderColor = "#2e79c6";
139
+ export const utrechtIconGap = "8px";
140
+ export const utrechtPageFooterMinHeight = "300px";
141
+ export const utrechtPageFooterLogoMaxHeight = "100px";
142
+ export const utrechtPageFooterLogoMaxWidth = "220px";
143
+ export const utrechtPageFooterBackgroundColor = "unset";
144
+ export const utrechtPageFooterBackgroundImage = "url(https://www.tubbergen.nl/sites/all/themes/tubbergen/dist/assets/img/footer-bg.svg)";
145
+ export const utrechtPageFooterColor = "#ffffff";
146
+ export const utrechtPageFooterPaddingInlineEnd = "14px";
147
+ export const utrechtPageFooterPaddingInlineStart = "14px";
148
+ export const utrechtPageFooterPaddingBlockEnd = "48px";
149
+ export const utrechtPageFooterPaddingBlockStart = "48px";
150
+ export const utrechtPageHeaderLogoMaxWidth = "150px";
151
+ export const utrechtPageHeaderBackgroundColor = "#ffffff";
152
+ export const utrechtPageHeaderColor = "#333333";
153
+ export const utrechtPageHeaderPaddingBlockStart = "14px";
154
+ export const utrechtPageHeaderPaddingBlockEnd = "14px";
109
155
  export const utrechtTableBorderCollapse = "collapse";
110
156
  export const utrechtTableBackgroundColor = "#ffffff";
111
157
  export const utrechtTableHeaderBorderBlockEndColor = "#edeff2";
@@ -133,23 +179,19 @@ export const utrechtTableCellPaddingBlockEnd = "18px";
133
179
  export const utrechtTableCellPaddingBlockStart = "18px";
134
180
  export const utrechtTableCellPaddingInlineEnd = "18px";
135
181
  export const utrechtTableCellPaddingInlineStart = "18px";
136
- export const utrechtAlertBackgroundColor = "#d5efdf";
137
- export const utrechtAlertColor = "#333333";
138
- export const utrechtAlertPaddingBlockStart = "24px";
139
- export const utrechtAlertPaddingBlockEnd = "24px";
140
- export const utrechtAlertPaddingInlineStart = "24px";
141
- export const utrechtAlertPaddingInlineEnd = "24px";
142
- export const utrechtAlertWarningBackgroundColor = "#fff3cd";
143
- export const utrechtAlertWarningColor = "#333333";
144
- export const utrechtAlertErrorBackgroundColor = "#f8d7da";
145
- export const utrechtAlertErrorColor = "#333333";
146
- export const utrechtAlertOkBackgroundColor = "#d4edda";
147
- export const utrechtAlertOkColor = "#333333";
148
- export const utrechtAlertIconColor = "#333333";
149
- export const utrechtAlertIconErrorColor = "#333333";
150
- export const utrechtAlertIconGap = "8px";
151
- export const utrechtAlertIconWarningColor = "#333333";
152
- export const utrechtAlertIconOkColor = "#333333";
182
+ export const utrechtTextboxBackgroundColor = "#ffffff";
183
+ export const utrechtTextboxBorderColor = "#767676";
184
+ export const utrechtTextboxBorderRadius = "0px";
185
+ export const utrechtTextboxBorderWidth = "1px";
186
+ export const utrechtTextboxColor = "#555555";
187
+ export const utrechtTextboxFontFamily = "\"Lato\", Arial, sans-serif";
188
+ export const utrechtTextboxFontSize = "15px";
189
+ export const utrechtTextboxPaddingBlockEnd = "8px";
190
+ export const utrechtTextboxPaddingBlockStart = "8px";
191
+ export const utrechtTextboxPaddingInlineEnd = "14px";
192
+ export const utrechtTextboxPaddingInlineStart = "14px";
193
+ export const utrechtTextboxPlaceholderColor = "#6b6b6b";
194
+ export const utrechtTextboxFocusBorderColor = "#2e79c6";
153
195
  export const utrechtBlockquoteBackgroundColor = "#9aa1ab";
154
196
  export const utrechtBlockquoteColor = "#9aa1ab";
155
197
  export const utrechtBlockquoteMarginInlineStart = "32px";
@@ -218,19 +260,6 @@ export const utrechtDocumentBackgroundColor = "#ffffff";
218
260
  export const utrechtDocumentColor = "#333333";
219
261
  export const utrechtDocumentFontFamily = "\"Lato\", Arial, sans-serif";
220
262
  export const utrechtDocumentFontSize = "16px";
221
- export const utrechtFormInputBackgroundColor = "#ffffff";
222
- export const utrechtFormInputBorderColor = "#767676";
223
- export const utrechtFormInputBorderRadius = "0px";
224
- export const utrechtFormInputBorderWidth = "1px";
225
- export const utrechtFormInputColor = "#555555";
226
- export const utrechtFormInputFontFamily = "\"Lato\", Arial, sans-serif";
227
- export const utrechtFormInputFontSize = "15px";
228
- export const utrechtFormInputPaddingBlockEnd = "8px";
229
- export const utrechtFormInputPaddingBlockStart = "8px";
230
- export const utrechtFormInputPaddingInlineEnd = "14px";
231
- export const utrechtFormInputPaddingInlineStart = "14px";
232
- export const utrechtFormInputPlaceholderColor = "#6b6b6b";
233
- export const utrechtFormInputFocusBorderColor = "#2e79c6";
234
263
  export const utrechtHeading1Color = "#222222";
235
264
  export const utrechtHeading1FontFamily = "\"Montserrat\", Arial, sans-serif";
236
265
  export const utrechtHeading1FontSize = "32px";
@@ -261,7 +290,6 @@ export const utrechtHeading5FontSize = "16px";
261
290
  export const utrechtHeading5FontWeight = "100";
262
291
  export const utrechtHeading5MarginBlockEnd = 0;
263
292
  export const utrechtHeading5MarginBlockStart = 0;
264
- export const utrechtIconGap = "8px";
265
293
  export const utrechtLinkColor = "#0b612d";
266
294
  export const utrechtLinkTextDecoration = "none";
267
295
  export const utrechtLinkTextDecorationColor = "unset";
@@ -287,18 +315,6 @@ export const utrechtUnorderedListItemMarginBlockStart = "8px";
287
315
  export const utrechtUnorderedListItemMarginBlockEnd = "8px";
288
316
  export const utrechtUnorderedListItemPaddingInlineStart = "1ch";
289
317
  export const utrechtUnorderedListMarkerColor = "#333333";
290
- export const utrechtPageFooterBackgroundColor = "unset";
291
- export const utrechtPageFooterBackgroundImage = "url(https://www.tubbergen.nl/sites/all/themes/tubbergen/dist/assets/img/footer-bg.svg)";
292
- export const utrechtPageFooterColor = "#ffffff";
293
- export const utrechtPageFooterPaddingInlineEnd = "14px";
294
- export const utrechtPageFooterPaddingInlineStart = "14px";
295
- export const utrechtPageFooterPaddingBlockEnd = "48px";
296
- export const utrechtPageFooterPaddingBlockStart = "48px";
297
- export const utrechtPageFooterMinHeight = "300px";
298
- export const utrechtPageHeaderBackgroundColor = "#ffffff";
299
- export const utrechtPageHeaderColor = "#333333";
300
- export const utrechtPageHeaderPaddingBlockStart = "14px";
301
- export const utrechtPageHeaderPaddingBlockEnd = "14px";
302
318
  export const utrechtPagePaddingInlineStart = "24px";
303
319
  export const utrechtPagePaddingInlineEnd = "24px";
304
320
  export const utrechtPageMaxInlineSize = "1140px";
@@ -309,19 +325,6 @@ export const utrechtParagraphFontWeight = "400";
309
325
  export const utrechtParagraphLineHeight = "1.5em";
310
326
  export const utrechtParagraphMarginBlockStart = 0;
311
327
  export const utrechtParagraphMarginBlockEnd = 0;
312
- export const utrechtTextboxBackgroundColor = "#ffffff";
313
- export const utrechtTextboxBorderColor = "#767676";
314
- export const utrechtTextboxBorderRadius = "0px";
315
- export const utrechtTextboxBorderWidth = "1px";
316
- export const utrechtTextboxColor = "#555555";
317
- export const utrechtTextboxFontFamily = "\"Lato\", Arial, sans-serif";
318
- export const utrechtTextboxFontSize = "15px";
319
- export const utrechtTextboxPaddingBlockEnd = "8px";
320
- export const utrechtTextboxPaddingBlockStart = "8px";
321
- export const utrechtTextboxPaddingInlineEnd = "14px";
322
- export const utrechtTextboxPaddingInlineStart = "14px";
323
- export const utrechtTextboxPlaceholderColor = "#6b6b6b";
324
- export const utrechtTextboxFocusBorderColor = "#2e79c6";
325
328
  export const conductionInputSelectBackgroundColor = "#ffffff";
326
329
  export const conductionInputSelectBorder = "1px solid #767676";
327
330
  export const conductionInputSelectBorderFocus = "unset";