@conduction/theme 1.0.19 → 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 (111) hide show
  1. package/README.md +22 -11
  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/brand/conduction/color.tokens.json +22 -10
  9. package/conduction-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  10. package/conduction-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  11. package/conduction-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  12. package/conduction-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  13. package/conduction-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  14. package/conduction-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  15. package/municipalities/dinkelland-design-tokens/LICENSE.md +17 -0
  16. package/municipalities/dinkelland-design-tokens/dist/design-tokens.css +325 -1
  17. package/municipalities/dinkelland-design-tokens/dist/font.css +114 -0
  18. package/municipalities/dinkelland-design-tokens/dist/index.css +1 -1
  19. package/municipalities/dinkelland-design-tokens/dist/index.js +325 -1
  20. package/municipalities/dinkelland-design-tokens/dist/index.json +6512 -28
  21. package/municipalities/dinkelland-design-tokens/dist/index.less +325 -1
  22. package/municipalities/dinkelland-design-tokens/dist/index.scss +325 -1
  23. package/municipalities/dinkelland-design-tokens/dist/tokens.json +6895 -36
  24. package/municipalities/dinkelland-design-tokens/package.json +40 -0
  25. package/municipalities/dinkelland-design-tokens/src/brand/dinkelland/color.tokens.json +109 -0
  26. package/municipalities/dinkelland-design-tokens/src/brand/dinkelland/font-size.tokens.json +17 -0
  27. package/municipalities/dinkelland-design-tokens/src/brand/dinkelland/size.tokens.json +17 -0
  28. package/municipalities/dinkelland-design-tokens/src/brand/dinkelland/typography.tokens.json +47 -0
  29. package/municipalities/dinkelland-design-tokens/src/common/utrecht/action.tokens.json +9 -0
  30. package/municipalities/dinkelland-design-tokens/src/common/utrecht/space.tokens.json +28 -0
  31. package/municipalities/dinkelland-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  32. package/municipalities/dinkelland-design-tokens/src/component/conduction/card.tokens.json +15 -0
  33. package/municipalities/dinkelland-design-tokens/src/component/conduction/form-input.tokens.json +44 -0
  34. package/municipalities/dinkelland-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  35. package/municipalities/dinkelland-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  36. package/municipalities/dinkelland-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  37. package/municipalities/dinkelland-design-tokens/src/component/conduction/select.tokens.json +15 -0
  38. package/municipalities/dinkelland-design-tokens/src/component/conduction/table.tokens.json +22 -0
  39. package/municipalities/dinkelland-design-tokens/src/component/conduction/textbox.tokens.json +44 -0
  40. package/municipalities/dinkelland-design-tokens/src/component/utrecht/alert.tokens.json +46 -0
  41. package/municipalities/dinkelland-design-tokens/src/component/utrecht/blockquote.tokens.json +27 -0
  42. package/municipalities/dinkelland-design-tokens/src/component/utrecht/button.tokens.json +152 -0
  43. package/municipalities/dinkelland-design-tokens/src/component/utrecht/code.tokens.json +27 -0
  44. package/municipalities/dinkelland-design-tokens/src/component/utrecht/document.tokens.json +12 -0
  45. package/municipalities/dinkelland-design-tokens/src/component/utrecht/heading.tokens.json +53 -0
  46. package/municipalities/dinkelland-design-tokens/src/component/utrecht/icon.tokens.json +12 -0
  47. package/municipalities/dinkelland-design-tokens/src/component/utrecht/link.tokens.json +33 -0
  48. package/municipalities/dinkelland-design-tokens/src/component/utrecht/list.tokens.json +33 -0
  49. package/municipalities/dinkelland-design-tokens/src/component/utrecht/page-footer.tokens.json +15 -0
  50. package/municipalities/dinkelland-design-tokens/src/component/utrecht/page-header.tokens.json +10 -0
  51. package/municipalities/dinkelland-design-tokens/src/component/utrecht/page.tokens.json +11 -0
  52. package/municipalities/dinkelland-design-tokens/src/component/utrecht/paragraph.tokens.json +25 -0
  53. package/municipalities/dinkelland-design-tokens/src/component/utrecht/table.tokens.json +60 -0
  54. package/municipalities/dinkelland-design-tokens/src/config.json +7 -0
  55. package/municipalities/dinkelland-design-tokens/src/font.scss +149 -0
  56. package/municipalities/dinkelland-design-tokens/src/index.scss +8 -0
  57. package/municipalities/dinkelland-design-tokens/style-dictionary.config.js +6 -0
  58. package/municipalities/leiden-design-tokens/dist/design-tokens.css +55 -48
  59. package/municipalities/leiden-design-tokens/dist/index.js +56 -49
  60. package/municipalities/leiden-design-tokens/dist/index.json +169 -26
  61. package/municipalities/leiden-design-tokens/dist/index.less +55 -48
  62. package/municipalities/leiden-design-tokens/dist/index.scss +55 -48
  63. package/municipalities/leiden-design-tokens/dist/tokens.json +1167 -999
  64. package/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json +11 -5
  65. package/municipalities/leiden-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  66. package/municipalities/leiden-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  67. package/municipalities/leiden-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  68. package/municipalities/leiden-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  69. package/municipalities/leiden-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  70. package/municipalities/leiden-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  71. package/municipalities/tubbergen-design-tokens/dist/design-tokens.css +63 -59
  72. package/municipalities/tubbergen-design-tokens/dist/index.js +63 -59
  73. package/municipalities/tubbergen-design-tokens/dist/index.json +117 -33
  74. package/municipalities/tubbergen-design-tokens/dist/index.less +63 -59
  75. package/municipalities/tubbergen-design-tokens/dist/index.scss +63 -59
  76. package/municipalities/tubbergen-design-tokens/dist/tokens.json +3202 -3113
  77. package/municipalities/tubbergen-design-tokens/src/brand/tubbergen/color.tokens.json +49 -25
  78. package/municipalities/tubbergen-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  79. package/municipalities/tubbergen-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  80. package/municipalities/tubbergen-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  81. package/municipalities/tubbergen-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  82. package/municipalities/tubbergen-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  83. package/municipalities/tubbergen-design-tokens/src/component/utrecht/code.tokens.json +2 -2
  84. package/municipalities/tubbergen-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  85. package/municipalities/tubbergen-design-tokens/src/component/utrecht/page-footer.tokens.json +1 -2
  86. package/municipalities/xxllnc-design-tokens/dist/design-tokens.css +61 -54
  87. package/municipalities/xxllnc-design-tokens/dist/index.js +59 -52
  88. package/municipalities/xxllnc-design-tokens/dist/index.json +178 -33
  89. package/municipalities/xxllnc-design-tokens/dist/index.less +61 -54
  90. package/municipalities/xxllnc-design-tokens/dist/index.scss +61 -54
  91. package/municipalities/xxllnc-design-tokens/dist/tokens.json +1286 -1114
  92. package/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json +16 -12
  93. package/municipalities/xxllnc-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  94. package/municipalities/xxllnc-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  95. package/municipalities/xxllnc-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  96. package/municipalities/xxllnc-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  97. package/municipalities/xxllnc-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  98. package/municipalities/xxllnc-design-tokens/src/component/utrecht/code.tokens.json +2 -2
  99. package/municipalities/xxllnc-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  100. package/municipalities/xxllnc-design-tokens/src/component/utrecht/table.tokens.json +2 -2
  101. package/package.json +3 -2
  102. /package/conduction-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  103. /package/conduction-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  104. /package/municipalities/leiden-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  105. /package/municipalities/leiden-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  106. /package/municipalities/leiden-design-tokens/src/component/utrecht/{blockquote.tokes.json → blockquote.tokens.json} +0 -0
  107. /package/municipalities/tubbergen-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  108. /package/municipalities/tubbergen-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  109. /package/municipalities/xxllnc-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  110. /package/municipalities/xxllnc-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  111. /package/municipalities/xxllnc-design-tokens/src/component/utrecht/{blockquote.tokes.json → blockquote.tokens.json} +0 -0
package/municipalities/tubbergen-design-tokens/dist/index.scss CHANGED
@@ -1,19 +1,14 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 15 Aug 2023 08:23:22 GMT
3
+ // Generated on Wed, 16 Aug 2023 08:06:35 GMT
4
4
 
5
5
  $conduction-input-select-padding-block-start: 0;
6
6
  $conduction-input-select-padding-block-end: 0;
7
7
  $conduction-input-select-border-focus: unset;
8
- $utrecht-textbox-font-size: 15px;
9
- $utrecht-textbox-border-radius: 0px;
10
8
  $utrecht-paragraph-margin-block-end: 0;
11
9
  $utrecht-paragraph-margin-block-start: 0;
12
10
  $utrecht-paragraph-line-height: 1.5em;
13
11
  $utrecht-page-max-inline-size: 1140px;
14
- $utrecht-page-footer-min-height: 300px;
15
- $utrecht-page-footer-background-image: url(https://www.tubbergen.nl/sites/all/themes/tubbergen/dist/assets/img/footer-bg.svg);
16
- $utrecht-page-footer-background-color: unset;
17
12
  $utrecht-unordered-list-item-padding-inline-start: 1ch;
18
13
  $utrecht-unordered-list-padding-inline-start: 2ch;
19
14
  $utrecht-unordered-list-margin-block-end: 0;
@@ -28,8 +23,6 @@ $utrecht-heading-4-margin-block-start: 0;
28
23
  $utrecht-heading-4-margin-block-end: 0;
29
24
  $utrecht-heading-3-margin-block-start: 0;
30
25
  $utrecht-heading-2-margin-block-start: 0;
31
- $utrecht-form-input-font-size: 15px;
32
- $utrecht-form-input-border-radius: 0px;
33
26
  $utrecht-code-block-margin-inline-end: 0;
34
27
  $utrecht-code-block-margin-inline-start: 0;
35
28
  $utrecht-code-font-size: inherit;
@@ -37,10 +30,20 @@ $utrecht-button-primary-action-font-weight: inherit;
37
30
  $utrecht-button-font-weight: inherit;
38
31
  $utrecht-button-font-size: inherit;
39
32
  $utrecht-button-border-radius: 0;
33
+ $utrecht-textbox-font-size: 15px;
34
+ $utrecht-textbox-border-radius: 0px;
40
35
  $utrecht-table-header-cell-text-transform: unset;
41
36
  $utrecht-table-margin-block-end: 0;
42
37
  $utrecht-table-header-text-transform: unset;
43
38
  $utrecht-table-border-collapse: collapse;
39
+ $utrecht-page-header-logo-max-width: 150px;
40
+ $utrecht-page-footer-background-image: url(https://www.tubbergen.nl/sites/all/themes/tubbergen/dist/assets/img/footer-bg.svg);
41
+ $utrecht-page-footer-background-color: unset;
42
+ $utrecht-page-footer-logo-max-width: 220px;
43
+ $utrecht-page-footer-logo-max-height: 100px;
44
+ $utrecht-page-footer-min-height: 300px;
45
+ $utrecht-form-input-font-size: 15px;
46
+ $utrecht-form-input-border-radius: 0px;
44
47
  $utrecht-card-padding-block-start: 30px;
45
48
  $utrecht-card-padding-block-end: 30px;
46
49
  $utrecht-card-padding-inline-start: 30px;
@@ -78,6 +81,7 @@ $tubbergen-font-size-xs: 12px;
78
81
  $tubbergen-font-size-2xs: 10px;
79
82
  $tubbergen-font-size-3xs: 8px;
80
83
  $tubbergen-font-size-4xs: 5px;
84
+ $tubbergen-color-lightgrey-96: #f5f5f5;
81
85
  $tubbergen-color-lightgrey-89: #e4e4e4; // Base/LightGrey
82
86
  $tubbergen-color-grey-64: #9aa1ab; // Base/Grey
83
87
  $tubbergen-color-grey-46: #767676;
@@ -108,31 +112,11 @@ $conduction-input-select-invalid-border-color: $tubbergen-color-error;
108
112
  $conduction-input-select-border-radius: $utrecht-form-input-border-radius;
109
113
  $conduction-input-select-border: $tubbergen-size-4xs solid $tubbergen-color-grey-46;
110
114
  $conduction-input-select-background-color: $tubbergen-color-white-100;
111
- $utrecht-textbox-focus-border-color: $tubbergen-color-blue-48;
112
- $utrecht-textbox-placeholder-color: $tubbergen-color-grey-42;
113
- $utrecht-textbox-padding-inline-start: $tubbergen-size-sm;
114
- $utrecht-textbox-padding-inline-end: $tubbergen-size-sm;
115
- $utrecht-textbox-padding-block-start: $tubbergen-size-xs;
116
- $utrecht-textbox-padding-block-end: $tubbergen-size-xs;
117
- $utrecht-textbox-font-family: $tubbergen-typography-lato-font-family;
118
- $utrecht-textbox-color: $tubbergen-color-black-33;
119
- $utrecht-textbox-border-width: $tubbergen-size-4xs;
120
- $utrecht-textbox-border-color: $tubbergen-color-grey-46;
121
- $utrecht-textbox-background-color: $tubbergen-color-white-100;
122
115
  $utrecht-paragraph-font-weight: $tubbergen-typography-font-weight-normal;
123
116
  $utrecht-paragraph-font-size: $tubbergen-font-size-md;
124
117
  $utrecht-paragraph-font-family: $tubbergen-typography-lato-font-family;
125
118
  $utrecht-page-padding-inline-end: $tubbergen-size-lg;
126
119
  $utrecht-page-padding-inline-start: $tubbergen-size-lg;
127
- $utrecht-page-header-padding-block-end: $tubbergen-size-sm;
128
- $utrecht-page-header-padding-block-start: $tubbergen-size-sm;
129
- $utrecht-page-header-color: $tubbergen-color-black-20;
130
- $utrecht-page-header-background-color: $tubbergen-color-white-100;
131
- $utrecht-page-footer-padding-block-start: $tubbergen-size-2xl;
132
- $utrecht-page-footer-padding-block-end: $tubbergen-size-2xl;
133
- $utrecht-page-footer-padding-inline-start: $tubbergen-size-sm;
134
- $utrecht-page-footer-padding-inline-end: $tubbergen-size-sm;
135
- $utrecht-page-footer-color: $tubbergen-color-white-100;
136
120
  $utrecht-unordered-list-item-margin-block-end: $tubbergen-size-xs;
137
121
  $utrecht-unordered-list-item-margin-block-start: $tubbergen-size-xs;
138
122
  $utrecht-unordered-list-margin-block-start: $tubbergen-size-md;
@@ -144,7 +128,6 @@ $utrecht-ordered-list-margin-block-start: $tubbergen-size-sm;
144
128
  $utrecht-link-icon-size: $tubbergen-size-md;
145
129
  $utrecht-link-hover-text-decoration-thickness: $tubbergen-size-4xs;
146
130
  $utrecht-link-text-underline-offset: $tubbergen-size-3xs;
147
- $utrecht-icon-gap: $tubbergen-size-xs;
148
131
  $utrecht-heading-5-font-weight: $tubbergen-typography-font-weight-light;
149
132
  $utrecht-heading-5-font-size: $tubbergen-font-size-md;
150
133
  $utrecht-heading-5-font-family: $tubbergen-typography-montserrat-font-family;
@@ -169,17 +152,6 @@ $utrecht-heading-1-font-weight: $tubbergen-typography-font-weight-bold;
169
152
  $utrecht-heading-1-font-size: $tubbergen-font-size-2xl;
170
153
  $utrecht-heading-1-font-family: $tubbergen-typography-montserrat-font-family;
171
154
  $utrecht-heading-1-color: $tubbergen-color-black-13;
172
- $utrecht-form-input-focus-border-color: $tubbergen-color-blue-48;
173
- $utrecht-form-input-placeholder-color: $tubbergen-color-grey-42;
174
- $utrecht-form-input-padding-inline-start: $tubbergen-size-sm;
175
- $utrecht-form-input-padding-inline-end: $tubbergen-size-sm;
176
- $utrecht-form-input-padding-block-start: $tubbergen-size-xs;
177
- $utrecht-form-input-padding-block-end: $tubbergen-size-xs;
178
- $utrecht-form-input-font-family: $tubbergen-typography-lato-font-family;
179
- $utrecht-form-input-color: $tubbergen-color-black-33;
180
- $utrecht-form-input-border-width: $tubbergen-size-4xs;
181
- $utrecht-form-input-border-color: $tubbergen-color-grey-46;
182
- $utrecht-form-input-background-color: $tubbergen-color-white-100;
183
155
  $utrecht-document-font-size: $tubbergen-font-size-md;
184
156
  $utrecht-document-font-family: $tubbergen-typography-lato-font-family;
185
157
  $utrecht-document-color: $tubbergen-color-black-20;
@@ -193,9 +165,9 @@ $utrecht-code-block-margin-block-start: $tubbergen-size-md;
193
165
  $utrecht-code-block-line-height: $tubbergen-size-lg;
194
166
  $utrecht-code-block-font-size: $tubbergen-font-size-md;
195
167
  $utrecht-code-block-font-family: $tubbergen-typography-monospace-font-family;
196
- $utrecht-code-block-background-color: $tubbergen-color-lightgrey-89;
168
+ $utrecht-code-block-background-color: $tubbergen-color-lightgrey-96;
197
169
  $utrecht-code-font-family: $tubbergen-typography-monospace-font-family;
198
- $utrecht-code-background-color: $tubbergen-color-lightgrey-89;
170
+ $utrecht-code-background-color: $tubbergen-color-lightgrey-96;
199
171
  $utrecht-button-secondary-action-focus-background-color: $tubbergen-color-white-100;
200
172
  $utrecht-button-secondary-action-hover-background-color: $tubbergen-color-white-100;
201
173
  $utrecht-button-secondary-action-font-weight: $tubbergen-typography-font-weight-normal;
@@ -232,14 +204,17 @@ $utrecht-blockquote-margin-inline-end: $tubbergen-size-xl;
232
204
  $utrecht-blockquote-margin-inline-start: $tubbergen-size-xl;
233
205
  $utrecht-blockquote-color: $tubbergen-color-grey-64;
234
206
  $utrecht-blockquote-background-color: $tubbergen-color-grey-64;
235
- $utrecht-alert-icon-gap: $tubbergen-size-xs;
236
- $utrecht-alert-ok-background-color: $tubbergen-color-alert-succes-background;
237
- $utrecht-alert-error-background-color: $tubbergen-color-alert-error-background;
238
- $utrecht-alert-warning-background-color: $tubbergen-color-alert-warning-background;
239
- $utrecht-alert-padding-inline-end: $tubbergen-size-lg;
240
- $utrecht-alert-padding-inline-start: $tubbergen-size-lg;
241
- $utrecht-alert-padding-block-end: $tubbergen-size-lg;
242
- $utrecht-alert-padding-block-start: $tubbergen-size-lg;
207
+ $utrecht-textbox-focus-border-color: $tubbergen-color-blue-48;
208
+ $utrecht-textbox-placeholder-color: $tubbergen-color-grey-42;
209
+ $utrecht-textbox-padding-inline-start: $tubbergen-size-sm;
210
+ $utrecht-textbox-padding-inline-end: $tubbergen-size-sm;
211
+ $utrecht-textbox-padding-block-start: $tubbergen-size-xs;
212
+ $utrecht-textbox-padding-block-end: $tubbergen-size-xs;
213
+ $utrecht-textbox-font-family: $tubbergen-typography-lato-font-family;
214
+ $utrecht-textbox-color: $tubbergen-color-black-33;
215
+ $utrecht-textbox-border-width: $tubbergen-size-4xs;
216
+ $utrecht-textbox-border-color: $tubbergen-color-grey-46;
217
+ $utrecht-textbox-background-color: $tubbergen-color-white-100;
243
218
  $utrecht-table-cell-padding-inline-start: $tubbergen-size-md;
244
219
  $utrecht-table-cell-padding-inline-end: $tubbergen-size-md;
245
220
  $utrecht-table-cell-padding-block-start: $tubbergen-size-md;
@@ -258,7 +233,36 @@ $utrecht-table-header-font-family: $tubbergen-typography-montserrat-font-family;
258
233
  $utrecht-table-header-border-block-end-width: $tubbergen-size-4xs;
259
234
  $utrecht-table-header-border-block-end-color: $tubbergen-color-blue-94;
260
235
  $utrecht-table-background-color: $tubbergen-color-white-100;
236
+ $utrecht-page-header-padding-block-end: $tubbergen-size-sm;
237
+ $utrecht-page-header-padding-block-start: $tubbergen-size-sm;
238
+ $utrecht-page-header-color: $tubbergen-color-black-20;
239
+ $utrecht-page-header-background-color: $tubbergen-color-white-100;
240
+ $utrecht-page-footer-padding-block-start: $tubbergen-size-2xl;
241
+ $utrecht-page-footer-padding-block-end: $tubbergen-size-2xl;
242
+ $utrecht-page-footer-padding-inline-start: $tubbergen-size-sm;
243
+ $utrecht-page-footer-padding-inline-end: $tubbergen-size-sm;
244
+ $utrecht-page-footer-color: $tubbergen-color-white-100;
245
+ $utrecht-icon-gap: $tubbergen-size-xs;
246
+ $utrecht-form-input-focus-border-color: $tubbergen-color-blue-48;
247
+ $utrecht-form-input-placeholder-color: $tubbergen-color-grey-42;
248
+ $utrecht-form-input-padding-inline-start: $tubbergen-size-sm;
249
+ $utrecht-form-input-padding-inline-end: $tubbergen-size-sm;
250
+ $utrecht-form-input-padding-block-start: $tubbergen-size-xs;
251
+ $utrecht-form-input-padding-block-end: $tubbergen-size-xs;
252
+ $utrecht-form-input-font-family: $tubbergen-typography-lato-font-family;
253
+ $utrecht-form-input-color: $tubbergen-color-black-33;
254
+ $utrecht-form-input-border-width: $tubbergen-size-4xs;
255
+ $utrecht-form-input-border-color: $tubbergen-color-grey-46;
256
+ $utrecht-form-input-background-color: $tubbergen-color-white-100;
261
257
  $utrecht-card-background-color: $tubbergen-color-green-89;
258
+ $utrecht-alert-ok-background-color: $tubbergen-color-alert-succes-background;
259
+ $utrecht-alert-error-background-color: $tubbergen-color-alert-error-background;
260
+ $utrecht-alert-warning-background-color: $tubbergen-color-alert-warning-background;
261
+ $utrecht-alert-padding-inline-end: $tubbergen-size-lg;
262
+ $utrecht-alert-padding-inline-start: $tubbergen-size-lg;
263
+ $utrecht-alert-padding-block-end: $tubbergen-size-lg;
264
+ $utrecht-alert-padding-block-start: $tubbergen-size-lg;
265
+ $utrecht-alert-icon-gap: $tubbergen-size-xs;
262
266
  $utrecht-space-inline-3xl: $tubbergen-size-3xl;
263
267
  $utrecht-space-inline-2xl: $tubbergen-size-2xl;
264
268
  $utrecht-space-inline-xl: $tubbergen-size-xl;
@@ -312,18 +316,18 @@ $utrecht-button-secondary-action-hover-border-color: $tubbergen-color-primary-ho
312
316
  $utrecht-button-secondary-action-color: $tubbergen-color-primary;
313
317
  $utrecht-button-secondary-action-border-color: $tubbergen-color-primary;
314
318
  $utrecht-blockquote-content-color: $utrecht-document-color;
315
- $utrecht-alert-icon-ok-color: $tubbergen-color-alert-succes;
316
- $utrecht-alert-icon-warning-color: $tubbergen-color-alert-warning;
317
- $utrecht-alert-icon-error-color: $tubbergen-color-alert-error;
318
- $utrecht-alert-icon-color: $tubbergen-color-alert-info;
319
- $utrecht-alert-ok-color: $tubbergen-color-alert-succes;
320
- $utrecht-alert-error-color: $tubbergen-color-alert-error;
321
- $utrecht-alert-warning-color: $tubbergen-color-alert-warning;
322
- $utrecht-alert-color: $tubbergen-color-alert-info;
323
- $utrecht-alert-background-color: $tubbergen-color-alert-info-background;
324
319
  $utrecht-table-header-cell-color: $utrecht-document-color;
325
320
  $utrecht-table-header-cell-font-size: $utrecht-document-font-size;
326
321
  $utrecht-table-font-size: $utrecht-document-font-size;
327
322
  $utrecht-table-font-family: $utrecht-document-font-family;
328
323
  $utrecht-table-header-color: $utrecht-document-color;
329
324
  $utrecht-card-color: $utrecht-document-color;
325
+ $utrecht-alert-ok-color: $tubbergen-color-alert-succes;
326
+ $utrecht-alert-error-color: $tubbergen-color-alert-error;
327
+ $utrecht-alert-warning-color: $tubbergen-color-alert-warning;
328
+ $utrecht-alert-color: $tubbergen-color-alert-info;
329
+ $utrecht-alert-background-color: $tubbergen-color-alert-info-background;
330
+ $utrecht-alert-icon-ok-color: $tubbergen-color-alert-succes;
331
+ $utrecht-alert-icon-warning-color: $tubbergen-color-alert-warning;
332
+ $utrecht-alert-icon-error-color: $tubbergen-color-alert-error;
333
+ $utrecht-alert-icon-color: $tubbergen-color-alert-info;