@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": "{tubbergen.size.xs}" }
6
+ }
7
+ }
8
+ }
9
+ }
@@ -0,0 +1,7 @@
1
+ {
2
+ "utrecht": {
3
+ "icon": {
4
+ "gap": { "value": "{tubbergen.size.xs}" }
5
+ }
6
+ }
7
+ }
@@ -0,0 +1,11 @@
1
+ {
2
+ "utrecht": {
3
+ "page-footer": {
4
+ "min-height": { "value": "300px" },
5
+ "logo": {
6
+ "max-height": { "value": "100px" },
7
+ "max-width": { "value": "220px" }
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": "{tubbergen.color.alert-error}" }
36
36
  },
37
- "gap": { "value": "{tubbergen.size.xs}" },
38
37
  "warning": {
39
38
  "color": { "value": "{tubbergen.color.alert-warning}" }
40
39
  },
@@ -2,7 +2,6 @@
2
2
  "utrecht": {
3
3
  "icon": {
4
4
  "color": {},
5
- "gap": { "value": "{tubbergen.size.xs}" },
6
5
  "size": {},
7
6
  "inset-block-start": {},
8
7
  "baseline": {
@@ -9,8 +9,7 @@
9
9
  "padding-inline-end": { "value": "{tubbergen.size.sm}" },
10
10
  "padding-inline-start": { "value": "{tubbergen.size.sm}" },
11
11
  "padding-block-end": { "value": "{tubbergen.size.2xl}" },
12
- "padding-block-start": { "value": "{tubbergen.size.2xl}" },
13
- "min-height": { "value": "300px" }
12
+ "padding-block-start": { "value": "{tubbergen.size.2xl}" }
14
13
  }
15
14
  }
16
15
  }
@@ -1,14 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 15 Aug 2023 14:13:14 GMT
3
+ * Generated on Wed, 16 Aug 2023 08:06:28 GMT
4
4
  */
5
5
 
6
6
  .xxllnc-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: 6px;
12
10
  --utrecht-table-header-cell-text-transform: unset;
13
11
  --utrecht-table-header-text-transform: unset;
14
12
  --utrecht-table-margin-block-end: 0;
@@ -16,7 +14,6 @@
16
14
  --utrecht-paragraph-margin-block-start: 0;
17
15
  --utrecht-paragraph-line-height: 1.5em;
18
16
  --utrecht-page-max-inline-size: 1140px;
19
- --utrecht-page-footer-background-image: unset;
20
17
  --utrecht-unordered-list-item-padding-inline-start: 1ch;
21
18
  --utrecht-unordered-list-padding-inline-start: 2ch;
22
19
  --utrecht-unordered-list-margin-block-end: 0;
@@ -26,8 +23,6 @@
26
23
  --utrecht-link-text-decoration-thickness: 0;
27
24
  --utrecht-link-text-decoration-color: unset;
28
25
  --utrecht-link-text-decoration: none;
29
- --utrecht-form-input-font-size: 15px;
30
- --utrecht-form-input-border-radius: 6px;
31
26
  --utrecht-code-block-margin-inline-end: 0;
32
27
  --utrecht-code-block-margin-inline-start: 0;
33
28
  --utrecht-code-font-size: inherit;
@@ -37,6 +32,14 @@
37
32
  --utrecht-button-font-size: inherit;
38
33
  --utrecht-button-border-width: 0;
39
34
  --utrecht-button-border-radius: 16px;
35
+ --utrecht-textbox-font-size: 15px;
36
+ --utrecht-textbox-border-radius: 6px;
37
+ --utrecht-page-header-logo-max-width: 150px;
38
+ --utrecht-page-footer-background-image: unset;
39
+ --utrecht-page-footer-logo-max-width: 100px;
40
+ --utrecht-page-footer-logo-max-height: 100px;
41
+ --utrecht-form-input-font-size: 15px;
42
+ --utrecht-form-input-border-radius: 6px;
40
43
  --utrecht-card-border-width: unset;
41
44
  --utrecht-card-border-radius: 16px;
42
45
  --utrecht-action-submit-cursor: pointer;
@@ -98,16 +101,6 @@
98
101
  --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
99
102
  --conduction-input-select-border: 1px solid var(--xxllnc-color-grey-92);
100
103
  --conduction-input-select-background-color: var(--xxllnc-color-white-100);
101
- --utrecht-textbox-placeholder-color: var(--xxllnc-color-grey-43);
102
- --utrecht-textbox-padding-inline-start: var(--xxllnc-size-sm);
103
- --utrecht-textbox-padding-inline-end: var(--xxllnc-size-sm);
104
- --utrecht-textbox-padding-block-start: var(--xxllnc-size-xs);
105
- --utrecht-textbox-padding-block-end: var(--xxllnc-size-xs);
106
- --utrecht-textbox-font-family: var(--xxllnc-typography-sans-serif-font-family);
107
- --utrecht-textbox-color: var(--xxllnc-color-grey-43);
108
- --utrecht-textbox-border-width: var(--xxllnc-size-4xs);
109
- --utrecht-textbox-border-color: var(--xxllnc-color-black-0-22t);
110
- --utrecht-textbox-background-color: var(--xxllnc-color-white-100-0t);
111
104
  --utrecht-table-row-border-block-end-width: var(--xxllnc-size-4xs);
112
105
  --utrecht-table-row-border-block-end-color: var(--xxllnc-color-lightgrey-96);
113
106
  --utrecht-table-cell-padding-inline-start: var(--xxllnc-size-md);
@@ -124,16 +117,6 @@
124
117
  --utrecht-paragraph-font-family: var(--xxllnc-typography-sans-serif-font-family);
125
118
  --utrecht-page-padding-inline-end: var(--xxllnc-size-lg);
126
119
  --utrecht-page-padding-inline-start: var(--xxllnc-size-lg);
127
- --utrecht-page-header-padding-block-end: var(--xxllnc-size-sm);
128
- --utrecht-page-header-padding-block-start: var(--xxllnc-size-sm);
129
- --utrecht-page-header-color: var(--xxllnc-color-black-16);
130
- --utrecht-page-header-background-color: var(--xxllnc-color-grey-92);
131
- --utrecht-page-footer-padding-block-start: var(--xxllnc-size-2xl);
132
- --utrecht-page-footer-padding-block-end: var(--xxllnc-size-2xl);
133
- --utrecht-page-footer-padding-inline-start: var(--xxllnc-size-sm);
134
- --utrecht-page-footer-padding-inline-end: var(--xxllnc-size-sm);
135
- --utrecht-page-footer-color: var(--xxllnc-color-primary);
136
- --utrecht-page-footer-background-color: var(--xxllnc-color-white-100);
137
120
  --utrecht-unordered-list-marker-color: var(--xxllnc-color-primary);
138
121
  --utrecht-unordered-list-item-margin-block-end: var(--xxllnc-size-xs);
139
122
  --utrecht-unordered-list-item-margin-block-start: var(--xxllnc-size-xs);
@@ -148,7 +131,6 @@
148
131
  --utrecht-link-hover-color: var(--xxllnc-color-primary-hover);
149
132
  --utrecht-link-text-underline-offset: var(--xxllnc-size-3xs);
150
133
  --utrecht-link-color: var(--xxllnc-color-primary);
151
- --utrecht-icon-gap: var(--xxllnc-size-xs);
152
134
  --utrecht-heading-5-margin-block-start: var(--xxllnc-size-md);
153
135
  --utrecht-heading-5-margin-block-end: var(--xxllnc-size-lg);
154
136
  --utrecht-heading-5-font-weight: var(--xxllnc-typography-font-weight-light);
@@ -174,16 +156,6 @@
174
156
  --utrecht-heading-1-font-weight: var(--xxllnc-typography-font-weight-normal);
175
157
  --utrecht-heading-1-font-size: var(--xxllnc-font-size-3xl);
176
158
  --utrecht-heading-1-font-family: var(--xxllnc-typography-sans-serif-font-family);
177
- --utrecht-form-input-placeholder-color: var(--xxllnc-color-grey-43);
178
- --utrecht-form-input-padding-inline-start: var(--xxllnc-size-sm);
179
- --utrecht-form-input-padding-inline-end: var(--xxllnc-size-sm);
180
- --utrecht-form-input-padding-block-start: var(--xxllnc-size-xs);
181
- --utrecht-form-input-padding-block-end: var(--xxllnc-size-xs);
182
- --utrecht-form-input-font-family: var(--xxllnc-typography-sans-serif-font-family);
183
- --utrecht-form-input-color: var(--xxllnc-color-grey-43);
184
- --utrecht-form-input-border-width: var(--xxllnc-size-4xs);
185
- --utrecht-form-input-border-color: var(--xxllnc-color-black-0-22t);
186
- --utrecht-form-input-background-color: var(--xxllnc-color-white-100-0t);
187
159
  --utrecht-document-font-size: var(--xxllnc-font-size-md);
188
160
  --utrecht-document-font-family: var(--xxllnc-typography-sans-serif-font-family);
189
161
  --utrecht-document-color: var(--xxllnc-color-black-16);
@@ -224,10 +196,47 @@
224
196
  --utrecht-button-font-family: var(--xxllnc-typography-inter-font-family);
225
197
  --utrecht-button-color: var(--xxllnc-color-grey-90);
226
198
  --utrecht-button-background-color: var(--xxllnc-color-black-17);
227
- --utrecht-alert-icon-ok-color: var(--xxllnc-color-alert-succes);
228
- --utrecht-alert-icon-warning-color: var(--xxllnc-color-alert-warning);
229
- --utrecht-alert-icon-gap: var(--xxllnc-size-xs);
230
- --utrecht-alert-icon-error-color: var(--xxllnc-color-alert-error);
199
+ --utrecht-blockquote-content-font-size: var(--xxllnc-font-size-md);
200
+ --utrecht-blockquote-content-color: var(--xxllnc-color-black-16);
201
+ --utrecht-blockquote-margin-inline-end: var(--xxllnc-size-xl);
202
+ --utrecht-blockquote-margin-inline-start: var(--xxllnc-size-xl);
203
+ --utrecht-textbox-placeholder-color: var(--xxllnc-color-grey-43);
204
+ --utrecht-textbox-padding-inline-start: var(--xxllnc-size-sm);
205
+ --utrecht-textbox-padding-inline-end: var(--xxllnc-size-sm);
206
+ --utrecht-textbox-padding-block-start: var(--xxllnc-size-xs);
207
+ --utrecht-textbox-padding-block-end: var(--xxllnc-size-xs);
208
+ --utrecht-textbox-font-family: var(--xxllnc-typography-sans-serif-font-family);
209
+ --utrecht-textbox-color: var(--xxllnc-color-grey-43);
210
+ --utrecht-textbox-border-width: var(--xxllnc-size-4xs);
211
+ --utrecht-textbox-border-color: var(--xxllnc-color-black-0-22t);
212
+ --utrecht-textbox-background-color: var(--xxllnc-color-white-100-0t);
213
+ --utrecht-page-header-padding-block-end: var(--xxllnc-size-sm);
214
+ --utrecht-page-header-padding-block-start: var(--xxllnc-size-sm);
215
+ --utrecht-page-header-color: var(--xxllnc-color-black-16);
216
+ --utrecht-page-header-background-color: var(--xxllnc-color-grey-92);
217
+ --utrecht-page-footer-padding-block-start: var(--xxllnc-size-2xl);
218
+ --utrecht-page-footer-padding-block-end: var(--xxllnc-size-2xl);
219
+ --utrecht-page-footer-padding-inline-start: var(--xxllnc-size-sm);
220
+ --utrecht-page-footer-padding-inline-end: var(--xxllnc-size-sm);
221
+ --utrecht-page-footer-color: var(--xxllnc-color-primary);
222
+ --utrecht-page-footer-background-color: var(--xxllnc-color-white-100);
223
+ --utrecht-icon-gap: var(--xxllnc-size-xs);
224
+ --utrecht-form-input-placeholder-color: var(--xxllnc-color-grey-43);
225
+ --utrecht-form-input-padding-inline-start: var(--xxllnc-size-sm);
226
+ --utrecht-form-input-padding-inline-end: var(--xxllnc-size-sm);
227
+ --utrecht-form-input-padding-block-start: var(--xxllnc-size-xs);
228
+ --utrecht-form-input-padding-block-end: var(--xxllnc-size-xs);
229
+ --utrecht-form-input-font-family: var(--xxllnc-typography-sans-serif-font-family);
230
+ --utrecht-form-input-color: var(--xxllnc-color-grey-43);
231
+ --utrecht-form-input-border-width: var(--xxllnc-size-4xs);
232
+ --utrecht-form-input-border-color: var(--xxllnc-color-black-0-22t);
233
+ --utrecht-form-input-background-color: var(--xxllnc-color-white-100-0t);
234
+ --utrecht-card-padding-block-start: var(--xxllnc-size-md);
235
+ --utrecht-card-padding-block-end: var(--xxllnc-size-md);
236
+ --utrecht-card-padding-inline-start: var(--xxllnc-size-md);
237
+ --utrecht-card-padding-inline-end: var(--xxllnc-size-md);
238
+ --utrecht-card-color: var(--xxllnc-color-white-95);
239
+ --utrecht-card-background-color: var(--xxllnc-color-black-21);
231
240
  --utrecht-alert-ok-color: var(--xxllnc-color-alert-succes);
232
241
  --utrecht-alert-ok-background-color: var(--xxllnc-color-alert-succes-background);
233
242
  --utrecht-alert-error-color: var(--xxllnc-color-alert-error);
@@ -238,12 +247,10 @@
238
247
  --utrecht-alert-padding-inline-start: var(--xxllnc-size-lg);
239
248
  --utrecht-alert-padding-block-end: var(--xxllnc-size-lg);
240
249
  --utrecht-alert-padding-block-start: var(--xxllnc-size-lg);
241
- --utrecht-card-padding-block-start: var(--xxllnc-size-md);
242
- --utrecht-card-padding-block-end: var(--xxllnc-size-md);
243
- --utrecht-card-padding-inline-start: var(--xxllnc-size-md);
244
- --utrecht-card-padding-inline-end: var(--xxllnc-size-md);
245
- --utrecht-card-color: var(--xxllnc-color-white-95);
246
- --utrecht-card-background-color: var(--xxllnc-color-black-21);
250
+ --utrecht-alert-icon-ok-color: var(--xxllnc-color-alert-succes);
251
+ --utrecht-alert-icon-warning-color: var(--xxllnc-color-alert-warning);
252
+ --utrecht-alert-icon-error-color: var(--xxllnc-color-alert-error);
253
+ --utrecht-alert-icon-gap: var(--xxllnc-size-xs);
247
254
  --utrecht-space-inline-3xl: var(--xxllnc-size-3xl);
248
255
  --utrecht-space-inline-2xl: var(--xxllnc-size-2xl);
249
256
  --utrecht-space-inline-xl: var(--xxllnc-size-xl);
@@ -284,7 +291,7 @@
284
291
  --utrecht-paragraph-color: var(--utrecht-document-color);
285
292
  --utrecht-unordered-list-font-size: var(--utrecht-document-font-size);
286
293
  --utrecht-ordered-list-font-size: var(--utrecht-document-font-size);
287
- --utrecht-alert-icon-color: var(--xxllnc-color-alert-info);
288
294
  --utrecht-alert-color: var(--xxllnc-color-alert-info);
289
295
  --utrecht-alert-background-color: var(--xxllnc-color-alert-info-background);
296
+ --utrecht-alert-icon-color: var(--xxllnc-color-alert-info);
290
297
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 15 Aug 2023 14:13:14 GMT
3
+ * Generated on Wed, 16 Aug 2023 08:06:27 GMT
4
4
  */
5
5
 
6
6
  export const xxllncColorPrimary = "#000000ad"; // Primary with 68% transparency
@@ -90,14 +90,11 @@ export const utrechtSpaceInlineLg = "24px";
90
90
  export const utrechtSpaceInlineXl = "32px";
91
91
  export const utrechtSpaceInline2xl = "48px";
92
92
  export const utrechtSpaceInline3xl = "72px";
93
- export const utrechtCardBackgroundColor = "#333338";
94
- export const utrechtCardBorderRadius = "16px";
95
- export const utrechtCardBorderWidth = "unset";
96
- export const utrechtCardColor = "#f1f1f1";
97
- export const utrechtCardPaddingInlineEnd = "18px";
98
- export const utrechtCardPaddingInlineStart = "18px";
99
- export const utrechtCardPaddingBlockEnd = "18px";
100
- export const utrechtCardPaddingBlockStart = "18px";
93
+ export const utrechtAlertIconGap = "8px";
94
+ export const utrechtAlertIconColor = "#28282c";
95
+ export const utrechtAlertIconErrorColor = "#721c24";
96
+ export const utrechtAlertIconWarningColor = "#856404";
97
+ export const utrechtAlertIconOkColor = "#155724";
101
98
  export const utrechtAlertBackgroundColor = "#eaeaea";
102
99
  export const utrechtAlertColor = "#28282c";
103
100
  export const utrechtAlertPaddingBlockStart = "24px";
@@ -110,11 +107,57 @@ export const utrechtAlertErrorBackgroundColor = "#f8d7da";
110
107
  export const utrechtAlertErrorColor = "#721c24";
111
108
  export const utrechtAlertOkBackgroundColor = "#d4edda";
112
109
  export const utrechtAlertOkColor = "#155724";
113
- export const utrechtAlertIconColor = "#28282c";
114
- export const utrechtAlertIconErrorColor = "#721c24";
115
- export const utrechtAlertIconGap = "8px";
116
- export const utrechtAlertIconWarningColor = "#856404";
117
- export const utrechtAlertIconOkColor = "#155724";
110
+ export const utrechtCardBackgroundColor = "#333338";
111
+ export const utrechtCardBorderRadius = "16px";
112
+ export const utrechtCardBorderWidth = "unset";
113
+ export const utrechtCardColor = "#f1f1f1";
114
+ export const utrechtCardPaddingInlineEnd = "18px";
115
+ export const utrechtCardPaddingInlineStart = "18px";
116
+ export const utrechtCardPaddingBlockEnd = "18px";
117
+ export const utrechtCardPaddingBlockStart = "18px";
118
+ export const utrechtFormInputBackgroundColor = "#ffffff";
119
+ export const utrechtFormInputBorderColor = "#00000038";
120
+ export const utrechtFormInputBorderRadius = "6px";
121
+ export const utrechtFormInputBorderWidth = "1px";
122
+ export const utrechtFormInputColor = "#6d6d6d";
123
+ export const utrechtFormInputFontFamily = "neue-haas-grotesk-text, sans-serif";
124
+ export const utrechtFormInputFontSize = "15px";
125
+ export const utrechtFormInputPaddingBlockEnd = "8px";
126
+ export const utrechtFormInputPaddingBlockStart = "8px";
127
+ export const utrechtFormInputPaddingInlineEnd = "14px";
128
+ export const utrechtFormInputPaddingInlineStart = "14px";
129
+ export const utrechtFormInputPlaceholderColor = "#6d6d6d";
130
+ export const utrechtIconGap = "8px";
131
+ export const utrechtPageFooterLogoMaxHeight = "100px";
132
+ export const utrechtPageFooterLogoMaxWidth = "100px";
133
+ export const utrechtPageFooterBackgroundColor = "#ffffff";
134
+ export const utrechtPageFooterBackgroundImage = "unset";
135
+ export const utrechtPageFooterColor = "#000000ad";
136
+ export const utrechtPageFooterPaddingInlineEnd = "14px";
137
+ export const utrechtPageFooterPaddingInlineStart = "14px";
138
+ export const utrechtPageFooterPaddingBlockEnd = "48px";
139
+ export const utrechtPageFooterPaddingBlockStart = "48px";
140
+ export const utrechtPageHeaderLogoMaxWidth = "150px";
141
+ export const utrechtPageHeaderBackgroundColor = "#eaeaea";
142
+ export const utrechtPageHeaderColor = "#28282c";
143
+ export const utrechtPageHeaderPaddingBlockStart = "14px";
144
+ export const utrechtPageHeaderPaddingBlockEnd = "14px";
145
+ export const utrechtTextboxBackgroundColor = "#ffffff";
146
+ export const utrechtTextboxBorderColor = "#00000038";
147
+ export const utrechtTextboxBorderRadius = "6px";
148
+ export const utrechtTextboxBorderWidth = "1px";
149
+ export const utrechtTextboxColor = "#6d6d6d";
150
+ export const utrechtTextboxFontFamily = "neue-haas-grotesk-text, sans-serif";
151
+ export const utrechtTextboxFontSize = "15px";
152
+ export const utrechtTextboxPaddingBlockEnd = "8px";
153
+ export const utrechtTextboxPaddingBlockStart = "8px";
154
+ export const utrechtTextboxPaddingInlineEnd = "14px";
155
+ export const utrechtTextboxPaddingInlineStart = "14px";
156
+ export const utrechtTextboxPlaceholderColor = "#6d6d6d";
157
+ export const utrechtBlockquoteMarginInlineStart = "32px";
158
+ export const utrechtBlockquoteMarginInlineEnd = "32px";
159
+ export const utrechtBlockquoteContentColor = "#28282c";
160
+ export const utrechtBlockquoteContentFontSize = "16px";
118
161
  export const utrechtButtonBackgroundColor = "#2b2b2b";
119
162
  export const utrechtButtonBorderRadius = "16px";
120
163
  export const utrechtButtonBorderWidth = 0;
@@ -164,18 +207,6 @@ export const utrechtDocumentBackgroundColor = "#ffffff";
164
207
  export const utrechtDocumentColor = "#28282c";
165
208
  export const utrechtDocumentFontFamily = "neue-haas-grotesk-text, sans-serif";
166
209
  export const utrechtDocumentFontSize = "16px";
167
- export const utrechtFormInputBackgroundColor = "#ffffff";
168
- export const utrechtFormInputBorderColor = "#00000038";
169
- export const utrechtFormInputBorderRadius = "6px";
170
- export const utrechtFormInputBorderWidth = "1px";
171
- export const utrechtFormInputColor = "#6d6d6d";
172
- export const utrechtFormInputFontFamily = "neue-haas-grotesk-text, sans-serif";
173
- export const utrechtFormInputFontSize = "15px";
174
- export const utrechtFormInputPaddingBlockEnd = "8px";
175
- export const utrechtFormInputPaddingBlockStart = "8px";
176
- export const utrechtFormInputPaddingInlineEnd = "14px";
177
- export const utrechtFormInputPaddingInlineStart = "14px";
178
- export const utrechtFormInputPlaceholderColor = "#6d6d6d";
179
210
  export const utrechtHeading1FontFamily = "neue-haas-grotesk-text, sans-serif";
180
211
  export const utrechtHeading1FontSize = "48px";
181
212
  export const utrechtHeading1FontWeight = "400";
@@ -201,7 +232,6 @@ export const utrechtHeading5FontSize = "16px";
201
232
  export const utrechtHeading5FontWeight = "100";
202
233
  export const utrechtHeading5MarginBlockEnd = "24px";
203
234
  export const utrechtHeading5MarginBlockStart = "18px";
204
- export const utrechtIconGap = "8px";
205
235
  export const utrechtLinkColor = "#000000ad";
206
236
  export const utrechtLinkTextDecoration = "none";
207
237
  export const utrechtLinkTextDecorationColor = "unset";
@@ -227,17 +257,6 @@ export const utrechtUnorderedListItemMarginBlockStart = "8px";
227
257
  export const utrechtUnorderedListItemMarginBlockEnd = "8px";
228
258
  export const utrechtUnorderedListItemPaddingInlineStart = "1ch";
229
259
  export const utrechtUnorderedListMarkerColor = "#000000ad";
230
- export const utrechtPageFooterBackgroundColor = "#ffffff";
231
- export const utrechtPageFooterBackgroundImage = "unset";
232
- export const utrechtPageFooterColor = "#000000ad";
233
- export const utrechtPageFooterPaddingInlineEnd = "14px";
234
- export const utrechtPageFooterPaddingInlineStart = "14px";
235
- export const utrechtPageFooterPaddingBlockEnd = "48px";
236
- export const utrechtPageFooterPaddingBlockStart = "48px";
237
- export const utrechtPageHeaderBackgroundColor = "#eaeaea";
238
- export const utrechtPageHeaderColor = "#28282c";
239
- export const utrechtPageHeaderPaddingBlockStart = "14px";
240
- export const utrechtPageHeaderPaddingBlockEnd = "14px";
241
260
  export const utrechtPagePaddingInlineStart = "24px";
242
261
  export const utrechtPagePaddingInlineEnd = "24px";
243
262
  export const utrechtPageMaxInlineSize = "1140px";
@@ -267,18 +286,6 @@ export const utrechtTableCellPaddingInlineEnd = "18px";
267
286
  export const utrechtTableCellPaddingInlineStart = "18px";
268
287
  export const utrechtTableRowBorderBlockEndColor = "#f5f5f5";
269
288
  export const utrechtTableRowBorderBlockEndWidth = "1px";
270
- export const utrechtTextboxBackgroundColor = "#ffffff";
271
- export const utrechtTextboxBorderColor = "#00000038";
272
- export const utrechtTextboxBorderRadius = "6px";
273
- export const utrechtTextboxBorderWidth = "1px";
274
- export const utrechtTextboxColor = "#6d6d6d";
275
- export const utrechtTextboxFontFamily = "neue-haas-grotesk-text, sans-serif";
276
- export const utrechtTextboxFontSize = "15px";
277
- export const utrechtTextboxPaddingBlockEnd = "8px";
278
- export const utrechtTextboxPaddingBlockStart = "8px";
279
- export const utrechtTextboxPaddingInlineEnd = "14px";
280
- export const utrechtTextboxPaddingInlineStart = "14px";
281
- export const utrechtTextboxPlaceholderColor = "#6d6d6d";
282
289
  export const conductionInputSelectBackgroundColor = "#ffffff";
283
290
  export const conductionInputSelectBorder = "1px solid #eaeaea";
284
291
  export const conductionInputSelectBorderFocus = "unset";