@amsterdam/design-system-tokens 0.2.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 (48) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/dist/_variables.scss +225 -106
  3. package/dist/index.css +225 -106
  4. package/dist/index.d.ts +146 -27
  5. package/dist/index.js +218 -99
  6. package/dist/index.json +217 -98
  7. package/dist/index.tokens.json +361 -116
  8. package/dist/root.css +225 -106
  9. package/dist/tokens.d.ts +297 -52
  10. package/dist/tokens.js +7327 -4668
  11. package/dist/variables.less +225 -106
  12. package/package.json +3 -3
  13. package/src/brand/amsterdam/color.tokens.json +5 -6
  14. package/src/brand/amsterdam/typography.tokens.json +10 -18
  15. package/src/common/amsterdam/border.tokens.json +3 -9
  16. package/src/common/amsterdam/spacing.tokens.json +4 -12
  17. package/src/components/amsterdam/accordion.tokens.json +1 -3
  18. package/src/components/amsterdam/alert.tokens.json +12 -9
  19. package/src/components/amsterdam/badge.tokens.json +49 -0
  20. package/src/components/amsterdam/breadcrumb.tokens.json +7 -5
  21. package/src/components/amsterdam/button.tokens.json +9 -19
  22. package/src/components/amsterdam/checkbox.tokens.json +24 -64
  23. package/src/components/amsterdam/dialog.tokens.json +0 -7
  24. package/src/components/amsterdam/form-label.tokens.json +4 -4
  25. package/src/components/amsterdam/grid.tokens.json +3 -9
  26. package/src/components/amsterdam/header.tokens.json +7 -0
  27. package/src/components/amsterdam/heading.tokens.json +24 -24
  28. package/src/components/amsterdam/icon-button.tokens.json +37 -0
  29. package/src/components/amsterdam/icon.tokens.json +0 -8
  30. package/src/components/amsterdam/link-list.tokens.json +61 -0
  31. package/src/components/amsterdam/link.tokens.json +13 -23
  32. package/src/components/amsterdam/mark.tokens.json +7 -0
  33. package/src/components/amsterdam/mega-menu.tokens.json +12 -0
  34. package/src/components/amsterdam/ordered-list.tokens.json +4 -4
  35. package/src/components/amsterdam/page-heading.tokens.json +4 -12
  36. package/src/components/amsterdam/page-menu.tokens.json +4 -4
  37. package/src/components/amsterdam/pagination.tokens.json +4 -4
  38. package/src/components/amsterdam/paragraph.tokens.json +10 -10
  39. package/src/components/amsterdam/search-field.tokens.json +47 -0
  40. package/src/components/amsterdam/skip-link.tokens.json +20 -0
  41. package/src/components/amsterdam/spotlight.tokens.json +30 -0
  42. package/src/components/amsterdam/switch.tokens.json +10 -30
  43. package/src/components/amsterdam/table.tokens.json +20 -0
  44. package/src/components/amsterdam/text-input.tokens.json +36 -0
  45. package/src/components/amsterdam/top-task-link.tokens.json +4 -4
  46. package/src/components/amsterdam/unordered-list.tokens.json +4 -4
  47. package/src/components/utrecht/button.tokens.json +24 -72
  48. package/src/components/amsterdam/highlight.tokens.json +0 -46
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",
@@ -25,37 +24,33 @@
25
24
  "amsterdamTypographyFontWeightNormal": 400,
26
25
  "amsterdamTypographyFontWeightBold": 800,
27
26
  "amsterdamTypographySpaciousTextLevel0FontSize": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)",
28
- "amsterdamTypographySpaciousTextLevel0LineHeight": "1.1",
27
+ "amsterdamTypographySpaciousTextLevel0LineHeight": "1.15",
29
28
  "amsterdamTypographySpaciousTextLevel1FontSize": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)",
30
29
  "amsterdamTypographySpaciousTextLevel1LineHeight": "1.2",
31
30
  "amsterdamTypographySpaciousTextLevel2FontSize": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)",
32
- "amsterdamTypographySpaciousTextLevel2LineHeight": "1.3",
31
+ "amsterdamTypographySpaciousTextLevel2LineHeight": "1.25",
33
32
  "amsterdamTypographySpaciousTextLevel3FontSize": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
34
- "amsterdamTypographySpaciousTextLevel3LineHeight": "1.4",
33
+ "amsterdamTypographySpaciousTextLevel3LineHeight": "1.3",
35
34
  "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)",
35
+ "amsterdamTypographySpaciousTextLevel4LineHeight": "1.5",
36
+ "amsterdamTypographySpaciousTextLevel5FontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
37
+ "amsterdamTypographySpaciousTextLevel5LineHeight": "1.6",
38
+ "amsterdamTypographySpaciousTextLevel6FontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
40
39
  "amsterdamTypographySpaciousTextLevel6LineHeight": "1.6",
41
- "amsterdamTypographySpaciousTextLevel7FontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
42
- "amsterdamTypographySpaciousTextLevel7LineHeight": "1.6",
43
40
  "amsterdamTypographyCompactTextLevel0FontSize": "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)",
44
- "amsterdamTypographyCompactTextLevel0LineHeight": "1.1",
41
+ "amsterdamTypographyCompactTextLevel0LineHeight": "1.15",
45
42
  "amsterdamTypographyCompactTextLevel1FontSize": "clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem)",
46
43
  "amsterdamTypographyCompactTextLevel1LineHeight": "1.2",
47
44
  "amsterdamTypographyCompactTextLevel2FontSize": "clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem)",
48
- "amsterdamTypographyCompactTextLevel2LineHeight": "1.3",
45
+ "amsterdamTypographyCompactTextLevel2LineHeight": "1.25",
49
46
  "amsterdamTypographyCompactTextLevel3FontSize": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)",
50
- "amsterdamTypographyCompactTextLevel3LineHeight": "1.4",
47
+ "amsterdamTypographyCompactTextLevel3LineHeight": "1.3",
51
48
  "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)",
49
+ "amsterdamTypographyCompactTextLevel4LineHeight": "1.5",
50
+ "amsterdamTypographyCompactTextLevel5FontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
51
+ "amsterdamTypographyCompactTextLevel5LineHeight": "1.6",
52
+ "amsterdamTypographyCompactTextLevel6FontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
56
53
  "amsterdamTypographyCompactTextLevel6LineHeight": "1.6",
57
- "amsterdamTypographyCompactTextLevel7FontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
58
- "amsterdamTypographyCompactTextLevel7LineHeight": "1.6",
59
54
  "amsterdamBorderWidthSm": "1px",
60
55
  "amsterdamBorderWidthMd": "2px",
61
56
  "amsterdamBorderWidthLg": "3px",
@@ -64,7 +59,7 @@
64
59
  "amsterdamLinkAppearanceTextDecorationThickness": "0.125rem",
65
60
  "amsterdamLinkAppearanceTextUnderlineOffset": "0.375rem",
66
61
  "amsterdamLinkAppearanceHoverColor": "#102E62",
67
- "amsterdamLinkAppearanceOnBackgroundDarkColor": "#ffffff",
62
+ "amsterdamLinkAppearanceOnBackgroundDarkColor": "#FFFFFF",
68
63
  "amsterdamLinkAppearanceOnBackgroundLightColor": "#000000",
69
64
  "amsterdamLinkAppearanceRegularTextDecorationLine": "underline",
70
65
  "amsterdamLinkAppearanceRegularHoverTextDecorationThickness": "0.1875rem",
@@ -80,12 +75,12 @@
80
75
  "amsterdamAccordionButtonFontFamily": "'Amsterdam Sans', Arial, sans-serif",
81
76
  "amsterdamAccordionButtonFontWeight": 800,
82
77
  "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",
87
- "amsterdamAlertBackgroundColor": "#FFE600",
88
- "amsterdamAlertBorder": "4px solid #FFE600",
78
+ "amsterdamAccordionButtonSpaciousFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
79
+ "amsterdamAccordionButtonSpaciousLineHeight": "1.6",
80
+ "amsterdamAccordionButtonCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
81
+ "amsterdamAccordionButtonCompactLineHeight": "1.6",
82
+ "amsterdamAlertBorderWidth": "4px",
83
+ "amsterdamAlertBorderStyle": "solid",
89
84
  "amsterdamAlertGap": "1rem",
90
85
  "amsterdamAlertPaddingBlockStart": "1rem",
91
86
  "amsterdamAlertPaddingBlockEnd": "1rem",
@@ -98,11 +93,10 @@
98
93
  "amsterdamAlertTitleSpaciousLineHeight": "1.5",
99
94
  "amsterdamAlertTitleCompactFontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
100
95
  "amsterdamAlertTitleCompactLineHeight": "1.5",
101
- "amsterdamAlertErrorBackgroundColor": "#ffffff",
102
96
  "amsterdamAlertErrorBorderColor": "#EC0000",
103
- "amsterdamAlertSuccessBackgroundColor": "#ffffff",
97
+ "amsterdamAlertInfoBorderColor": "#004699",
104
98
  "amsterdamAlertSuccessBorderColor": "#00A03C",
105
- "amsterdamAlertCloseBackgroundColor": "transparent",
99
+ "amsterdamAlertWarningBorderColor": "#FF9100",
106
100
  "amsterdamAlertCloseFill": "#000000",
107
101
  "amsterdamAlertCloseHoverFill": "#004699",
108
102
  "amsterdamAspectRatioXTall": "9 / 16",
@@ -111,17 +105,40 @@
111
105
  "amsterdamAspectRatioWide": "5 / 4",
112
106
  "amsterdamAspectRatioXWide": "16 / 9",
113
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",
114
131
  "amsterdamBlockquoteColor": "#000000",
115
132
  "amsterdamBlockquoteFontFamily": "'Amsterdam Sans', Arial, sans-serif",
116
133
  "amsterdamBlockquoteFontWeight": 800,
117
- "amsterdamBlockquoteInverseColor": "#ffffff",
134
+ "amsterdamBlockquoteInverseColor": "#FFFFFF",
118
135
  "amsterdamBlockquoteSpaciousFontSize": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
119
- "amsterdamBlockquoteSpaciousLineHeight": "1.4",
136
+ "amsterdamBlockquoteSpaciousLineHeight": "1.3",
120
137
  "amsterdamBlockquoteCompactFontSize": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)",
121
- "amsterdamBlockquoteCompactLineHeight": "1.4",
138
+ "amsterdamBlockquoteCompactLineHeight": "1.3",
122
139
  "amsterdamBreadcrumbFontFamily": "'Amsterdam Sans', Arial, sans-serif",
123
140
  "amsterdamBreadcrumbFontWeight": 400,
124
- "amsterdamBreadcrumbSeparatorBackgroundColor": "#004699",
141
+ "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
142
  "amsterdamBreadcrumbItemLinkColor": "#004699",
126
143
  "amsterdamBreadcrumbItemLinkOutlineOffset": "2px",
127
144
  "amsterdamBreadcrumbItemLinkTextDecorationLine": "none",
@@ -139,9 +156,9 @@
139
156
  "amsterdamButtonCompactLineHeight": "1.6",
140
157
  "amsterdamButtonSecondaryBoxShadow": "inset 0 0 0 2px #004699",
141
158
  "amsterdamButtonSecondaryHoverBoxShadow": "inset 0 0 0 3px #102E62",
142
- "amsterdamButtonSecondaryDisabledBoxShadow": "inset 0 0 0 2px #B4B4B4",
159
+ "amsterdamButtonSecondaryDisabledBoxShadow": "inset 0 0 0 2px #BEBEBE",
143
160
  "amsterdamButtonSecondaryFocusBoxShadow": "inset 0 0 0 2px #004699",
144
- "amsterdamButtonTertiaryHoverBoxShadow": "inset 0 0 0 2px #767676",
161
+ "amsterdamButtonTertiaryHoverBoxShadow": "inset 0 0 0 2px #102E62",
145
162
  "amsterdamCardLinkColor": "#004699",
146
163
  "amsterdamCardLinkTextDecorationLine": "none",
147
164
  "amsterdamCardLinkTextDecorationThickness": "0.125rem",
@@ -176,20 +193,17 @@
176
193
  "amsterdamCheckboxSpaciousLineHeight": "1.6",
177
194
  "amsterdamCheckboxCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
178
195
  "amsterdamCheckboxCompactLineHeight": "1.6",
179
- "amsterdamDialogBackgroundColor": "#ffffff",
196
+ "amsterdamDialogBackgroundColor": "#FFFFFF",
180
197
  "amsterdamDialogBorder": "0",
181
198
  "amsterdamDialogMaxInlineSize": "min(87.69vw, 45rem)",
182
199
  "amsterdamDialogTitleColor": "#000000",
183
200
  "amsterdamDialogTitleFontFamily": "'Amsterdam Sans', Arial, sans-serif",
184
201
  "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",
202
+ "amsterdamDialogTitleSpaciousFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
203
+ "amsterdamDialogTitleSpaciousLineHeight": "1.6",
204
+ "amsterdamDialogTitleCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
205
+ "amsterdamDialogTitleCompactLineHeight": "1.6",
189
206
  "amsterdamDialogBackdropBackground": "#0006",
190
- "amsterdamDialogCloseBackgroundColor": "transparent",
191
- "amsterdamDialogCloseFill": "#000000",
192
- "amsterdamDialogCloseHoverFill": "#004699",
193
207
  "amsterdamDialogFormGap": "1.5rem",
194
208
  "amsterdamDialogFormPaddingBlock": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)",
195
209
  "amsterdamDialogFormPaddingInline": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)",
@@ -201,10 +215,10 @@
201
215
  "amsterdamFormLabelColor": "#000000",
202
216
  "amsterdamFormLabelFontFamily": "'Amsterdam Sans', Arial, sans-serif",
203
217
  "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",
218
+ "amsterdamFormLabelSpaciousFontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
219
+ "amsterdamFormLabelSpaciousLineHeight": "1.5",
220
+ "amsterdamFormLabelCompactFontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
221
+ "amsterdamFormLabelCompactLineHeight": "1.5",
208
222
  "amsterdamGridColumnCount": "4",
209
223
  "amsterdamGridSpaciousGap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
210
224
  "amsterdamGridSpaciousPaddingInline": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
@@ -212,54 +226,93 @@
212
226
  "amsterdamGridCompactPaddingInline": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
213
227
  "amsterdamGridMediumColumnCount": "8",
214
228
  "amsterdamGridWideColumnCount": "12",
229
+ "amsterdamHeaderColumnGap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
215
230
  "amsterdamHeadingColor": "#000000",
216
231
  "amsterdamHeadingFontFamily": "'Amsterdam Sans', Arial, sans-serif",
217
232
  "amsterdamHeadingFontWeight": 800,
218
- "amsterdamHeadingInverseColor": "#ffffff",
233
+ "amsterdamHeadingInverseColor": "#FFFFFF",
219
234
  "amsterdamHeadingSpaciousLevel1LineHeight": "1.2",
220
235
  "amsterdamHeadingSpaciousLevel1FontSize": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)",
221
- "amsterdamHeadingSpaciousLevel2LineHeight": "1.3",
236
+ "amsterdamHeadingSpaciousLevel2LineHeight": "1.25",
222
237
  "amsterdamHeadingSpaciousLevel2FontSize": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)",
223
- "amsterdamHeadingSpaciousLevel3LineHeight": "1.4",
238
+ "amsterdamHeadingSpaciousLevel3LineHeight": "1.3",
224
239
  "amsterdamHeadingSpaciousLevel3FontSize": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
225
- "amsterdamHeadingSpaciousLevel4LineHeight": "1.4",
240
+ "amsterdamHeadingSpaciousLevel4LineHeight": "1.5",
226
241
  "amsterdamHeadingSpaciousLevel4FontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
242
+ "amsterdamHeadingSpaciousLevel5LineHeight": "1.6",
243
+ "amsterdamHeadingSpaciousLevel5FontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
244
+ "amsterdamHeadingSpaciousLevel6LineHeight": "1.6",
245
+ "amsterdamHeadingSpaciousLevel6FontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
227
246
  "amsterdamHeadingCompactLevel1LineHeight": "1.2",
228
247
  "amsterdamHeadingCompactLevel1FontSize": "clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem)",
229
- "amsterdamHeadingCompactLevel2LineHeight": "1.3",
248
+ "amsterdamHeadingCompactLevel2LineHeight": "1.25",
230
249
  "amsterdamHeadingCompactLevel2FontSize": "clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem)",
231
- "amsterdamHeadingCompactLevel3LineHeight": "1.4",
250
+ "amsterdamHeadingCompactLevel3LineHeight": "1.3",
232
251
  "amsterdamHeadingCompactLevel3FontSize": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)",
233
- "amsterdamHeadingCompactLevel4LineHeight": "1.4",
252
+ "amsterdamHeadingCompactLevel4LineHeight": "1.5",
234
253
  "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",
254
+ "amsterdamHeadingCompactLevel5LineHeight": "1.6",
255
+ "amsterdamHeadingCompactLevel5FontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
256
+ "amsterdamHeadingCompactLevel6LineHeight": "1.6",
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",
243
273
  "amsterdamIconSpaciousSize3FontSize": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
244
- "amsterdamIconSpaciousSize3LineHeight": "1.4",
274
+ "amsterdamIconSpaciousSize3LineHeight": "1.3",
245
275
  "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)",
276
+ "amsterdamIconSpaciousSize4LineHeight": "1.5",
277
+ "amsterdamIconSpaciousSize5FontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
278
+ "amsterdamIconSpaciousSize5LineHeight": "1.6",
279
+ "amsterdamIconSpaciousSize6FontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
250
280
  "amsterdamIconSpaciousSize6LineHeight": "1.6",
251
- "amsterdamIconSpaciousSize7FontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
252
- "amsterdamIconSpaciousSize7LineHeight": "1.6",
253
281
  "amsterdamIconCompactSize3FontSize": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)",
254
- "amsterdamIconCompactSize3LineHeight": "1.4",
282
+ "amsterdamIconCompactSize3LineHeight": "1.3",
255
283
  "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)",
284
+ "amsterdamIconCompactSize4LineHeight": "1.5",
285
+ "amsterdamIconCompactSize5FontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
286
+ "amsterdamIconCompactSize5LineHeight": "1.6",
287
+ "amsterdamIconCompactSize6FontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
260
288
  "amsterdamIconCompactSize6LineHeight": "1.6",
261
- "amsterdamIconCompactSize7FontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
262
- "amsterdamIconCompactSize7LineHeight": "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",
263
316
  "amsterdamLinkColor": "#004699",
264
317
  "amsterdamLinkFontFamily": "'Amsterdam Sans', Arial, sans-serif",
265
318
  "amsterdamLinkFontWeight": 400,
@@ -292,9 +345,9 @@
292
345
  "amsterdamLinkStandaloneSpaciousLineHeight": "1.6",
293
346
  "amsterdamLinkStandaloneCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
294
347
  "amsterdamLinkStandaloneCompactLineHeight": "1.6",
295
- "amsterdamLinkOnBackgroundDarkColor": "#ffffff",
296
- "amsterdamLinkOnBackgroundDarkHoverColor": "#ffffff",
297
- "amsterdamLinkOnBackgroundDarkVisitedColor": "#ffffff",
348
+ "amsterdamLinkOnBackgroundDarkColor": "#FFFFFF",
349
+ "amsterdamLinkOnBackgroundDarkHoverColor": "#FFFFFF",
350
+ "amsterdamLinkOnBackgroundDarkVisitedColor": "#FFFFFF",
298
351
  "amsterdamLinkOnBackgroundLightColor": "#000000",
299
352
  "amsterdamLinkOnBackgroundLightHoverColor": "#000000",
300
353
  "amsterdamLinkOnBackgroundLightVisitedColor": "#000000",
@@ -302,6 +355,11 @@
302
355
  "amsterdamLogoEmblemColor": "#EC0000",
303
356
  "amsterdamLogoTitleColor": "#EC0000",
304
357
  "amsterdamLogoSubsiteColor": "#000000",
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)",
305
363
  "amsterdamOrderedListColor": "#000000",
306
364
  "amsterdamOrderedListFontFamily": "'Amsterdam Sans', Arial, sans-serif",
307
365
  "amsterdamOrderedListFontWeight": 400,
@@ -319,7 +377,7 @@
319
377
  "amsterdamPageHeadingColor": "#000000",
320
378
  "amsterdamPageHeadingFontFamily": "'Amsterdam Sans', Arial, sans-serif",
321
379
  "amsterdamPageHeadingFontWeight": 800,
322
- "amsterdamPageHeadingInverseColor": "#ffffff",
380
+ "amsterdamPageHeadingInverseColor": "#FFFFFF",
323
381
  "amsterdamPageHeadingSpaciousFontSize": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)",
324
382
  "amsterdamPageHeadingSpaciousLineHeight": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)",
325
383
  "amsterdamPageHeadingCompactFontSize": "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)",
@@ -357,7 +415,7 @@
357
415
  "amsterdamParagraphColor": "#000000",
358
416
  "amsterdamParagraphFontFamily": "'Amsterdam Sans', Arial, sans-serif",
359
417
  "amsterdamParagraphFontWeight": 400,
360
- "amsterdamParagraphInverseColor": "#ffffff",
418
+ "amsterdamParagraphInverseColor": "#FFFFFF",
361
419
  "amsterdamParagraphSpaciousSmallFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
362
420
  "amsterdamParagraphSpaciousSmallLineHeight": "1.6",
363
421
  "amsterdamParagraphSpaciousMediumFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
@@ -372,16 +430,77 @@
372
430
  "amsterdamParagraphCompactLargeLineHeight": "1.5",
373
431
  "amsterdamScreenWideMaxWidth": "100rem",
374
432
  "amsterdamScreenXWideMaxWidth": "132rem",
433
+ "amsterdamSearchFieldButtonBackgroundColor": "#004699",
434
+ "amsterdamSearchFieldButtonColor": "#FFFFFF",
435
+ "amsterdamSearchFieldButtonOutlineOffset": "2px",
436
+ "amsterdamSearchFieldButtonHoverBackgroundColor": "#102E62",
437
+ "amsterdamSearchFieldInputBoxShadow": "inset 0 0 0 1px #000000",
438
+ "amsterdamSearchFieldInputColor": "#000000",
439
+ "amsterdamSearchFieldInputFontFamily": "'Amsterdam Sans', Arial, sans-serif",
440
+ "amsterdamSearchFieldInputFontWeight": 400,
441
+ "amsterdamSearchFieldInputOutlineOffset": "2px",
442
+ "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>\")",
443
+ "amsterdamSearchFieldInputCancelButtonColor": "#004699",
444
+ "amsterdamSearchFieldInputCancelButtonHeight": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
445
+ "amsterdamSearchFieldInputCancelButtonWidth": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
446
+ "amsterdamSearchFieldInputHoverBoxShadow": "inset 0 0 0 2px #000000",
447
+ "amsterdamSearchFieldInputPlaceholderColor": "#767676",
448
+ "amsterdamSearchFieldInputCompactFontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
449
+ "amsterdamSearchFieldInputCompactLineHeight": "1.6",
450
+ "amsterdamSearchFieldInputSpaciousFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
451
+ "amsterdamSearchFieldInputSpaciousLineHeight": "1.6",
452
+ "amsterdamSkipLinkBackgroundColor": "#004699",
453
+ "amsterdamSkipLinkColor": "#FFFFFF",
454
+ "amsterdamSkipLinkFontFamily": "'Amsterdam Sans', Arial, sans-serif",
455
+ "amsterdamSkipLinkFontWeight": 400,
456
+ "amsterdamSkipLinkFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
457
+ "amsterdamSkipLinkLineHeight": "1.6",
458
+ "amsterdamSkipLinkOutlineOffset": "2px",
459
+ "amsterdamSkipLinkCompactFontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
460
+ "amsterdamSkipLinkCompactLineHeight": "1.6",
461
+ "amsterdamSkipLinkHoverBackgroundColor": "#102E62",
462
+ "amsterdamSpotlightBlueBackgroundColor": "#009DE6",
463
+ "amsterdamSpotlightDarkBlueBackgroundColor": "#004699",
464
+ "amsterdamSpotlightDarkGreenBackgroundColor": "#00A03C",
465
+ "amsterdamSpotlightGreenBackgroundColor": "#BED200",
466
+ "amsterdamSpotlightMagentaBackgroundColor": "#E50082",
467
+ "amsterdamSpotlightOrangeBackgroundColor": "#FF9100",
468
+ "amsterdamSpotlightPurpleBackgroundColor": "#A00078",
469
+ "amsterdamSpotlightYellowBackgroundColor": "#FFE600",
375
470
  "amsterdamSwitchFontFamily": "'Amsterdam Sans', Arial, sans-serif",
376
471
  "amsterdamSwitchBackgroundColor": "#767676",
377
472
  "amsterdamSwitchWidth": "3.5rem",
378
- "amsterdamSwitchThumbBackgroundColor": "#ffffff",
473
+ "amsterdamSwitchThumbBackgroundColor": "#FFFFFF",
379
474
  "amsterdamSwitchThumbWidth": "1.75rem",
380
475
  "amsterdamSwitchThumbHeight": "1.75rem",
381
476
  "amsterdamSwitchThumbHoverColor": "#102E62",
382
477
  "amsterdamSwitchCheckedBackgroundColor": "#004699",
383
478
  "amsterdamSwitchOutlineOffset": "2px",
384
- "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,
488
+ "amsterdamTextInputBoxShadow": "inset 0 0 0 1px #000000",
489
+ "amsterdamTextInputColor": "#000000",
490
+ "amsterdamTextInputFontFamily": "'Amsterdam Sans', Arial, sans-serif",
491
+ "amsterdamTextInputFontWeight": 400,
492
+ "amsterdamTextInputOutlineOffset": "2px",
493
+ "amsterdamTextInputDisabledBackgroundColor": "#FFFFFF",
494
+ "amsterdamTextInputDisabledBoxShadow": "inset 0 0 0 1px #BEBEBE",
495
+ "amsterdamTextInputDisabledColor": "#BEBEBE",
496
+ "amsterdamTextInputHoverBoxShadow": "inset 0 0 0 2px #000000",
497
+ "amsterdamTextInputInvalidBoxShadow": "inset 0 0 0 1px #EC0000",
498
+ "amsterdamTextInputInvalidHoverBoxShadow": "inset 0 0 0 2px #EC0000",
499
+ "amsterdamTextInputPlaceholderColor": "#767676",
500
+ "amsterdamTextInputCompactFontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
501
+ "amsterdamTextInputCompactLineHeight": "1.6",
502
+ "amsterdamTextInputSpaciousFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
503
+ "amsterdamTextInputSpaciousLineHeight": "1.6",
385
504
  "amsterdamTopTaskLinkDescriptionColor": "#000000",
386
505
  "amsterdamTopTaskLinkDescriptionFontFamily": "'Amsterdam Sans', Arial, sans-serif",
387
506
  "amsterdamTopTaskLinkDescriptionFontWeight": 400,
@@ -398,9 +517,9 @@
398
517
  "amsterdamTopTaskLinkLabelHoverColor": "#102E62",
399
518
  "amsterdamTopTaskLinkLabelHoverTextDecorationLine": "underline",
400
519
  "amsterdamTopTaskLinkLabelSpaciousFontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
401
- "amsterdamTopTaskLinkLabelSpaciousLineHeight": "1.4",
520
+ "amsterdamTopTaskLinkLabelSpaciousLineHeight": "1.5",
402
521
  "amsterdamTopTaskLinkLabelCompactFontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
403
- "amsterdamTopTaskLinkLabelCompactLineHeight": "1.4",
522
+ "amsterdamTopTaskLinkLabelCompactLineHeight": "1.5",
404
523
  "amsterdamTopTaskLinkOutlineOffset": "2px",
405
524
  "amsterdamUnorderedListColor": "#000000",
406
525
  "amsterdamUnorderedListFontFamily": "'Amsterdam Sans', Arial, sans-serif",
@@ -424,27 +543,27 @@
424
543
  "utrechtActionSubmitCursor": "pointer",
425
544
  "utrechtFocusOutlineOffset": "2px",
426
545
  "utrechtButtonBackgroundColor": "#004699",
427
- "utrechtButtonColor": "#ffffff",
546
+ "utrechtButtonColor": "#FFFFFF",
428
547
  "utrechtButtonFontFamily": "'Amsterdam Sans', Arial, sans-serif",
429
548
  "utrechtButtonPaddingInlineStart": "1rem",
430
549
  "utrechtButtonPaddingInlineEnd": "1rem",
431
550
  "utrechtButtonPaddingBlockStart": "0.5rem",
432
551
  "utrechtButtonPaddingBlockEnd": "0.5rem",
433
- "utrechtButtonDisabledBackgroundColor": "#B4B4B4",
434
- "utrechtButtonDisabledColor": "#ffffff",
552
+ "utrechtButtonDisabledBackgroundColor": "#BEBEBE",
553
+ "utrechtButtonDisabledColor": "#FFFFFF",
435
554
  "utrechtButtonPrimaryActionBackgroundColor": "#004699",
436
- "utrechtButtonPrimaryActionColor": "#ffffff",
437
- "utrechtButtonPrimaryActionDisabledBackgroundColor": "#B4B4B4",
555
+ "utrechtButtonPrimaryActionColor": "#FFFFFF",
556
+ "utrechtButtonPrimaryActionDisabledBackgroundColor": "#BEBEBE",
438
557
  "utrechtButtonPrimaryActionHoverBackgroundColor": "#102E62",
439
- "utrechtButtonSecondaryActionBackgroundColor": "#ffffff",
558
+ "utrechtButtonSecondaryActionBackgroundColor": "#FFFFFF",
440
559
  "utrechtButtonSecondaryActionColor": "#004699",
441
560
  "utrechtButtonSecondaryActionHoverColor": "#102E62",
442
- "utrechtButtonSecondaryActionDisabledBackgroundColor": "#ffffff",
443
- "utrechtButtonSecondaryActionDisabledColor": "#B4B4B4",
561
+ "utrechtButtonSecondaryActionDisabledBackgroundColor": "#FFFFFF",
562
+ "utrechtButtonSecondaryActionDisabledColor": "#BEBEBE",
444
563
  "utrechtButtonSubtleBackgroundColor": "transparent",
445
564
  "utrechtButtonSubtleColor": "#004699",
446
565
  "utrechtButtonSubtleHoverColor": "#102E62",
447
566
  "utrechtButtonSubtleFocusColor": "#102E62",
448
567
  "utrechtButtonSubtleDisabledBackgroundColor": "transparent",
449
- "utrechtButtonSubtleDisabledColor": "#B4B4B4"
568
+ "utrechtButtonSubtleDisabledColor": "#BEBEBE"
450
569
  }