@amsterdam/design-system-tokens 0.3.0 → 0.4.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 (21) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/_variables.scss +92 -20
  3. package/dist/index.css +92 -20
  4. package/dist/index.d.ts +83 -11
  5. package/dist/index.js +118 -46
  6. package/dist/index.json +117 -45
  7. package/dist/index.tokens.json +205 -51
  8. package/dist/root.css +92 -20
  9. package/dist/tokens.d.ts +172 -18
  10. package/dist/tokens.js +3884 -2248
  11. package/dist/variables.less +92 -20
  12. package/package.json +3 -3
  13. package/src/brand/amsterdam/color.tokens.json +5 -6
  14. package/src/components/amsterdam/alert.tokens.json +12 -9
  15. package/src/components/amsterdam/badge.tokens.json +49 -0
  16. package/src/components/amsterdam/dialog.tokens.json +0 -7
  17. package/src/components/amsterdam/icon-button.tokens.json +37 -0
  18. package/src/components/amsterdam/link-list.tokens.json +61 -0
  19. package/src/components/amsterdam/mega-menu.tokens.json +12 -0
  20. package/src/components/amsterdam/spotlight.tokens.json +3 -3
  21. package/src/components/amsterdam/table.tokens.json +20 -0
package/dist/index.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "amsterdamColorPrimaryBlack": "#000000",
3
- "amsterdamColorPrimaryWhite": "#ffffff",
3
+ "amsterdamColorPrimaryWhite": "#FFFFFF",
4
4
  "amsterdamColorPrimaryBlue": "#004699",
5
5
  "amsterdamColorPrimaryRed": "#EC0000",
6
6
  "amsterdamColorDarkBlue": "#102E62",
@@ -8,13 +8,12 @@
8
8
  "amsterdamColorYellow": "#FFE600",
9
9
  "amsterdamColorGreen": "#BED200",
10
10
  "amsterdamColorDarkGreen": "#00A03C",
11
- "amsterdamColorBlue": "#009DEC",
11
+ "amsterdamColorBlue": "#009DE6",
12
12
  "amsterdamColorPurple": "#A00078",
13
13
  "amsterdamColorMagenta": "#E50082",
14
- "amsterdamColorNeutralGrey1": "#E6E6E6",
15
- "amsterdamColorNeutralGrey2": "#B4B4B4",
14
+ "amsterdamColorNeutralGrey1": "#E8E8E8",
15
+ "amsterdamColorNeutralGrey2": "#BEBEBE",
16
16
  "amsterdamColorNeutralGrey3": "#767676",
17
- "amsterdamColorNeutralGrey4": "#323232",
18
17
  "amsterdamProportionXTall": "9 / 16",
19
18
  "amsterdamProportionTall": "4 / 5",
20
19
  "amsterdamProportionSquare": "1 / 1",
@@ -60,7 +59,7 @@
60
59
  "amsterdamLinkAppearanceTextDecorationThickness": "0.125rem",
61
60
  "amsterdamLinkAppearanceTextUnderlineOffset": "0.375rem",
62
61
  "amsterdamLinkAppearanceHoverColor": "#102E62",
63
- "amsterdamLinkAppearanceOnBackgroundDarkColor": "#ffffff",
62
+ "amsterdamLinkAppearanceOnBackgroundDarkColor": "#FFFFFF",
64
63
  "amsterdamLinkAppearanceOnBackgroundLightColor": "#000000",
65
64
  "amsterdamLinkAppearanceRegularTextDecorationLine": "underline",
66
65
  "amsterdamLinkAppearanceRegularHoverTextDecorationThickness": "0.1875rem",
@@ -80,8 +79,8 @@
80
79
  "amsterdamAccordionButtonSpaciousLineHeight": "1.6",
81
80
  "amsterdamAccordionButtonCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
82
81
  "amsterdamAccordionButtonCompactLineHeight": "1.6",
83
- "amsterdamAlertBackgroundColor": "#FFE600",
84
- "amsterdamAlertBorder": "4px solid #FFE600",
82
+ "amsterdamAlertBorderWidth": "4px",
83
+ "amsterdamAlertBorderStyle": "solid",
85
84
  "amsterdamAlertGap": "1rem",
86
85
  "amsterdamAlertPaddingBlockStart": "1rem",
87
86
  "amsterdamAlertPaddingBlockEnd": "1rem",
@@ -90,15 +89,14 @@
90
89
  "amsterdamAlertTitleColor": "#000000",
91
90
  "amsterdamAlertTitleFontFamily": "'Amsterdam Sans', Arial, sans-serif",
92
91
  "amsterdamAlertTitleFontWeight": 800,
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",
97
- "amsterdamAlertErrorBackgroundColor": "#ffffff",
92
+ "amsterdamAlertTitleSpaciousFontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
93
+ "amsterdamAlertTitleSpaciousLineHeight": "1.5",
94
+ "amsterdamAlertTitleCompactFontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
95
+ "amsterdamAlertTitleCompactLineHeight": "1.5",
98
96
  "amsterdamAlertErrorBorderColor": "#EC0000",
99
- "amsterdamAlertSuccessBackgroundColor": "#ffffff",
97
+ "amsterdamAlertInfoBorderColor": "#004699",
100
98
  "amsterdamAlertSuccessBorderColor": "#00A03C",
101
- "amsterdamAlertCloseBackgroundColor": "transparent",
99
+ "amsterdamAlertWarningBorderColor": "#FF9100",
102
100
  "amsterdamAlertCloseFill": "#000000",
103
101
  "amsterdamAlertCloseHoverFill": "#004699",
104
102
  "amsterdamAspectRatioXTall": "9 / 16",
@@ -107,10 +105,33 @@
107
105
  "amsterdamAspectRatioWide": "5 / 4",
108
106
  "amsterdamAspectRatioXWide": "16 / 9",
109
107
  "amsterdamAspectRatio2xWide": "32 / 9",
108
+ "amsterdamBadgeFontFamily": "'Amsterdam Sans', Arial, sans-serif",
109
+ "amsterdamBadgeFontWeight": 800,
110
+ "amsterdamBadgePaddingInline": "0.5rem",
111
+ "amsterdamBadgeSpaciousFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
112
+ "amsterdamBadgeSpaciousLineHeight": "1.6",
113
+ "amsterdamBadgeCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
114
+ "amsterdamBadgeCompactLineHeight": "1.6",
115
+ "amsterdamBadgeBlueBackgroundColor": "#009DE6",
116
+ "amsterdamBadgeBlueColor": "#000000",
117
+ "amsterdamBadgeDarkBlueBackgroundColor": "#004699",
118
+ "amsterdamBadgeDarkBlueColor": "#FFFFFF",
119
+ "amsterdamBadgeDarkGreenBackgroundColor": "#00A03C",
120
+ "amsterdamBadgeDarkGreenColor": "#FFFFFF",
121
+ "amsterdamBadgeGreenBackgroundColor": "#BED200",
122
+ "amsterdamBadgeGreenColor": "#000000",
123
+ "amsterdamBadgeMagentaBackgroundColor": "#E50082",
124
+ "amsterdamBadgeMagentaColor": "#FFFFFF",
125
+ "amsterdamBadgeOrangeBackgroundColor": "#FF9100",
126
+ "amsterdamBadgeOrangeColor": "#000000",
127
+ "amsterdamBadgePurpleBackgroundColor": "#A00078",
128
+ "amsterdamBadgePurpleColor": "#FFFFFF",
129
+ "amsterdamBadgeYellowBackgroundColor": "#FFE600",
130
+ "amsterdamBadgeYellowColor": "#000000",
110
131
  "amsterdamBlockquoteColor": "#000000",
111
132
  "amsterdamBlockquoteFontFamily": "'Amsterdam Sans', Arial, sans-serif",
112
133
  "amsterdamBlockquoteFontWeight": 800,
113
- "amsterdamBlockquoteInverseColor": "#ffffff",
134
+ "amsterdamBlockquoteInverseColor": "#FFFFFF",
114
135
  "amsterdamBlockquoteSpaciousFontSize": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
115
136
  "amsterdamBlockquoteSpaciousLineHeight": "1.3",
116
137
  "amsterdamBlockquoteCompactFontSize": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)",
@@ -135,7 +156,7 @@
135
156
  "amsterdamButtonCompactLineHeight": "1.6",
136
157
  "amsterdamButtonSecondaryBoxShadow": "inset 0 0 0 2px #004699",
137
158
  "amsterdamButtonSecondaryHoverBoxShadow": "inset 0 0 0 3px #102E62",
138
- "amsterdamButtonSecondaryDisabledBoxShadow": "inset 0 0 0 2px #B4B4B4",
159
+ "amsterdamButtonSecondaryDisabledBoxShadow": "inset 0 0 0 2px #BEBEBE",
139
160
  "amsterdamButtonSecondaryFocusBoxShadow": "inset 0 0 0 2px #004699",
140
161
  "amsterdamButtonTertiaryHoverBoxShadow": "inset 0 0 0 2px #102E62",
141
162
  "amsterdamCardLinkColor": "#004699",
@@ -172,7 +193,7 @@
172
193
  "amsterdamCheckboxSpaciousLineHeight": "1.6",
173
194
  "amsterdamCheckboxCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
174
195
  "amsterdamCheckboxCompactLineHeight": "1.6",
175
- "amsterdamDialogBackgroundColor": "#ffffff",
196
+ "amsterdamDialogBackgroundColor": "#FFFFFF",
176
197
  "amsterdamDialogBorder": "0",
177
198
  "amsterdamDialogMaxInlineSize": "min(87.69vw, 45rem)",
178
199
  "amsterdamDialogTitleColor": "#000000",
@@ -183,9 +204,6 @@
183
204
  "amsterdamDialogTitleCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
184
205
  "amsterdamDialogTitleCompactLineHeight": "1.6",
185
206
  "amsterdamDialogBackdropBackground": "#0006",
186
- "amsterdamDialogCloseBackgroundColor": "transparent",
187
- "amsterdamDialogCloseFill": "#000000",
188
- "amsterdamDialogCloseHoverFill": "#004699",
189
207
  "amsterdamDialogFormGap": "1.5rem",
190
208
  "amsterdamDialogFormPaddingBlock": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)",
191
209
  "amsterdamDialogFormPaddingInline": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)",
@@ -212,7 +230,7 @@
212
230
  "amsterdamHeadingColor": "#000000",
213
231
  "amsterdamHeadingFontFamily": "'Amsterdam Sans', Arial, sans-serif",
214
232
  "amsterdamHeadingFontWeight": 800,
215
- "amsterdamHeadingInverseColor": "#ffffff",
233
+ "amsterdamHeadingInverseColor": "#FFFFFF",
216
234
  "amsterdamHeadingSpaciousLevel1LineHeight": "1.2",
217
235
  "amsterdamHeadingSpaciousLevel1FontSize": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)",
218
236
  "amsterdamHeadingSpaciousLevel2LineHeight": "1.25",
@@ -237,6 +255,21 @@
237
255
  "amsterdamHeadingCompactLevel5FontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
238
256
  "amsterdamHeadingCompactLevel6LineHeight": "1.6",
239
257
  "amsterdamHeadingCompactLevel6FontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
258
+ "amsterdamIconButtonColor": "#004699",
259
+ "amsterdamIconButtonOutlineOffset": "2px",
260
+ "amsterdamIconButtonHoverBackgroundColor": "rgba(0, 70, 153, 0.125)",
261
+ "amsterdamIconButtonHoverColor": "#102E62",
262
+ "amsterdamIconButtonDisabledColor": "#BEBEBE",
263
+ "amsterdamIconButtonOnBackgroundLightColor": "#000000",
264
+ "amsterdamIconButtonOnBackgroundLightHoverBackgroundColor": "rgba(0, 0, 0, 0.125)",
265
+ "amsterdamIconButtonOnBackgroundLightHoverColor": "#000000",
266
+ "amsterdamIconButtonOnBackgroundLightDisabledColor": "#BEBEBE",
267
+ "amsterdamIconButtonOnBackgroundDarkBackgroundColor": "#004699",
268
+ "amsterdamIconButtonOnBackgroundDarkColor": "#FFFFFF",
269
+ "amsterdamIconButtonOnBackgroundDarkHoverBackgroundColor": "#102E62",
270
+ "amsterdamIconButtonOnBackgroundDarkHoverColor": "#FFFFFF",
271
+ "amsterdamIconButtonOnBackgroundDarkDisabledColor": "#FFFFFF",
272
+ "amsterdamIconButtonOnBackgroundDarkDisabledBackgroundColor": "#BEBEBE",
240
273
  "amsterdamIconSpaciousSize3FontSize": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
241
274
  "amsterdamIconSpaciousSize3LineHeight": "1.3",
242
275
  "amsterdamIconSpaciousSize4FontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
@@ -253,6 +286,33 @@
253
286
  "amsterdamIconCompactSize5LineHeight": "1.6",
254
287
  "amsterdamIconCompactSize6FontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
255
288
  "amsterdamIconCompactSize6LineHeight": "1.6",
289
+ "amsterdamLinkListGap": "0.5em",
290
+ "amsterdamLinkListLinkColor": "#004699",
291
+ "amsterdamLinkListLinkFontFamily": "'Amsterdam Sans', Arial, sans-serif",
292
+ "amsterdamLinkListLinkFontWeight": 400,
293
+ "amsterdamLinkListLinkGap": "0.5em",
294
+ "amsterdamLinkListLinkOutlineOffset": "2px",
295
+ "amsterdamLinkListLinkTextDecorationLine": "none",
296
+ "amsterdamLinkListLinkTextDecorationThickness": "0.125rem",
297
+ "amsterdamLinkListLinkTextUnderlineOffset": "0.375rem",
298
+ "amsterdamLinkListLinkSpaciousSmallFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
299
+ "amsterdamLinkListLinkSpaciousSmallLineHeight": "1.6",
300
+ "amsterdamLinkListLinkSpaciousMediumFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
301
+ "amsterdamLinkListLinkSpaciousMediumLineHeight": "1.6",
302
+ "amsterdamLinkListLinkSpaciousLargeFontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
303
+ "amsterdamLinkListLinkSpaciousLargeLineHeight": "1.5",
304
+ "amsterdamLinkListLinkCompactSmallFontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
305
+ "amsterdamLinkListLinkCompactSmallLineHeight": "1.6",
306
+ "amsterdamLinkListLinkCompactMediumFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
307
+ "amsterdamLinkListLinkCompactMediumLineHeight": "1.6",
308
+ "amsterdamLinkListLinkCompactLargeFontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
309
+ "amsterdamLinkListLinkCompactLargeLineHeight": "1.5",
310
+ "amsterdamLinkListLinkHoverColor": "#102E62",
311
+ "amsterdamLinkListLinkHoverTextDecorationLine": "underline",
312
+ "amsterdamLinkListLinkOnBackgroundDarkColor": "#FFFFFF",
313
+ "amsterdamLinkListLinkOnBackgroundDarkHoverColor": "#FFFFFF",
314
+ "amsterdamLinkListLinkOnBackgroundLightColor": "#000000",
315
+ "amsterdamLinkListLinkOnBackgroundLightHoverColor": "#000000",
256
316
  "amsterdamLinkColor": "#004699",
257
317
  "amsterdamLinkFontFamily": "'Amsterdam Sans', Arial, sans-serif",
258
318
  "amsterdamLinkFontWeight": 400,
@@ -285,9 +345,9 @@
285
345
  "amsterdamLinkStandaloneSpaciousLineHeight": "1.6",
286
346
  "amsterdamLinkStandaloneCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
287
347
  "amsterdamLinkStandaloneCompactLineHeight": "1.6",
288
- "amsterdamLinkOnBackgroundDarkColor": "#ffffff",
289
- "amsterdamLinkOnBackgroundDarkHoverColor": "#ffffff",
290
- "amsterdamLinkOnBackgroundDarkVisitedColor": "#ffffff",
348
+ "amsterdamLinkOnBackgroundDarkColor": "#FFFFFF",
349
+ "amsterdamLinkOnBackgroundDarkHoverColor": "#FFFFFF",
350
+ "amsterdamLinkOnBackgroundDarkVisitedColor": "#FFFFFF",
291
351
  "amsterdamLinkOnBackgroundLightColor": "#000000",
292
352
  "amsterdamLinkOnBackgroundLightHoverColor": "#000000",
293
353
  "amsterdamLinkOnBackgroundLightVisitedColor": "#000000",
@@ -296,6 +356,10 @@
296
356
  "amsterdamLogoTitleColor": "#EC0000",
297
357
  "amsterdamLogoSubsiteColor": "#000000",
298
358
  "amsterdamMarkBackgroundColor": "var(--amsterdam-color-yellow)",
359
+ "amsterdamMegaMenuListCategoryColumnGap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
360
+ "amsterdamMegaMenuListCategoryColumnWidth": "20rem",
361
+ "amsterdamMegaMenuListCategoryPaddingBlockStart": "1rem",
362
+ "amsterdamMegaMenuListCategoryPaddingBlockEnd": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
299
363
  "amsterdamOrderedListColor": "#000000",
300
364
  "amsterdamOrderedListFontFamily": "'Amsterdam Sans', Arial, sans-serif",
301
365
  "amsterdamOrderedListFontWeight": 400,
@@ -313,7 +377,7 @@
313
377
  "amsterdamPageHeadingColor": "#000000",
314
378
  "amsterdamPageHeadingFontFamily": "'Amsterdam Sans', Arial, sans-serif",
315
379
  "amsterdamPageHeadingFontWeight": 800,
316
- "amsterdamPageHeadingInverseColor": "#ffffff",
380
+ "amsterdamPageHeadingInverseColor": "#FFFFFF",
317
381
  "amsterdamPageHeadingSpaciousFontSize": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)",
318
382
  "amsterdamPageHeadingSpaciousLineHeight": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)",
319
383
  "amsterdamPageHeadingCompactFontSize": "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)",
@@ -351,7 +415,7 @@
351
415
  "amsterdamParagraphColor": "#000000",
352
416
  "amsterdamParagraphFontFamily": "'Amsterdam Sans', Arial, sans-serif",
353
417
  "amsterdamParagraphFontWeight": 400,
354
- "amsterdamParagraphInverseColor": "#ffffff",
418
+ "amsterdamParagraphInverseColor": "#FFFFFF",
355
419
  "amsterdamParagraphSpaciousSmallFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
356
420
  "amsterdamParagraphSpaciousSmallLineHeight": "1.6",
357
421
  "amsterdamParagraphSpaciousMediumFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
@@ -367,7 +431,7 @@
367
431
  "amsterdamScreenWideMaxWidth": "100rem",
368
432
  "amsterdamScreenXWideMaxWidth": "132rem",
369
433
  "amsterdamSearchFieldButtonBackgroundColor": "#004699",
370
- "amsterdamSearchFieldButtonColor": "#ffffff",
434
+ "amsterdamSearchFieldButtonColor": "#FFFFFF",
371
435
  "amsterdamSearchFieldButtonOutlineOffset": "2px",
372
436
  "amsterdamSearchFieldButtonHoverBackgroundColor": "#102E62",
373
437
  "amsterdamSearchFieldInputBoxShadow": "inset 0 0 0 1px #000000",
@@ -386,7 +450,7 @@
386
450
  "amsterdamSearchFieldInputSpaciousFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
387
451
  "amsterdamSearchFieldInputSpaciousLineHeight": "1.6",
388
452
  "amsterdamSkipLinkBackgroundColor": "#004699",
389
- "amsterdamSkipLinkColor": "#ffffff",
453
+ "amsterdamSkipLinkColor": "#FFFFFF",
390
454
  "amsterdamSkipLinkFontFamily": "'Amsterdam Sans', Arial, sans-serif",
391
455
  "amsterdamSkipLinkFontWeight": 400,
392
456
  "amsterdamSkipLinkFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
@@ -395,10 +459,10 @@
395
459
  "amsterdamSkipLinkCompactFontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
396
460
  "amsterdamSkipLinkCompactLineHeight": "1.6",
397
461
  "amsterdamSkipLinkHoverBackgroundColor": "#102E62",
398
- "amsterdamSpotlightBlueBackgroundColor": "#004699",
462
+ "amsterdamSpotlightBlueBackgroundColor": "#009DE6",
463
+ "amsterdamSpotlightDarkBlueBackgroundColor": "#004699",
399
464
  "amsterdamSpotlightDarkGreenBackgroundColor": "#00A03C",
400
465
  "amsterdamSpotlightGreenBackgroundColor": "#BED200",
401
- "amsterdamSpotlightLightBlueBackgroundColor": "#009DEC",
402
466
  "amsterdamSpotlightMagentaBackgroundColor": "#E50082",
403
467
  "amsterdamSpotlightOrangeBackgroundColor": "#FF9100",
404
468
  "amsterdamSpotlightPurpleBackgroundColor": "#A00078",
@@ -406,21 +470,29 @@
406
470
  "amsterdamSwitchFontFamily": "'Amsterdam Sans', Arial, sans-serif",
407
471
  "amsterdamSwitchBackgroundColor": "#767676",
408
472
  "amsterdamSwitchWidth": "3.5rem",
409
- "amsterdamSwitchThumbBackgroundColor": "#ffffff",
473
+ "amsterdamSwitchThumbBackgroundColor": "#FFFFFF",
410
474
  "amsterdamSwitchThumbWidth": "1.75rem",
411
475
  "amsterdamSwitchThumbHeight": "1.75rem",
412
476
  "amsterdamSwitchThumbHoverColor": "#102E62",
413
477
  "amsterdamSwitchCheckedBackgroundColor": "#004699",
414
478
  "amsterdamSwitchOutlineOffset": "2px",
415
- "amsterdamSwitchDisabledBackgroundColor": "#B4B4B4",
479
+ "amsterdamSwitchDisabledBackgroundColor": "#BEBEBE",
480
+ "amsterdamTableColor": "#000000",
481
+ "amsterdamTableFontFamily": "'Amsterdam Sans', Arial, sans-serif",
482
+ "amsterdamTableFontWeight": 400,
483
+ "amsterdamTableFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
484
+ "amsterdamTableLineHeight": "1.6",
485
+ "amsterdamTableCaptionFontWeight": 800,
486
+ "amsterdamTableCellBorderBottom": "1px solid #E8E8E8",
487
+ "amsterdamTableHeaderCellFontWeight": 800,
416
488
  "amsterdamTextInputBoxShadow": "inset 0 0 0 1px #000000",
417
489
  "amsterdamTextInputColor": "#000000",
418
490
  "amsterdamTextInputFontFamily": "'Amsterdam Sans', Arial, sans-serif",
419
491
  "amsterdamTextInputFontWeight": 400,
420
492
  "amsterdamTextInputOutlineOffset": "2px",
421
- "amsterdamTextInputDisabledBackgroundColor": "#ffffff",
422
- "amsterdamTextInputDisabledBoxShadow": "inset 0 0 0 1px #B4B4B4",
423
- "amsterdamTextInputDisabledColor": "#B4B4B4",
493
+ "amsterdamTextInputDisabledBackgroundColor": "#FFFFFF",
494
+ "amsterdamTextInputDisabledBoxShadow": "inset 0 0 0 1px #BEBEBE",
495
+ "amsterdamTextInputDisabledColor": "#BEBEBE",
424
496
  "amsterdamTextInputHoverBoxShadow": "inset 0 0 0 2px #000000",
425
497
  "amsterdamTextInputInvalidBoxShadow": "inset 0 0 0 1px #EC0000",
426
498
  "amsterdamTextInputInvalidHoverBoxShadow": "inset 0 0 0 2px #EC0000",
@@ -471,27 +543,27 @@
471
543
  "utrechtActionSubmitCursor": "pointer",
472
544
  "utrechtFocusOutlineOffset": "2px",
473
545
  "utrechtButtonBackgroundColor": "#004699",
474
- "utrechtButtonColor": "#ffffff",
546
+ "utrechtButtonColor": "#FFFFFF",
475
547
  "utrechtButtonFontFamily": "'Amsterdam Sans', Arial, sans-serif",
476
548
  "utrechtButtonPaddingInlineStart": "1rem",
477
549
  "utrechtButtonPaddingInlineEnd": "1rem",
478
550
  "utrechtButtonPaddingBlockStart": "0.5rem",
479
551
  "utrechtButtonPaddingBlockEnd": "0.5rem",
480
- "utrechtButtonDisabledBackgroundColor": "#B4B4B4",
481
- "utrechtButtonDisabledColor": "#ffffff",
552
+ "utrechtButtonDisabledBackgroundColor": "#BEBEBE",
553
+ "utrechtButtonDisabledColor": "#FFFFFF",
482
554
  "utrechtButtonPrimaryActionBackgroundColor": "#004699",
483
- "utrechtButtonPrimaryActionColor": "#ffffff",
484
- "utrechtButtonPrimaryActionDisabledBackgroundColor": "#B4B4B4",
555
+ "utrechtButtonPrimaryActionColor": "#FFFFFF",
556
+ "utrechtButtonPrimaryActionDisabledBackgroundColor": "#BEBEBE",
485
557
  "utrechtButtonPrimaryActionHoverBackgroundColor": "#102E62",
486
- "utrechtButtonSecondaryActionBackgroundColor": "#ffffff",
558
+ "utrechtButtonSecondaryActionBackgroundColor": "#FFFFFF",
487
559
  "utrechtButtonSecondaryActionColor": "#004699",
488
560
  "utrechtButtonSecondaryActionHoverColor": "#102E62",
489
- "utrechtButtonSecondaryActionDisabledBackgroundColor": "#ffffff",
490
- "utrechtButtonSecondaryActionDisabledColor": "#B4B4B4",
561
+ "utrechtButtonSecondaryActionDisabledBackgroundColor": "#FFFFFF",
562
+ "utrechtButtonSecondaryActionDisabledColor": "#BEBEBE",
491
563
  "utrechtButtonSubtleBackgroundColor": "transparent",
492
564
  "utrechtButtonSubtleColor": "#004699",
493
565
  "utrechtButtonSubtleHoverColor": "#102E62",
494
566
  "utrechtButtonSubtleFocusColor": "#102E62",
495
567
  "utrechtButtonSubtleDisabledBackgroundColor": "transparent",
496
- "utrechtButtonSubtleDisabledColor": "#B4B4B4"
568
+ "utrechtButtonSubtleDisabledColor": "#BEBEBE"
497
569
  }