@amsterdam/design-system-tokens 0.2.0 → 0.3.0

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 (40) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/_variables.scss +136 -89
  3. package/dist/index.css +136 -89
  4. package/dist/index.d.ts +65 -18
  5. package/dist/index.js +116 -69
  6. package/dist/index.json +115 -68
  7. package/dist/index.tokens.json +177 -86
  8. package/dist/root.css +136 -89
  9. package/dist/tokens.d.ts +135 -44
  10. package/dist/tokens.js +2147 -1124
  11. package/dist/variables.less +136 -89
  12. package/package.json +3 -3
  13. package/src/brand/amsterdam/typography.tokens.json +10 -18
  14. package/src/common/amsterdam/border.tokens.json +3 -9
  15. package/src/common/amsterdam/spacing.tokens.json +4 -12
  16. package/src/components/amsterdam/accordion.tokens.json +1 -3
  17. package/src/components/amsterdam/breadcrumb.tokens.json +7 -5
  18. package/src/components/amsterdam/button.tokens.json +9 -19
  19. package/src/components/amsterdam/checkbox.tokens.json +24 -64
  20. package/src/components/amsterdam/form-label.tokens.json +4 -4
  21. package/src/components/amsterdam/grid.tokens.json +3 -9
  22. package/src/components/amsterdam/header.tokens.json +7 -0
  23. package/src/components/amsterdam/heading.tokens.json +24 -24
  24. package/src/components/amsterdam/icon.tokens.json +0 -8
  25. package/src/components/amsterdam/link.tokens.json +13 -23
  26. package/src/components/amsterdam/mark.tokens.json +7 -0
  27. package/src/components/amsterdam/ordered-list.tokens.json +4 -4
  28. package/src/components/amsterdam/page-heading.tokens.json +4 -12
  29. package/src/components/amsterdam/page-menu.tokens.json +4 -4
  30. package/src/components/amsterdam/pagination.tokens.json +4 -4
  31. package/src/components/amsterdam/paragraph.tokens.json +10 -10
  32. package/src/components/amsterdam/search-field.tokens.json +47 -0
  33. package/src/components/amsterdam/skip-link.tokens.json +20 -0
  34. package/src/components/amsterdam/spotlight.tokens.json +30 -0
  35. package/src/components/amsterdam/switch.tokens.json +10 -30
  36. package/src/components/amsterdam/text-input.tokens.json +36 -0
  37. package/src/components/amsterdam/top-task-link.tokens.json +4 -4
  38. package/src/components/amsterdam/unordered-list.tokens.json +4 -4
  39. package/src/components/utrecht/button.tokens.json +24 -72
  40. package/src/components/amsterdam/highlight.tokens.json +0 -46
package/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 01 Dec 2023 15:48:43 GMT
3
+ * Generated on Fri, 22 Dec 2023 12:50:01 GMT
4
4
  */
5
5
 
6
6
  .amsterdam-theme {
@@ -23,6 +23,7 @@
23
23
  --amsterdam-switch-thumb-height: 1.75rem;
24
24
  --amsterdam-switch-thumb-width: 1.75rem;
25
25
  --amsterdam-switch-width: 3.5rem;
26
+ --amsterdam-search-field-input-cancel-button-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z'/></svg>");
26
27
  --amsterdam-screen-x-wide-max-width: 132rem;
27
28
  --amsterdam-screen-wide-max-width: 100rem;
28
29
  --amsterdam-page-menu-item-gap: 0.5rem;
@@ -35,6 +36,7 @@
35
36
  --amsterdam-ordered-list-item-margin-inline-start: 2.25rem; /* Divide your total indentation width over margin and padding to position the marker. */
36
37
  --amsterdam-ordered-list-list-style-type: decimal;
37
38
  --amsterdam-ordered-list-gap: 0.75rem;
39
+ --amsterdam-mark-background-color: var(--amsterdam-color-yellow);
38
40
  --amsterdam-logo-height: 2.5rem;
39
41
  --amsterdam-link-in-list-gap: 0.5em;
40
42
  --amsterdam-link-inline-line-height: inherit;
@@ -59,6 +61,7 @@
59
61
  --amsterdam-dialog-backdrop-background: #0006;
60
62
  --amsterdam-dialog-max-inline-size: min(87.69vw, 45rem);
61
63
  --amsterdam-dialog-border: 0;
64
+ --amsterdam-breadcrumb-separator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23000000' fill-rule='evenodd' d='m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z'/></svg>");
62
65
  --amsterdam-alert-close-background-color: transparent;
63
66
  --amsterdam-alert-gap: 1rem;
64
67
  --amsterdam-spacing-inset-xl: 2.5rem;
@@ -76,37 +79,33 @@
76
79
  --amsterdam-border-width-lg: 3px;
77
80
  --amsterdam-border-width-md: 2px;
78
81
  --amsterdam-border-width-sm: 1px;
79
- --amsterdam-typography-compact-text-level-7-line-height: 1.6;
80
- --amsterdam-typography-compact-text-level-7-font-size: clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem);
81
82
  --amsterdam-typography-compact-text-level-6-line-height: 1.6;
82
- --amsterdam-typography-compact-text-level-6-font-size: clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem);
83
- --amsterdam-typography-compact-text-level-5-line-height: 1.5;
84
- --amsterdam-typography-compact-text-level-5-font-size: clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem);
85
- --amsterdam-typography-compact-text-level-4-line-height: 1.4;
83
+ --amsterdam-typography-compact-text-level-6-font-size: clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem);
84
+ --amsterdam-typography-compact-text-level-5-line-height: 1.6;
85
+ --amsterdam-typography-compact-text-level-5-font-size: clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem);
86
+ --amsterdam-typography-compact-text-level-4-line-height: 1.5;
86
87
  --amsterdam-typography-compact-text-level-4-font-size: clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem);
87
- --amsterdam-typography-compact-text-level-3-line-height: 1.4;
88
+ --amsterdam-typography-compact-text-level-3-line-height: 1.3;
88
89
  --amsterdam-typography-compact-text-level-3-font-size: clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem);
89
- --amsterdam-typography-compact-text-level-2-line-height: 1.3;
90
+ --amsterdam-typography-compact-text-level-2-line-height: 1.25;
90
91
  --amsterdam-typography-compact-text-level-2-font-size: clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem);
91
92
  --amsterdam-typography-compact-text-level-1-line-height: 1.2;
92
93
  --amsterdam-typography-compact-text-level-1-font-size: clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem);
93
- --amsterdam-typography-compact-text-level-0-line-height: 1.1;
94
+ --amsterdam-typography-compact-text-level-0-line-height: 1.15;
94
95
  --amsterdam-typography-compact-text-level-0-font-size: clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem);
95
- --amsterdam-typography-spacious-text-level-7-line-height: 1.6;
96
- --amsterdam-typography-spacious-text-level-7-font-size: clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem);
97
96
  --amsterdam-typography-spacious-text-level-6-line-height: 1.6;
98
- --amsterdam-typography-spacious-text-level-6-font-size: clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem);
99
- --amsterdam-typography-spacious-text-level-5-line-height: 1.5;
100
- --amsterdam-typography-spacious-text-level-5-font-size: clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem);
101
- --amsterdam-typography-spacious-text-level-4-line-height: 1.4;
97
+ --amsterdam-typography-spacious-text-level-6-font-size: clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem);
98
+ --amsterdam-typography-spacious-text-level-5-line-height: 1.6;
99
+ --amsterdam-typography-spacious-text-level-5-font-size: clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem);
100
+ --amsterdam-typography-spacious-text-level-4-line-height: 1.5;
102
101
  --amsterdam-typography-spacious-text-level-4-font-size: clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem);
103
- --amsterdam-typography-spacious-text-level-3-line-height: 1.4;
102
+ --amsterdam-typography-spacious-text-level-3-line-height: 1.3;
104
103
  --amsterdam-typography-spacious-text-level-3-font-size: clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem);
105
- --amsterdam-typography-spacious-text-level-2-line-height: 1.3;
104
+ --amsterdam-typography-spacious-text-level-2-line-height: 1.25;
106
105
  --amsterdam-typography-spacious-text-level-2-font-size: clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem);
107
106
  --amsterdam-typography-spacious-text-level-1-line-height: 1.2;
108
107
  --amsterdam-typography-spacious-text-level-1-font-size: clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem);
109
- --amsterdam-typography-spacious-text-level-0-line-height: 1.1;
108
+ --amsterdam-typography-spacious-text-level-0-line-height: 1.15;
110
109
  --amsterdam-typography-spacious-text-level-0-font-size: clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem);
111
110
  --amsterdam-typography-font-weight-bold: 800;
112
111
  --amsterdam-typography-font-weight-normal: 400;
@@ -155,10 +154,10 @@
155
154
  --utrecht-button-font-family: var(--amsterdam-typography-font-family);
156
155
  --utrecht-button-color: var(--amsterdam-color-primary-white);
157
156
  --utrecht-button-background-color: var(--amsterdam-color-primary-blue);
158
- --amsterdam-unordered-list-compact-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
159
- --amsterdam-unordered-list-compact-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
160
- --amsterdam-unordered-list-spacious-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
161
- --amsterdam-unordered-list-spacious-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
157
+ --amsterdam-unordered-list-compact-line-height: var(--amsterdam-typography-compact-text-level-5-line-height);
158
+ --amsterdam-unordered-list-compact-font-size: var(--amsterdam-typography-compact-text-level-5-font-size);
159
+ --amsterdam-unordered-list-spacious-line-height: var(--amsterdam-typography-spacious-text-level-5-line-height);
160
+ --amsterdam-unordered-list-spacious-font-size: var(--amsterdam-typography-spacious-text-level-5-font-size);
162
161
  --amsterdam-unordered-list-font-weight: var(--amsterdam-typography-font-weight-normal);
163
162
  --amsterdam-unordered-list-font-family: var(--amsterdam-typography-font-family);
164
163
  --amsterdam-unordered-list-color: var(--amsterdam-color-primary-black);
@@ -174,13 +173,29 @@
174
173
  --amsterdam-top-task-link-label-text-decoration-line: var(--amsterdam-link-appearance-subtle-text-decoration-line);
175
174
  --amsterdam-top-task-link-label-font-weight: var(--amsterdam-typography-font-weight-bold);
176
175
  --amsterdam-top-task-link-label-font-family: var(--amsterdam-typography-font-family);
177
- --amsterdam-top-task-link-description-compact-line-height: var(--amsterdam-typography-compact-text-level-7-line-height);
178
- --amsterdam-top-task-link-description-compact-font-size: var(--amsterdam-typography-compact-text-level-7-font-size);
179
- --amsterdam-top-task-link-description-spacious-line-height: var(--amsterdam-typography-spacious-text-level-7-line-height);
180
- --amsterdam-top-task-link-description-spacious-font-size: var(--amsterdam-typography-spacious-text-level-7-font-size);
176
+ --amsterdam-top-task-link-description-compact-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
177
+ --amsterdam-top-task-link-description-compact-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
178
+ --amsterdam-top-task-link-description-spacious-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
179
+ --amsterdam-top-task-link-description-spacious-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
181
180
  --amsterdam-top-task-link-description-font-weight: var(--amsterdam-typography-font-weight-normal);
182
181
  --amsterdam-top-task-link-description-font-family: var(--amsterdam-typography-font-family);
183
182
  --amsterdam-top-task-link-description-color: var(--amsterdam-color-primary-black);
183
+ --amsterdam-text-input-spacious-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
184
+ --amsterdam-text-input-spacious-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
185
+ --amsterdam-text-input-compact-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
186
+ --amsterdam-text-input-compact-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
187
+ --amsterdam-text-input-placeholder-color: var(--amsterdam-color-neutral-grey3);
188
+ --amsterdam-text-input-invalid-hover-box-shadow: inset 0 0 0 2px var(--amsterdam-color-primary-red);
189
+ --amsterdam-text-input-invalid-box-shadow: inset 0 0 0 1px var(--amsterdam-color-primary-red);
190
+ --amsterdam-text-input-hover-box-shadow: inset 0 0 0 2px var(--amsterdam-color-primary-black);
191
+ --amsterdam-text-input-disabled-color: var(--amsterdam-color-neutral-grey2);
192
+ --amsterdam-text-input-disabled-box-shadow: inset 0 0 0 1px var(--amsterdam-color-neutral-grey2);
193
+ --amsterdam-text-input-disabled-background-color: var(--amsterdam-color-primary-white);
194
+ --amsterdam-text-input-outline-offset: var(--amsterdam-focus-outline-offset);
195
+ --amsterdam-text-input-font-weight: var(--amsterdam-typography-font-weight-normal);
196
+ --amsterdam-text-input-font-family: var(--amsterdam-typography-font-family);
197
+ --amsterdam-text-input-color: var(--amsterdam-color-primary-black);
198
+ --amsterdam-text-input-box-shadow: inset 0 0 0 1px var(--amsterdam-color-primary-black);
184
199
  --amsterdam-switch-disabled-background-color: var(--amsterdam-color-neutral-grey2);
185
200
  --amsterdam-switch-outline-offset: var(--amsterdam-focus-outline-offset);
186
201
  --amsterdam-switch-checked-background-color: var(--amsterdam-color-primary-blue);
@@ -188,18 +203,54 @@
188
203
  --amsterdam-switch-thumb-background-color: var(--amsterdam-color-primary-white);
189
204
  --amsterdam-switch-background-color: var(--amsterdam-color-neutral-grey3);
190
205
  --amsterdam-switch-font-family: var(--amsterdam-typography-font-family);
191
- --amsterdam-paragraph-compact-large-line-height: var(--amsterdam-typography-compact-text-level-5-line-height);
192
- --amsterdam-paragraph-compact-large-font-size: var(--amsterdam-typography-compact-text-level-5-font-size);
193
- --amsterdam-paragraph-compact-medium-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
194
- --amsterdam-paragraph-compact-medium-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
195
- --amsterdam-paragraph-compact-small-line-height: var(--amsterdam-typography-compact-text-level-7-line-height);
196
- --amsterdam-paragraph-compact-small-font-size: var(--amsterdam-typography-compact-text-level-7-font-size);
197
- --amsterdam-paragraph-spacious-large-line-height: var(--amsterdam-typography-spacious-text-level-5-line-height);
198
- --amsterdam-paragraph-spacious-large-font-size: var(--amsterdam-typography-spacious-text-level-5-font-size);
199
- --amsterdam-paragraph-spacious-medium-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
200
- --amsterdam-paragraph-spacious-medium-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
201
- --amsterdam-paragraph-spacious-small-line-height: var(--amsterdam-typography-spacious-text-level-7-line-height);
202
- --amsterdam-paragraph-spacious-small-font-size: var(--amsterdam-typography-spacious-text-level-7-font-size);
206
+ --amsterdam-spotlight-yellow-background-color: var(--amsterdam-color-yellow);
207
+ --amsterdam-spotlight-purple-background-color: var(--amsterdam-color-purple);
208
+ --amsterdam-spotlight-orange-background-color: var(--amsterdam-color-orange);
209
+ --amsterdam-spotlight-magenta-background-color: var(--amsterdam-color-magenta);
210
+ --amsterdam-spotlight-light-blue-background-color: var(--amsterdam-color-blue);
211
+ --amsterdam-spotlight-green-background-color: var(--amsterdam-color-green);
212
+ --amsterdam-spotlight-dark-green-background-color: var(--amsterdam-color-dark-green);
213
+ --amsterdam-spotlight-blue-background-color: var(--amsterdam-color-primary-blue);
214
+ --amsterdam-skip-link-hover-background-color: var(--amsterdam-color-dark-blue);
215
+ --amsterdam-skip-link-compact-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
216
+ --amsterdam-skip-link-compact-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
217
+ --amsterdam-skip-link-outline-offset: var(--amsterdam-focus-outline-offset);
218
+ --amsterdam-skip-link-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
219
+ --amsterdam-skip-link-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
220
+ --amsterdam-skip-link-font-weight: var(--amsterdam-typography-font-weight-normal);
221
+ --amsterdam-skip-link-font-family: var(--amsterdam-typography-font-family);
222
+ --amsterdam-skip-link-color: var(--amsterdam-color-primary-white);
223
+ --amsterdam-skip-link-background-color: var(--amsterdam-color-primary-blue);
224
+ --amsterdam-search-field-input-spacious-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
225
+ --amsterdam-search-field-input-spacious-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
226
+ --amsterdam-search-field-input-compact-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
227
+ --amsterdam-search-field-input-compact-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
228
+ --amsterdam-search-field-input-placeholder-color: var(--amsterdam-color-neutral-grey3);
229
+ --amsterdam-search-field-input-hover-box-shadow: inset 0 0 0 2px var(--amsterdam-color-primary-black);
230
+ --amsterdam-search-field-input-cancel-button-width: var(--amsterdam-typography-spacious-text-level-6-font-size);
231
+ --amsterdam-search-field-input-cancel-button-height: var(--amsterdam-typography-spacious-text-level-6-font-size);
232
+ --amsterdam-search-field-input-cancel-button-color: var(--amsterdam-color-primary-blue);
233
+ --amsterdam-search-field-input-outline-offset: var(--amsterdam-focus-outline-offset);
234
+ --amsterdam-search-field-input-font-weight: var(--amsterdam-typography-font-weight-normal);
235
+ --amsterdam-search-field-input-font-family: var(--amsterdam-typography-font-family);
236
+ --amsterdam-search-field-input-color: var(--amsterdam-color-primary-black);
237
+ --amsterdam-search-field-input-box-shadow: inset 0 0 0 1px var(--amsterdam-color-primary-black);
238
+ --amsterdam-search-field-button-hover-background-color: var(--amsterdam-color-dark-blue);
239
+ --amsterdam-search-field-button-outline-offset: var(--amsterdam-focus-outline-offset);
240
+ --amsterdam-search-field-button-color: var(--amsterdam-color-primary-white);
241
+ --amsterdam-search-field-button-background-color: var(--amsterdam-color-primary-blue);
242
+ --amsterdam-paragraph-compact-large-line-height: var(--amsterdam-typography-compact-text-level-4-line-height);
243
+ --amsterdam-paragraph-compact-large-font-size: var(--amsterdam-typography-compact-text-level-4-font-size);
244
+ --amsterdam-paragraph-compact-medium-line-height: var(--amsterdam-typography-compact-text-level-5-line-height);
245
+ --amsterdam-paragraph-compact-medium-font-size: var(--amsterdam-typography-compact-text-level-5-font-size);
246
+ --amsterdam-paragraph-compact-small-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
247
+ --amsterdam-paragraph-compact-small-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
248
+ --amsterdam-paragraph-spacious-large-line-height: var(--amsterdam-typography-spacious-text-level-4-line-height);
249
+ --amsterdam-paragraph-spacious-large-font-size: var(--amsterdam-typography-spacious-text-level-4-font-size);
250
+ --amsterdam-paragraph-spacious-medium-line-height: var(--amsterdam-typography-spacious-text-level-5-line-height);
251
+ --amsterdam-paragraph-spacious-medium-font-size: var(--amsterdam-typography-spacious-text-level-5-font-size);
252
+ --amsterdam-paragraph-spacious-small-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
253
+ --amsterdam-paragraph-spacious-small-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
203
254
  --amsterdam-paragraph-inverse-color: var(--amsterdam-color-primary-white);
204
255
  --amsterdam-paragraph-font-weight: var(--amsterdam-typography-font-weight-normal);
205
256
  --amsterdam-paragraph-font-family: var(--amsterdam-typography-font-family);
@@ -210,17 +261,17 @@
210
261
  --amsterdam-pagination-button-text-decoration-thickness: var(--amsterdam-link-appearance-text-decoration-thickness);
211
262
  --amsterdam-pagination-button-text-decoration-line: var(--amsterdam-link-appearance-subtle-text-decoration-line);
212
263
  --amsterdam-pagination-button-outline-offset: var(--amsterdam-focus-outline-offset);
213
- --amsterdam-pagination-compact-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
214
- --amsterdam-pagination-compact-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
215
- --amsterdam-pagination-spacious-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
216
- --amsterdam-pagination-spacious-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
264
+ --amsterdam-pagination-compact-line-height: var(--amsterdam-typography-compact-text-level-5-line-height);
265
+ --amsterdam-pagination-compact-font-size: var(--amsterdam-typography-compact-text-level-5-font-size);
266
+ --amsterdam-pagination-spacious-line-height: var(--amsterdam-typography-spacious-text-level-5-line-height);
267
+ --amsterdam-pagination-spacious-font-size: var(--amsterdam-typography-spacious-text-level-5-font-size);
217
268
  --amsterdam-pagination-font-weight: var(--amsterdam-typography-font-weight-normal);
218
269
  --amsterdam-pagination-font-family: var(--amsterdam-typography-font-family);
219
270
  --amsterdam-page-menu-item-hover-text-decoration-line: var(--amsterdam-link-appearance-subtle-hover-text-decoration-line);
220
- --amsterdam-page-menu-item-compact-line-height: var(--amsterdam-typography-compact-text-level-7-line-height);
221
- --amsterdam-page-menu-item-compact-font-size: var(--amsterdam-typography-compact-text-level-7-font-size);
222
- --amsterdam-page-menu-item-spacious-line-height: var(--amsterdam-typography-spacious-text-level-7-line-height);
223
- --amsterdam-page-menu-item-spacious-font-size: var(--amsterdam-typography-spacious-text-level-7-font-size);
271
+ --amsterdam-page-menu-item-compact-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
272
+ --amsterdam-page-menu-item-compact-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
273
+ --amsterdam-page-menu-item-spacious-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
274
+ --amsterdam-page-menu-item-spacious-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
224
275
  --amsterdam-page-menu-item-text-underline-offset: var(--amsterdam-link-appearance-text-underline-offset);
225
276
  --amsterdam-page-menu-item-text-decoration-thickness: var(--amsterdam-link-appearance-text-decoration-thickness);
226
277
  --amsterdam-page-menu-item-text-decoration-line: var(--amsterdam-link-appearance-subtle-text-decoration-line);
@@ -235,29 +286,29 @@
235
286
  --amsterdam-page-heading-font-weight: var(--amsterdam-typography-font-weight-bold);
236
287
  --amsterdam-page-heading-font-family: var(--amsterdam-typography-font-family);
237
288
  --amsterdam-page-heading-color: var(--amsterdam-color-primary-black);
238
- --amsterdam-ordered-list-compact-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
239
- --amsterdam-ordered-list-compact-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
240
- --amsterdam-ordered-list-spacious-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
241
- --amsterdam-ordered-list-spacious-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
289
+ --amsterdam-ordered-list-compact-line-height: var(--amsterdam-typography-compact-text-level-5-line-height);
290
+ --amsterdam-ordered-list-compact-font-size: var(--amsterdam-typography-compact-text-level-5-font-size);
291
+ --amsterdam-ordered-list-spacious-line-height: var(--amsterdam-typography-spacious-text-level-5-line-height);
292
+ --amsterdam-ordered-list-spacious-font-size: var(--amsterdam-typography-spacious-text-level-5-font-size);
242
293
  --amsterdam-ordered-list-font-weight: var(--amsterdam-typography-font-weight-normal);
243
294
  --amsterdam-ordered-list-font-family: var(--amsterdam-typography-font-family);
244
295
  --amsterdam-ordered-list-color: var(--amsterdam-color-primary-black);
245
296
  --amsterdam-logo-subsite-color: var(--amsterdam-color-primary-black);
246
297
  --amsterdam-logo-title-color: var(--amsterdam-color-primary-red);
247
298
  --amsterdam-logo-emblem-color: var(--amsterdam-color-primary-red);
248
- --amsterdam-link-standalone-compact-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
249
- --amsterdam-link-standalone-compact-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
250
- --amsterdam-link-standalone-spacious-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
251
- --amsterdam-link-standalone-spacious-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
299
+ --amsterdam-link-standalone-compact-line-height: var(--amsterdam-typography-compact-text-level-5-line-height);
300
+ --amsterdam-link-standalone-compact-font-size: var(--amsterdam-typography-compact-text-level-5-font-size);
301
+ --amsterdam-link-standalone-spacious-line-height: var(--amsterdam-typography-spacious-text-level-5-line-height);
302
+ --amsterdam-link-standalone-spacious-font-size: var(--amsterdam-typography-spacious-text-level-5-font-size);
252
303
  --amsterdam-link-standalone-hover-text-underline-offset: var(--amsterdam-link-appearance-regular-hover-text-underline-offset);
253
304
  --amsterdam-link-standalone-hover-text-decoration-thickness: var(--amsterdam-link-appearance-regular-hover-text-decoration-thickness);
254
305
  --amsterdam-link-standalone-text-underline-offset: var(--amsterdam-link-appearance-text-underline-offset);
255
306
  --amsterdam-link-standalone-text-decoration-thickness: var(--amsterdam-link-appearance-text-decoration-thickness);
256
307
  --amsterdam-link-standalone-text-decoration-line: var(--amsterdam-link-appearance-regular-text-decoration-line);
257
- --amsterdam-link-in-list-compact-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
258
- --amsterdam-link-in-list-compact-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
259
- --amsterdam-link-in-list-spacious-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
260
- --amsterdam-link-in-list-spacious-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
308
+ --amsterdam-link-in-list-compact-line-height: var(--amsterdam-typography-compact-text-level-5-line-height);
309
+ --amsterdam-link-in-list-compact-font-size: var(--amsterdam-typography-compact-text-level-5-font-size);
310
+ --amsterdam-link-in-list-spacious-line-height: var(--amsterdam-typography-spacious-text-level-5-line-height);
311
+ --amsterdam-link-in-list-spacious-font-size: var(--amsterdam-typography-spacious-text-level-5-font-size);
261
312
  --amsterdam-link-in-list-hover-text-decoration-line: var(--amsterdam-link-appearance-subtle-hover-text-decoration-line);
262
313
  --amsterdam-link-in-list-text-underline-offset: var(--amsterdam-link-appearance-text-underline-offset);
263
314
  --amsterdam-link-in-list-text-decoration-thickness: var(--amsterdam-link-appearance-text-decoration-thickness);
@@ -271,8 +322,6 @@
271
322
  --amsterdam-link-outline-offset: var(--amsterdam-focus-outline-offset);
272
323
  --amsterdam-link-font-weight: var(--amsterdam-typography-font-weight-normal);
273
324
  --amsterdam-link-font-family: var(--amsterdam-typography-font-family);
274
- --amsterdam-icon-compact-size-7-line-height: var(--amsterdam-typography-compact-text-level-7-line-height);
275
- --amsterdam-icon-compact-size-7-font-size: var(--amsterdam-typography-compact-text-level-7-font-size);
276
325
  --amsterdam-icon-compact-size-6-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
277
326
  --amsterdam-icon-compact-size-6-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
278
327
  --amsterdam-icon-compact-size-5-line-height: var(--amsterdam-typography-compact-text-level-5-line-height);
@@ -281,8 +330,6 @@
281
330
  --amsterdam-icon-compact-size-4-font-size: var(--amsterdam-typography-compact-text-level-4-font-size);
282
331
  --amsterdam-icon-compact-size-3-line-height: var(--amsterdam-typography-compact-text-level-3-line-height);
283
332
  --amsterdam-icon-compact-size-3-font-size: var(--amsterdam-typography-compact-text-level-3-font-size);
284
- --amsterdam-icon-spacious-size-7-line-height: var(--amsterdam-typography-spacious-text-level-7-line-height);
285
- --amsterdam-icon-spacious-size-7-font-size: var(--amsterdam-typography-spacious-text-level-7-font-size);
286
333
  --amsterdam-icon-spacious-size-6-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
287
334
  --amsterdam-icon-spacious-size-6-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
288
335
  --amsterdam-icon-spacious-size-5-line-height: var(--amsterdam-typography-spacious-text-level-5-line-height);
@@ -291,14 +338,10 @@
291
338
  --amsterdam-icon-spacious-size-4-font-size: var(--amsterdam-typography-spacious-text-level-4-font-size);
292
339
  --amsterdam-icon-spacious-size-3-line-height: var(--amsterdam-typography-spacious-text-level-3-line-height);
293
340
  --amsterdam-icon-spacious-size-3-font-size: var(--amsterdam-typography-spacious-text-level-3-font-size);
294
- --amsterdam-highlight-yellow-background-color: var(--amsterdam-color-yellow);
295
- --amsterdam-highlight-purple-background-color: var(--amsterdam-color-purple);
296
- --amsterdam-highlight-orange-background-color: var(--amsterdam-color-orange);
297
- --amsterdam-highlight-magenta-background-color: var(--amsterdam-color-magenta);
298
- --amsterdam-highlight-light-blue-background-color: var(--amsterdam-color-blue);
299
- --amsterdam-highlight-green-background-color: var(--amsterdam-color-green);
300
- --amsterdam-highlight-dark-green-background-color: var(--amsterdam-color-dark-green);
301
- --amsterdam-highlight-blue-background-color: var(--amsterdam-color-primary-blue);
341
+ --amsterdam-heading-compact-level-6-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
342
+ --amsterdam-heading-compact-level-6-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
343
+ --amsterdam-heading-compact-level-5-font-size: var(--amsterdam-typography-compact-text-level-5-font-size);
344
+ --amsterdam-heading-compact-level-5-line-height: var(--amsterdam-typography-compact-text-level-5-line-height);
302
345
  --amsterdam-heading-compact-level-4-font-size: var(--amsterdam-typography-compact-text-level-4-font-size);
303
346
  --amsterdam-heading-compact-level-4-line-height: var(--amsterdam-typography-compact-text-level-4-line-height);
304
347
  --amsterdam-heading-compact-level-3-font-size: var(--amsterdam-typography-compact-text-level-3-font-size);
@@ -307,6 +350,10 @@
307
350
  --amsterdam-heading-compact-level-2-line-height: var(--amsterdam-typography-compact-text-level-2-line-height);
308
351
  --amsterdam-heading-compact-level-1-font-size: var(--amsterdam-typography-compact-text-level-1-font-size);
309
352
  --amsterdam-heading-compact-level-1-line-height: var(--amsterdam-typography-compact-text-level-1-line-height);
353
+ --amsterdam-heading-spacious-level-6-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
354
+ --amsterdam-heading-spacious-level-6-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
355
+ --amsterdam-heading-spacious-level-5-font-size: var(--amsterdam-typography-spacious-text-level-5-font-size);
356
+ --amsterdam-heading-spacious-level-5-line-height: var(--amsterdam-typography-spacious-text-level-5-line-height);
310
357
  --amsterdam-heading-spacious-level-4-font-size: var(--amsterdam-typography-spacious-text-level-4-font-size);
311
358
  --amsterdam-heading-spacious-level-4-line-height: var(--amsterdam-typography-spacious-text-level-4-line-height);
312
359
  --amsterdam-heading-spacious-level-3-font-size: var(--amsterdam-typography-spacious-text-level-3-font-size);
@@ -319,10 +366,11 @@
319
366
  --amsterdam-heading-font-weight: var(--amsterdam-typography-font-weight-bold);
320
367
  --amsterdam-heading-font-family: var(--amsterdam-typography-font-family);
321
368
  --amsterdam-heading-color: var(--amsterdam-color-primary-black);
322
- --amsterdam-form-label-compact-line-height: var(--amsterdam-typography-compact-text-level-7-line-height);
323
- --amsterdam-form-label-compact-font-size: var(--amsterdam-typography-compact-text-level-7-font-size);
324
- --amsterdam-form-label-spacious-line-height: var(--amsterdam-typography-spacious-text-level-7-line-height);
325
- --amsterdam-form-label-spacious-font-size: var(--amsterdam-typography-spacious-text-level-7-font-size);
369
+ --amsterdam-header-column-gap: var(--amsterdam-grid-spacious-gap);
370
+ --amsterdam-form-label-compact-line-height: var(--amsterdam-typography-compact-text-level-4-line-height);
371
+ --amsterdam-form-label-compact-font-size: var(--amsterdam-typography-compact-text-level-4-font-size);
372
+ --amsterdam-form-label-spacious-line-height: var(--amsterdam-typography-spacious-text-level-4-line-height);
373
+ --amsterdam-form-label-spacious-font-size: var(--amsterdam-typography-spacious-text-level-4-font-size);
326
374
  --amsterdam-form-label-font-weight: var(--amsterdam-typography-font-weight-bold);
327
375
  --amsterdam-form-label-font-family: var(--amsterdam-typography-font-family);
328
376
  --amsterdam-form-label-color: var(--amsterdam-color-primary-black);
@@ -336,10 +384,10 @@
336
384
  --amsterdam-dialog-title-font-family: var(--amsterdam-typography-font-family);
337
385
  --amsterdam-dialog-title-color: var(--amsterdam-color-primary-black);
338
386
  --amsterdam-dialog-background-color: var(--amsterdam-color-primary-white);
339
- --amsterdam-checkbox-compact-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
340
- --amsterdam-checkbox-compact-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
341
- --amsterdam-checkbox-spacious-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
342
- --amsterdam-checkbox-spacious-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
387
+ --amsterdam-checkbox-compact-line-height: var(--amsterdam-typography-compact-text-level-5-line-height);
388
+ --amsterdam-checkbox-compact-font-size: var(--amsterdam-typography-compact-text-level-5-font-size);
389
+ --amsterdam-checkbox-spacious-line-height: var(--amsterdam-typography-spacious-text-level-5-line-height);
390
+ --amsterdam-checkbox-spacious-font-size: var(--amsterdam-typography-spacious-text-level-5-font-size);
343
391
  --amsterdam-checkbox-outline-offset: var(--amsterdam-focus-outline-offset);
344
392
  --amsterdam-checkbox-hover-color: var(--amsterdam-color-dark-blue);
345
393
  --amsterdam-checkbox-font-weight: var(--amsterdam-typography-font-weight-normal);
@@ -368,26 +416,25 @@
368
416
  --amsterdam-card-link-text-underline-offset: var(--amsterdam-link-appearance-text-underline-offset);
369
417
  --amsterdam-card-link-text-decoration-thickness: var(--amsterdam-link-appearance-text-decoration-thickness);
370
418
  --amsterdam-card-link-text-decoration-line: var(--amsterdam-link-appearance-subtle-text-decoration-line);
371
- --amsterdam-button-tertiary-hover-box-shadow: inset 0 0 0 2px var(--amsterdam-color-neutral-grey3);
419
+ --amsterdam-button-tertiary-hover-box-shadow: inset 0 0 0 2px var(--amsterdam-color-dark-blue);
372
420
  --amsterdam-button-secondary-focus-box-shadow: inset 0 0 0 2px var(--amsterdam-color-primary-blue);
373
421
  --amsterdam-button-secondary-disabled-box-shadow: inset 0 0 0 2px var(--amsterdam-color-neutral-grey2);
374
422
  --amsterdam-button-secondary-hover-box-shadow: inset 0 0 0 3px var(--amsterdam-color-dark-blue);
375
423
  --amsterdam-button-secondary-box-shadow: inset 0 0 0 2px var(--amsterdam-color-primary-blue);
376
- --amsterdam-button-compact-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
377
- --amsterdam-button-compact-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
378
- --amsterdam-button-spacious-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
379
- --amsterdam-button-spacious-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
380
- --amsterdam-breadcrumb-compact-line-height: var(--amsterdam-typography-compact-text-level-7-line-height);
381
- --amsterdam-breadcrumb-compact-font-size: var(--amsterdam-typography-compact-text-level-7-font-size);
382
- --amsterdam-breadcrumb-spacious-line-height: var(--amsterdam-typography-spacious-text-level-7-line-height);
383
- --amsterdam-breadcrumb-spacious-font-size: var(--amsterdam-typography-spacious-text-level-7-font-size);
424
+ --amsterdam-button-compact-line-height: var(--amsterdam-typography-compact-text-level-5-line-height);
425
+ --amsterdam-button-compact-font-size: var(--amsterdam-typography-compact-text-level-5-font-size);
426
+ --amsterdam-button-spacious-line-height: var(--amsterdam-typography-spacious-text-level-5-line-height);
427
+ --amsterdam-button-spacious-font-size: var(--amsterdam-typography-spacious-text-level-5-font-size);
428
+ --amsterdam-breadcrumb-compact-line-height: var(--amsterdam-typography-compact-text-level-6-line-height);
429
+ --amsterdam-breadcrumb-compact-font-size: var(--amsterdam-typography-compact-text-level-6-font-size);
430
+ --amsterdam-breadcrumb-spacious-line-height: var(--amsterdam-typography-spacious-text-level-6-line-height);
431
+ --amsterdam-breadcrumb-spacious-font-size: var(--amsterdam-typography-spacious-text-level-6-font-size);
384
432
  --amsterdam-breadcrumb-item-link-hover-text-decoration-line: var(--amsterdam-link-appearance-subtle-hover-text-decoration-line);
385
433
  --amsterdam-breadcrumb-item-link-hover-color: var(--amsterdam-color-dark-blue);
386
434
  --amsterdam-breadcrumb-item-link-text-underline-offset: var(--amsterdam-link-appearance-text-underline-offset);
387
435
  --amsterdam-breadcrumb-item-link-text-decoration-thickness: var(--amsterdam-link-appearance-text-decoration-thickness);
388
436
  --amsterdam-breadcrumb-item-link-text-decoration-line: var(--amsterdam-link-appearance-subtle-text-decoration-line);
389
437
  --amsterdam-breadcrumb-item-link-outline-offset: var(--amsterdam-focus-outline-offset);
390
- --amsterdam-breadcrumb-separator-background-color: var(--amsterdam-color-primary-blue);
391
438
  --amsterdam-breadcrumb-font-weight: var(--amsterdam-typography-font-weight-normal);
392
439
  --amsterdam-breadcrumb-font-family: var(--amsterdam-typography-font-family);
393
440
  --amsterdam-blockquote-compact-line-height: var(--amsterdam-typography-compact-text-level-3-line-height);
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 01 Dec 2023 15:48:43 GMT
3
+ * Generated on Fri, 22 Dec 2023 12:50:01 GMT
4
4
  */
5
5
 
6
6
  export const amsterdamColorPrimaryBlack : string;
@@ -42,8 +42,6 @@ export const amsterdamTypographySpaciousTextLevel5FontSize : string;
42
42
  export const amsterdamTypographySpaciousTextLevel5LineHeight : string;
43
43
  export const amsterdamTypographySpaciousTextLevel6FontSize : string;
44
44
  export const amsterdamTypographySpaciousTextLevel6LineHeight : string;
45
- export const amsterdamTypographySpaciousTextLevel7FontSize : string;
46
- export const amsterdamTypographySpaciousTextLevel7LineHeight : string;
47
45
  export const amsterdamTypographyCompactTextLevel0FontSize : string;
48
46
  export const amsterdamTypographyCompactTextLevel0LineHeight : string;
49
47
  export const amsterdamTypographyCompactTextLevel1FontSize : string;
@@ -58,8 +56,6 @@ export const amsterdamTypographyCompactTextLevel5FontSize : string;
58
56
  export const amsterdamTypographyCompactTextLevel5LineHeight : string;
59
57
  export const amsterdamTypographyCompactTextLevel6FontSize : string;
60
58
  export const amsterdamTypographyCompactTextLevel6LineHeight : string;
61
- export const amsterdamTypographyCompactTextLevel7FontSize : string;
62
- export const amsterdamTypographyCompactTextLevel7LineHeight : string;
63
59
  export const amsterdamBorderWidthSm : string;
64
60
  export const amsterdamBorderWidthMd : string;
65
61
  export const amsterdamBorderWidthLg : string;
@@ -125,7 +121,7 @@ export const amsterdamBlockquoteCompactFontSize : string;
125
121
  export const amsterdamBlockquoteCompactLineHeight : string;
126
122
  export const amsterdamBreadcrumbFontFamily : string;
127
123
  export const amsterdamBreadcrumbFontWeight : number;
128
- export const amsterdamBreadcrumbSeparatorBackgroundColor : string;
124
+ export const amsterdamBreadcrumbSeparatorBackgroundImage : string;
129
125
  export const amsterdamBreadcrumbItemLinkColor : string;
130
126
  export const amsterdamBreadcrumbItemLinkOutlineOffset : string;
131
127
  export const amsterdamBreadcrumbItemLinkTextDecorationLine : string;
@@ -220,6 +216,7 @@ export const amsterdamGridCompactGap : string;
220
216
  export const amsterdamGridCompactPaddingInline : string;
221
217
  export const amsterdamGridMediumColumnCount : string;
222
218
  export const amsterdamGridWideColumnCount : string;
219
+ export const amsterdamHeaderColumnGap : string;
223
220
  export const amsterdamHeadingColor : string;
224
221
  export const amsterdamHeadingFontFamily : string;
225
222
  export const amsterdamHeadingFontWeight : number;
@@ -232,6 +229,10 @@ export const amsterdamHeadingSpaciousLevel3LineHeight : string;
232
229
  export const amsterdamHeadingSpaciousLevel3FontSize : string;
233
230
  export const amsterdamHeadingSpaciousLevel4LineHeight : string;
234
231
  export const amsterdamHeadingSpaciousLevel4FontSize : string;
232
+ export const amsterdamHeadingSpaciousLevel5LineHeight : string;
233
+ export const amsterdamHeadingSpaciousLevel5FontSize : string;
234
+ export const amsterdamHeadingSpaciousLevel6LineHeight : string;
235
+ export const amsterdamHeadingSpaciousLevel6FontSize : string;
235
236
  export const amsterdamHeadingCompactLevel1LineHeight : string;
236
237
  export const amsterdamHeadingCompactLevel1FontSize : string;
237
238
  export const amsterdamHeadingCompactLevel2LineHeight : string;
@@ -240,14 +241,10 @@ export const amsterdamHeadingCompactLevel3LineHeight : string;
240
241
  export const amsterdamHeadingCompactLevel3FontSize : string;
241
242
  export const amsterdamHeadingCompactLevel4LineHeight : string;
242
243
  export const amsterdamHeadingCompactLevel4FontSize : string;
243
- export const amsterdamHighlightBlueBackgroundColor : string;
244
- export const amsterdamHighlightDarkGreenBackgroundColor : string;
245
- export const amsterdamHighlightGreenBackgroundColor : string;
246
- export const amsterdamHighlightLightBlueBackgroundColor : string;
247
- export const amsterdamHighlightMagentaBackgroundColor : string;
248
- export const amsterdamHighlightOrangeBackgroundColor : string;
249
- export const amsterdamHighlightPurpleBackgroundColor : string;
250
- export const amsterdamHighlightYellowBackgroundColor : string;
244
+ export const amsterdamHeadingCompactLevel5LineHeight : string;
245
+ export const amsterdamHeadingCompactLevel5FontSize : string;
246
+ export const amsterdamHeadingCompactLevel6LineHeight : string;
247
+ export const amsterdamHeadingCompactLevel6FontSize : string;
251
248
  export const amsterdamIconSpaciousSize3FontSize : string;
252
249
  export const amsterdamIconSpaciousSize3LineHeight : string;
253
250
  export const amsterdamIconSpaciousSize4FontSize : string;
@@ -256,8 +253,6 @@ export const amsterdamIconSpaciousSize5FontSize : string;
256
253
  export const amsterdamIconSpaciousSize5LineHeight : string;
257
254
  export const amsterdamIconSpaciousSize6FontSize : string;
258
255
  export const amsterdamIconSpaciousSize6LineHeight : string;
259
- export const amsterdamIconSpaciousSize7FontSize : string;
260
- export const amsterdamIconSpaciousSize7LineHeight : string;
261
256
  export const amsterdamIconCompactSize3FontSize : string;
262
257
  export const amsterdamIconCompactSize3LineHeight : string;
263
258
  export const amsterdamIconCompactSize4FontSize : string;
@@ -266,8 +261,6 @@ export const amsterdamIconCompactSize5FontSize : string;
266
261
  export const amsterdamIconCompactSize5LineHeight : string;
267
262
  export const amsterdamIconCompactSize6FontSize : string;
268
263
  export const amsterdamIconCompactSize6LineHeight : string;
269
- export const amsterdamIconCompactSize7FontSize : string;
270
- export const amsterdamIconCompactSize7LineHeight : string;
271
264
  export const amsterdamLinkColor : string;
272
265
  export const amsterdamLinkFontFamily : string;
273
266
  export const amsterdamLinkFontWeight : number;
@@ -310,6 +303,7 @@ export const amsterdamLogoHeight : string;
310
303
  export const amsterdamLogoEmblemColor : string;
311
304
  export const amsterdamLogoTitleColor : string;
312
305
  export const amsterdamLogoSubsiteColor : string;
306
+ export const amsterdamMarkBackgroundColor : string;
313
307
  export const amsterdamOrderedListColor : string;
314
308
  export const amsterdamOrderedListFontFamily : string;
315
309
  export const amsterdamOrderedListFontWeight : number;
@@ -384,6 +378,43 @@ export const amsterdamParagraphCompactLargeFontSize : string;
384
378
  export const amsterdamParagraphCompactLargeLineHeight : string;
385
379
  export const amsterdamScreenWideMaxWidth : string;
386
380
  export const amsterdamScreenXWideMaxWidth : string;
381
+ export const amsterdamSearchFieldButtonBackgroundColor : string;
382
+ export const amsterdamSearchFieldButtonColor : string;
383
+ export const amsterdamSearchFieldButtonOutlineOffset : string;
384
+ export const amsterdamSearchFieldButtonHoverBackgroundColor : string;
385
+ export const amsterdamSearchFieldInputBoxShadow : string;
386
+ export const amsterdamSearchFieldInputColor : string;
387
+ export const amsterdamSearchFieldInputFontFamily : string;
388
+ export const amsterdamSearchFieldInputFontWeight : number;
389
+ export const amsterdamSearchFieldInputOutlineOffset : string;
390
+ export const amsterdamSearchFieldInputCancelButtonBackgroundImage : string;
391
+ export const amsterdamSearchFieldInputCancelButtonColor : string;
392
+ export const amsterdamSearchFieldInputCancelButtonHeight : string;
393
+ export const amsterdamSearchFieldInputCancelButtonWidth : string;
394
+ export const amsterdamSearchFieldInputHoverBoxShadow : string;
395
+ export const amsterdamSearchFieldInputPlaceholderColor : string;
396
+ export const amsterdamSearchFieldInputCompactFontSize : string;
397
+ export const amsterdamSearchFieldInputCompactLineHeight : string;
398
+ export const amsterdamSearchFieldInputSpaciousFontSize : string;
399
+ export const amsterdamSearchFieldInputSpaciousLineHeight : string;
400
+ export const amsterdamSkipLinkBackgroundColor : string;
401
+ export const amsterdamSkipLinkColor : string;
402
+ export const amsterdamSkipLinkFontFamily : string;
403
+ export const amsterdamSkipLinkFontWeight : number;
404
+ export const amsterdamSkipLinkFontSize : string;
405
+ export const amsterdamSkipLinkLineHeight : string;
406
+ export const amsterdamSkipLinkOutlineOffset : string;
407
+ export const amsterdamSkipLinkCompactFontSize : string;
408
+ export const amsterdamSkipLinkCompactLineHeight : string;
409
+ export const amsterdamSkipLinkHoverBackgroundColor : string;
410
+ export const amsterdamSpotlightBlueBackgroundColor : string;
411
+ export const amsterdamSpotlightDarkGreenBackgroundColor : string;
412
+ export const amsterdamSpotlightGreenBackgroundColor : string;
413
+ export const amsterdamSpotlightLightBlueBackgroundColor : string;
414
+ export const amsterdamSpotlightMagentaBackgroundColor : string;
415
+ export const amsterdamSpotlightOrangeBackgroundColor : string;
416
+ export const amsterdamSpotlightPurpleBackgroundColor : string;
417
+ export const amsterdamSpotlightYellowBackgroundColor : string;
387
418
  export const amsterdamSwitchFontFamily : string;
388
419
  export const amsterdamSwitchBackgroundColor : string;
389
420
  export const amsterdamSwitchWidth : string;
@@ -394,6 +425,22 @@ export const amsterdamSwitchThumbHoverColor : string;
394
425
  export const amsterdamSwitchCheckedBackgroundColor : string;
395
426
  export const amsterdamSwitchOutlineOffset : string;
396
427
  export const amsterdamSwitchDisabledBackgroundColor : string;
428
+ export const amsterdamTextInputBoxShadow : string;
429
+ export const amsterdamTextInputColor : string;
430
+ export const amsterdamTextInputFontFamily : string;
431
+ export const amsterdamTextInputFontWeight : number;
432
+ export const amsterdamTextInputOutlineOffset : string;
433
+ export const amsterdamTextInputDisabledBackgroundColor : string;
434
+ export const amsterdamTextInputDisabledBoxShadow : string;
435
+ export const amsterdamTextInputDisabledColor : string;
436
+ export const amsterdamTextInputHoverBoxShadow : string;
437
+ export const amsterdamTextInputInvalidBoxShadow : string;
438
+ export const amsterdamTextInputInvalidHoverBoxShadow : string;
439
+ export const amsterdamTextInputPlaceholderColor : string;
440
+ export const amsterdamTextInputCompactFontSize : string;
441
+ export const amsterdamTextInputCompactLineHeight : string;
442
+ export const amsterdamTextInputSpaciousFontSize : string;
443
+ export const amsterdamTextInputSpaciousLineHeight : string;
397
444
  export const amsterdamTopTaskLinkDescriptionColor : string;
398
445
  export const amsterdamTopTaskLinkDescriptionFontFamily : string;
399
446
  export const amsterdamTopTaskLinkDescriptionFontWeight : number;