@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
@@ -1,12 +1,10 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 15 Aug 2023 08:23:16 GMT
3
+ // Generated on Wed, 16 Aug 2023 08:06:28 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: 6px;
10
8
  $utrecht-table-header-cell-text-transform: unset;
11
9
  $utrecht-table-header-text-transform: unset;
12
10
  $utrecht-table-margin-block-end: 0;
@@ -14,7 +12,6 @@ $utrecht-paragraph-margin-block-end: 0;
14
12
  $utrecht-paragraph-margin-block-start: 0;
15
13
  $utrecht-paragraph-line-height: 1.5em;
16
14
  $utrecht-page-max-inline-size: 1140px;
17
- $utrecht-page-footer-background-image: unset;
18
15
  $utrecht-unordered-list-item-padding-inline-start: 1ch;
19
16
  $utrecht-unordered-list-padding-inline-start: 2ch;
20
17
  $utrecht-unordered-list-margin-block-end: 0;
@@ -24,8 +21,6 @@ $utrecht-link-hover-text-decoration: none;
24
21
  $utrecht-link-text-decoration-thickness: 0;
25
22
  $utrecht-link-text-decoration-color: unset;
26
23
  $utrecht-link-text-decoration: none;
27
- $utrecht-form-input-font-size: 15px;
28
- $utrecht-form-input-border-radius: 6px;
29
24
  $utrecht-code-block-margin-inline-end: 0;
30
25
  $utrecht-code-block-margin-inline-start: 0;
31
26
  $utrecht-code-font-size: inherit;
@@ -35,6 +30,14 @@ $utrecht-button-font-weight: inherit;
35
30
  $utrecht-button-font-size: inherit;
36
31
  $utrecht-button-border-width: 0;
37
32
  $utrecht-button-border-radius: 16px;
33
+ $utrecht-textbox-font-size: 15px;
34
+ $utrecht-textbox-border-radius: 6px;
35
+ $utrecht-page-header-logo-max-width: 150px;
36
+ $utrecht-page-footer-background-image: unset;
37
+ $utrecht-page-footer-logo-max-width: 100px;
38
+ $utrecht-page-footer-logo-max-height: 100px;
39
+ $utrecht-form-input-font-size: 15px;
40
+ $utrecht-form-input-border-radius: 6px;
38
41
  $utrecht-card-border-width: unset;
39
42
  $utrecht-card-border-radius: 16px;
40
43
  $utrecht-action-submit-cursor: pointer;
@@ -68,13 +71,13 @@ $xxllnc-font-size-xs: 12px;
68
71
  $xxllnc-font-size-2xs: 10px;
69
72
  $xxllnc-font-size-3xs: 8px;
70
73
  $xxllnc-font-size-4xs: 5px;
71
- $xxllnc-color-lightgrey: #f5f5f5;
74
+ $xxllnc-color-lightgrey-96: #f5f5f5;
72
75
  $xxllnc-color-grey-90-hover: #e5e5e5cc; // Grey with 80% transparency
73
76
  $xxllnc-color-grey-92: #eaeaea; // Base/Grey
74
77
  $xxllnc-color-grey-90: #e5e5e5;
75
78
  $xxllnc-color-grey-43: #6d6d6d;
76
- $xxllnc-color-black-0-22t: #00000038; // Black with 22% transparency
77
79
  $xxllnc-color-black-17-hover: #2b2b2bcc; // Black with 80% transparency
80
+ $xxllnc-color-black-0-22t: #00000038; // Black with 22% transparency
78
81
  $xxllnc-color-black-21: #333338;
79
82
  $xxllnc-color-black-17: #2b2b2b;
80
83
  $xxllnc-color-black-16: #28282c; // Base/Black
@@ -96,18 +99,8 @@ $conduction-input-select-invalid-border-color: $xxllnc-color-error;
96
99
  $conduction-input-select-border-radius: $utrecht-form-input-border-radius;
97
100
  $conduction-input-select-border: 1px solid $xxllnc-color-grey-92;
98
101
  $conduction-input-select-background-color: $xxllnc-color-white-100;
99
- $utrecht-textbox-placeholder-color: $xxllnc-color-grey-43;
100
- $utrecht-textbox-padding-inline-start: $xxllnc-size-sm;
101
- $utrecht-textbox-padding-inline-end: $xxllnc-size-sm;
102
- $utrecht-textbox-padding-block-start: $xxllnc-size-xs;
103
- $utrecht-textbox-padding-block-end: $xxllnc-size-xs;
104
- $utrecht-textbox-font-family: $xxllnc-typography-sans-serif-font-family;
105
- $utrecht-textbox-color: $xxllnc-color-grey-43;
106
- $utrecht-textbox-border-width: $xxllnc-size-4xs;
107
- $utrecht-textbox-border-color: $xxllnc-color-black-0-22t;
108
- $utrecht-textbox-background-color: $xxllnc-color-white-100-0t;
109
102
  $utrecht-table-row-border-block-end-width: $xxllnc-size-4xs;
110
- $utrecht-table-row-border-block-end-color: $xxllnc-color-lightgrey;
103
+ $utrecht-table-row-border-block-end-color: $xxllnc-color-lightgrey-96;
111
104
  $utrecht-table-cell-padding-inline-start: $xxllnc-size-md;
112
105
  $utrecht-table-cell-padding-inline-end: $xxllnc-size-md;
113
106
  $utrecht-table-cell-padding-block-start: $xxllnc-size-md;
@@ -116,22 +109,12 @@ $utrecht-table-header-cell-font-weight: $xxllnc-typography-font-weight-bold;
116
109
  $utrecht-table-header-font-weight: $xxllnc-typography-font-weight-bold;
117
110
  $utrecht-table-margin-block-start: $xxllnc-size-md;
118
111
  $utrecht-table-border-width: $xxllnc-size-4xs;
119
- $utrecht-table-border-color: $xxllnc-color-lightgrey;
112
+ $utrecht-table-border-color: $xxllnc-color-lightgrey-96;
120
113
  $utrecht-paragraph-font-weight: $xxllnc-typography-font-weight-normal;
121
114
  $utrecht-paragraph-font-size: $xxllnc-font-size-md;
122
115
  $utrecht-paragraph-font-family: $xxllnc-typography-sans-serif-font-family;
123
116
  $utrecht-page-padding-inline-end: $xxllnc-size-lg;
124
117
  $utrecht-page-padding-inline-start: $xxllnc-size-lg;
125
- $utrecht-page-header-padding-block-end: $xxllnc-size-sm;
126
- $utrecht-page-header-padding-block-start: $xxllnc-size-sm;
127
- $utrecht-page-header-color: $xxllnc-color-black-16;
128
- $utrecht-page-header-background-color: $xxllnc-color-grey-92;
129
- $utrecht-page-footer-padding-block-start: $xxllnc-size-2xl;
130
- $utrecht-page-footer-padding-block-end: $xxllnc-size-2xl;
131
- $utrecht-page-footer-padding-inline-start: $xxllnc-size-sm;
132
- $utrecht-page-footer-padding-inline-end: $xxllnc-size-sm;
133
- $utrecht-page-footer-color: $xxllnc-color-primary;
134
- $utrecht-page-footer-background-color: $xxllnc-color-white-100;
135
118
  $utrecht-unordered-list-marker-color: $xxllnc-color-primary;
136
119
  $utrecht-unordered-list-item-margin-block-end: $xxllnc-size-xs;
137
120
  $utrecht-unordered-list-item-margin-block-start: $xxllnc-size-xs;
@@ -146,7 +129,6 @@ $utrecht-link-visited-color: $xxllnc-color-primary;
146
129
  $utrecht-link-hover-color: $xxllnc-color-primary-hover;
147
130
  $utrecht-link-text-underline-offset: $xxllnc-size-3xs;
148
131
  $utrecht-link-color: $xxllnc-color-primary;
149
- $utrecht-icon-gap: $xxllnc-size-xs;
150
132
  $utrecht-heading-5-margin-block-start: $xxllnc-size-md;
151
133
  $utrecht-heading-5-margin-block-end: $xxllnc-size-lg;
152
134
  $utrecht-heading-5-font-weight: $xxllnc-typography-font-weight-light;
@@ -172,16 +154,6 @@ $utrecht-heading-1-margin-block-end: $xxllnc-size-2xl;
172
154
  $utrecht-heading-1-font-weight: $xxllnc-typography-font-weight-normal;
173
155
  $utrecht-heading-1-font-size: $xxllnc-font-size-3xl;
174
156
  $utrecht-heading-1-font-family: $xxllnc-typography-sans-serif-font-family;
175
- $utrecht-form-input-placeholder-color: $xxllnc-color-grey-43;
176
- $utrecht-form-input-padding-inline-start: $xxllnc-size-sm;
177
- $utrecht-form-input-padding-inline-end: $xxllnc-size-sm;
178
- $utrecht-form-input-padding-block-start: $xxllnc-size-xs;
179
- $utrecht-form-input-padding-block-end: $xxllnc-size-xs;
180
- $utrecht-form-input-font-family: $xxllnc-typography-sans-serif-font-family;
181
- $utrecht-form-input-color: $xxllnc-color-grey-43;
182
- $utrecht-form-input-border-width: $xxllnc-size-4xs;
183
- $utrecht-form-input-border-color: $xxllnc-color-black-0-22t;
184
- $utrecht-form-input-background-color: $xxllnc-color-white-100-0t;
185
157
  $utrecht-document-font-size: $xxllnc-font-size-md;
186
158
  $utrecht-document-font-family: $xxllnc-typography-sans-serif-font-family;
187
159
  $utrecht-document-color: $xxllnc-color-black-16;
@@ -196,10 +168,10 @@ $utrecht-code-block-line-height: $xxllnc-size-lg;
196
168
  $utrecht-code-block-font-size: $xxllnc-font-size-md;
197
169
  $utrecht-code-block-font-family: $xxllnc-typography-monospace-font-family;
198
170
  $utrecht-code-block-color: $xxllnc-color-black-16;
199
- $utrecht-code-block-background-color: $xxllnc-color-lightgrey;
171
+ $utrecht-code-block-background-color: $xxllnc-color-lightgrey-96;
200
172
  $utrecht-code-font-family: $xxllnc-typography-monospace-font-family;
201
173
  $utrecht-code-color: $xxllnc-color-black-16;
202
- $utrecht-code-background-color: $xxllnc-color-lightgrey;
174
+ $utrecht-code-background-color: $xxllnc-color-lightgrey-96;
203
175
  $utrecht-button-secondary-action-hover-color: $xxllnc-color-black-17-hover;
204
176
  $utrecht-button-secondary-action-hover-border-color: $xxllnc-color-black-17-hover;
205
177
  $utrecht-button-secondary-action-hover-background-color: $xxllnc-color-white-100;
@@ -222,10 +194,47 @@ $utrecht-button-padding-block-start: $xxllnc-size-2xs;
222
194
  $utrecht-button-font-family: $xxllnc-typography-inter-font-family;
223
195
  $utrecht-button-color: $xxllnc-color-grey-90;
224
196
  $utrecht-button-background-color: $xxllnc-color-black-17;
225
- $utrecht-alert-icon-ok-color: $xxllnc-color-alert-succes;
226
- $utrecht-alert-icon-warning-color: $xxllnc-color-alert-warning;
227
- $utrecht-alert-icon-gap: $xxllnc-size-xs;
228
- $utrecht-alert-icon-error-color: $xxllnc-color-alert-error;
197
+ $utrecht-blockquote-content-font-size: $xxllnc-font-size-md;
198
+ $utrecht-blockquote-content-color: $xxllnc-color-black-16;
199
+ $utrecht-blockquote-margin-inline-end: $xxllnc-size-xl;
200
+ $utrecht-blockquote-margin-inline-start: $xxllnc-size-xl;
201
+ $utrecht-textbox-placeholder-color: $xxllnc-color-grey-43;
202
+ $utrecht-textbox-padding-inline-start: $xxllnc-size-sm;
203
+ $utrecht-textbox-padding-inline-end: $xxllnc-size-sm;
204
+ $utrecht-textbox-padding-block-start: $xxllnc-size-xs;
205
+ $utrecht-textbox-padding-block-end: $xxllnc-size-xs;
206
+ $utrecht-textbox-font-family: $xxllnc-typography-sans-serif-font-family;
207
+ $utrecht-textbox-color: $xxllnc-color-grey-43;
208
+ $utrecht-textbox-border-width: $xxllnc-size-4xs;
209
+ $utrecht-textbox-border-color: $xxllnc-color-black-0-22t;
210
+ $utrecht-textbox-background-color: $xxllnc-color-white-100-0t;
211
+ $utrecht-page-header-padding-block-end: $xxllnc-size-sm;
212
+ $utrecht-page-header-padding-block-start: $xxllnc-size-sm;
213
+ $utrecht-page-header-color: $xxllnc-color-black-16;
214
+ $utrecht-page-header-background-color: $xxllnc-color-grey-92;
215
+ $utrecht-page-footer-padding-block-start: $xxllnc-size-2xl;
216
+ $utrecht-page-footer-padding-block-end: $xxllnc-size-2xl;
217
+ $utrecht-page-footer-padding-inline-start: $xxllnc-size-sm;
218
+ $utrecht-page-footer-padding-inline-end: $xxllnc-size-sm;
219
+ $utrecht-page-footer-color: $xxllnc-color-primary;
220
+ $utrecht-page-footer-background-color: $xxllnc-color-white-100;
221
+ $utrecht-icon-gap: $xxllnc-size-xs;
222
+ $utrecht-form-input-placeholder-color: $xxllnc-color-grey-43;
223
+ $utrecht-form-input-padding-inline-start: $xxllnc-size-sm;
224
+ $utrecht-form-input-padding-inline-end: $xxllnc-size-sm;
225
+ $utrecht-form-input-padding-block-start: $xxllnc-size-xs;
226
+ $utrecht-form-input-padding-block-end: $xxllnc-size-xs;
227
+ $utrecht-form-input-font-family: $xxllnc-typography-sans-serif-font-family;
228
+ $utrecht-form-input-color: $xxllnc-color-grey-43;
229
+ $utrecht-form-input-border-width: $xxllnc-size-4xs;
230
+ $utrecht-form-input-border-color: $xxllnc-color-black-0-22t;
231
+ $utrecht-form-input-background-color: $xxllnc-color-white-100-0t;
232
+ $utrecht-card-padding-block-start: $xxllnc-size-md;
233
+ $utrecht-card-padding-block-end: $xxllnc-size-md;
234
+ $utrecht-card-padding-inline-start: $xxllnc-size-md;
235
+ $utrecht-card-padding-inline-end: $xxllnc-size-md;
236
+ $utrecht-card-color: $xxllnc-color-white-95;
237
+ $utrecht-card-background-color: $xxllnc-color-black-21;
229
238
  $utrecht-alert-ok-color: $xxllnc-color-alert-succes;
230
239
  $utrecht-alert-ok-background-color: $xxllnc-color-alert-succes-background;
231
240
  $utrecht-alert-error-color: $xxllnc-color-alert-error;
@@ -236,12 +245,10 @@ $utrecht-alert-padding-inline-end: $xxllnc-size-lg;
236
245
  $utrecht-alert-padding-inline-start: $xxllnc-size-lg;
237
246
  $utrecht-alert-padding-block-end: $xxllnc-size-lg;
238
247
  $utrecht-alert-padding-block-start: $xxllnc-size-lg;
239
- $utrecht-card-padding-block-start: $xxllnc-size-md;
240
- $utrecht-card-padding-block-end: $xxllnc-size-md;
241
- $utrecht-card-padding-inline-start: $xxllnc-size-md;
242
- $utrecht-card-padding-inline-end: $xxllnc-size-md;
243
- $utrecht-card-color: $xxllnc-color-white-95;
244
- $utrecht-card-background-color: $xxllnc-color-black-21;
248
+ $utrecht-alert-icon-ok-color: $xxllnc-color-alert-succes;
249
+ $utrecht-alert-icon-warning-color: $xxllnc-color-alert-warning;
250
+ $utrecht-alert-icon-error-color: $xxllnc-color-alert-error;
251
+ $utrecht-alert-icon-gap: $xxllnc-size-xs;
245
252
  $utrecht-space-inline-3xl: $xxllnc-size-3xl;
246
253
  $utrecht-space-inline-2xl: $xxllnc-size-2xl;
247
254
  $utrecht-space-inline-xl: $xxllnc-size-xl;
@@ -282,6 +289,6 @@ $utrecht-table-font-family: $utrecht-document-font-family;
282
289
  $utrecht-paragraph-color: $utrecht-document-color;
283
290
  $utrecht-unordered-list-font-size: $utrecht-document-font-size;
284
291
  $utrecht-ordered-list-font-size: $utrecht-document-font-size;
285
- $utrecht-alert-icon-color: $xxllnc-color-alert-info;
286
292
  $utrecht-alert-color: $xxllnc-color-alert-info;
287
293
  $utrecht-alert-background-color: $xxllnc-color-alert-info-background;
294
+ $utrecht-alert-icon-color: $xxllnc-color-alert-info;