@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.json CHANGED
@@ -25,37 +25,33 @@
25
25
  "amsterdamTypographyFontWeightNormal": 400,
26
26
  "amsterdamTypographyFontWeightBold": 800,
27
27
  "amsterdamTypographySpaciousTextLevel0FontSize": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)",
28
- "amsterdamTypographySpaciousTextLevel0LineHeight": "1.1",
28
+ "amsterdamTypographySpaciousTextLevel0LineHeight": "1.15",
29
29
  "amsterdamTypographySpaciousTextLevel1FontSize": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)",
30
30
  "amsterdamTypographySpaciousTextLevel1LineHeight": "1.2",
31
31
  "amsterdamTypographySpaciousTextLevel2FontSize": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)",
32
- "amsterdamTypographySpaciousTextLevel2LineHeight": "1.3",
32
+ "amsterdamTypographySpaciousTextLevel2LineHeight": "1.25",
33
33
  "amsterdamTypographySpaciousTextLevel3FontSize": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
34
- "amsterdamTypographySpaciousTextLevel3LineHeight": "1.4",
34
+ "amsterdamTypographySpaciousTextLevel3LineHeight": "1.3",
35
35
  "amsterdamTypographySpaciousTextLevel4FontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
36
- "amsterdamTypographySpaciousTextLevel4LineHeight": "1.4",
37
- "amsterdamTypographySpaciousTextLevel5FontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
38
- "amsterdamTypographySpaciousTextLevel5LineHeight": "1.5",
39
- "amsterdamTypographySpaciousTextLevel6FontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
36
+ "amsterdamTypographySpaciousTextLevel4LineHeight": "1.5",
37
+ "amsterdamTypographySpaciousTextLevel5FontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
38
+ "amsterdamTypographySpaciousTextLevel5LineHeight": "1.6",
39
+ "amsterdamTypographySpaciousTextLevel6FontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
40
40
  "amsterdamTypographySpaciousTextLevel6LineHeight": "1.6",
41
- "amsterdamTypographySpaciousTextLevel7FontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
42
- "amsterdamTypographySpaciousTextLevel7LineHeight": "1.6",
43
41
  "amsterdamTypographyCompactTextLevel0FontSize": "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)",
44
- "amsterdamTypographyCompactTextLevel0LineHeight": "1.1",
42
+ "amsterdamTypographyCompactTextLevel0LineHeight": "1.15",
45
43
  "amsterdamTypographyCompactTextLevel1FontSize": "clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem)",
46
44
  "amsterdamTypographyCompactTextLevel1LineHeight": "1.2",
47
45
  "amsterdamTypographyCompactTextLevel2FontSize": "clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem)",
48
- "amsterdamTypographyCompactTextLevel2LineHeight": "1.3",
46
+ "amsterdamTypographyCompactTextLevel2LineHeight": "1.25",
49
47
  "amsterdamTypographyCompactTextLevel3FontSize": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)",
50
- "amsterdamTypographyCompactTextLevel3LineHeight": "1.4",
48
+ "amsterdamTypographyCompactTextLevel3LineHeight": "1.3",
51
49
  "amsterdamTypographyCompactTextLevel4FontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
52
- "amsterdamTypographyCompactTextLevel4LineHeight": "1.4",
53
- "amsterdamTypographyCompactTextLevel5FontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
54
- "amsterdamTypographyCompactTextLevel5LineHeight": "1.5",
55
- "amsterdamTypographyCompactTextLevel6FontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
50
+ "amsterdamTypographyCompactTextLevel4LineHeight": "1.5",
51
+ "amsterdamTypographyCompactTextLevel5FontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
52
+ "amsterdamTypographyCompactTextLevel5LineHeight": "1.6",
53
+ "amsterdamTypographyCompactTextLevel6FontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
56
54
  "amsterdamTypographyCompactTextLevel6LineHeight": "1.6",
57
- "amsterdamTypographyCompactTextLevel7FontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
58
- "amsterdamTypographyCompactTextLevel7LineHeight": "1.6",
59
55
  "amsterdamBorderWidthSm": "1px",
60
56
  "amsterdamBorderWidthMd": "2px",
61
57
  "amsterdamBorderWidthLg": "3px",
@@ -80,10 +76,10 @@
80
76
  "amsterdamAccordionButtonFontFamily": "'Amsterdam Sans', Arial, sans-serif",
81
77
  "amsterdamAccordionButtonFontWeight": 800,
82
78
  "amsterdamAccordionButtonHoverBoxShadow": "inset 0 0 0 2px #767676",
83
- "amsterdamAccordionButtonSpaciousFontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
84
- "amsterdamAccordionButtonSpaciousLineHeight": "1.5",
85
- "amsterdamAccordionButtonCompactFontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
86
- "amsterdamAccordionButtonCompactLineHeight": "1.5",
79
+ "amsterdamAccordionButtonSpaciousFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
80
+ "amsterdamAccordionButtonSpaciousLineHeight": "1.6",
81
+ "amsterdamAccordionButtonCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
82
+ "amsterdamAccordionButtonCompactLineHeight": "1.6",
87
83
  "amsterdamAlertBackgroundColor": "#FFE600",
88
84
  "amsterdamAlertBorder": "4px solid #FFE600",
89
85
  "amsterdamAlertGap": "1rem",
@@ -94,10 +90,10 @@
94
90
  "amsterdamAlertTitleColor": "#000000",
95
91
  "amsterdamAlertTitleFontFamily": "'Amsterdam Sans', Arial, sans-serif",
96
92
  "amsterdamAlertTitleFontWeight": 800,
97
- "amsterdamAlertTitleSpaciousFontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
98
- "amsterdamAlertTitleSpaciousLineHeight": "1.5",
99
- "amsterdamAlertTitleCompactFontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
100
- "amsterdamAlertTitleCompactLineHeight": "1.5",
93
+ "amsterdamAlertTitleSpaciousFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
94
+ "amsterdamAlertTitleSpaciousLineHeight": "1.6",
95
+ "amsterdamAlertTitleCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
96
+ "amsterdamAlertTitleCompactLineHeight": "1.6",
101
97
  "amsterdamAlertErrorBackgroundColor": "#ffffff",
102
98
  "amsterdamAlertErrorBorderColor": "#EC0000",
103
99
  "amsterdamAlertSuccessBackgroundColor": "#ffffff",
@@ -116,12 +112,12 @@
116
112
  "amsterdamBlockquoteFontWeight": 800,
117
113
  "amsterdamBlockquoteInverseColor": "#ffffff",
118
114
  "amsterdamBlockquoteSpaciousFontSize": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
119
- "amsterdamBlockquoteSpaciousLineHeight": "1.4",
115
+ "amsterdamBlockquoteSpaciousLineHeight": "1.3",
120
116
  "amsterdamBlockquoteCompactFontSize": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)",
121
- "amsterdamBlockquoteCompactLineHeight": "1.4",
117
+ "amsterdamBlockquoteCompactLineHeight": "1.3",
122
118
  "amsterdamBreadcrumbFontFamily": "'Amsterdam Sans', Arial, sans-serif",
123
119
  "amsterdamBreadcrumbFontWeight": 400,
124
- "amsterdamBreadcrumbSeparatorBackgroundColor": "#004699",
120
+ "amsterdamBreadcrumbSeparatorBackgroundImage": "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>\")",
125
121
  "amsterdamBreadcrumbItemLinkColor": "#004699",
126
122
  "amsterdamBreadcrumbItemLinkOutlineOffset": "2px",
127
123
  "amsterdamBreadcrumbItemLinkTextDecorationLine": "none",
@@ -141,7 +137,7 @@
141
137
  "amsterdamButtonSecondaryHoverBoxShadow": "inset 0 0 0 3px #102E62",
142
138
  "amsterdamButtonSecondaryDisabledBoxShadow": "inset 0 0 0 2px #B4B4B4",
143
139
  "amsterdamButtonSecondaryFocusBoxShadow": "inset 0 0 0 2px #004699",
144
- "amsterdamButtonTertiaryHoverBoxShadow": "inset 0 0 0 2px #767676",
140
+ "amsterdamButtonTertiaryHoverBoxShadow": "inset 0 0 0 2px #102E62",
145
141
  "amsterdamCardLinkColor": "#004699",
146
142
  "amsterdamCardLinkTextDecorationLine": "none",
147
143
  "amsterdamCardLinkTextDecorationThickness": "0.125rem",
@@ -182,10 +178,10 @@
182
178
  "amsterdamDialogTitleColor": "#000000",
183
179
  "amsterdamDialogTitleFontFamily": "'Amsterdam Sans', Arial, sans-serif",
184
180
  "amsterdamDialogTitleFontWeight": 800,
185
- "amsterdamDialogTitleSpaciousFontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
186
- "amsterdamDialogTitleSpaciousLineHeight": "1.5",
187
- "amsterdamDialogTitleCompactFontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
188
- "amsterdamDialogTitleCompactLineHeight": "1.5",
181
+ "amsterdamDialogTitleSpaciousFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
182
+ "amsterdamDialogTitleSpaciousLineHeight": "1.6",
183
+ "amsterdamDialogTitleCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
184
+ "amsterdamDialogTitleCompactLineHeight": "1.6",
189
185
  "amsterdamDialogBackdropBackground": "#0006",
190
186
  "amsterdamDialogCloseBackgroundColor": "transparent",
191
187
  "amsterdamDialogCloseFill": "#000000",
@@ -201,10 +197,10 @@
201
197
  "amsterdamFormLabelColor": "#000000",
202
198
  "amsterdamFormLabelFontFamily": "'Amsterdam Sans', Arial, sans-serif",
203
199
  "amsterdamFormLabelFontWeight": 800,
204
- "amsterdamFormLabelSpaciousFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
205
- "amsterdamFormLabelSpaciousLineHeight": "1.6",
206
- "amsterdamFormLabelCompactFontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
207
- "amsterdamFormLabelCompactLineHeight": "1.6",
200
+ "amsterdamFormLabelSpaciousFontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
201
+ "amsterdamFormLabelSpaciousLineHeight": "1.5",
202
+ "amsterdamFormLabelCompactFontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
203
+ "amsterdamFormLabelCompactLineHeight": "1.5",
208
204
  "amsterdamGridColumnCount": "4",
209
205
  "amsterdamGridSpaciousGap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
210
206
  "amsterdamGridSpaciousPaddingInline": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
@@ -212,54 +208,51 @@
212
208
  "amsterdamGridCompactPaddingInline": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
213
209
  "amsterdamGridMediumColumnCount": "8",
214
210
  "amsterdamGridWideColumnCount": "12",
211
+ "amsterdamHeaderColumnGap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
215
212
  "amsterdamHeadingColor": "#000000",
216
213
  "amsterdamHeadingFontFamily": "'Amsterdam Sans', Arial, sans-serif",
217
214
  "amsterdamHeadingFontWeight": 800,
218
215
  "amsterdamHeadingInverseColor": "#ffffff",
219
216
  "amsterdamHeadingSpaciousLevel1LineHeight": "1.2",
220
217
  "amsterdamHeadingSpaciousLevel1FontSize": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)",
221
- "amsterdamHeadingSpaciousLevel2LineHeight": "1.3",
218
+ "amsterdamHeadingSpaciousLevel2LineHeight": "1.25",
222
219
  "amsterdamHeadingSpaciousLevel2FontSize": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)",
223
- "amsterdamHeadingSpaciousLevel3LineHeight": "1.4",
220
+ "amsterdamHeadingSpaciousLevel3LineHeight": "1.3",
224
221
  "amsterdamHeadingSpaciousLevel3FontSize": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
225
- "amsterdamHeadingSpaciousLevel4LineHeight": "1.4",
222
+ "amsterdamHeadingSpaciousLevel4LineHeight": "1.5",
226
223
  "amsterdamHeadingSpaciousLevel4FontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
224
+ "amsterdamHeadingSpaciousLevel5LineHeight": "1.6",
225
+ "amsterdamHeadingSpaciousLevel5FontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
226
+ "amsterdamHeadingSpaciousLevel6LineHeight": "1.6",
227
+ "amsterdamHeadingSpaciousLevel6FontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
227
228
  "amsterdamHeadingCompactLevel1LineHeight": "1.2",
228
229
  "amsterdamHeadingCompactLevel1FontSize": "clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem)",
229
- "amsterdamHeadingCompactLevel2LineHeight": "1.3",
230
+ "amsterdamHeadingCompactLevel2LineHeight": "1.25",
230
231
  "amsterdamHeadingCompactLevel2FontSize": "clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem)",
231
- "amsterdamHeadingCompactLevel3LineHeight": "1.4",
232
+ "amsterdamHeadingCompactLevel3LineHeight": "1.3",
232
233
  "amsterdamHeadingCompactLevel3FontSize": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)",
233
- "amsterdamHeadingCompactLevel4LineHeight": "1.4",
234
+ "amsterdamHeadingCompactLevel4LineHeight": "1.5",
234
235
  "amsterdamHeadingCompactLevel4FontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
235
- "amsterdamHighlightBlueBackgroundColor": "#004699",
236
- "amsterdamHighlightDarkGreenBackgroundColor": "#00A03C",
237
- "amsterdamHighlightGreenBackgroundColor": "#BED200",
238
- "amsterdamHighlightLightBlueBackgroundColor": "#009DEC",
239
- "amsterdamHighlightMagentaBackgroundColor": "#E50082",
240
- "amsterdamHighlightOrangeBackgroundColor": "#FF9100",
241
- "amsterdamHighlightPurpleBackgroundColor": "#A00078",
242
- "amsterdamHighlightYellowBackgroundColor": "#FFE600",
236
+ "amsterdamHeadingCompactLevel5LineHeight": "1.6",
237
+ "amsterdamHeadingCompactLevel5FontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
238
+ "amsterdamHeadingCompactLevel6LineHeight": "1.6",
239
+ "amsterdamHeadingCompactLevel6FontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
243
240
  "amsterdamIconSpaciousSize3FontSize": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
244
- "amsterdamIconSpaciousSize3LineHeight": "1.4",
241
+ "amsterdamIconSpaciousSize3LineHeight": "1.3",
245
242
  "amsterdamIconSpaciousSize4FontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
246
- "amsterdamIconSpaciousSize4LineHeight": "1.4",
247
- "amsterdamIconSpaciousSize5FontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
248
- "amsterdamIconSpaciousSize5LineHeight": "1.5",
249
- "amsterdamIconSpaciousSize6FontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
243
+ "amsterdamIconSpaciousSize4LineHeight": "1.5",
244
+ "amsterdamIconSpaciousSize5FontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
245
+ "amsterdamIconSpaciousSize5LineHeight": "1.6",
246
+ "amsterdamIconSpaciousSize6FontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
250
247
  "amsterdamIconSpaciousSize6LineHeight": "1.6",
251
- "amsterdamIconSpaciousSize7FontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
252
- "amsterdamIconSpaciousSize7LineHeight": "1.6",
253
248
  "amsterdamIconCompactSize3FontSize": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)",
254
- "amsterdamIconCompactSize3LineHeight": "1.4",
249
+ "amsterdamIconCompactSize3LineHeight": "1.3",
255
250
  "amsterdamIconCompactSize4FontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
256
- "amsterdamIconCompactSize4LineHeight": "1.4",
257
- "amsterdamIconCompactSize5FontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
258
- "amsterdamIconCompactSize5LineHeight": "1.5",
259
- "amsterdamIconCompactSize6FontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
251
+ "amsterdamIconCompactSize4LineHeight": "1.5",
252
+ "amsterdamIconCompactSize5FontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
253
+ "amsterdamIconCompactSize5LineHeight": "1.6",
254
+ "amsterdamIconCompactSize6FontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
260
255
  "amsterdamIconCompactSize6LineHeight": "1.6",
261
- "amsterdamIconCompactSize7FontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
262
- "amsterdamIconCompactSize7LineHeight": "1.6",
263
256
  "amsterdamLinkColor": "#004699",
264
257
  "amsterdamLinkFontFamily": "'Amsterdam Sans', Arial, sans-serif",
265
258
  "amsterdamLinkFontWeight": 400,
@@ -302,6 +295,7 @@
302
295
  "amsterdamLogoEmblemColor": "#EC0000",
303
296
  "amsterdamLogoTitleColor": "#EC0000",
304
297
  "amsterdamLogoSubsiteColor": "#000000",
298
+ "amsterdamMarkBackgroundColor": "var(--amsterdam-color-yellow)",
305
299
  "amsterdamOrderedListColor": "#000000",
306
300
  "amsterdamOrderedListFontFamily": "'Amsterdam Sans', Arial, sans-serif",
307
301
  "amsterdamOrderedListFontWeight": 400,
@@ -372,6 +366,43 @@
372
366
  "amsterdamParagraphCompactLargeLineHeight": "1.5",
373
367
  "amsterdamScreenWideMaxWidth": "100rem",
374
368
  "amsterdamScreenXWideMaxWidth": "132rem",
369
+ "amsterdamSearchFieldButtonBackgroundColor": "#004699",
370
+ "amsterdamSearchFieldButtonColor": "#ffffff",
371
+ "amsterdamSearchFieldButtonOutlineOffset": "2px",
372
+ "amsterdamSearchFieldButtonHoverBackgroundColor": "#102E62",
373
+ "amsterdamSearchFieldInputBoxShadow": "inset 0 0 0 1px #000000",
374
+ "amsterdamSearchFieldInputColor": "#000000",
375
+ "amsterdamSearchFieldInputFontFamily": "'Amsterdam Sans', Arial, sans-serif",
376
+ "amsterdamSearchFieldInputFontWeight": 400,
377
+ "amsterdamSearchFieldInputOutlineOffset": "2px",
378
+ "amsterdamSearchFieldInputCancelButtonBackgroundImage": "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>\")",
379
+ "amsterdamSearchFieldInputCancelButtonColor": "#004699",
380
+ "amsterdamSearchFieldInputCancelButtonHeight": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
381
+ "amsterdamSearchFieldInputCancelButtonWidth": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
382
+ "amsterdamSearchFieldInputHoverBoxShadow": "inset 0 0 0 2px #000000",
383
+ "amsterdamSearchFieldInputPlaceholderColor": "#767676",
384
+ "amsterdamSearchFieldInputCompactFontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
385
+ "amsterdamSearchFieldInputCompactLineHeight": "1.6",
386
+ "amsterdamSearchFieldInputSpaciousFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
387
+ "amsterdamSearchFieldInputSpaciousLineHeight": "1.6",
388
+ "amsterdamSkipLinkBackgroundColor": "#004699",
389
+ "amsterdamSkipLinkColor": "#ffffff",
390
+ "amsterdamSkipLinkFontFamily": "'Amsterdam Sans', Arial, sans-serif",
391
+ "amsterdamSkipLinkFontWeight": 400,
392
+ "amsterdamSkipLinkFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
393
+ "amsterdamSkipLinkLineHeight": "1.6",
394
+ "amsterdamSkipLinkOutlineOffset": "2px",
395
+ "amsterdamSkipLinkCompactFontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
396
+ "amsterdamSkipLinkCompactLineHeight": "1.6",
397
+ "amsterdamSkipLinkHoverBackgroundColor": "#102E62",
398
+ "amsterdamSpotlightBlueBackgroundColor": "#004699",
399
+ "amsterdamSpotlightDarkGreenBackgroundColor": "#00A03C",
400
+ "amsterdamSpotlightGreenBackgroundColor": "#BED200",
401
+ "amsterdamSpotlightLightBlueBackgroundColor": "#009DEC",
402
+ "amsterdamSpotlightMagentaBackgroundColor": "#E50082",
403
+ "amsterdamSpotlightOrangeBackgroundColor": "#FF9100",
404
+ "amsterdamSpotlightPurpleBackgroundColor": "#A00078",
405
+ "amsterdamSpotlightYellowBackgroundColor": "#FFE600",
375
406
  "amsterdamSwitchFontFamily": "'Amsterdam Sans', Arial, sans-serif",
376
407
  "amsterdamSwitchBackgroundColor": "#767676",
377
408
  "amsterdamSwitchWidth": "3.5rem",
@@ -382,6 +413,22 @@
382
413
  "amsterdamSwitchCheckedBackgroundColor": "#004699",
383
414
  "amsterdamSwitchOutlineOffset": "2px",
384
415
  "amsterdamSwitchDisabledBackgroundColor": "#B4B4B4",
416
+ "amsterdamTextInputBoxShadow": "inset 0 0 0 1px #000000",
417
+ "amsterdamTextInputColor": "#000000",
418
+ "amsterdamTextInputFontFamily": "'Amsterdam Sans', Arial, sans-serif",
419
+ "amsterdamTextInputFontWeight": 400,
420
+ "amsterdamTextInputOutlineOffset": "2px",
421
+ "amsterdamTextInputDisabledBackgroundColor": "#ffffff",
422
+ "amsterdamTextInputDisabledBoxShadow": "inset 0 0 0 1px #B4B4B4",
423
+ "amsterdamTextInputDisabledColor": "#B4B4B4",
424
+ "amsterdamTextInputHoverBoxShadow": "inset 0 0 0 2px #000000",
425
+ "amsterdamTextInputInvalidBoxShadow": "inset 0 0 0 1px #EC0000",
426
+ "amsterdamTextInputInvalidHoverBoxShadow": "inset 0 0 0 2px #EC0000",
427
+ "amsterdamTextInputPlaceholderColor": "#767676",
428
+ "amsterdamTextInputCompactFontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
429
+ "amsterdamTextInputCompactLineHeight": "1.6",
430
+ "amsterdamTextInputSpaciousFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
431
+ "amsterdamTextInputSpaciousLineHeight": "1.6",
385
432
  "amsterdamTopTaskLinkDescriptionColor": "#000000",
386
433
  "amsterdamTopTaskLinkDescriptionFontFamily": "'Amsterdam Sans', Arial, sans-serif",
387
434
  "amsterdamTopTaskLinkDescriptionFontWeight": 400,
@@ -398,9 +445,9 @@
398
445
  "amsterdamTopTaskLinkLabelHoverColor": "#102E62",
399
446
  "amsterdamTopTaskLinkLabelHoverTextDecorationLine": "underline",
400
447
  "amsterdamTopTaskLinkLabelSpaciousFontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
401
- "amsterdamTopTaskLinkLabelSpaciousLineHeight": "1.4",
448
+ "amsterdamTopTaskLinkLabelSpaciousLineHeight": "1.5",
402
449
  "amsterdamTopTaskLinkLabelCompactFontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
403
- "amsterdamTopTaskLinkLabelCompactLineHeight": "1.4",
450
+ "amsterdamTopTaskLinkLabelCompactLineHeight": "1.5",
404
451
  "amsterdamTopTaskLinkOutlineOffset": "2px",
405
452
  "amsterdamUnorderedListColor": "#000000",
406
453
  "amsterdamUnorderedListFontFamily": "'Amsterdam Sans', Arial, sans-serif",