@amsterdam/design-system-tokens 0.10.0 → 0.11.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 (55) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/build.js +15 -14
  3. package/dist/compact.css +13 -9
  4. package/dist/compact.d.ts +10 -12
  5. package/dist/compact.json +12 -7
  6. package/dist/compact.mjs +13 -9
  7. package/dist/compact.scss +13 -9
  8. package/dist/compact.theme.css +13 -9
  9. package/dist/index.css +114 -105
  10. package/dist/index.d.ts +44 -39
  11. package/dist/index.json +200 -188
  12. package/dist/index.mjs +191 -182
  13. package/dist/index.scss +114 -105
  14. package/dist/index.theme.css +114 -105
  15. package/package.json +3 -2
  16. package/src/brand/ams/space.compact.tokens.json +5 -0
  17. package/src/brand/ams/space.tokens.json +10 -19
  18. package/src/brand/ams/text.compact.tokens.json +7 -7
  19. package/src/brand/ams/text.tokens.json +7 -7
  20. package/src/components/ams/accordion.tokens.json +4 -4
  21. package/src/components/ams/alert.tokens.json +6 -3
  22. package/src/components/ams/avatar.tokens.json +2 -2
  23. package/src/components/ams/badge.tokens.json +1 -1
  24. package/src/components/ams/breadcrumb.tokens.json +4 -1
  25. package/src/components/ams/button.tokens.json +3 -3
  26. package/src/components/ams/card.tokens.json +4 -0
  27. package/src/components/ams/{form-field-character-counter.tokens.json → character-count.tokens.json} +1 -1
  28. package/src/components/ams/checkbox.tokens.json +1 -0
  29. package/src/components/ams/column.tokens.json +6 -5
  30. package/src/components/ams/date-input.tokens.json +2 -2
  31. package/src/components/ams/description-list.tokens.json +3 -3
  32. package/src/components/ams/dialog.tokens.json +8 -7
  33. package/src/components/ams/field-set.tokens.json +3 -7
  34. package/src/components/ams/field.tokens.json +3 -9
  35. package/src/components/ams/file-input.tokens.json +5 -5
  36. package/src/components/ams/form-error-list.tokens.json +7 -0
  37. package/src/components/ams/header.tokens.json +1 -1
  38. package/src/components/ams/link-list.tokens.json +2 -2
  39. package/src/components/ams/mega-menu.tokens.json +1 -1
  40. package/src/components/ams/ordered-list.tokens.json +1 -1
  41. package/src/components/ams/page-menu.tokens.json +1 -1
  42. package/src/components/ams/pagination.tokens.json +2 -1
  43. package/src/components/ams/radio.tokens.json +1 -0
  44. package/src/components/ams/row.tokens.json +6 -5
  45. package/src/components/ams/search-field.tokens.json +4 -4
  46. package/src/components/ams/select.tokens.json +3 -3
  47. package/src/components/ams/skip-link.tokens.json +2 -2
  48. package/src/components/ams/table-of-contents.tokens.json +4 -4
  49. package/src/components/ams/table.tokens.json +2 -2
  50. package/src/components/ams/tabs.tokens.json +3 -2
  51. package/src/components/ams/text-area.tokens.json +2 -2
  52. package/src/components/ams/text-input.tokens.json +2 -2
  53. package/src/components/ams/time-input.tokens.json +2 -2
  54. package/src/components/ams/top-task-link.tokens.json +1 -0
  55. package/src/components/ams/unordered-list.tokens.json +1 -1
package/dist/index.mjs CHANGED
@@ -1,6 +1,5 @@
1
1
  /**
2
- * Do not edit directly
3
- * Generated on Fri, 28 Jun 2024 12:13:40 GMT
2
+ * Do not edit directly, this file was auto-generated.
4
3
  */
5
4
 
6
5
  export const amsBorderWidthSm = "0.0625rem";
@@ -28,37 +27,32 @@ export const amsProportionSquare = "1 / 1";
28
27
  export const amsProportionWide = "4 / 3";
29
28
  export const amsProportionXWide = "16 / 9";
30
29
  export const amsProportion2xWide = "16 / 5";
31
- export const amsSpaceGridXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
32
- export const amsSpaceGridSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
33
- export const amsSpaceGridMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Grows from 16px at 320px wide to 56px at 1600px wide.
34
- export const amsSpaceGridLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
35
- export const amsSpaceGridXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
36
- export const amsSpaceInsideXs = ".5rem";
37
- export const amsSpaceInsideSm = ".75rem";
38
- export const amsSpaceInsideMd = "1rem";
39
- export const amsSpaceInsideLg = "1.5rem";
40
- export const amsSpaceInsideXl = "2rem";
41
- export const amsSpaceStackXs = ".5rem";
42
- export const amsSpaceStackSm = ".75rem";
43
- export const amsSpaceStackMd = "1rem";
44
- export const amsSpaceStackLg = "1.5rem";
45
- export const amsSpaceStackXl = "2rem";
30
+ export const amsSpaceXs = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
31
+ export const amsSpaceSm = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
32
+ export const amsSpaceMd = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
33
+ export const amsSpaceLg = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
34
+ export const amsSpaceXl = "clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)";
35
+ export const amsSpaceGridXs = "clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)";
36
+ export const amsSpaceGridSm = "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)";
37
+ export const amsSpaceGridMd = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)"; // Grows from 16px at 320px wide to 56px at 1600px wide.
38
+ export const amsSpaceGridLg = "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)";
39
+ export const amsSpaceGridXl = "clamp(2rem, calc(0.75rem + 6.25vw), 7rem)";
46
40
  export const amsTextFontFamily = "'Amsterdam Sans', Arial, sans-serif";
47
41
  export const amsTextFontWeightNormal = 400;
48
42
  export const amsTextFontWeightBold = 800;
49
- export const amsTextLevel0FontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
43
+ export const amsTextLevel0FontSize = "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)";
50
44
  export const amsTextLevel0LineHeight = "1.15";
51
- export const amsTextLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
45
+ export const amsTextLevel1FontSize = "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)";
52
46
  export const amsTextLevel1LineHeight = "1.2";
53
- export const amsTextLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
47
+ export const amsTextLevel2FontSize = "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)";
54
48
  export const amsTextLevel2LineHeight = "1.25";
55
- export const amsTextLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
49
+ export const amsTextLevel3FontSize = "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
56
50
  export const amsTextLevel3LineHeight = "1.3";
57
- export const amsTextLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
51
+ export const amsTextLevel4FontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
58
52
  export const amsTextLevel4LineHeight = "1.5";
59
- export const amsTextLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
53
+ export const amsTextLevel5FontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
60
54
  export const amsTextLevel5LineHeight = "1.6";
61
- export const amsTextLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
55
+ export const amsTextLevel6FontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
62
56
  export const amsTextLevel6LineHeight = "1.6";
63
57
  export const amsActionActivateCursor = "pointer";
64
58
  export const amsActionBusyCursor = "wait";
@@ -81,30 +75,31 @@ export const amsLinkAppearanceRegularHoverTextDecorationThickness = "0.1875rem";
81
75
  export const amsLinkAppearanceRegularHoverTextUnderlineOffset = "0.2778em";
82
76
  export const amsLinkAppearanceSubtleTextDecorationLine = "none";
83
77
  export const amsLinkAppearanceSubtleHoverTextDecorationLine = "underline";
84
- export const amsAccordionGap = ".5rem";
78
+ export const amsAccordionGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
85
79
  export const amsAccordionButtonColor = "#004699";
86
80
  export const amsAccordionButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
87
- export const amsAccordionButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
81
+ export const amsAccordionButtonFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
88
82
  export const amsAccordionButtonFontWeight = 800;
89
- export const amsAccordionButtonGap = "1rem";
83
+ export const amsAccordionButtonGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
90
84
  export const amsAccordionButtonLineHeight = "1.6";
91
- export const amsAccordionButtonPaddingBlock = ".75rem";
85
+ export const amsAccordionButtonPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
92
86
  export const amsAccordionButtonPaddingInline = "0";
93
87
  export const amsAccordionButtonFocusOutlineOffset = "0.125rem";
94
88
  export const amsAccordionButtonHoverColor = "#102E62";
95
- export const amsAccordionPanelPaddingBlock = "0 1rem";
89
+ export const amsAccordionPanelPaddingBlock = "0";
96
90
  export const amsAccordionPanelPaddingInline = "0";
97
91
  export const amsAlertBorderWidth = "0.25rem";
98
92
  export const amsAlertBorderStyle = "solid";
99
- export const amsAlertGap = "1rem";
100
- export const amsAlertPaddingBlock = "1rem";
101
- export const amsAlertPaddingInline = "1.5rem";
93
+ export const amsAlertGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
94
+ export const amsAlertPaddingBlock = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
95
+ export const amsAlertPaddingInline = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
102
96
  export const amsAlertErrorBorderColor = "#EC0000";
103
97
  export const amsAlertInfoBorderColor = "#004699";
104
98
  export const amsAlertSuccessBorderColor = "#00A03C";
105
99
  export const amsAlertWarningBorderColor = "#FF9100";
106
100
  export const amsAlertCloseFill = "#000000";
107
101
  export const amsAlertCloseHoverFill = "#004699";
102
+ export const amsAlertContentGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
108
103
  export const amsAspectRatioXTall = "9 / 16";
109
104
  export const amsAspectRatioTall = "3 / 4";
110
105
  export const amsAspectRatioSquare = "1 / 1";
@@ -113,11 +108,11 @@ export const amsAspectRatioXWide = "16 / 9";
113
108
  export const amsAspectRatio2xWide = "16 / 5";
114
109
  export const amsAvatarAspectRatio = "1 / 1";
115
110
  export const amsAvatarFontFamily = "'Amsterdam Sans', Arial, sans-serif";
116
- export const amsAvatarFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
111
+ export const amsAvatarFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
117
112
  export const amsAvatarFontWeight = 400;
118
113
  export const amsAvatarLineHeight = "1.6";
119
- export const amsAvatarPaddingBlock = "0.25rem";
120
- export const amsAvatarPaddingInline = "0.25rem";
114
+ export const amsAvatarPaddingBlock = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
115
+ export const amsAvatarPaddingInline = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
121
116
  export const amsAvatarBlackBackgroundColor = "#000000";
122
117
  export const amsAvatarBlackColor = "#FFFFFF";
123
118
  export const amsAvatarBlueBackgroundColor = "#004699";
@@ -147,10 +142,10 @@ export const amsAvatarWhiteColor = "#000000";
147
142
  export const amsAvatarYellowBackgroundColor = "#FFE600";
148
143
  export const amsAvatarYellowColor = "#000000";
149
144
  export const amsBadgeFontFamily = "'Amsterdam Sans', Arial, sans-serif";
150
- export const amsBadgeFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
145
+ export const amsBadgeFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
151
146
  export const amsBadgeFontWeight = 800;
152
147
  export const amsBadgeLineHeight = "1.6";
153
- export const amsBadgePaddingInline = ".5rem";
148
+ export const amsBadgePaddingInline = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
154
149
  export const amsBadgeBlackBackgroundColor = "#000000";
155
150
  export const amsBadgeBlackColor = "#FFFFFF";
156
151
  export const amsBadgeBlueBackgroundColor = "#004699";
@@ -181,15 +176,18 @@ export const amsBadgeYellowBackgroundColor = "#FFE600";
181
176
  export const amsBadgeYellowColor = "#000000";
182
177
  export const amsBlockquoteColor = "#000000";
183
178
  export const amsBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif";
184
- export const amsBlockquoteFontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
179
+ export const amsBlockquoteFontSize = "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
185
180
  export const amsBlockquoteFontWeight = 800;
186
181
  export const amsBlockquoteLineHeight = "1.3";
187
182
  export const amsBlockquoteInverseColor = "#FFFFFF";
188
183
  export const amsBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
189
- export const amsBreadcrumbFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
184
+ export const amsBreadcrumbFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
190
185
  export const amsBreadcrumbFontWeight = 400;
191
186
  export const amsBreadcrumbLineHeight = "1.6";
192
187
  export const amsBreadcrumbSeparatorBackgroundImage = "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>\")";
188
+ export const amsBreadcrumbSeparatorBlockSize = "1ex";
189
+ export const amsBreadcrumbSeparatorInlineSize = "1ex";
190
+ export const amsBreadcrumbSeparatorMarginInline = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
193
191
  export const amsBreadcrumbLinkColor = "#004699";
194
192
  export const amsBreadcrumbLinkOutlineOffset = "0.125rem";
195
193
  export const amsBreadcrumbLinkTextDecorationLine = "none";
@@ -199,12 +197,12 @@ export const amsBreadcrumbLinkHoverColor = "#102E62";
199
197
  export const amsBreadcrumbLinkHoverTextDecorationLine = "underline";
200
198
  export const amsButtonCursor = "pointer";
201
199
  export const amsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
202
- export const amsButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
200
+ export const amsButtonFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
203
201
  export const amsButtonLineHeight = "1.6";
204
- export const amsButtonGap = "1rem";
205
- export const amsButtonPaddingBlock = ".5rem";
206
- export const amsButtonPaddingInline = "1rem";
202
+ export const amsButtonGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
207
203
  export const amsButtonOutlineOffset = "0.125rem";
204
+ export const amsButtonPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
205
+ export const amsButtonPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
208
206
  export const amsButtonDisabledCursor = "not-allowed";
209
207
  export const amsButtonForcedColorModeBorder = "0.125rem solid";
210
208
  export const amsButtonPrimaryBackgroundColor = "#004699";
@@ -229,6 +227,8 @@ export const amsButtonTertiaryHoverBoxShadow = "inset 0 0 0 0.125rem #102E62";
229
227
  export const amsButtonTertiaryHoverColor = "#102E62";
230
228
  export const amsButtonTertiaryDisabledBackgroundColor = "transparent";
231
229
  export const amsButtonTertiaryDisabledColor = "#BEBEBE";
230
+ export const amsCardGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
231
+ export const amsCardHeadingGroupGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
232
232
  export const amsCardLinkColor = "#004699";
233
233
  export const amsCardLinkTextDecorationLine = "none";
234
234
  export const amsCardLinkTextDecorationThickness = "0.125rem";
@@ -236,10 +236,17 @@ export const amsCardLinkTextUnderlineOffset = "0.3333em";
236
236
  export const amsCardLinkHoverColor = "#102E62";
237
237
  export const amsCardLinkHoverTextDecorationLine = "underline";
238
238
  export const amsCardOutlineOffset = "0.125rem";
239
+ export const amsCharacterCountColor = "#000000";
240
+ export const amsCharacterCountFontFamily = "'Amsterdam Sans', Arial, sans-serif";
241
+ export const amsCharacterCountFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
242
+ export const amsCharacterCountFontWeight = 400;
243
+ export const amsCharacterCountLineHeight = "1.6";
244
+ export const amsCharacterCountErrorColor = "#EC0000";
239
245
  export const amsCheckboxColor = "#000000";
240
246
  export const amsCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
241
- export const amsCheckboxFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
247
+ export const amsCheckboxFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
242
248
  export const amsCheckboxFontWeight = 400;
249
+ export const amsCheckboxGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
243
250
  export const amsCheckboxLineHeight = "1.6";
244
251
  export const amsCheckboxOutlineOffset = "0.125rem";
245
252
  export const amsCheckboxCheckmarkBorderColor = "#004699";
@@ -267,21 +274,22 @@ export const amsCheckboxCheckmarkIndeterminateHoverBackgroundColor = "#102E62";
267
274
  export const amsCheckboxDisabledColor = "#767676";
268
275
  export const amsCheckboxHoverColor = "#102E62";
269
276
  export const amsCheckboxHoverTextDecorationThickness = "0.125rem";
270
- export const amsColumnGapXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
271
- export const amsColumnGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
272
- export const amsColumnGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
273
- export const amsColumnGapLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
274
- export const amsColumnGapXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
277
+ export const amsColumnGapNo = "0";
278
+ export const amsColumnGapXs = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
279
+ export const amsColumnGapSm = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
280
+ export const amsColumnGapMd = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
281
+ export const amsColumnGapLg = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
282
+ export const amsColumnGapXl = "clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)";
275
283
  export const amsDateInputBackgroundColor = "#FFFFFF";
276
284
  export const amsDateInputBoxShadow = "inset 0 0 0 0.0625rem #000000";
277
285
  export const amsDateInputColor = "#000000";
278
286
  export const amsDateInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
279
- export const amsDateInputFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
287
+ export const amsDateInputFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
280
288
  export const amsDateInputFontWeight = 400;
281
289
  export const amsDateInputLineHeight = "1.6";
282
290
  export const amsDateInputOutlineOffset = "0.125rem";
283
- export const amsDateInputPaddingBlock = ".5rem";
284
- export const amsDateInputPaddingInline = "1.5rem";
291
+ export const amsDateInputPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
292
+ export const amsDateInputPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
285
293
  export const amsDateInputCalenderPickerIndicatorBackgroundImage = "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>\")";
286
294
  export const amsDateInputDisabledBackgroundColor = "#FFFFFF";
287
295
  export const amsDateInputDisabledBoxShadow = "inset 0 0 0 0.0625rem #BEBEBE";
@@ -293,105 +301,101 @@ export const amsDateInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #EC0000";
293
301
  export const amsDateInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #EC0000";
294
302
  export const amsDescriptionListColor = "#000000";
295
303
  export const amsDescriptionListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
296
- export const amsDescriptionListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
304
+ export const amsDescriptionListFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
297
305
  export const amsDescriptionListFontWeight = 400;
298
- export const amsDescriptionListGap = "1rem";
306
+ export const amsDescriptionListGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
299
307
  export const amsDescriptionListInverseColor = "#FFFFFF";
300
308
  export const amsDescriptionListLineHeight = "1.6";
301
- export const amsDescriptionListRowGap = "1rem";
309
+ export const amsDescriptionListRowGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
302
310
  export const amsDescriptionListDetailsFontWeight = 800;
303
- export const amsDescriptionListDetailsPaddingInlineStart = "2rem";
311
+ export const amsDescriptionListDetailsPaddingInlineStart = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
304
312
  export const amsDialogBackgroundColor = "#FFFFFF";
305
313
  export const amsDialogBorder = "0";
306
- export const amsDialogMaxInlineSize = "min(87.69vw, 45rem)";
307
- export const amsDialogFormGap = "1.5rem";
308
- export const amsDialogFormPaddingBlock = "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)";
309
- export const amsDialogFormPaddingInline = "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)";
310
- export const amsDialogFormMaxBlockSize = "75vh";
311
- export const amsDialogHeaderGap = "1rem";
312
- export const amsDialogFooterGap = "1rem";
314
+ export const amsDialogInlineSize = "calc(100% - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))";
315
+ export const amsDialogMaxBlockSize = "calc(100% - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))";
316
+ export const amsDialogMaxInlineSize = "48rem";
317
+ export const amsDialogFormGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
318
+ export const amsDialogFormPaddingBlock = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)";
319
+ export const amsDialogFormPaddingInline = "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)";
320
+ export const amsDialogHeaderGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
321
+ export const amsDialogFooterGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
313
322
  export const amsErrorMessageColor = "#EC0000";
314
323
  export const amsErrorMessageFontFamily = "'Amsterdam Sans', Arial, sans-serif";
315
- export const amsErrorMessageFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
324
+ export const amsErrorMessageFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
316
325
  export const amsErrorMessageFontWeight = 400;
317
326
  export const amsErrorMessageLineHeight = "1.6";
318
327
  export const amsFieldSetInvalidBorderInlineStart = "0.1875rem solid #EC0000";
319
- export const amsFieldSetInvalidPaddingInlineStart = "1rem";
328
+ export const amsFieldSetInvalidPaddingInlineStart = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
320
329
  export const amsFieldSetLegendColor = "#000000";
321
330
  export const amsFieldSetLegendFontFamily = "'Amsterdam Sans', Arial, sans-serif";
322
- export const amsFieldSetLegendFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
331
+ export const amsFieldSetLegendFontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
323
332
  export const amsFieldSetLegendFontWeight = 800;
324
333
  export const amsFieldSetLegendLineHeight = "1.5";
325
- export const amsFieldSetLegendMarginBlockEnd = "1rem";
326
- export const amsFieldGap = ".75rem";
334
+ export const amsFieldSetLegendMarginBlockEnd = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
335
+ export const amsFieldGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
327
336
  export const amsFieldInvalidBorderInlineStart = "0.1875rem solid #EC0000";
328
- export const amsFieldInvalidPaddingInlineStart = "1rem";
337
+ export const amsFieldInvalidPaddingInlineStart = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
329
338
  export const amsFileInputBackgroundColor = "#FFFFFF";
330
339
  export const amsFileInputBorder = "0.0625rem dashed #767676";
331
340
  export const amsFileInputColor = "#000000";
332
341
  export const amsFileInputCursor = "pointer";
333
342
  export const amsFileInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
334
- export const amsFileInputFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
343
+ export const amsFileInputFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
335
344
  export const amsFileInputFontWeight = 400;
336
345
  export const amsFileInputLineHeight = "1.6";
337
346
  export const amsFileInputOutlineOffset = "0.125rem";
338
- export const amsFileInputPaddingBlock = "1rem";
339
- export const amsFileInputPaddingInline = "1rem";
347
+ export const amsFileInputPaddingBlock = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
348
+ export const amsFileInputPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
340
349
  export const amsFileInputDisabledColor = "#BEBEBE";
341
350
  export const amsFileInputDisabledCursor = "not-allowed";
342
351
  export const amsFileInputFileSelectorButtonBackgroundColor = "#FFFFFF";
343
352
  export const amsFileInputFileSelectorButtonBoxShadow = "inset 0 0 0 0.125rem #004699";
344
353
  export const amsFileInputFileSelectorButtonColor = "#004699";
345
354
  export const amsFileInputFileSelectorButtonCursor = "pointer";
346
- export const amsFileInputFileSelectorButtonMarginInlineEnd = "1rem";
347
- export const amsFileInputFileSelectorButtonPaddingBlock = ".5rem";
348
- export const amsFileInputFileSelectorButtonPaddingInline = "1rem";
355
+ export const amsFileInputFileSelectorButtonMarginInlineEnd = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
356
+ export const amsFileInputFileSelectorButtonPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
357
+ export const amsFileInputFileSelectorButtonPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
349
358
  export const amsFileInputFileSelectorButtonHoverBoxShadow = "inset 0 0 0 0.1875rem #102E62";
350
359
  export const amsFileInputFileSelectorButtonHoverColor = "#102E62";
351
360
  export const amsFileInputFileSelectorButtonDisabledBoxShadow = "inset 0 0 0 0.125rem #BEBEBE";
352
361
  export const amsFileInputFileSelectorButtonDisabledColor = "#BEBEBE";
353
362
  export const amsFileInputFileSelectorButtonDisabledCursor = "not-allowed";
354
363
  export const amsFileInputFileSelectorButtonForcedColorModeBorder = "0.125rem solid";
355
- export const amsFormFieldCharacterCounterColor = "#000000";
356
- export const amsFormFieldCharacterCounterFontFamily = "'Amsterdam Sans', Arial, sans-serif";
357
- export const amsFormFieldCharacterCounterFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
358
- export const amsFormFieldCharacterCounterFontWeight = 400;
359
- export const amsFormFieldCharacterCounterLineHeight = "1.6";
360
- export const amsFormFieldCharacterCounterErrorColor = "#EC0000";
361
- export const amsGapXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
362
- export const amsGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
363
- export const amsGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
364
- export const amsGapLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
365
- export const amsGapXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
364
+ export const amsFormErrorListOutlineOffset = "0.125rem";
365
+ export const amsGapXs = "clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)";
366
+ export const amsGapSm = "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)";
367
+ export const amsGapMd = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)";
368
+ export const amsGapLg = "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)";
369
+ export const amsGapXl = "clamp(2rem, calc(0.75rem + 6.25vw), 7rem)";
366
370
  export const amsGridColumnCount = "4";
367
- export const amsGridColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
368
- export const amsGridPaddingBlockSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
369
- export const amsGridPaddingBlockMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
370
- export const amsGridPaddingBlockLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
371
- export const amsGridPaddingInline = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
372
- export const amsGridRowGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
373
- export const amsGridRowGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
374
- export const amsGridRowGapLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
371
+ export const amsGridColumnGap = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)";
372
+ export const amsGridPaddingBlockSm = "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)";
373
+ export const amsGridPaddingBlockMd = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)";
374
+ export const amsGridPaddingBlockLg = "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)";
375
+ export const amsGridPaddingInline = "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)";
376
+ export const amsGridRowGapSm = "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)";
377
+ export const amsGridRowGapMd = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)";
378
+ export const amsGridRowGapLg = "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)";
375
379
  export const amsGridMediumColumnCount = "8";
376
380
  export const amsGridWideColumnCount = "12";
377
- export const amsHeaderColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Must have the same value as `ams.grid.column-gap`.
378
- export const amsHeaderPaddingBlock = "1rem";
381
+ export const amsHeaderColumnGap = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)"; // Must have the same value as `ams.grid.column-gap`.
382
+ export const amsHeaderPaddingBlock = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
379
383
  export const amsHeaderLogoLinkOutlineOffset = "0.125rem";
380
384
  export const amsHeadingColor = "#000000";
381
385
  export const amsHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
382
386
  export const amsHeadingFontWeight = 800;
383
387
  export const amsHeadingInverseColor = "#FFFFFF";
384
- export const amsHeadingLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
388
+ export const amsHeadingLevel1FontSize = "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)";
385
389
  export const amsHeadingLevel1LineHeight = "1.2";
386
- export const amsHeadingLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
390
+ export const amsHeadingLevel2FontSize = "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)";
387
391
  export const amsHeadingLevel2LineHeight = "1.25";
388
- export const amsHeadingLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
392
+ export const amsHeadingLevel3FontSize = "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
389
393
  export const amsHeadingLevel3LineHeight = "1.3";
390
- export const amsHeadingLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
394
+ export const amsHeadingLevel4FontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
391
395
  export const amsHeadingLevel4LineHeight = "1.5";
392
- export const amsHeadingLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
396
+ export const amsHeadingLevel5FontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
393
397
  export const amsHeadingLevel5LineHeight = "1.6";
394
- export const amsHeadingLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
398
+ export const amsHeadingLevel6FontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
395
399
  export const amsHeadingLevel6LineHeight = "1.6";
396
400
  export const amsIconButtonColor = "#004699";
397
401
  export const amsIconButtonOutlineOffset = "0.125rem";
@@ -408,33 +412,33 @@ export const amsIconButtonOnBackgroundDarkHoverBackgroundColor = "#102E62";
408
412
  export const amsIconButtonOnBackgroundDarkHoverColor = "#FFFFFF";
409
413
  export const amsIconButtonOnBackgroundDarkDisabledColor = "#FFFFFF";
410
414
  export const amsIconButtonOnBackgroundDarkDisabledBackgroundColor = "#BEBEBE";
411
- export const amsIconSize3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
415
+ export const amsIconSize3FontSize = "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
412
416
  export const amsIconSize3LineHeight = "1.3";
413
- export const amsIconSize4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
417
+ export const amsIconSize4FontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
414
418
  export const amsIconSize4LineHeight = "1.5";
415
- export const amsIconSize5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
419
+ export const amsIconSize5FontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
416
420
  export const amsIconSize5LineHeight = "1.6";
417
- export const amsIconSize6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
421
+ export const amsIconSize6FontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
418
422
  export const amsIconSize6LineHeight = "1.6";
419
423
  export const amsLabelColor = "#000000";
420
424
  export const amsLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
421
- export const amsLabelFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
425
+ export const amsLabelFontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
422
426
  export const amsLabelFontWeight = 800;
423
427
  export const amsLabelLineHeight = "1.5";
424
- export const amsLinkListGap = "0.5em";
428
+ export const amsLinkListGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
425
429
  export const amsLinkListLinkColor = "#004699";
426
430
  export const amsLinkListLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
427
- export const amsLinkListLinkFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
431
+ export const amsLinkListLinkFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
428
432
  export const amsLinkListLinkFontWeight = 400;
429
- export const amsLinkListLinkGap = "0.5em";
433
+ export const amsLinkListLinkGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
430
434
  export const amsLinkListLinkLineHeight = "1.6";
431
435
  export const amsLinkListLinkOutlineOffset = "0.125rem";
432
436
  export const amsLinkListLinkTextDecorationLine = "none";
433
437
  export const amsLinkListLinkTextDecorationThickness = "0.125rem";
434
438
  export const amsLinkListLinkTextUnderlineOffset = "0.3333em";
435
- export const amsLinkListLinkSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
439
+ export const amsLinkListLinkSmallFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
436
440
  export const amsLinkListLinkSmallLineHeight = "1.6";
437
- export const amsLinkListLinkLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
441
+ export const amsLinkListLinkLargeFontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
438
442
  export const amsLinkListLinkLargeLineHeight = "1.5";
439
443
  export const amsLinkListLinkHoverColor = "#102E62";
440
444
  export const amsLinkListLinkHoverTextDecorationLine = "underline";
@@ -456,7 +460,7 @@ export const amsLinkInlineLineHeight = "inherit";
456
460
  export const amsLinkInlineHoverTextDecorationThickness = "0.1875rem";
457
461
  export const amsLinkInlineHoverTextUnderlineOffset = "0.2778em";
458
462
  export const amsLinkInlineVisitedColor = "#A00078";
459
- export const amsLinkStandaloneFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
463
+ export const amsLinkStandaloneFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
460
464
  export const amsLinkStandaloneLineHeight = "1.6";
461
465
  export const amsLinkStandaloneTextDecorationLine = "underline";
462
466
  export const amsLinkStandaloneTextDecorationThickness = "0.125rem";
@@ -473,25 +477,25 @@ export const amsLogoBlockSize = "2.5rem";
473
477
  export const amsLogoEmblemColor = "#EC0000";
474
478
  export const amsLogoTitleColor = "#EC0000";
475
479
  export const amsLogoSubsiteColor = "#000000";
476
- export const amsMarginXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
477
- export const amsMarginSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
478
- export const amsMarginMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
479
- export const amsMarginLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
480
- export const amsMarginXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
480
+ export const amsMarginXs = "clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)";
481
+ export const amsMarginSm = "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)";
482
+ export const amsMarginMd = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)";
483
+ export const amsMarginLg = "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)";
484
+ export const amsMarginXl = "clamp(2rem, calc(0.75rem + 6.25vw), 7rem)";
481
485
  export const amsMarkBackgroundColor = "#FFE600";
482
- export const amsMegaMenuListCategoryColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Must have the same value as `ams.grid.column-gap`.
486
+ export const amsMegaMenuListCategoryColumnGap = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)"; // Must have the same value as `ams.grid.column-gap`.
483
487
  export const amsMegaMenuListCategoryColumnWidth = "20rem";
484
- export const amsMegaMenuListCategoryPaddingBlockStart = "1rem";
485
- export const amsMegaMenuListCategoryPaddingBlockEnd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Must have the same value as `ams.grid.row-gap.md`.
488
+ export const amsMegaMenuListCategoryPaddingBlockStart = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
489
+ export const amsMegaMenuListCategoryPaddingBlockEnd = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)"; // Must have the same value as `ams.grid.row-gap.md`.
486
490
  export const amsOrderedListColor = "#000000";
487
491
  export const amsOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
488
- export const amsOrderedListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
492
+ export const amsOrderedListFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
489
493
  export const amsOrderedListFontWeight = 400;
490
- export const amsOrderedListGap = "0.75rem";
494
+ export const amsOrderedListGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
491
495
  export const amsOrderedListInverseColor = "#FFFFFF";
492
496
  export const amsOrderedListLineHeight = "1.6";
493
497
  export const amsOrderedListListStyleType = "decimal";
494
- export const amsOrderedListSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
498
+ export const amsOrderedListSmallFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
495
499
  export const amsOrderedListSmallLineHeight = "1.6";
496
500
  export const amsOrderedListItemMarginInlineStart = "2.25rem"; // Divide your total indentation width over margin and padding to position the marker.
497
501
  export const amsOrderedListItemPaddingInlineStart = "0.25rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
@@ -500,17 +504,17 @@ export const amsOrderedListOrderedListItemMarginInlineStart = "1.5rem"; // Inden
500
504
  export const amsOrderedListOrderedListItemPaddingInlineStart = "0.25rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
501
505
  export const amsPageHeadingColor = "#000000";
502
506
  export const amsPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
503
- export const amsPageHeadingFontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
507
+ export const amsPageHeadingFontSize = "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)";
504
508
  export const amsPageHeadingFontWeight = 800;
505
509
  export const amsPageHeadingInverseColor = "#FFFFFF";
506
- export const amsPageHeadingLineHeight = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
507
- export const amsPageMenuColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
508
- export const amsPageMenuRowGap = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
510
+ export const amsPageHeadingLineHeight = "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)";
511
+ export const amsPageMenuColumnGap = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)";
512
+ export const amsPageMenuRowGap = "clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)";
509
513
  export const amsPageMenuItemColor = "#004699";
510
514
  export const amsPageMenuItemFontFamily = "'Amsterdam Sans', Arial, sans-serif";
511
- export const amsPageMenuItemFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
515
+ export const amsPageMenuItemFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
512
516
  export const amsPageMenuItemFontWeight = 400;
513
- export const amsPageMenuItemGap = "0.5rem";
517
+ export const amsPageMenuItemGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
514
518
  export const amsPageMenuItemLineHeight = "1.6";
515
519
  export const amsPageMenuItemOutlineOffset = "0.125rem";
516
520
  export const amsPageMenuItemTextDecorationLine = "none";
@@ -520,11 +524,12 @@ export const amsPageMenuItemHoverColor = "#102E62";
520
524
  export const amsPageMenuItemHoverTextDecorationLine = "underline";
521
525
  export const amsPaginationColor = "#004699";
522
526
  export const amsPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
523
- export const amsPaginationFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
527
+ export const amsPaginationFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
524
528
  export const amsPaginationFontWeight = 400;
525
529
  export const amsPaginationLineHeight = "1.6";
530
+ export const amsPaginationButtonGap = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
526
531
  export const amsPaginationButtonOutlineOffset = "0.125rem";
527
- export const amsPaginationButtonPaddingInline = ".75rem";
532
+ export const amsPaginationButtonPaddingInline = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
528
533
  export const amsPaginationButtonTextDecorationLine = "none";
529
534
  export const amsPaginationButtonTextDecorationThickness = "0.125rem";
530
535
  export const amsPaginationButtonTextUnderlineOffset = "0.3333em";
@@ -533,18 +538,19 @@ export const amsPaginationButtonHoverColor = "#102E62";
533
538
  export const amsPaginationButtonHoverTextDecorationLine = "underline";
534
539
  export const amsParagraphColor = "#000000";
535
540
  export const amsParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
536
- export const amsParagraphFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
541
+ export const amsParagraphFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
537
542
  export const amsParagraphFontWeight = 400;
538
543
  export const amsParagraphLineHeight = "1.6";
539
544
  export const amsParagraphInverseColor = "#FFFFFF";
540
- export const amsParagraphSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
545
+ export const amsParagraphSmallFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
541
546
  export const amsParagraphSmallLineHeight = "1.6";
542
- export const amsParagraphLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
547
+ export const amsParagraphLargeFontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
543
548
  export const amsParagraphLargeLineHeight = "1.5";
544
549
  export const amsRadioColor = "#000000";
545
550
  export const amsRadioFontFamily = "'Amsterdam Sans', Arial, sans-serif";
546
- export const amsRadioFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
551
+ export const amsRadioFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
547
552
  export const amsRadioFontWeight = 400;
553
+ export const amsRadioGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
548
554
  export const amsRadioLineHeight = "1.6";
549
555
  export const amsRadioOutlineOffset = "0.125rem";
550
556
  export const amsRadioCircleBorderColor = "#004699";
@@ -563,50 +569,51 @@ export const amsRadioCircleInvalidHoverBorderColor = "#EC0000";
563
569
  export const amsRadioDisabledColor = "#767676";
564
570
  export const amsRadioHoverColor = "#102E62";
565
571
  export const amsRadioHoverTextDecorationThickness = "0.125rem";
566
- export const amsRowGapXs = ".5rem";
567
- export const amsRowGapSm = ".75rem";
568
- export const amsRowGapMd = "1rem";
569
- export const amsRowGapLg = "1.5rem";
570
- export const amsRowGapXl = "2rem";
572
+ export const amsRowGapNo = "0";
573
+ export const amsRowGapXs = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
574
+ export const amsRowGapSm = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
575
+ export const amsRowGapMd = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
576
+ export const amsRowGapLg = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
577
+ export const amsRowGapXl = "clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)";
571
578
  export const amsScreenBackgroundColor = "#FFFFFF";
572
579
  export const amsScreenWideMaxInlineSize = "100rem";
573
580
  export const amsScreenXWideMaxInlineSize = "132rem";
574
581
  export const amsSearchFieldButtonBackgroundColor = "#004699";
575
582
  export const amsSearchFieldButtonColor = "#FFFFFF";
576
583
  export const amsSearchFieldButtonOutlineOffset = "0.125rem";
577
- export const amsSearchFieldButtonPaddingBlock = ".5rem";
578
- export const amsSearchFieldButtonPaddingInline = ".5rem";
584
+ export const amsSearchFieldButtonPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
585
+ export const amsSearchFieldButtonPaddingInline = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
579
586
  export const amsSearchFieldButtonHoverBackgroundColor = "#102E62";
580
587
  export const amsSearchFieldInputBackgroundColor = "#FFFFFF";
581
588
  export const amsSearchFieldInputBoxShadow = "inset 0 0 0 0.0625rem #000000";
582
589
  export const amsSearchFieldInputColor = "#000000";
583
590
  export const amsSearchFieldInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
584
- export const amsSearchFieldInputFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
591
+ export const amsSearchFieldInputFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
585
592
  export const amsSearchFieldInputFontWeight = 400;
586
593
  export const amsSearchFieldInputLineHeight = "1.6";
587
594
  export const amsSearchFieldInputOutlineOffset = "0.125rem";
588
- export const amsSearchFieldInputPaddingBlock = ".5rem";
589
- export const amsSearchFieldInputPaddingInline = "1rem";
595
+ export const amsSearchFieldInputPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
596
+ export const amsSearchFieldInputPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
590
597
  export const amsSearchFieldInputCancelButtonBackgroundImage = "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>\")";
591
- export const amsSearchFieldInputCancelButtonBlockSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
598
+ export const amsSearchFieldInputCancelButtonBlockSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
592
599
  export const amsSearchFieldInputCancelButtonColor = "#004699";
593
- export const amsSearchFieldInputCancelButtonInlineSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
600
+ export const amsSearchFieldInputCancelButtonInlineSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
594
601
  export const amsSearchFieldInputHoverBoxShadow = "inset 0 0 0 0.125rem #000000";
595
602
  export const amsSearchFieldInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #EC0000";
596
603
  export const amsSearchFieldInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #EC0000";
597
604
  export const amsSearchFieldInputPlaceholderColor = "#767676";
598
605
  export const amsSelectBackgroundColor = "#FFFFFF";
599
606
  export const amsSelectBackgroundImage = "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='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")";
600
- export const amsSelectBackgroundPosition = "right 1rem center";
607
+ export const amsSelectBackgroundPosition = "right clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) center";
601
608
  export const amsSelectBoxShadow = "inset 0 0 0 0.0625rem #000000";
602
609
  export const amsSelectColor = "#000000";
603
610
  export const amsSelectFontFamily = "'Amsterdam Sans', Arial, sans-serif";
604
- export const amsSelectFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
611
+ export const amsSelectFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
605
612
  export const amsSelectFontWeight = 400;
606
613
  export const amsSelectLineHeight = "1.6";
607
614
  export const amsSelectOutlineOffset = "0.125rem";
608
- export const amsSelectPaddingBlock = ".5rem";
609
- export const amsSelectPaddingInline = "1rem calc(2 * 1rem + 1em)";
615
+ export const amsSelectPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
616
+ export const amsSelectPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) calc(2 * clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) + 1em)";
610
617
  export const amsSelectDisabledBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23BEBEBE' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")";
611
618
  export const amsSelectDisabledBoxShadow = "inset 0 0 0 0.0625rem #BEBEBE";
612
619
  export const amsSelectDisabledColor = "#BEBEBE";
@@ -617,12 +624,12 @@ export const amsSelectOptionDisabledColor = "#BEBEBE";
617
624
  export const amsSkipLinkBackgroundColor = "#004699";
618
625
  export const amsSkipLinkColor = "#FFFFFF";
619
626
  export const amsSkipLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
620
- export const amsSkipLinkFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
627
+ export const amsSkipLinkFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
621
628
  export const amsSkipLinkFontWeight = 400;
622
629
  export const amsSkipLinkLineHeight = "1.6";
623
630
  export const amsSkipLinkOutlineOffset = "0.125rem";
624
- export const amsSkipLinkPaddingBlock = ".5rem";
625
- export const amsSkipLinkPaddingInline = "1rem";
631
+ export const amsSkipLinkPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
632
+ export const amsSkipLinkPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
626
633
  export const amsSkipLinkHoverBackgroundColor = "#102E62";
627
634
  export const amsSpotlightBlueBackgroundColor = "#009DE6";
628
635
  export const amsSpotlightDarkBlueBackgroundColor = "#004699";
@@ -644,9 +651,9 @@ export const amsSwitchThumbHoverColor = "#102E62";
644
651
  export const amsSwitchCheckedBackgroundColor = "#004699";
645
652
  export const amsSwitchDisabledBackgroundColor = "#BEBEBE";
646
653
  export const amsTableOfContentsFontFamily = "'Amsterdam Sans', Arial, sans-serif";
647
- export const amsTableOfContentsFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
654
+ export const amsTableOfContentsFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
648
655
  export const amsTableOfContentsFontWeight = 400;
649
- export const amsTableOfContentsGap = "1rem";
656
+ export const amsTableOfContentsGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
650
657
  export const amsTableOfContentsLineHeight = "1.6";
651
658
  export const amsTableOfContentsLinkColor = "#004699";
652
659
  export const amsTableOfContentsLinkOutlineOffset = "0.125rem";
@@ -655,33 +662,34 @@ export const amsTableOfContentsLinkTextDecorationThickness = "0.125rem";
655
662
  export const amsTableOfContentsLinkTextUnderlineOffset = "0.3333em";
656
663
  export const amsTableOfContentsLinkHoverColor = "#102E62";
657
664
  export const amsTableOfContentsLinkHoverTextDecorationLine = "underline";
658
- export const amsTableOfContentsListGap = "1rem";
659
- export const amsTableOfContentsListListPaddingBlockStart = "1rem";
660
- export const amsTableOfContentsListListPaddingInlineStart = "1.5rem";
665
+ export const amsTableOfContentsListGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
666
+ export const amsTableOfContentsListListPaddingBlockStart = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
667
+ export const amsTableOfContentsListListPaddingInlineStart = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
661
668
  export const amsTableOfContentsHeadingFontWeight = 800;
662
- export const amsTableOfContentsHeadingFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
669
+ export const amsTableOfContentsHeadingFontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
663
670
  export const amsTableOfContentsHeadingLineHeight = "1.5";
664
671
  export const amsTableColor = "#000000";
665
672
  export const amsTableFontFamily = "'Amsterdam Sans', Arial, sans-serif";
666
- export const amsTableFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
673
+ export const amsTableFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
667
674
  export const amsTableFontWeight = 400;
668
675
  export const amsTableLineHeight = "1.6";
669
676
  export const amsTableCaptionFontWeight = 800;
670
677
  export const amsTableCellBorderBlockEnd = "0.0625rem solid #E8E8E8";
671
- export const amsTableCellPaddingBlock = "1rem";
672
- export const amsTableCellPaddingInline = "1rem";
678
+ export const amsTableCellPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
679
+ export const amsTableCellPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
673
680
  export const amsTableHeaderCellFontWeight = 800;
681
+ export const amsTabsGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
674
682
  export const amsTabsListBackgroundColor = "#FFFFFF";
675
683
  export const amsTabsListBorderBlockEnd = "0.125rem solid #004699";
676
684
  export const amsTabsButtonColor = "#004699";
677
685
  export const amsTabsButtonCursor = "pointer";
678
686
  export const amsTabsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
679
- export const amsTabsButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
687
+ export const amsTabsButtonFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
680
688
  export const amsTabsButtonFontWeight = 400;
681
689
  export const amsTabsButtonLineHeight = "1.6";
682
690
  export const amsTabsButtonOutlineOffset = "-0.25rem";
683
- export const amsTabsButtonPaddingBlock = ".5rem";
684
- export const amsTabsButtonPaddingInline = "1rem";
691
+ export const amsTabsButtonPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
692
+ export const amsTabsButtonPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
685
693
  export const amsTabsButtonHoverColor = "#102E62";
686
694
  export const amsTabsButtonHoverBoxShadow = "inset 0 -0.125rem 0 0 #102E62";
687
695
  export const amsTabsButtonSelectedBackgroundColor = "#004699";
@@ -692,13 +700,13 @@ export const amsTextAreaBackgroundColor = "#FFFFFF";
692
700
  export const amsTextAreaBoxShadow = "inset 0 0 0 0.0625rem #000000";
693
701
  export const amsTextAreaColor = "#000000";
694
702
  export const amsTextAreaFontFamily = "'Amsterdam Sans', Arial, sans-serif";
695
- export const amsTextAreaFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
703
+ export const amsTextAreaFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
696
704
  export const amsTextAreaFontWeight = 400;
697
705
  export const amsTextAreaLineHeight = "1.6";
698
- export const amsTextAreaMinBlockSize = "calc(1.6 * 1em + 2 * 0.5rem)";
706
+ export const amsTextAreaMinBlockSize = "calc(1.6 * 1em + 2 * clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem))";
699
707
  export const amsTextAreaOutlineOffset = "0.125rem";
700
- export const amsTextAreaPaddingBlock = "0.5rem";
701
- export const amsTextAreaPaddingInline = "1rem";
708
+ export const amsTextAreaPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
709
+ export const amsTextAreaPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
702
710
  export const amsTextAreaDisabledBackgroundColor = "#FFFFFF";
703
711
  export const amsTextAreaDisabledBoxShadow = "inset 0 0 0 0.0625rem #BEBEBE";
704
712
  export const amsTextAreaDisabledColor = "#BEBEBE";
@@ -711,12 +719,12 @@ export const amsTextInputBackgroundColor = "#FFFFFF";
711
719
  export const amsTextInputBoxShadow = "inset 0 0 0 0.0625rem #000000";
712
720
  export const amsTextInputColor = "#000000";
713
721
  export const amsTextInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
714
- export const amsTextInputFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
722
+ export const amsTextInputFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
715
723
  export const amsTextInputFontWeight = 400;
716
724
  export const amsTextInputLineHeight = "1.6";
717
725
  export const amsTextInputOutlineOffset = "0.125rem";
718
- export const amsTextInputPaddingBlock = ".5rem";
719
- export const amsTextInputPaddingInline = "1rem";
726
+ export const amsTextInputPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
727
+ export const amsTextInputPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
720
728
  export const amsTextInputDisabledBackgroundColor = "#FFFFFF";
721
729
  export const amsTextInputDisabledBoxShadow = "inset 0 0 0 0.0625rem #BEBEBE";
722
730
  export const amsTextInputDisabledColor = "#BEBEBE";
@@ -728,12 +736,12 @@ export const amsTimeInputBackgroundColor = "#FFFFFF";
728
736
  export const amsTimeInputBoxShadow = "inset 0 0 0 0.0625rem #000000";
729
737
  export const amsTimeInputColor = "#000000";
730
738
  export const amsTimeInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
731
- export const amsTimeInputFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
739
+ export const amsTimeInputFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
732
740
  export const amsTimeInputFontWeight = 400;
733
741
  export const amsTimeInputLineHeight = "1.6";
734
742
  export const amsTimeInputOutlineOffset = "0.125rem";
735
- export const amsTimeInputPaddingBlock = ".5rem";
736
- export const amsTimeInputPaddingInline = "1rem";
743
+ export const amsTimeInputPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
744
+ export const amsTimeInputPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
737
745
  export const amsTimeInputCalenderPickerIndicatorBackgroundImage = "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>\")";
738
746
  export const amsTimeInputDisabledBackgroundColor = "#FFFFFF";
739
747
  export const amsTimeInputDisabledBoxShadow = "inset 0 0 0 0.0625rem #BEBEBE";
@@ -743,14 +751,15 @@ export const amsTimeInputHoverBoxShadow = "inset 0 0 0 0.125rem #000000";
743
751
  export const amsTimeInputHoverCalenderPickerIndicatorBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23102E62'><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>\")";
744
752
  export const amsTimeInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #EC0000";
745
753
  export const amsTimeInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #EC0000";
754
+ export const amsTopTaskLinkGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
746
755
  export const amsTopTaskLinkDescriptionColor = "#000000";
747
756
  export const amsTopTaskLinkDescriptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
748
- export const amsTopTaskLinkDescriptionFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
757
+ export const amsTopTaskLinkDescriptionFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
749
758
  export const amsTopTaskLinkDescriptionFontWeight = 400;
750
759
  export const amsTopTaskLinkDescriptionLineHeight = "1.6";
751
760
  export const amsTopTaskLinkLabelColor = "#004699";
752
761
  export const amsTopTaskLinkLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
753
- export const amsTopTaskLinkLabelFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
762
+ export const amsTopTaskLinkLabelFontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
754
763
  export const amsTopTaskLinkLabelFontWeight = 800;
755
764
  export const amsTopTaskLinkLabelLineHeight = "1.5";
756
765
  export const amsTopTaskLinkLabelTextDecorationLine = "none";
@@ -761,9 +770,9 @@ export const amsTopTaskLinkLabelHoverTextDecorationLine = "underline";
761
770
  export const amsTopTaskLinkOutlineOffset = "0.125rem";
762
771
  export const amsUnorderedListColor = "#000000";
763
772
  export const amsUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
764
- export const amsUnorderedListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
773
+ export const amsUnorderedListFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
765
774
  export const amsUnorderedListFontWeight = 400;
766
- export const amsUnorderedListGap = "0.75rem";
775
+ export const amsUnorderedListGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
767
776
  export const amsUnorderedListInverseColor = "#FFFFFF";
768
777
  export const amsUnorderedListLineHeight = "1.6";
769
778
  export const amsUnorderedListListStyleType = "'\\2022'";
@@ -772,5 +781,5 @@ export const amsUnorderedListItemPaddingInlineStart = "0.875rem"; // The total l
772
781
  export const amsUnorderedListUnorderedListListStyleType = "'\\2013'";
773
782
  export const amsUnorderedListUnorderedListItemMarginInlineStart = "0.875rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
774
783
  export const amsUnorderedListUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
775
- export const amsUnorderedListSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
784
+ export const amsUnorderedListSmallFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
776
785
  export const amsUnorderedListSmallLineHeight = "1.6";