@amsterdam/design-system-tokens 0.1.6 → 0.1.8

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 (30) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/_variables.scss +97 -37
  3. package/dist/index.css +97 -37
  4. package/dist/index.d.ts +85 -21
  5. package/dist/index.js +96 -36
  6. package/dist/index.json +95 -35
  7. package/dist/index.tokens.json +183 -40
  8. package/dist/root.css +97 -37
  9. package/dist/tokens.d.ts +169 -26
  10. package/dist/tokens.js +1692 -363
  11. package/dist/variables.less +97 -37
  12. package/package.json +3 -3
  13. package/src/brand/amsterdam/color.tokens.json +1 -1
  14. package/src/brand/amsterdam/proportion.tokens.json +3 -2
  15. package/src/components/amsterdam/aspect-ratio.tokens.json +3 -2
  16. package/src/components/amsterdam/breadcrumb.tokens.json +3 -0
  17. package/src/components/amsterdam/button.tokens.json +1 -9
  18. package/src/components/amsterdam/card.tokens.json +13 -0
  19. package/src/components/amsterdam/dialog.tokens.json +47 -0
  20. package/src/components/amsterdam/grid.tokens.json +39 -0
  21. package/src/components/amsterdam/highlight.tokens.json +46 -0
  22. package/src/components/amsterdam/link.tokens.json +5 -4
  23. package/src/components/amsterdam/logo.tokens.json +10 -0
  24. package/src/components/amsterdam/pagination.tokens.json +31 -0
  25. package/src/components/amsterdam/screen.tokens.json +12 -0
  26. package/src/components/amsterdam/switch.tokens.json +44 -0
  27. package/src/components/amsterdam/top-task-link.tokens.json +42 -14
  28. package/src/components/utrecht/button.tokens.json +1 -3
  29. package/src/components/amsterdam/footer.tokens.json +0 -11
  30. package/src/components/amsterdam/page-grid.tokens.json +0 -20
package/dist/index.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "amsterdamColorPrimaryWhite": "#ffffff",
4
4
  "amsterdamColorPrimaryBlue": "#004699",
5
5
  "amsterdamColorPrimaryRed": "#EC0000",
6
- "amsterdamColorDarkBlue": "#00387A",
6
+ "amsterdamColorDarkBlue": "#102E62",
7
7
  "amsterdamColorOrange": "#FF9100",
8
8
  "amsterdamColorYellow": "#FFE600",
9
9
  "amsterdamColorGreen": "#BED200",
@@ -15,11 +15,12 @@
15
15
  "amsterdamColorNeutralGrey2": "#B4B4B4",
16
16
  "amsterdamColorNeutralGrey3": "#767676",
17
17
  "amsterdamColorNeutralGrey4": "#323232",
18
- "amsterdamProportionExtraTall": "9 / 16",
18
+ "amsterdamProportionXTall": "9 / 16",
19
19
  "amsterdamProportionTall": "4 / 5",
20
20
  "amsterdamProportionSquare": "1 / 1",
21
21
  "amsterdamProportionWide": "5 / 4",
22
- "amsterdamProportionExtraWide": "16 / 9",
22
+ "amsterdamProportionXWide": "16 / 9",
23
+ "amsterdamProportion2xWide": "32 / 9",
23
24
  "amsterdamTypographyFontFamily": "'Amsterdam Sans', Arial, sans-serif",
24
25
  "amsterdamTypographyFontWeightNormal": 400,
25
26
  "amsterdamTypographyFontWeightBold": 800,
@@ -83,11 +84,12 @@
83
84
  "amsterdamAlertCloseBackgroundColor": "transparent",
84
85
  "amsterdamAlertCloseFill": "#000000",
85
86
  "amsterdamAlertCloseHoverFill": "#004699",
86
- "amsterdamAspectRatioExtraTall": "9 / 16",
87
+ "amsterdamAspectRatioXTall": "9 / 16",
87
88
  "amsterdamAspectRatioTall": "4 / 5",
88
89
  "amsterdamAspectRatioSquare": "1 / 1",
89
90
  "amsterdamAspectRatioWide": "5 / 4",
90
- "amsterdamAspectRatioExtraWide": "16 / 9",
91
+ "amsterdamAspectRatioXWide": "16 / 9",
92
+ "amsterdamAspectRatio2xWide": "32 / 9",
91
93
  "amsterdamBlockquoteColor": "#000000",
92
94
  "amsterdamBlockquoteFontFamily": "'Amsterdam Sans', Arial, sans-serif",
93
95
  "amsterdamBlockquoteFontWeight": 800,
@@ -97,33 +99,35 @@
97
99
  "amsterdamBlockquoteWideFontSize": "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)",
98
100
  "amsterdamBreadcrumbColor": "#004699",
99
101
  "amsterdamBreadcrumbFontFamily": "'Amsterdam Sans', Arial, sans-serif",
102
+ "amsterdamBreadcrumbFontWeight": 400,
100
103
  "amsterdamBreadcrumbLineHeight": "1.6",
101
104
  "amsterdamBreadcrumbNarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
102
105
  "amsterdamBreadcrumbWideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
103
106
  "amsterdamBreadcrumbItemLinkOutlineOffset": "2px",
104
- "amsterdamBreadcrumbItemLinkHoverColor": "#00387A",
105
- "amsterdamBreadcrumbItemLinkHoverBoxShadow": "inset 0 -2px 0 0 #00387A",
106
- "amsterdamBreadcrumbItemLinkFocusColor": "#00387A",
107
+ "amsterdamBreadcrumbItemLinkHoverColor": "#102E62",
108
+ "amsterdamBreadcrumbItemLinkHoverBoxShadow": "inset 0 -2px 0 0 #102E62",
109
+ "amsterdamBreadcrumbItemLinkFocusColor": "#102E62",
107
110
  "amsterdamBreadcrumbItemLinkFocusTextDecoration": "underline",
108
111
  "amsterdamButtonNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
109
112
  "amsterdamButtonWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
110
113
  "amsterdamButtonSecondaryBoxShadow": "inset 0 0 0 2px #004699",
111
- "amsterdamButtonSecondaryHoverBoxShadow": "inset 0 0 0 3px #00387A",
114
+ "amsterdamButtonSecondaryHoverBoxShadow": "inset 0 0 0 3px #102E62",
112
115
  "amsterdamButtonSecondaryDisabledBoxShadow": "inset 0 0 0 2px #B4B4B4",
113
- "amsterdamButtonSecondaryFocusBoxShadow": "inset 0 0 0 3px #00387A",
114
- "amsterdamButtonSecondaryFocusColor": "#00387A",
116
+ "amsterdamButtonSecondaryFocusBoxShadow": "inset 0 0 0 2px #004699",
115
117
  "amsterdamButtonTertiaryHoverBoxShadow": "inset 0 0 0 2px #767676",
116
- "amsterdamButtonTertiaryFocusBoxShadow": "inset 0 0 0 2px #767676",
118
+ "amsterdamCardLinkColor": "#004699",
119
+ "amsterdamCardLinkHoverColor": "#102E62",
120
+ "amsterdamCardOutlineOffset": "2px",
117
121
  "amsterdamCheckboxColor": "#000000",
118
122
  "amsterdamCheckboxCheckmarkBorderColor": "#004699",
119
123
  "amsterdamCheckboxCheckmarkCheckedBackgroundColor": "#004699",
120
- "amsterdamCheckboxCheckmarkCheckedHoverBackgroundColor": "#00387A",
124
+ "amsterdamCheckboxCheckmarkCheckedHoverBackgroundColor": "#102E62",
121
125
  "amsterdamCheckboxCheckmarkDisabledBorderColor": "#767676",
122
126
  "amsterdamCheckboxCheckmarkDisabledCheckedBackgroundColor": "#767676",
123
127
  "amsterdamCheckboxCheckmarkDisabledCheckedHoverBackgroundColor": "#767676",
124
128
  "amsterdamCheckboxCheckmarkDisabledIndeterminateBackgroundColor": "#767676",
125
129
  "amsterdamCheckboxCheckmarkDisabledIndeterminateHoverBackgroundColor": "#767676",
126
- "amsterdamCheckboxCheckmarkHoverBorderColor": "#00387A",
130
+ "amsterdamCheckboxCheckmarkHoverBorderColor": "#102E62",
127
131
  "amsterdamCheckboxCheckmarkInvalidBorderColor": "#EC0000",
128
132
  "amsterdamCheckboxCheckmarkInvalidCheckedBackgroundColor": "#EC0000",
129
133
  "amsterdamCheckboxCheckmarkInvalidCheckedHoverBackgroundColor": "#EC0000",
@@ -131,25 +135,52 @@
131
135
  "amsterdamCheckboxCheckmarkInvalidIndeterminateBackgroundColor": "#EC0000",
132
136
  "amsterdamCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor": "#EC0000",
133
137
  "amsterdamCheckboxCheckmarkIndeterminateBackgroundColor": "#004699",
134
- "amsterdamCheckboxCheckmarkIndeterminateHoverBackgroundColor": "#00387A",
138
+ "amsterdamCheckboxCheckmarkIndeterminateHoverBackgroundColor": "#102E62",
135
139
  "amsterdamCheckboxCheckmarkNarrowSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
136
140
  "amsterdamCheckboxCheckmarkWideSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
137
141
  "amsterdamCheckboxCheckmarkMultiplier": "1.6",
138
142
  "amsterdamCheckboxDisabledColor": "#767676",
139
143
  "amsterdamCheckboxFontFamily": "'Amsterdam Sans', Arial, sans-serif",
140
144
  "amsterdamCheckboxFontWeight": 400,
141
- "amsterdamCheckboxHoverColor": "#00387A",
145
+ "amsterdamCheckboxHoverColor": "#102E62",
142
146
  "amsterdamCheckboxOutlineOffset": "2px",
143
147
  "amsterdamCheckboxLineHeight": "1.6",
144
148
  "amsterdamCheckboxNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
145
149
  "amsterdamCheckboxWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
146
- "amsterdamFooterTopBackgroundColor": "#004699",
150
+ "amsterdamDialogBackgroundColor": "#ffffff",
151
+ "amsterdamDialogBorder": "0",
152
+ "amsterdamDialogMaxInlineSize": "min(87.69vw, 45rem)",
153
+ "amsterdamDialogTitleColor": "#000000",
154
+ "amsterdamDialogTitleFontFamily": "'Amsterdam Sans', Arial, sans-serif",
155
+ "amsterdamDialogTitleFontWeight": 800,
156
+ "amsterdamDialogTitleLineHeight": "1.5",
157
+ "amsterdamDialogTitleNarrowFontSize": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)",
158
+ "amsterdamDialogTitleWideFontSize": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)",
159
+ "amsterdamDialogBackdropBackground": "#0006",
160
+ "amsterdamDialogCloseBackgroundColor": "transparent",
161
+ "amsterdamDialogCloseFill": "#000000",
162
+ "amsterdamDialogCloseHoverFill": "#004699",
163
+ "amsterdamDialogFormGap": "1.5rem",
164
+ "amsterdamDialogFormPaddingBlock": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)",
165
+ "amsterdamDialogFormPaddingInline": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)",
166
+ "amsterdamDialogFormMaxBlockSize": "75vh",
167
+ "amsterdamDialogArticlePaddingInlineEnd": "1.5rem",
168
+ "amsterdamDialogHeaderGap": "1rem",
169
+ "amsterdamDialogFooterGap": "1rem",
170
+ "amsterdamDialogFooterPaddingBlock": "1.5rem 0",
147
171
  "amsterdamFormLabelColor": "#000000",
148
172
  "amsterdamFormLabelFontFamily": "'Amsterdam Sans', Arial, sans-serif",
149
173
  "amsterdamFormLabelFontWeight": 800,
150
174
  "amsterdamFormLabelLineHeight": "1.6",
151
175
  "amsterdamFormLabelNarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
152
176
  "amsterdamFormLabelWideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
177
+ "amsterdamGridColumnCount": "4",
178
+ "amsterdamGridDensityLowGap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
179
+ "amsterdamGridDensityLowPaddingInline": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
180
+ "amsterdamGridDensityHighGap": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
181
+ "amsterdamGridDensityHighPaddingInline": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
182
+ "amsterdamGridMediumColumnCount": "8",
183
+ "amsterdamGridWideColumnCount": "12",
153
184
  "amsterdamHeading1LineHeight": "1.2",
154
185
  "amsterdamHeading1NarrowFontSize": "clamp(2rem, calc(2rem + (1 * (100vw - 20rem)) / 33.3125), 3rem)",
155
186
  "amsterdamHeading1WideFontSize": "clamp(3rem, calc(3rem + (0.5 * (100vw - 53.375rem)) / 36.625), 3.5rem)",
@@ -166,6 +197,14 @@
166
197
  "amsterdamHeadingFontFamily": "'Amsterdam Sans', Arial, sans-serif",
167
198
  "amsterdamHeadingFontWeight": 800,
168
199
  "amsterdamHeadingInverseColor": "#ffffff",
200
+ "amsterdamHighlightBlueBackgroundColor": "#004699",
201
+ "amsterdamHighlightDarkGreenBackgroundColor": "#00A03C",
202
+ "amsterdamHighlightGreenBackgroundColor": "#BED200",
203
+ "amsterdamHighlightLightBlueBackgroundColor": "#009DEC",
204
+ "amsterdamHighlightMagentaBackgroundColor": "#E50082",
205
+ "amsterdamHighlightOrangeBackgroundColor": "#FF9100",
206
+ "amsterdamHighlightPurpleBackgroundColor": "#A00078",
207
+ "amsterdamHighlightYellowBackgroundColor": "#FFE600",
169
208
  "amsterdamIconSize3IconSizeNarrow": "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)",
170
209
  "amsterdamIconSize3IconSizeWide": "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)",
171
210
  "amsterdamIconSize3ContainerMultiplier": "1.4",
@@ -185,26 +224,27 @@
185
224
  "amsterdamLinkOutlineOffset": "2px",
186
225
  "amsterdamLinkFontFamily": "'Amsterdam Sans', Arial, sans-serif",
187
226
  "amsterdamLinkFontWeight": 400,
188
- "amsterdamLinkFocusColor": "#00387A",
189
- "amsterdamLinkInlineFocusTextDecoration": "underline",
190
- "amsterdamLinkInlineFocusTextUnderlineOffset": "3px",
227
+ "amsterdamLinkHoverColor": "#102E62",
228
+ "amsterdamLinkInlineHoverTextDecoration": "underline",
229
+ "amsterdamLinkInlineHoverTextUnderlineOffset": "3px",
191
230
  "amsterdamLinkInlineFontFamily": "inherit",
192
231
  "amsterdamLinkInlineFontSize": "inherit",
193
232
  "amsterdamLinkInlineLineHeight": "inherit",
194
233
  "amsterdamLinkInlineTextDecoration": "none",
234
+ "amsterdamLinkInlineTextDecorationThickness": "2px",
195
235
  "amsterdamLinkInlineVisitedColor": "#A00078",
196
236
  "amsterdamLinkInListGap": "0.5em",
197
- "amsterdamLinkInListFocusTextDecoration": "underline",
198
- "amsterdamLinkInListFocusTextDecorationThickness": "2px",
199
- "amsterdamLinkInListFocusTextUnderlineOffset": "7px",
237
+ "amsterdamLinkInListHoverTextDecoration": "underline",
238
+ "amsterdamLinkInListHoverTextDecorationThickness": "2px",
239
+ "amsterdamLinkInListHoverTextUnderlineOffset": "7px",
200
240
  "amsterdamLinkInListTextDecoration": "none",
201
241
  "amsterdamLinkInListLineHeight": "1.6",
202
242
  "amsterdamLinkInListNarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
203
243
  "amsterdamLinkInListWideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
204
244
  "amsterdamLinkStandaloneTextUnderlineOffset": "8px",
205
245
  "amsterdamLinkStandaloneTextDecorationThickness": "2px",
206
- "amsterdamLinkStandaloneFocusTextDecorationThickness": "3px",
207
- "amsterdamLinkStandaloneFocusTextUnderlineOffset": "7px",
246
+ "amsterdamLinkStandaloneHoverTextDecorationThickness": "3px",
247
+ "amsterdamLinkStandaloneHoverTextUnderlineOffset": "7px",
208
248
  "amsterdamLinkStandaloneLineHeight": "1.6",
209
249
  "amsterdamLinkStandaloneNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
210
250
  "amsterdamLinkStandaloneWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
@@ -214,6 +254,10 @@
214
254
  "amsterdamLinkOnBackgroundLightColor": "#000000",
215
255
  "amsterdamLinkOnBackgroundLightHoverColor": "#000000",
216
256
  "amsterdamLinkOnBackgroundLightVisitedColor": "#000000",
257
+ "amsterdamLogoHeight": "2.5rem",
258
+ "amsterdamLogoEmblemColor": "#EC0000",
259
+ "amsterdamLogoTitleColor": "#EC0000",
260
+ "amsterdamLogoSubsiteColor": "#000000",
217
261
  "amsterdamOrderedListColor": "#000000",
218
262
  "amsterdamOrderedListFontFamily": "'Amsterdam Sans', Arial, sans-serif",
219
263
  "amsterdamOrderedListFontWeight": 400,
@@ -227,10 +271,6 @@
227
271
  "amsterdamOrderedListOrderedListListStyleType": "lower-alpha",
228
272
  "amsterdamOrderedListOrderedListItemMarginInlineStart": "1.5rem",
229
273
  "amsterdamOrderedListOrderedListItemPaddingInlineStart": "0.25rem",
230
- "amsterdamPageGridColumnCountNarrow": "4",
231
- "amsterdamPageGridColumnCountWide": "12",
232
- "amsterdamPageGridColumnGap": "clamp(0.5rem, calc(0.5rem + 0.0142857143 * (100vw - 20rem)), 1.5rem)",
233
- "amsterdamPageGridMaxWidth": "1440px",
234
274
  "amsterdamPageHeadingColor": "#000000",
235
275
  "amsterdamPageHeadingFontFamily": "'Amsterdam Sans', Arial, sans-serif",
236
276
  "amsterdamPageHeadingLineHeight": "1.1",
@@ -250,6 +290,15 @@
250
290
  "amsterdamPageMenuItemWideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
251
291
  "amsterdamPageMenuItemHoverColor": "#000000",
252
292
  "amsterdamPageMenuItemHoverTextDecoration": "underline",
293
+ "amsterdamPaginationColor": "#004699",
294
+ "amsterdamPaginationFontFamily": "'Amsterdam Sans', Arial, sans-serif",
295
+ "amsterdamPaginationFontWeight": 400,
296
+ "amsterdamPaginationLineHeight": "1.6",
297
+ "amsterdamPaginationNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
298
+ "amsterdamPaginationWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
299
+ "amsterdamPaginationButtonCurrentFontWeight": 800,
300
+ "amsterdamPaginationButtonHoverColor": "#102E62",
301
+ "amsterdamPaginationButtonOutlineOffset": "2px",
253
302
  "amsterdamParagraphColor": "#000000",
254
303
  "amsterdamParagraphFontFamily": "'Amsterdam Sans', Arial, sans-serif",
255
304
  "amsterdamParagraphFontWeight": 400,
@@ -263,6 +312,18 @@
263
312
  "amsterdamParagraphLargeLineHeight": "1.5",
264
313
  "amsterdamParagraphLargeNarrowFontSize": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)",
265
314
  "amsterdamParagraphLargeWideFontSize": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)",
315
+ "amsterdamScreenWideMaxWidth": "100rem",
316
+ "amsterdamScreenXWideMaxWidth": "132rem",
317
+ "amsterdamSwitchFontFamily": "'Amsterdam Sans', Arial, sans-serif",
318
+ "amsterdamSwitchBackgroundColor": "#767676",
319
+ "amsterdamSwitchWidth": "3.5rem",
320
+ "amsterdamSwitchThumbBackgroundColor": "#ffffff",
321
+ "amsterdamSwitchThumbWidth": "1.75rem",
322
+ "amsterdamSwitchThumbHeight": "1.75rem",
323
+ "amsterdamSwitchThumbHoverColor": "#102E62",
324
+ "amsterdamSwitchCheckedBackgroundColor": "#004699",
325
+ "amsterdamSwitchOutlineOffset": "2px",
326
+ "amsterdamSwitchDisabledBackgroundColor": "#B4B4B4",
266
327
  "amsterdamTopTaskLinkDescriptionColor": "#000000",
267
328
  "amsterdamTopTaskLinkDescriptionFontFamily": "'Amsterdam Sans', Arial, sans-serif",
268
329
  "amsterdamTopTaskLinkDescriptionFontWeight": 400,
@@ -272,7 +333,7 @@
272
333
  "amsterdamTopTaskLinkLabelColor": "#004699",
273
334
  "amsterdamTopTaskLinkLabelFontFamily": "'Amsterdam Sans', Arial, sans-serif",
274
335
  "amsterdamTopTaskLinkLabelFontWeight": 800,
275
- "amsterdamTopTaskLinkLabelHoverColor": "#00387A",
336
+ "amsterdamTopTaskLinkLabelHoverColor": "#102E62",
276
337
  "amsterdamTopTaskLinkLabelLineHeight": "1.4",
277
338
  "amsterdamTopTaskLinkLabelNarrowFontSize": "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)",
278
339
  "amsterdamTopTaskLinkLabelWideFontSize": "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)",
@@ -310,17 +371,16 @@
310
371
  "utrechtButtonPrimaryActionBackgroundColor": "#004699",
311
372
  "utrechtButtonPrimaryActionColor": "#ffffff",
312
373
  "utrechtButtonPrimaryActionDisabledBackgroundColor": "#B4B4B4",
313
- "utrechtButtonPrimaryActionHoverBackgroundColor": "#00387A",
314
- "utrechtButtonPrimaryActionFocusBackgroundColor": "#00387A",
374
+ "utrechtButtonPrimaryActionHoverBackgroundColor": "#102E62",
315
375
  "utrechtButtonSecondaryActionBackgroundColor": "#ffffff",
316
376
  "utrechtButtonSecondaryActionColor": "#004699",
317
- "utrechtButtonSecondaryActionHoverColor": "#00387A",
377
+ "utrechtButtonSecondaryActionHoverColor": "#102E62",
318
378
  "utrechtButtonSecondaryActionDisabledBackgroundColor": "#ffffff",
319
379
  "utrechtButtonSecondaryActionDisabledColor": "#B4B4B4",
320
380
  "utrechtButtonSubtleBackgroundColor": "transparent",
321
381
  "utrechtButtonSubtleColor": "#004699",
322
- "utrechtButtonSubtleHoverColor": "#00387A",
323
- "utrechtButtonSubtleFocusColor": "#00387A",
382
+ "utrechtButtonSubtleHoverColor": "#102E62",
383
+ "utrechtButtonSubtleFocusColor": "#102E62",
324
384
  "utrechtButtonSubtleDisabledBackgroundColor": "transparent",
325
385
  "utrechtButtonSubtleDisabledColor": "#B4B4B4"
326
386
  }