@amsterdam/design-system-tokens 3.3.0 → 3.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 (51) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/compact.css +2 -0
  3. package/dist/compact.d.ts +4 -0
  4. package/dist/compact.json +5 -1
  5. package/dist/compact.mjs +2 -0
  6. package/dist/compact.scss +2 -0
  7. package/dist/compact.theme.css +2 -0
  8. package/dist/index.css +102 -88
  9. package/dist/index.d.ts +191 -169
  10. package/dist/index.json +245 -223
  11. package/dist/index.mjs +177 -169
  12. package/dist/index.scss +102 -88
  13. package/dist/index.theme.css +102 -88
  14. package/package.json +2 -2
  15. package/src/brand/ams/border.compact.tokens.json +20 -0
  16. package/src/brand/ams/border.tokens.json +20 -0
  17. package/src/brand/ams/color.tokens.json +5 -0
  18. package/src/brand/ams/typography.compact.tokens.json +18 -0
  19. package/src/brand/ams/typography.tokens.json +35 -3
  20. package/src/components/ams/accordion.tokens.json +38 -0
  21. package/src/components/ams/checkbox.tokens.json +40 -0
  22. package/src/components/ams/date-input.tokens.json +28 -0
  23. package/src/components/ams/description-list.tokens.json +19 -2
  24. package/src/components/ams/field-set.tokens.json +8 -0
  25. package/src/components/ams/field.tokens.json +8 -0
  26. package/src/components/ams/file-input.tokens.json +1 -0
  27. package/src/components/ams/icon.tokens.json +16 -0
  28. package/src/components/ams/menu.tokens.json +28 -0
  29. package/src/components/ams/page-header.tokens.json +1 -1
  30. package/src/components/ams/{page-heading.deprecated.tokens.json → page-heading.tokens.json} +7 -7
  31. package/src/components/ams/progress-list.tokens.json +51 -0
  32. package/src/components/ams/select.tokens.json +2 -0
  33. package/src/components/ams/standalone-link.tokens.json +30 -0
  34. package/src/components/ams/switch.tokens.json +17 -1
  35. package/src/components/ams/table-of-contents.tokens.json +21 -0
  36. package/src/components/ams/tabs.tokens.json +3 -3
  37. package/src/components/ams/text-input.tokens.json +2 -0
  38. package/src/components/ams/time-input.tokens.json +30 -0
  39. package/src/brand/ams/color.deprecated.tokens.json +0 -13
  40. package/src/brand/ams/typography.deprecated.compact.tokens.json +0 -26
  41. package/src/brand/ams/typography.deprecated.tokens.json +0 -40
  42. package/src/components/ams/accordion.deprecated.tokens.json +0 -39
  43. package/src/components/ams/checkbox.deprecated.tokens.json +0 -59
  44. package/src/components/ams/date-input.deprecated.tokens.json +0 -38
  45. package/src/components/ams/field-set.deprecated.tokens.json +0 -16
  46. package/src/components/ams/field.deprecated.tokens.json +0 -14
  47. package/src/components/ams/icon.deprecated.tokens.json +0 -22
  48. package/src/components/ams/menu.deprecated.tokens.json +0 -36
  49. package/src/components/ams/standalone-link.deprecated.tokens.json +0 -38
  50. package/src/components/ams/table-of-contents.deprecated.tokens.json +0 -24
  51. package/src/components/ams/time-input.deprecated.tokens.json +0 -38
package/dist/index.mjs CHANGED
@@ -12,14 +12,8 @@ export const amsBorderWidthS = "0.0625rem";
12
12
  export const amsBorderWidthM = "0.125rem";
13
13
  export const amsBorderWidthL = "0.1875rem";
14
14
  export const amsBorderWidthXl = "0.25rem";
15
- export const amsColorInteractiveSecondary = "#202020";
16
- export const amsColorInteractiveContrast = "#202020";
17
- export const amsColorInteractive = "#004699";
18
- export const amsColorInteractiveDisabled = "#767676";
19
- export const amsColorInteractiveHover = "#003677";
20
- export const amsColorInteractiveInvalid = "#ec0000";
21
- export const amsColorInteractiveInvalidHover = "#b70000";
22
- export const amsColorInteractiveInverse = "#ffffff";
15
+ export const amsBorderWidthNegativeM = "-0.125rem";
16
+ export const amsBorderWidthNegativeXl = "-0.25rem";
23
17
  export const amsColorBackground = "#ffffff";
24
18
  export const amsColorFeedbackError = "#ec0000";
25
19
  export const amsColorFeedbackInfo = "#009de6";
@@ -32,6 +26,14 @@ export const amsColorHighlightMagenta = "#e50082";
32
26
  export const amsColorHighlightOrange = "#ff9100";
33
27
  export const amsColorHighlightPurple = "#a00078";
34
28
  export const amsColorHighlightYellow = "#ffe600";
29
+ export const amsColorInteractiveContrast = "#202020";
30
+ export const amsColorInteractive = "#004699";
31
+ export const amsColorInteractiveDisabled = "#767676";
32
+ export const amsColorInteractiveHover = "#003677";
33
+ export const amsColorInteractiveInvalid = "#ec0000";
34
+ export const amsColorInteractiveInvalidHover = "#b70000";
35
+ export const amsColorInteractiveInverse = "#ffffff";
36
+ export const amsColorInteractiveSecondary = "#202020";
35
37
  export const amsColorProgressCurrent = "#00893c";
36
38
  export const amsColorProgressCompleted = "#00893c";
37
39
  export const amsColorProgressUpcoming = "#767676";
@@ -48,6 +50,21 @@ export const amsSpaceM = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
48
50
  export const amsSpaceL = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
49
51
  export const amsSpaceXl = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
50
52
  export const amsSpace_2xl = "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
53
+ export const amsTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
54
+ export const amsTypographyHyphenateLimitChars = "auto";
55
+ export const amsTypographyBodyTextFontSize =
56
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
57
+ export const amsTypographyBodyTextFontWeight = "400";
58
+ export const amsTypographyBodyTextLineHeight = "1.6";
59
+ export const amsTypographyBodyTextBoldFontWeight = "800";
60
+ export const amsTypographyBodyTextSmallFontSize = "1rem";
61
+ export const amsTypographyBodyTextSmallLineHeight = "1.5";
62
+ export const amsTypographyBodyTextLargeFontSize =
63
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
64
+ export const amsTypographyBodyTextLargeLineHeight = "1.5";
65
+ export const amsTypographyBodyTextXLargeFontSize =
66
+ "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
67
+ export const amsTypographyBodyTextXLargeLineHeight = "1.4";
51
68
  export const amsTypographyHeading_0FontSize =
52
69
  "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)";
53
70
  export const amsTypographyHeading_0LineHeight = "1.1";
@@ -69,21 +86,6 @@ export const amsTypographyHeading_6FontSize = "1rem";
69
86
  export const amsTypographyHeading_6LineHeight = "1.4";
70
87
  export const amsTypographyHeadingFontWeight = "800";
71
88
  export const amsTypographyHeadingTextWrap = "balance";
72
- export const amsTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
73
- export const amsTypographyHyphenateLimitChars = "auto";
74
- export const amsTypographyBodyTextFontSize =
75
- "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
76
- export const amsTypographyBodyTextFontWeight = "400";
77
- export const amsTypographyBodyTextLineHeight = "1.8";
78
- export const amsTypographyBodyTextBoldFontWeight = "800";
79
- export const amsTypographyBodyTextSmallFontSize = "1rem";
80
- export const amsTypographyBodyTextSmallLineHeight = "1.6";
81
- export const amsTypographyBodyTextLargeFontSize =
82
- "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
83
- export const amsTypographyBodyTextLargeLineHeight = "1.6";
84
- export const amsTypographyBodyTextXLargeFontSize =
85
- "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
86
- export const amsTypographyBodyTextXLargeLineHeight = "1.4";
87
89
  export const amsInputsBackgroundColor = "#ffffff";
88
90
  export const amsInputsBorderColor = "currentColor";
89
91
  export const amsInputsBorderStyle = "solid";
@@ -119,6 +121,7 @@ export const amsLinksContrastColor = "#202020";
119
121
  export const amsLinksContrastHoverColor = "#202020";
120
122
  export const amsLinksInverseColor = "#ffffff";
121
123
  export const amsLinksInverseHoverColor = "#ffffff";
124
+ export const amsAccordionGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
122
125
  export const amsAccordionButtonFontFamily =
123
126
  "'Amsterdam Sans', Arial, sans-serif";
124
127
  export const amsAccordionButtonFontSize =
@@ -137,7 +140,6 @@ export const amsAccordionButtonPaddingInline = "0";
137
140
  export const amsAccordionButtonHoverColor = "#003677";
138
141
  export const amsAccordionPanelPaddingBlock = "0";
139
142
  export const amsAccordionPanelPaddingInline = "0";
140
- export const amsAccordionGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
141
143
  export const amsActionGroupGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
142
144
  export const amsAlertBackgroundColor = "#ffffff";
143
145
  export const amsAlertBorderColor = "#009de6";
@@ -169,7 +171,7 @@ export const amsAvatarColor = "#ffffff";
169
171
  export const amsAvatarFontFamily = "'Amsterdam Sans', Arial, sans-serif";
170
172
  export const amsAvatarFontSize = "1rem";
171
173
  export const amsAvatarFontWeight = "400";
172
- export const amsAvatarLineHeight = "1.6";
174
+ export const amsAvatarLineHeight = "1.5";
173
175
  export const amsAvatarPaddingBlock =
174
176
  "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
175
177
  export const amsAvatarPaddingInline =
@@ -200,7 +202,7 @@ export const amsBadgeFontSize =
200
202
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
201
203
  export const amsBadgeFontWeight = "800";
202
204
  export const amsBadgeGap = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
203
- export const amsBadgeLineHeight = "1.8";
205
+ export const amsBadgeLineHeight = "1.6";
204
206
  export const amsBadgePaddingInline =
205
207
  "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
206
208
  export const amsBadgeAzureBackgroundColor = "#009de6";
@@ -228,7 +230,7 @@ export const amsBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
228
230
  export const amsBreadcrumbFontSize =
229
231
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
230
232
  export const amsBreadcrumbFontWeight = "400";
231
- export const amsBreadcrumbLineHeight = "1.8";
233
+ export const amsBreadcrumbLineHeight = "1.6";
232
234
  export const amsBreadcrumbSeparatorBackgroundImage =
233
235
  "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>\")";
234
236
  export const amsBreadcrumbSeparatorBlockSize = "1ex";
@@ -289,7 +291,7 @@ export const amsCallToActionLinkFontFamily =
289
291
  export const amsCallToActionLinkFontSize =
290
292
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
291
293
  export const amsCallToActionLinkFontWeight = "400";
292
- export const amsCallToActionLinkLineHeight = "1.8";
294
+ export const amsCallToActionLinkLineHeight = "1.6";
293
295
  export const amsCallToActionLinkOutlineOffset = "0.25rem";
294
296
  export const amsCallToActionLinkPaddingBlock =
295
297
  "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
@@ -320,33 +322,8 @@ export const amsCharacterCountFontFamily =
320
322
  "'Amsterdam Sans', Arial, sans-serif";
321
323
  export const amsCharacterCountFontSize = "1rem";
322
324
  export const amsCharacterCountFontWeight = "400";
323
- export const amsCharacterCountLineHeight = "1.6";
325
+ export const amsCharacterCountLineHeight = "1.5";
324
326
  export const amsCharacterCountErrorColor = "#ec0000";
325
- export const amsCheckboxHoverTextDecorationThickness = "0.125rem";
326
- export const amsCheckboxHoverColor = "#003677";
327
- export const amsCheckboxHoverTextDecorationLine = "underline";
328
- export const amsCheckboxRectangleCheckedDisabledHoverFill = "#767676";
329
- export const amsCheckboxRectangleCheckedDisabledFill = "#767676";
330
- export const amsCheckboxRectangleCheckedHoverDisabledInvalidFill = "#767676";
331
- export const amsCheckboxRectangleCheckedHoverFill = "#003677";
332
- export const amsCheckboxRectangleCheckedFill = "#004699";
333
- export const amsCheckboxRectangleCheckedInvalidFill = "#ec0000";
334
- export const amsCheckboxRectangleCheckedInvalidHoverFill = "#b70000";
335
- export const amsCheckboxRectangleHoverDisabledInvalidStroke = "#767676";
336
- export const amsCheckboxRectangleHoverStroke = "#003677";
337
- export const amsCheckboxRectangleIndeterminateDisabledHoverFill = "#767676";
338
- export const amsCheckboxRectangleIndeterminateDisabledFill = "#767676";
339
- export const amsCheckboxRectangleIndeterminateHoverDisabledInvalidFill =
340
- "#767676";
341
- export const amsCheckboxRectangleIndeterminateHoverFill = "#003677";
342
- export const amsCheckboxRectangleIndeterminateFill = "#004699";
343
- export const amsCheckboxRectangleIndeterminateInvalidFill = "#ec0000";
344
- export const amsCheckboxRectangleIndeterminateInvalidHoverFill = "#b70000";
345
- export const amsCheckboxRectangleFill = "#ffffff";
346
- export const amsCheckboxRectangleStroke = "#004699";
347
- export const amsCheckboxRectangleDisabledStroke = "#767676";
348
- export const amsCheckboxRectangleInvalidStroke = "#ec0000";
349
- export const amsCheckboxRectangleInvalidHoverStroke = "#b70000";
350
327
  export const amsCheckboxColor = "#202020";
351
328
  export const amsCheckboxCursor = "pointer";
352
329
  export const amsCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
@@ -354,20 +331,45 @@ export const amsCheckboxFontSize =
354
331
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
355
332
  export const amsCheckboxFontWeight = "400";
356
333
  export const amsCheckboxGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
357
- export const amsCheckboxLineHeight = "1.8";
334
+ export const amsCheckboxLineHeight = "1.6";
358
335
  export const amsCheckboxOutlineOffset = "0.25rem";
359
336
  export const amsCheckboxTextDecorationThickness = "0.125rem";
360
337
  export const amsCheckboxTextUnderlineOffset = "0.15625rem";
361
338
  export const amsCheckboxDisabledCursor = "not-allowed";
362
339
  export const amsCheckboxDisabledColor = "#767676";
340
+ export const amsCheckboxHoverColor = "#003677";
341
+ export const amsCheckboxHoverTextDecorationLine = "underline";
342
+ export const amsCheckboxHoverTextDecorationThickness = "0.125rem";
363
343
  export const amsCheckboxCheckedIndicatorStroke = "#ffffff";
364
344
  export const amsCheckboxHoverIndicatorHoverStroke = "#003677";
365
345
  export const amsCheckboxHoverIndicatorInvalidHoverStroke = "#b70000";
366
346
  export const amsCheckboxIconContainerBlockSize =
367
- "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.8)";
347
+ "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)";
368
348
  export const amsCheckboxIconContainerInlineSize =
369
349
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
370
350
  export const amsCheckboxIndeterminateIndicatorStroke = "#ffffff";
351
+ export const amsCheckboxRectangleFill = "#ffffff";
352
+ export const amsCheckboxRectangleStroke = "#004699";
353
+ export const amsCheckboxRectangleCheckedFill = "#004699";
354
+ export const amsCheckboxRectangleCheckedDisabledFill = "#767676";
355
+ export const amsCheckboxRectangleCheckedDisabledHoverFill = "#767676";
356
+ export const amsCheckboxRectangleCheckedHoverFill = "#003677";
357
+ export const amsCheckboxRectangleCheckedHoverDisabledInvalidFill = "#767676";
358
+ export const amsCheckboxRectangleCheckedInvalidFill = "#ec0000";
359
+ export const amsCheckboxRectangleCheckedInvalidHoverFill = "#b70000";
360
+ export const amsCheckboxRectangleDisabledStroke = "#767676";
361
+ export const amsCheckboxRectangleHoverStroke = "#003677";
362
+ export const amsCheckboxRectangleHoverDisabledInvalidStroke = "#767676";
363
+ export const amsCheckboxRectangleIndeterminateFill = "#004699";
364
+ export const amsCheckboxRectangleIndeterminateDisabledFill = "#767676";
365
+ export const amsCheckboxRectangleIndeterminateDisabledHoverFill = "#767676";
366
+ export const amsCheckboxRectangleIndeterminateHoverFill = "#003677";
367
+ export const amsCheckboxRectangleIndeterminateHoverDisabledInvalidFill =
368
+ "#767676";
369
+ export const amsCheckboxRectangleIndeterminateInvalidFill = "#ec0000";
370
+ export const amsCheckboxRectangleIndeterminateInvalidHoverFill = "#b70000";
371
+ export const amsCheckboxRectangleInvalidStroke = "#ec0000";
372
+ export const amsCheckboxRectangleInvalidHoverStroke = "#b70000";
371
373
  export const amsColumnGapXSmall =
372
374
  "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
373
375
  export const amsColumnGapSmall = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
@@ -375,20 +377,6 @@ export const amsColumnGapMedium = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
375
377
  export const amsColumnGapLarge = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
376
378
  export const amsColumnGapXLarge =
377
379
  "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
378
- export const amsDateInputDisabledCalendarPickerIndicatorBackgroundImage =
379
- "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
380
- export const amsDateInputDisabledCalenderPickerIndicatorBackgroundImage =
381
- "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
382
- export const amsDateInputDisabledColor = "#767676";
383
- export const amsDateInputDisabledCursor = "not-allowed";
384
- export const amsDateInputHoverCalenderPickerIndicatorBackgroundImage =
385
- "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
386
- export const amsDateInputHoverBoxShadow = "0 0 0 #000000";
387
- export const amsDateInputHoverCalendarPickerIndicatorBackgroundImage =
388
- "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
389
- export const amsDateInputCalenderPickerIndicatorBackgroundImage =
390
- "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
391
- export const amsDateInputCalenderPickerIndicatorCursor = "pointer";
392
380
  export const amsDateInputBackgroundColor = "#ffffff";
393
381
  export const amsDateInputBorderColor = "currentColor";
394
382
  export const amsDateInputBorderStyle = "solid";
@@ -404,12 +392,26 @@ export const amsDateInputPaddingBlock =
404
392
  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
405
393
  export const amsDateInputPaddingInline =
406
394
  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
395
+ export const amsDateInputDisabledColor = "#767676";
396
+ export const amsDateInputDisabledCursor = "not-allowed";
397
+ export const amsDateInputDisabledCalendarPickerIndicatorBackgroundImage =
398
+ "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
399
+ export const amsDateInputDisabledCalenderPickerIndicatorBackgroundImage =
400
+ "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
401
+ export const amsDateInputHoverBoxShadow = "0 0 0 #000000";
402
+ export const amsDateInputHoverCalendarPickerIndicatorBackgroundImage =
403
+ "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
404
+ export const amsDateInputHoverCalenderPickerIndicatorBackgroundImage =
405
+ "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
407
406
  export const amsDateInputInvalidBorderColor = "#ec0000";
408
407
  export const amsDateInputInvalidHoverBorderColor = "#b70000";
409
408
  export const amsDateInputInvalidHoverBoxShadow = "0 0 0 #000000";
410
409
  export const amsDateInputCalendarPickerIndicatorBackgroundImage =
411
410
  "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
412
411
  export const amsDateInputCalendarPickerIndicatorCursor = "pointer";
412
+ export const amsDateInputCalenderPickerIndicatorBackgroundImage =
413
+ "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
414
+ export const amsDateInputCalenderPickerIndicatorCursor = "pointer";
413
415
  export const amsDescriptionListColor = "#202020";
414
416
  export const amsDescriptionListColumnGap =
415
417
  "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
@@ -417,13 +419,17 @@ export const amsDescriptionListFontFamily =
417
419
  "'Amsterdam Sans', Arial, sans-serif";
418
420
  export const amsDescriptionListFontSize =
419
421
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
420
- export const amsDescriptionListLineHeight = "1.8";
422
+ export const amsDescriptionListLineHeight = "1.6";
421
423
  export const amsDescriptionListRowGap =
422
424
  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
423
425
  export const amsDescriptionListInverseColor = "#ffffff";
426
+ export const amsDescriptionListTermFontSize =
427
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
424
428
  export const amsDescriptionListTermFontWeight = "800";
429
+ export const amsDescriptionListTermLineHeight = "1.4";
425
430
  export const amsDescriptionListTermMarginBlockEnd =
426
431
  "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
432
+ export const amsDescriptionListTermTextWrap = "balance";
427
433
  export const amsDescriptionListTermViMediumMarginBlockEnd =
428
434
  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
429
435
  export const amsDescriptionListDescriptionFontWeight = "400";
@@ -481,18 +487,7 @@ export const amsErrorMessageFontSize =
481
487
  export const amsErrorMessageFontWeight = "400";
482
488
  export const amsErrorMessageGap =
483
489
  "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
484
- export const amsErrorMessageLineHeight = "1.8";
485
- export const amsFieldSetLegendMarginBlockEnd =
486
- "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
487
- export const amsFieldSetLegendColor = "#202020";
488
- export const amsFieldSetLegendFontFamily =
489
- "'Amsterdam Sans', Arial, sans-serif";
490
- export const amsFieldSetLegendFontSize =
491
- "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
492
- export const amsFieldSetLegendFontWeight = "800";
493
- export const amsFieldSetLegendLineHeight = "1.3";
494
- export const amsFieldSetLegendTextWrap = "balance";
495
- export const amsFieldSetLegendInFieldsetFontWeight = "400";
490
+ export const amsErrorMessageLineHeight = "1.6";
496
491
  export const amsFieldSetChildMarginBlockEnd =
497
492
  "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
498
493
  export const amsFieldSetChildBeforeErrorMessageMarginBlockEnd =
@@ -504,6 +499,17 @@ export const amsFieldSetChildBetweenFieldsAndFieldSetsMarginBlockEnd =
504
499
  export const amsFieldSetInvalidBorderInlineStart = "0.1875rem solid #ec0000";
505
500
  export const amsFieldSetInvalidPaddingInlineStart =
506
501
  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
502
+ export const amsFieldSetLegendMarginBlockEnd =
503
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
504
+ export const amsFieldSetLegendColor = "#202020";
505
+ export const amsFieldSetLegendFontFamily =
506
+ "'Amsterdam Sans', Arial, sans-serif";
507
+ export const amsFieldSetLegendFontSize =
508
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
509
+ export const amsFieldSetLegendFontWeight = "800";
510
+ export const amsFieldSetLegendLineHeight = "1.3";
511
+ export const amsFieldSetLegendTextWrap = "balance";
512
+ export const amsFieldSetLegendInFieldsetFontWeight = "400";
507
513
  export const amsFieldGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
508
514
  export const amsFieldChildMarginBlockEnd =
509
515
  "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
@@ -517,7 +523,7 @@ export const amsFigureCaptionColor = "#202020";
517
523
  export const amsFigureCaptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
518
524
  export const amsFigureCaptionFontSize = "1rem";
519
525
  export const amsFigureCaptionFontWeight = "400";
520
- export const amsFigureCaptionLineHeight = "1.6";
526
+ export const amsFigureCaptionLineHeight = "1.5";
521
527
  export const amsFigureCaptionInverseColor = "#ffffff";
522
528
  export const amsFileInputBackgroundColor = "#ffffff";
523
529
  export const amsFileInputBorderColor = "currentColor";
@@ -552,8 +558,7 @@ export const amsFileInputFileSelectorButtonPaddingInline =
552
558
  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
553
559
  export const amsFileInputFileSelectorButtonDisabledColor = "#767676";
554
560
  export const amsFileInputFileSelectorButtonDisabledCursor = "not-allowed";
555
- export const amsFileInputFileSelectorButtonHoverBoxShadow =
556
- "inset 0rem 0rem 0rem 0.0625rem currentColor";
561
+ export const amsFileInputFileSelectorButtonHoverBoxShadow = "0 0 0 #000000";
557
562
  export const amsFileInputFileSelectorButtonHoverColor = "#003677";
558
563
  export const amsFileListGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
559
564
  export const amsFileListPaddingBlock =
@@ -563,7 +568,7 @@ export const amsFileListFileFontSize = "1rem";
563
568
  export const amsFileListFileFontWeight = "400";
564
569
  export const amsFileListFileGap =
565
570
  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
566
- export const amsFileListFileLineHeight = "1.6";
571
+ export const amsFileListFileLineHeight = "1.5";
567
572
  export const amsFileListFileDetailsColor = "#767676";
568
573
  export const amsFileListFilePreviewWidth = "clamp(2.5rem, 10vw, 5rem)";
569
574
  export const amsGridColumnCount = "4";
@@ -623,16 +628,16 @@ export const amsIconButtonInverseHoverBackgroundColor = "#003677";
623
628
  export const amsIconButtonInverseHoverColor = "#ffffff";
624
629
  export const amsIconButtonInverseDisabledColor = "#ffffff";
625
630
  export const amsIconButtonInverseDisabledBackgroundColor = "#767676";
626
- export const amsIconHeading_0FontSize =
627
- "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)";
628
- export const amsIconHeading_0LineHeight = "1.1";
629
631
  export const amsIconFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
630
- export const amsIconLineHeight = "1.8";
632
+ export const amsIconLineHeight = "1.6";
631
633
  export const amsIconSmallFontSize = "1rem";
632
- export const amsIconSmallLineHeight = "1.6";
634
+ export const amsIconSmallLineHeight = "1.5";
633
635
  export const amsIconLargeFontSize =
634
636
  "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
635
- export const amsIconLargeLineHeight = "1.6";
637
+ export const amsIconLargeLineHeight = "1.5";
638
+ export const amsIconHeading_0FontSize =
639
+ "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)";
640
+ export const amsIconHeading_0LineHeight = "1.1";
636
641
  export const amsIconHeading_1FontSize =
637
642
  "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)";
638
643
  export const amsIconHeading_1LineHeight = "1.2";
@@ -683,16 +688,16 @@ export const amsLinkListLinkFontSize =
683
688
  export const amsLinkListLinkFontWeight = "400";
684
689
  export const amsLinkListLinkGap =
685
690
  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
686
- export const amsLinkListLinkLineHeight = "1.8";
691
+ export const amsLinkListLinkLineHeight = "1.6";
687
692
  export const amsLinkListLinkOutlineOffset = "0.25rem";
688
693
  export const amsLinkListLinkTextDecorationLine = "none";
689
694
  export const amsLinkListLinkTextDecorationThickness = "0.125rem";
690
695
  export const amsLinkListLinkTextUnderlineOffset = "0.15625rem";
691
696
  export const amsLinkListLinkSmallFontSize = "1rem";
692
- export const amsLinkListLinkSmallLineHeight = "1.6";
697
+ export const amsLinkListLinkSmallLineHeight = "1.5";
693
698
  export const amsLinkListLinkLargeFontSize =
694
699
  "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
695
- export const amsLinkListLinkLargeLineHeight = "1.6";
700
+ export const amsLinkListLinkLargeLineHeight = "1.5";
696
701
  export const amsLinkListLinkHoverColor = "#003677";
697
702
  export const amsLinkListLinkHoverTextDecorationLine = "underline";
698
703
  export const amsLinkListLinkContrastColor = "#202020";
@@ -720,11 +725,22 @@ export const amsLogoEmblemColor = "#ec0000";
720
725
  export const amsLogoSubsiteColor = "#202020";
721
726
  export const amsLogoTitleColor = "#ec0000";
722
727
  export const amsMarkBackgroundColor = "#ffe600";
728
+ export const amsMenuBackgroundColor = "#004699";
729
+ export const amsMenuFontFamily = "'Amsterdam Sans', Arial, sans-serif";
730
+ export const amsMenuFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
731
+ export const amsMenuFontWeight = "400";
732
+ export const amsMenuLineHeight = "1.6";
733
+ export const amsMenuPaddingBlock = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
734
+ export const amsMenuWideMaxInlineSize = "8rem";
735
+ export const amsMenuWidePaddingBlock =
736
+ "calc(clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) + 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)) clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
737
+ export const amsMenuWidePaddingInline =
738
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
739
+ export const amsMenuLinkColor = "#ffffff";
723
740
  export const amsMenuLinkContrastColor = "#202020";
724
741
  export const amsMenuLinkContrastHoverColor = "#202020";
725
742
  export const amsMenuLinkInverseColor = "#ffffff";
726
743
  export const amsMenuLinkInverseHoverColor = "#ffffff";
727
- export const amsMenuLinkColor = "#ffffff";
728
744
  export const amsMenuLinkGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
729
745
  export const amsMenuLinkOutlineOffset = "0.25rem";
730
746
  export const amsMenuLinkPaddingBlock =
@@ -738,17 +754,6 @@ export const amsMenuLinkHoverColor = "#ffffff";
738
754
  export const amsMenuLinkHoverTextDecorationLine = "underline";
739
755
  export const amsMenuLinkWideGap =
740
756
  "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
741
- export const amsMenuBackgroundColor = "#004699";
742
- export const amsMenuFontFamily = "'Amsterdam Sans', Arial, sans-serif";
743
- export const amsMenuFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
744
- export const amsMenuFontWeight = "400";
745
- export const amsMenuLineHeight = "1.8";
746
- export const amsMenuPaddingBlock = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
747
- export const amsMenuWideMaxInlineSize = "8rem";
748
- export const amsMenuWidePaddingBlock =
749
- "calc(clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) + 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)) clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
750
- export const amsMenuWidePaddingInline =
751
- "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
752
757
  export const amsMenuListGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
753
758
  export const amsOrderedListColor = "#202020";
754
759
  export const amsOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
@@ -756,10 +761,10 @@ export const amsOrderedListFontSize =
756
761
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
757
762
  export const amsOrderedListFontWeight = "400";
758
763
  export const amsOrderedListGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
759
- export const amsOrderedListLineHeight = "1.8";
764
+ export const amsOrderedListLineHeight = "1.6";
760
765
  export const amsOrderedListListStyleType = "decimal";
761
766
  export const amsOrderedListSmallFontSize = "1rem";
762
- export const amsOrderedListSmallLineHeight = "1.6";
767
+ export const amsOrderedListSmallLineHeight = "1.5";
763
768
  export const amsOrderedListInverseColor = "#ffffff";
764
769
  export const amsOrderedListItemMarginInlineStart = "2.25rem";
765
770
  export const amsOrderedListItemPaddingInlineStart = "0.25rem";
@@ -790,7 +795,7 @@ export const amsPageFooterMenuLinkFontFamily =
790
795
  export const amsPageFooterMenuLinkFontSize =
791
796
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
792
797
  export const amsPageFooterMenuLinkFontWeight = "400";
793
- export const amsPageFooterMenuLinkLineHeight = "1.8";
798
+ export const amsPageFooterMenuLinkLineHeight = "1.6";
794
799
  export const amsPageFooterMenuLinkOutlineOffset = "0.25rem";
795
800
  export const amsPageFooterMenuLinkTextDecorationLine = "none";
796
801
  export const amsPageFooterMenuLinkTextDecorationThickness = "0.125rem";
@@ -838,7 +843,7 @@ export const amsPageHeaderMenuItemFontFamily =
838
843
  export const amsPageHeaderMenuItemFontSize =
839
844
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
840
845
  export const amsPageHeaderMenuItemFontWeight = "400";
841
- export const amsPageHeaderMenuItemLineHeight = "1.8";
846
+ export const amsPageHeaderMenuItemLineHeight = "1.6";
842
847
  export const amsPageHeaderMenuItemOutlineOffset = "0.25rem";
843
848
  export const amsPageHeaderMenuItemPaddingBlock =
844
849
  "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
@@ -871,7 +876,7 @@ export const amsPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
871
876
  export const amsPaginationFontSize =
872
877
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
873
878
  export const amsPaginationFontWeight = "400";
874
- export const amsPaginationLineHeight = "1.8";
879
+ export const amsPaginationLineHeight = "1.6";
875
880
  export const amsPaginationLinkColor = "#004699";
876
881
  export const amsPaginationLinkGap =
877
882
  "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
@@ -889,13 +894,13 @@ export const amsParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
889
894
  export const amsParagraphFontSize =
890
895
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
891
896
  export const amsParagraphFontWeight = "400";
892
- export const amsParagraphLineHeight = "1.8";
897
+ export const amsParagraphLineHeight = "1.6";
893
898
  export const amsParagraphInverseColor = "#ffffff";
894
899
  export const amsParagraphSmallFontSize = "1rem";
895
- export const amsParagraphSmallLineHeight = "1.6";
900
+ export const amsParagraphSmallLineHeight = "1.5";
896
901
  export const amsParagraphLargeFontSize =
897
902
  "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
898
- export const amsParagraphLargeLineHeight = "1.6";
903
+ export const amsParagraphLargeLineHeight = "1.5";
899
904
  export const amsParagraphLargeTextWrap = "balance";
900
905
  export const amsPasswordInputBackgroundColor = "#ffffff";
901
906
  export const amsPasswordInputBorderColor = "currentColor";
@@ -931,6 +936,16 @@ export const amsProgressListHeading_4StepMarkerBlockSize =
931
936
  "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.4)";
932
937
  export const amsProgressListHeading_4StepMarkerMarginBlockStart =
933
938
  "calc((1.4 * clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)) / 2)";
939
+ export const amsProgressListButtonColor = "#004699";
940
+ export const amsProgressListButtonCursor = "pointer";
941
+ export const amsProgressListButtonGap =
942
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
943
+ export const amsProgressListButtonOutlineOffset = "0.25rem";
944
+ export const amsProgressListButtonPaddingBlock = "0";
945
+ export const amsProgressListButtonPaddingInline = "0";
946
+ export const amsProgressListButtonHoverColor = "#003677";
947
+ export const amsProgressListIconTransitionDuration = "0.3s";
948
+ export const amsProgressListIconTransitionTimingFunction = "ease";
934
949
  export const amsProgressListStepGap =
935
950
  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
936
951
  export const amsProgressListStepMediumGap =
@@ -964,7 +979,7 @@ export const amsProgressListSubstepsStepIndicatorMarginInlineEnd =
964
979
  export const amsProgressListSubstepsStepIndicatorMediumMarginInlineEnd =
965
980
  "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
966
981
  export const amsProgressListSubstepsStepMarkerBlockSize =
967
- "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.8)";
982
+ "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)";
968
983
  export const amsProgressListSubstepsStepMarkerInlineSize = "1.5rem";
969
984
  export const amsProgressListSubstepsStepMarkerShapeBlockSize = "0.75rem";
970
985
  export const amsProgressListSubstepsStepMarkerShapeBackgroundColor = "#ffffff";
@@ -979,7 +994,7 @@ export const amsProgressListSubstepsStepConnectorBorderInlineColor = "#767676";
979
994
  export const amsProgressListSubstepsStepConnectorBorderInlineStyle = "dashed";
980
995
  export const amsProgressListSubstepsStepConnectorBorderInlineWidth = "1px";
981
996
  export const amsProgressListSubstepsStepConnectorMarginBlockStart =
982
- "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.8 / 2)";
997
+ "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6 / 2)";
983
998
  export const amsProgressListSubstepsStepConnectorLastChildBorderInlineColor =
984
999
  "#ffffff";
985
1000
  export const amsProgressListSubstepsStepContentMarginBlockEnd =
@@ -1005,7 +1020,7 @@ export const amsRadioFontSize =
1005
1020
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1006
1021
  export const amsRadioFontWeight = "400";
1007
1022
  export const amsRadioGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1008
- export const amsRadioLineHeight = "1.8";
1023
+ export const amsRadioLineHeight = "1.6";
1009
1024
  export const amsRadioOutlineOffset = "0.25rem";
1010
1025
  export const amsRadioTextDecorationThickness = "0.125rem";
1011
1026
  export const amsRadioTextUnderlineOffset = "0.15625rem";
@@ -1031,7 +1046,7 @@ export const amsRadioDisabledCursor = "not-allowed";
1031
1046
  export const amsRadioHoverColor = "#003677";
1032
1047
  export const amsRadioHoverTextDecorationLine = "underline";
1033
1048
  export const amsRadioIconContainerBlockSize =
1034
- "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.8)";
1049
+ "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)";
1035
1050
  export const amsRadioIconContainerInlineSize =
1036
1051
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1037
1052
  export const amsRowGapXSmall = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
@@ -1091,14 +1106,12 @@ export const amsSelectDisabledBackgroundImage =
1091
1106
  "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23767676' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")";
1092
1107
  export const amsSelectDisabledColor = "#767676";
1093
1108
  export const amsSelectDisabledCursor = "not-allowed";
1094
- export const amsSelectHoverBoxShadow =
1095
- "inset 0rem 0rem 0rem 0.0625rem currentColor";
1109
+ export const amsSelectHoverBoxShadow = "0 0 0 #000000";
1096
1110
  export const amsSelectHoverBackgroundImage =
1097
1111
  "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23003677' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")";
1098
1112
  export const amsSelectInvalidBorderColor = "#ec0000";
1099
1113
  export const amsSelectInvalidHoverBorderColor = "#b70000";
1100
- export const amsSelectInvalidHoverBoxShadow =
1101
- "inset 0rem 0rem 0rem 0.0625rem #b70000";
1114
+ export const amsSelectInvalidHoverBoxShadow = "0 0 0 #000000";
1102
1115
  export const amsSelectOptionDisabledColor = "#767676";
1103
1116
  export const amsSkipLinkBackgroundColor = "#004699";
1104
1117
  export const amsSkipLinkColor = "#ffffff";
@@ -1106,7 +1119,7 @@ export const amsSkipLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
1106
1119
  export const amsSkipLinkFontSize =
1107
1120
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1108
1121
  export const amsSkipLinkFontWeight = "400";
1109
- export const amsSkipLinkLineHeight = "1.8";
1122
+ export const amsSkipLinkLineHeight = "1.6";
1110
1123
  export const amsSkipLinkOutlineOffset = "0.25rem";
1111
1124
  export const amsSkipLinkPaddingBlock =
1112
1125
  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
@@ -1120,13 +1133,6 @@ export const amsSpotlightLimeBackgroundColor = "#bed200";
1120
1133
  export const amsSpotlightMagentaBackgroundColor = "#e50082";
1121
1134
  export const amsSpotlightOrangeBackgroundColor = "#ff9100";
1122
1135
  export const amsSpotlightYellowBackgroundColor = "#ffe600";
1123
- export const amsStandaloneLinkHoverTextDecorationThickness = "0.1875rem";
1124
- export const amsStandaloneLinkHoverTextUnderlineOffset = "0.09375rem";
1125
- export const amsStandaloneLinkHoverColor = "#003677";
1126
- export const amsStandaloneLinkHoverTextDecorationLine = "underline";
1127
- export const amsStandaloneLinkWithIconTextDecorationLine = "none";
1128
- export const amsStandaloneLinkWithIconTextDecorationThickness = "0.125rem";
1129
- export const amsStandaloneLinkWithIconHoverTextDecorationLine = "underline";
1130
1136
  export const amsStandaloneLinkColor = "#004699";
1131
1137
  export const amsStandaloneLinkColumnGap =
1132
1138
  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
@@ -1135,11 +1141,18 @@ export const amsStandaloneLinkFontFamily =
1135
1141
  export const amsStandaloneLinkFontSize =
1136
1142
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1137
1143
  export const amsStandaloneLinkFontWeight = "400";
1138
- export const amsStandaloneLinkLineHeight = "1.8";
1144
+ export const amsStandaloneLinkLineHeight = "1.6";
1139
1145
  export const amsStandaloneLinkOutlineOffset = "0.25rem";
1140
1146
  export const amsStandaloneLinkTextDecorationLine = "none";
1141
1147
  export const amsStandaloneLinkTextDecorationThickness = "0.125rem";
1142
1148
  export const amsStandaloneLinkTextUnderlineOffset = "0.15625rem";
1149
+ export const amsStandaloneLinkHoverColor = "#003677";
1150
+ export const amsStandaloneLinkHoverTextDecorationLine = "underline";
1151
+ export const amsStandaloneLinkHoverTextDecorationThickness = "0.1875rem";
1152
+ export const amsStandaloneLinkHoverTextUnderlineOffset = "0.09375rem";
1153
+ export const amsStandaloneLinkWithIconTextDecorationLine = "none";
1154
+ export const amsStandaloneLinkWithIconTextDecorationThickness = "0.125rem";
1155
+ export const amsStandaloneLinkWithIconHoverTextDecorationLine = "underline";
1143
1156
  export const amsStandaloneLinkContrastColor = "#202020";
1144
1157
  export const amsStandaloneLinkContrastHoverColor = "#202020";
1145
1158
  export const amsStandaloneLinkInverseColor = "#ffffff";
@@ -1151,15 +1164,11 @@ export const amsSwitchInlineSize = "3.5rem";
1151
1164
  export const amsSwitchThumbBackgroundColor = "#ffffff";
1152
1165
  export const amsSwitchThumbBlockSize = "1.75rem";
1153
1166
  export const amsSwitchThumbInlineSize = "1.75rem";
1154
- export const amsSwitchThumbHoverBoxShadow = "0 0 0 0.125rem #003677";
1167
+ export const amsSwitchThumbHoverBoxShadow = "0rem 0rem 0rem 0.125rem #003677";
1155
1168
  export const amsSwitchThumbHoverColor = "#003677";
1156
1169
  export const amsSwitchCheckedBackgroundColor = "#004699";
1157
1170
  export const amsSwitchDisabledBackgroundColor = "#767676";
1158
1171
  export const amsSwitchDisabledCursor = "not-allowed";
1159
- export const amsTableOfContentsHeadingFontWeight = "800";
1160
- export const amsTableOfContentsHeadingFontSize =
1161
- "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1162
- export const amsTableOfContentsHeadingLineHeight = "1.4";
1163
1172
  export const amsTableOfContentsFontFamily =
1164
1173
  "'Amsterdam Sans', Arial, sans-serif";
1165
1174
  export const amsTableOfContentsFontSize =
@@ -1167,7 +1176,11 @@ export const amsTableOfContentsFontSize =
1167
1176
  export const amsTableOfContentsFontWeight = "400";
1168
1177
  export const amsTableOfContentsGap =
1169
1178
  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1170
- export const amsTableOfContentsLineHeight = "1.8";
1179
+ export const amsTableOfContentsLineHeight = "1.6";
1180
+ export const amsTableOfContentsHeadingFontWeight = "800";
1181
+ export const amsTableOfContentsHeadingFontSize =
1182
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1183
+ export const amsTableOfContentsHeadingLineHeight = "1.4";
1171
1184
  export const amsTableOfContentsLinkColor = "#004699";
1172
1185
  export const amsTableOfContentsLinkOutlineOffset = "0.25rem";
1173
1186
  export const amsTableOfContentsLinkTextDecorationLine = "none";
@@ -1186,7 +1199,7 @@ export const amsTableFontFamily = "'Amsterdam Sans', Arial, sans-serif";
1186
1199
  export const amsTableFontSize =
1187
1200
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1188
1201
  export const amsTableFontWeight = "400";
1189
- export const amsTableLineHeight = "1.8";
1202
+ export const amsTableLineHeight = "1.6";
1190
1203
  export const amsTableCaptionFontWeight = "800";
1191
1204
  export const amsTableCellBorderBlockEnd = "0.0625rem solid #d1d1d1";
1192
1205
  export const amsTableCellPaddingBlock =
@@ -1195,25 +1208,24 @@ export const amsTableCellPaddingInline =
1195
1208
  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
1196
1209
  export const amsTableHeaderCellFontWeight = "800";
1197
1210
  export const amsTabsGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
1198
- export const amsTabsListBoxShadow =
1199
- "inset 0rem calc(0.125rem * -1) 0rem 0rem #d1d1d1";
1211
+ export const amsTabsListBoxShadow = "inset 0rem -0.125rem 0rem 0rem #d1d1d1";
1200
1212
  export const amsTabsButtonColor = "#004699";
1201
1213
  export const amsTabsButtonCursor = "pointer";
1202
1214
  export const amsTabsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
1203
1215
  export const amsTabsButtonFontSize =
1204
1216
  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1205
1217
  export const amsTabsButtonFontWeight = "400";
1206
- export const amsTabsButtonLineHeight = "1.8";
1218
+ export const amsTabsButtonLineHeight = "1.6";
1207
1219
  export const amsTabsButtonOutlineOffset = "calc(0.25rem * -1)";
1208
1220
  export const amsTabsButtonPaddingBlock =
1209
1221
  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1210
1222
  export const amsTabsButtonPaddingInline =
1211
1223
  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
1212
1224
  export const amsTabsButtonHoverBoxShadow =
1213
- "inset 0rem calc(0.125rem * -1) 0rem 0rem currentColor";
1225
+ "inset 0rem -0.125rem 0rem 0rem currentColor";
1214
1226
  export const amsTabsButtonHoverColor = "#003677";
1215
1227
  export const amsTabsButtonSelectedBoxShadow =
1216
- "inset 0rem calc(0.25rem * -1) 0rem 0rem currentColor";
1228
+ "inset 0rem -0.25rem 0rem 0rem currentColor";
1217
1229
  export const amsTabsButtonSelectedFontWeight = "800";
1218
1230
  export const amsTabsButtonDisabledColor = "#767676";
1219
1231
  export const amsTabsButtonDisabledCursor = "not-allowed";
@@ -1228,7 +1240,7 @@ export const amsTextAreaFontSize =
1228
1240
  export const amsTextAreaFontWeight = "400";
1229
1241
  export const amsTextAreaLineHeight = "1.4";
1230
1242
  export const amsTextAreaMinBlockSize =
1231
- "calc(1.8 * 1em + 2 * clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem))";
1243
+ "calc(1.6 * 1em + 2 * clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem))";
1232
1244
  export const amsTextAreaOutlineOffset = "0.25rem";
1233
1245
  export const amsTextAreaPaddingBlock =
1234
1246
  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
@@ -1258,28 +1270,11 @@ export const amsTextInputPaddingInline =
1258
1270
  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
1259
1271
  export const amsTextInputDisabledColor = "#767676";
1260
1272
  export const amsTextInputDisabledCursor = "not-allowed";
1261
- export const amsTextInputHoverBoxShadow =
1262
- "inset 0rem 0rem 0rem 0.0625rem currentColor";
1273
+ export const amsTextInputHoverBoxShadow = "0 0 0 #000000";
1263
1274
  export const amsTextInputInvalidBorderColor = "#ec0000";
1264
1275
  export const amsTextInputInvalidHoverBorderColor = "#b70000";
1265
- export const amsTextInputInvalidHoverBoxShadow =
1266
- "inset 0rem 0rem 0rem 0.0625rem #b70000";
1276
+ export const amsTextInputInvalidHoverBoxShadow = "0 0 0 #000000";
1267
1277
  export const amsTextInputPlaceholderColor = "#767676";
1268
- export const amsTimeInputDisabledCalendarPickerIndicatorBackgroundImage =
1269
- "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
1270
- export const amsTimeInputDisabledCalenderPickerIndicatorBackgroundImage =
1271
- "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
1272
- export const amsTimeInputDisabledColor = "#767676";
1273
- export const amsTimeInputDisabledCursor = "not-allowed";
1274
- export const amsTimeInputHoverCalenderPickerIndicatorBackgroundImage =
1275
- "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
1276
- export const amsTimeInputHoverBoxShadow =
1277
- "inset 0rem 0rem 0rem 0.0625rem currentColor";
1278
- export const amsTimeInputHoverCalendarPickerIndicatorBackgroundImage =
1279
- "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
1280
- export const amsTimeInputCalenderPickerIndicatorBackgroundImage =
1281
- "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23004699'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
1282
- export const amsTimeInputCalenderPickerIndicatorCursor = "pointer";
1283
1278
  export const amsTimeInputBackgroundColor = "#ffffff";
1284
1279
  export const amsTimeInputBorderColor = "currentColor";
1285
1280
  export const amsTimeInputBorderStyle = "solid";
@@ -1295,13 +1290,26 @@ export const amsTimeInputPaddingBlock =
1295
1290
  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1296
1291
  export const amsTimeInputPaddingInline =
1297
1292
  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
1293
+ export const amsTimeInputDisabledColor = "#767676";
1294
+ export const amsTimeInputDisabledCursor = "not-allowed";
1295
+ export const amsTimeInputDisabledCalendarPickerIndicatorBackgroundImage =
1296
+ "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
1297
+ export const amsTimeInputDisabledCalenderPickerIndicatorBackgroundImage =
1298
+ "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
1299
+ export const amsTimeInputHoverBoxShadow = "0 0 0 #000000";
1300
+ export const amsTimeInputHoverCalendarPickerIndicatorBackgroundImage =
1301
+ "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
1302
+ export const amsTimeInputHoverCalenderPickerIndicatorBackgroundImage =
1303
+ "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
1298
1304
  export const amsTimeInputInvalidBorderColor = "#ec0000";
1299
1305
  export const amsTimeInputInvalidHoverBorderColor = "#b70000";
1300
- export const amsTimeInputInvalidHoverBoxShadow =
1301
- "inset 0rem 0rem 0rem 0.0625rem #b70000";
1306
+ export const amsTimeInputInvalidHoverBoxShadow = "0 0 0 #000000";
1302
1307
  export const amsTimeInputCalendarPickerIndicatorBackgroundImage =
1303
1308
  "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23004699'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
1304
1309
  export const amsTimeInputCalendarPickerIndicatorCursor = "pointer";
1310
+ export const amsTimeInputCalenderPickerIndicatorBackgroundImage =
1311
+ "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23004699'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
1312
+ export const amsTimeInputCalenderPickerIndicatorCursor = "pointer";
1305
1313
  export const amsUnorderedListColor = "#202020";
1306
1314
  export const amsUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
1307
1315
  export const amsUnorderedListFontSize =
@@ -1309,11 +1317,11 @@ export const amsUnorderedListFontSize =
1309
1317
  export const amsUnorderedListFontWeight = "400";
1310
1318
  export const amsUnorderedListGap =
1311
1319
  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1312
- export const amsUnorderedListLineHeight = "1.8";
1320
+ export const amsUnorderedListLineHeight = "1.6";
1313
1321
  export const amsUnorderedListListStyleType = "'\\2022'";
1314
1322
  export const amsUnorderedListInverseColor = "#ffffff";
1315
1323
  export const amsUnorderedListSmallFontSize = "1rem";
1316
- export const amsUnorderedListSmallLineHeight = "1.6";
1324
+ export const amsUnorderedListSmallLineHeight = "1.5";
1317
1325
  export const amsUnorderedListItemMarginInlineStart = "1.625rem";
1318
1326
  export const amsUnorderedListItemPaddingInlineStart = "0.875rem";
1319
1327
  export const amsUnorderedListUnorderedListGap =