@amsterdam/design-system-tokens 1.0.1 → 2.0.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 (59) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/README.md +4 -0
  3. package/dist/compact.css +30 -18
  4. package/dist/compact.d.ts +16 -0
  5. package/dist/compact.json +36 -20
  6. package/dist/compact.mjs +33 -23
  7. package/dist/compact.scss +30 -18
  8. package/dist/compact.theme.css +30 -18
  9. package/dist/index.css +329 -265
  10. package/dist/index.d.ts +218 -116
  11. package/dist/index.json +515 -413
  12. package/dist/index.mjs +453 -400
  13. package/dist/index.scss +329 -265
  14. package/dist/index.theme.css +329 -265
  15. package/package.json +2 -2
  16. package/src/brand/ams/border.compact.tokens.json +12 -0
  17. package/src/brand/ams/color.deprecated.tokens.json +12 -0
  18. package/src/brand/ams/color.tokens.json +2 -3
  19. package/src/brand/ams/space.compact.tokens.json +6 -6
  20. package/src/brand/ams/space.tokens.json +6 -6
  21. package/src/brand/ams/typography.compact.tokens.json +17 -15
  22. package/src/brand/ams/typography.deprecated.compact.tokens.json +20 -0
  23. package/src/brand/ams/typography.deprecated.tokens.json +28 -0
  24. package/src/brand/ams/typography.tokens.json +17 -25
  25. package/src/common/ams/inputs.tokens.json +34 -0
  26. package/src/common/ams/links.tokens.json +4 -4
  27. package/src/components/ams/accordion.deprecated.tokens.json +17 -0
  28. package/src/components/ams/accordion.tokens.json +1 -10
  29. package/src/components/ams/breadcrumb.tokens.json +3 -3
  30. package/src/components/ams/button.tokens.json +1 -1
  31. package/src/components/ams/call-to-action-link.tokens.json +24 -0
  32. package/src/components/ams/checkbox.deprecated.tokens.json +43 -0
  33. package/src/components/ams/checkbox.tokens.json +22 -35
  34. package/src/components/ams/date-input.tokens.json +23 -23
  35. package/src/components/ams/error-message.tokens.json +2 -2
  36. package/src/components/ams/field-set.tokens.json +3 -3
  37. package/src/components/ams/file-input.tokens.json +25 -24
  38. package/src/components/ams/icon.deprecated.tokens.json +16 -0
  39. package/src/components/ams/icon.tokens.json +8 -0
  40. package/src/components/ams/label.tokens.json +2 -2
  41. package/src/components/ams/menu.tokens.json +39 -0
  42. package/src/components/ams/ordered-list.tokens.json +2 -2
  43. package/src/components/ams/page-footer.tokens.json +2 -2
  44. package/src/components/ams/page-header.tokens.json +2 -2
  45. package/src/components/ams/{page-heading.tokens.json → page-heading.deprecated.tokens.json} +1 -0
  46. package/src/components/ams/page.tokens.json +1 -1
  47. package/src/components/ams/password-input.tokens.json +18 -18
  48. package/src/components/ams/radio.tokens.json +1 -1
  49. package/src/components/ams/search-field.tokens.json +23 -23
  50. package/src/components/ams/select.tokens.json +17 -17
  51. package/src/components/ams/skip-link.tokens.json +2 -2
  52. package/src/components/ams/standalone-link.deprecated.tokens.json +32 -0
  53. package/src/components/ams/standalone-link.tokens.json +5 -13
  54. package/src/components/ams/table-of-contents.deprecated.tokens.json +11 -0
  55. package/src/components/ams/table-of-contents.tokens.json +1 -6
  56. package/src/components/ams/text-area.tokens.json +18 -18
  57. package/src/components/ams/text-input.tokens.json +18 -18
  58. package/src/components/ams/time-input.tokens.json +23 -23
  59. package/src/components/ams/unordered-list.tokens.json +2 -2
package/dist/index.mjs CHANGED
@@ -12,6 +12,14 @@ 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 = "#181818"; // Use `currentColor` instead
16
+ export const amsColorInteractiveContrast = "#181818";
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
23
  export const amsColorBackground = "#ffffff";
16
24
  export const amsColorFeedbackError = "#ec0000";
17
25
  export const amsColorFeedbackInfo = "#009de6";
@@ -24,14 +32,6 @@ export const amsColorHighlightMagenta = "#e50082";
24
32
  export const amsColorHighlightOrange = "#ff9100";
25
33
  export const amsColorHighlightPurple = "#a00078";
26
34
  export const amsColorHighlightYellow = "#ffe600";
27
- export const amsColorInteractiveContrast = "#000000";
28
- export const amsColorInteractive = "#004699";
29
- export const amsColorInteractiveDisabled = "#767676";
30
- export const amsColorInteractiveHover = "#003677";
31
- export const amsColorInteractiveInvalid = "#ec0000";
32
- export const amsColorInteractiveInvalidHover = "#b70000";
33
- export const amsColorInteractiveInverse = "#ffffff";
34
- export const amsColorInteractiveSecondary = "#181818";
35
35
  export const amsColorSeparator = "#d1d1d1";
36
36
  export const amsColorText = "#181818";
37
37
  export const amsColorTextInverse = "#ffffff";
@@ -39,99 +39,116 @@ export const amsColorTextSecondary = "#767676";
39
39
  export const amsCursorDisabled = "not-allowed";
40
40
  export const amsCursorInteractive = "pointer";
41
41
  export const amsFocusOutlineOffset = "0.25rem";
42
- export const amsSpaceXs = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
43
- export const amsSpaceS = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
44
- export const amsSpaceM = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
45
- export const amsSpaceL = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
46
- export const amsSpaceXl = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
47
- export const amsSpace_2xl = "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
48
- export const amsTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
49
- export const amsTypographyHyphenateLimitChars = "12 8 4";
50
- export const amsTypographyBodyTextFontSize =
51
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
52
- export const amsTypographyBodyTextFontWeight = "400";
53
- export const amsTypographyBodyTextLineHeight = "1.6667";
54
- export const amsTypographyBodyTextBoldFontWeight = "800";
55
- export const amsTypographyBodyTextSmallFontSize =
56
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
57
- export const amsTypographyBodyTextSmallLineHeight = "1.5152";
58
- export const amsTypographyBodyTextLargeFontSize =
59
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
60
- export const amsTypographyBodyTextLargeLineHeight = "1.5152";
61
- export const amsTypographyBodyTextXLargeFontSize =
62
- "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
63
- export const amsTypographyBodyTextXLargeLineHeight = "1.3776";
42
+ export const amsSpaceXs = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
43
+ export const amsSpaceS = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
44
+ export const amsSpaceM = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
45
+ export const amsSpaceL = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
46
+ export const amsSpaceXl = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
47
+ export const amsSpace_2xl = "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
64
48
  export const amsTypographyHeading_0FontSize =
65
- "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)";
66
- export const amsTypographyHeading_0LineHeight = "1.1386";
49
+ "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)"; // Use Heading size 1 instead.
50
+ export const amsTypographyHeading_0LineHeight = "1.1"; // Use Heading size 1 instead.
67
51
  export const amsTypographyHeading_1FontSize =
68
- "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)";
69
- export const amsTypographyHeading_1LineHeight = "1.1754";
52
+ "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)";
53
+ export const amsTypographyHeading_1LineHeight = "1.2";
70
54
  export const amsTypographyHeading_2FontSize =
71
- "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)";
72
- export const amsTypographyHeading_2LineHeight = "1.2133";
55
+ "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
56
+ export const amsTypographyHeading_2LineHeight = "1.3";
73
57
  export const amsTypographyHeading_3FontSize =
74
- "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
75
- export const amsTypographyHeading_3LineHeight = "1.2524";
58
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
59
+ export const amsTypographyHeading_3LineHeight = "1.3";
76
60
  export const amsTypographyHeading_4FontSize =
77
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
78
- export const amsTypographyHeading_4LineHeight = "1.2928";
79
- export const amsTypographyHeading_5FontSize =
80
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
81
- export const amsTypographyHeading_5LineHeight = "1.3345";
82
- export const amsTypographyHeading_6FontSize =
83
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
84
- export const amsTypographyHeading_6LineHeight = "1.3776";
61
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
62
+ export const amsTypographyHeading_4LineHeight = "1.4";
63
+ export const amsTypographyHeading_5FontSize = "1rem";
64
+ export const amsTypographyHeading_5LineHeight = "1.4";
65
+ export const amsTypographyHeading_6FontSize = "1rem"; // Use Heading size 5 instead.
66
+ export const amsTypographyHeading_6LineHeight = "1.4"; // Use Heading size 5 instead.
85
67
  export const amsTypographyHeadingFontWeight = "800";
86
68
  export const amsTypographyHeadingTextWrap = "balance";
69
+ export const amsTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
70
+ export const amsTypographyHyphenateLimitChars = "12 8 4";
71
+ export const amsTypographyBodyTextFontSize =
72
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
73
+ export const amsTypographyBodyTextFontWeight = "400";
74
+ export const amsTypographyBodyTextLineHeight = "1.8";
75
+ export const amsTypographyBodyTextBoldFontWeight = "800";
76
+ export const amsTypographyBodyTextSmallFontSize = "1rem";
77
+ export const amsTypographyBodyTextSmallLineHeight = "1.6";
78
+ export const amsTypographyBodyTextLargeFontSize =
79
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
80
+ export const amsTypographyBodyTextLargeLineHeight = "1.6";
81
+ export const amsTypographyBodyTextXLargeFontSize =
82
+ "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
83
+ export const amsTypographyBodyTextXLargeLineHeight = "1.4";
84
+ export const amsInputsBackgroundColor = "#ffffff";
85
+ export const amsInputsBorderColor = "currentColor";
86
+ export const amsInputsBorderStyle = "solid";
87
+ export const amsInputsBorderWidth = "0.125rem";
88
+ export const amsInputsColor = "#181818";
89
+ export const amsInputsFontFamily = "'Amsterdam Sans', Arial, sans-serif";
90
+ export const amsInputsFontSize =
91
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
92
+ export const amsInputsFontWeight = "400";
93
+ export const amsInputsLineHeight = "1.4";
94
+ export const amsInputsOutlineOffset = "0.25rem";
95
+ export const amsInputsPaddingBlock =
96
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
97
+ export const amsInputsPaddingInline =
98
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
99
+ export const amsInputsDisabledColor = "#767676";
100
+ export const amsInputsHoverBoxShadow = "inset 0 0 0 0.0625rem";
101
+ export const amsInputsInvalidBorderColor = "#ec0000";
102
+ export const amsInputsInvalidHoverBorderColor = "#b70000";
103
+ export const amsInputsInvalidHoverBoxShadow = "inset 0 0 0 0.0625rem #b70000";
104
+ export const amsInputsPlaceholderColor = "#767676";
87
105
  export const amsLinksColor = "#004699";
88
- export const amsLinksTextDecorationThickness = "0.125rem";
89
- export const amsLinksTextUnderlineOffset = "0.3333em";
106
+ export const amsLinksTextDecorationThickness = "0.125rem"; // 2px
107
+ export const amsLinksTextUnderlineOffset = "0.15625rem"; // 2.5px
90
108
  export const amsLinksHoverColor = "#003677";
91
- export const amsLinksHoverTextDecorationThickness = "0.1875rem";
92
- export const amsLinksHoverTextUnderlineOffset = "0.2778em";
109
+ export const amsLinksHoverTextDecorationThickness = "0.1875rem"; // 3px
110
+ export const amsLinksHoverTextUnderlineOffset = "0.09375rem"; // 1.5px
93
111
  export const amsLinksSubtleTextDecorationLine = "none";
94
112
  export const amsLinksSubtleHoverTextDecorationLine = "underline";
95
- export const amsLinksContrastColor = "#000000";
96
- export const amsLinksContrastHoverColor = "#000000";
113
+ export const amsLinksContrastColor = "#181818";
114
+ export const amsLinksContrastHoverColor = "#181818";
97
115
  export const amsLinksInverseColor = "#ffffff";
98
116
  export const amsLinksInverseHoverColor = "#ffffff";
99
- export const amsAccordionGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
100
- export const amsAccordionButtonColor = "#004699";
101
- export const amsAccordionButtonCursor = "pointer";
102
117
  export const amsAccordionButtonFontFamily =
103
118
  "'Amsterdam Sans', Arial, sans-serif";
104
119
  export const amsAccordionButtonFontSize =
105
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
120
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
106
121
  export const amsAccordionButtonFontWeight = "800";
122
+ export const amsAccordionButtonLineHeight = "1.3";
123
+ export const amsAccordionButtonTextWrap = "balance";
124
+ export const amsAccordionButtonColor = "#004699";
125
+ export const amsAccordionButtonCursor = "pointer";
107
126
  export const amsAccordionButtonGap =
108
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
109
- export const amsAccordionButtonLineHeight = "1.2928";
127
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
110
128
  export const amsAccordionButtonOutlineOffset = "0.25rem";
111
129
  export const amsAccordionButtonPaddingBlock =
112
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
130
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
113
131
  export const amsAccordionButtonPaddingInline = "0";
114
- export const amsAccordionButtonTextWrap = "balance";
115
132
  export const amsAccordionButtonHoverColor = "#003677";
116
133
  export const amsAccordionPanelPaddingBlock = "0";
117
134
  export const amsAccordionPanelPaddingInline = "0";
118
- export const amsActionGroupGap =
119
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
135
+ export const amsAccordionGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
136
+ export const amsActionGroupGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
120
137
  export const amsAlertBackgroundColor = "#ffffff";
121
138
  export const amsAlertBorderColor = "#009de6";
122
139
  export const amsAlertBorderStyle = "solid";
123
140
  export const amsAlertBorderWidth = "0.25rem";
124
141
  export const amsAlertSeverityIndicatorBackgroundColor = "#009de6";
125
142
  export const amsAlertSeverityIndicatorPaddingBlock =
126
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
143
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
127
144
  export const amsAlertSeverityIndicatorPaddingInline =
128
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
145
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
129
146
  export const amsAlertContentGap =
130
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
147
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
131
148
  export const amsAlertContentPaddingBlock =
132
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
149
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
133
150
  export const amsAlertContentPaddingInline =
134
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
151
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
135
152
  export const amsAlertErrorBorderColor = "#ec0000";
136
153
  export const amsAlertErrorSeverityIndicatorBackgroundColor = "#ec0000";
137
154
  export const amsAlertSuccessBorderColor = "#00a03c";
@@ -145,14 +162,13 @@ export const amsAvatarBorderStyle = "solid";
145
162
  export const amsAvatarBorderWidth = "0.125rem";
146
163
  export const amsAvatarColor = "#ffffff";
147
164
  export const amsAvatarFontFamily = "'Amsterdam Sans', Arial, sans-serif";
148
- export const amsAvatarFontSize =
149
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
165
+ export const amsAvatarFontSize = "1rem";
150
166
  export const amsAvatarFontWeight = "400";
151
- export const amsAvatarLineHeight = "1.5152";
167
+ export const amsAvatarLineHeight = "1.6";
152
168
  export const amsAvatarPaddingBlock =
153
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
169
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
154
170
  export const amsAvatarPaddingInline =
155
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
171
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
156
172
  export const amsAvatarForcedColorsBorderWidth = "0.125rem";
157
173
  export const amsAvatarAzureBackgroundColor = "#009de6";
158
174
  export const amsAvatarAzureBorderColor = "#009de6";
@@ -176,11 +192,11 @@ export const amsBadgeBackgroundColor = "#00a03c";
176
192
  export const amsBadgeColor = "#ffffff";
177
193
  export const amsBadgeFontFamily = "'Amsterdam Sans', Arial, sans-serif";
178
194
  export const amsBadgeFontSize =
179
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
195
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
180
196
  export const amsBadgeFontWeight = "800";
181
- export const amsBadgeLineHeight = "1.6667";
197
+ export const amsBadgeLineHeight = "1.8";
182
198
  export const amsBadgePaddingInline =
183
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
199
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
184
200
  export const amsBadgeAzureBackgroundColor = "#009de6";
185
201
  export const amsBadgeAzureColor = "#ffffff";
186
202
  export const amsBadgeLimeBackgroundColor = "#bed200";
@@ -198,26 +214,26 @@ export const amsBadgeYellowColor = "#181818";
198
214
  export const amsBlockquoteColor = "#181818";
199
215
  export const amsBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif";
200
216
  export const amsBlockquoteFontSize =
201
- "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
217
+ "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
202
218
  export const amsBlockquoteFontWeight = "800";
203
- export const amsBlockquoteLineHeight = "1.3776";
219
+ export const amsBlockquoteLineHeight = "1.4";
204
220
  export const amsBlockquoteInverseColor = "#ffffff";
205
221
  export const amsBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
206
222
  export const amsBreadcrumbFontSize =
207
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
223
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
208
224
  export const amsBreadcrumbFontWeight = "400";
209
- export const amsBreadcrumbLineHeight = "1.5152";
225
+ export const amsBreadcrumbLineHeight = "1.8";
210
226
  export const amsBreadcrumbSeparatorBackgroundImage =
211
227
  "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>\")";
212
228
  export const amsBreadcrumbSeparatorBlockSize = "1ex";
213
229
  export const amsBreadcrumbSeparatorInlineSize = "1ex";
214
230
  export const amsBreadcrumbSeparatorMarginInline =
215
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
231
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
216
232
  export const amsBreadcrumbLinkColor = "#004699";
217
233
  export const amsBreadcrumbLinkOutlineOffset = "0.25rem";
218
234
  export const amsBreadcrumbLinkTextDecorationLine = "none";
219
235
  export const amsBreadcrumbLinkTextDecorationThickness = "0.125rem";
220
- export const amsBreadcrumbLinkTextUnderlineOffset = "0.3333em";
236
+ export const amsBreadcrumbLinkTextUnderlineOffset = "0.15625rem";
221
237
  export const amsBreadcrumbLinkHoverColor = "#003677";
222
238
  export const amsBreadcrumbLinkHoverTextDecorationLine = "underline";
223
239
  export const amsButtonBorderStyle = "solid";
@@ -225,20 +241,20 @@ export const amsButtonBorderWidth = "0.125rem";
225
241
  export const amsButtonCursor = "pointer";
226
242
  export const amsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
227
243
  export const amsButtonFontSize =
228
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
244
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
229
245
  export const amsButtonFontWeight = "400";
230
- export const amsButtonLineHeight = "1.6667";
231
- export const amsButtonGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
246
+ export const amsButtonLineHeight = "1.4";
247
+ export const amsButtonGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
232
248
  export const amsButtonOutlineOffset = "0.25rem";
233
249
  export const amsButtonPaddingBlock =
234
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
250
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
235
251
  export const amsButtonPaddingInline =
236
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
252
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
237
253
  export const amsButtonDisabledCursor = "not-allowed";
238
254
  export const amsButtonIconOnlyPaddingBlock =
239
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
255
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
240
256
  export const amsButtonIconOnlyPaddingInline =
241
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
257
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
242
258
  export const amsButtonPrimaryBackgroundColor = "#004699";
243
259
  export const amsButtonPrimaryBorderColor = "#004699";
244
260
  export const amsButtonPrimaryColor = "#ffffff";
@@ -259,81 +275,99 @@ export const amsButtonTertiaryColor = "#004699";
259
275
  export const amsButtonTertiaryDisabledColor = "#767676";
260
276
  export const amsButtonTertiaryHoverBorderColor = "currentColor";
261
277
  export const amsButtonTertiaryHoverColor = "#003677";
278
+ export const amsCallToActionLinkBackgroundColor = "#00a03c";
279
+ export const amsCallToActionLinkColor = "#ffffff";
280
+ export const amsCallToActionLinkFontFamily =
281
+ "'Amsterdam Sans', Arial, sans-serif";
282
+ export const amsCallToActionLinkFontSize =
283
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
284
+ export const amsCallToActionLinkFontWeight = "400";
285
+ export const amsCallToActionLinkLineHeight = "1.8";
286
+ export const amsCallToActionLinkOutlineOffset = "0.25rem";
287
+ export const amsCallToActionLinkPaddingBlock =
288
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
289
+ export const amsCallToActionLinkPaddingInline =
290
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
291
+ export const amsCallToActionLinkTextDecorationThickness = "0.125rem";
292
+ export const amsCallToActionLinkTextUnderlineOffset = "0.15625rem";
293
+ export const amsCallToActionLinkHoverBackgroundColor = "#007c2e";
294
+ export const amsCallToActionLinkHoverTextDecorationThickness = "0.1875rem";
295
+ export const amsCallToActionLinkHoverTextUnderlineOffset = "0.09375rem";
262
296
  export const amsCardHeadingMarginBlockEnd =
263
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
297
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
264
298
  export const amsCardHeadingGroupGap =
265
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
299
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
266
300
  export const amsCardHeadingGroupMarginBlockEnd =
267
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
301
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
268
302
  export const amsCardImageMarginBlockEnd =
269
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
303
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
270
304
  export const amsCardLinkColor = "#004699";
271
305
  export const amsCardLinkTextDecorationLine = "none";
272
306
  export const amsCardLinkTextDecorationThickness = "0.125rem";
273
- export const amsCardLinkTextUnderlineOffset = "0.3333em";
307
+ export const amsCardLinkTextUnderlineOffset = "0.15625rem";
274
308
  export const amsCardLinkHoverColor = "#003677";
275
309
  export const amsCardLinkHoverTextDecorationLine = "underline";
276
310
  export const amsCardOutlineOffset = "0.25rem";
277
311
  export const amsCharacterCountColor = "#181818";
278
312
  export const amsCharacterCountFontFamily =
279
313
  "'Amsterdam Sans', Arial, sans-serif";
280
- export const amsCharacterCountFontSize =
281
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
314
+ export const amsCharacterCountFontSize = "1rem";
282
315
  export const amsCharacterCountFontWeight = "400";
283
- export const amsCharacterCountLineHeight = "1.5152";
316
+ export const amsCharacterCountLineHeight = "1.6";
284
317
  export const amsCharacterCountErrorColor = "#ec0000";
285
- export const amsCheckboxColor = "#181818";
286
- export const amsCheckboxCursor = "pointer";
287
- export const amsCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
288
- export const amsCheckboxFontSize =
289
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
290
- export const amsCheckboxFontWeight = "400";
291
- export const amsCheckboxGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
292
- export const amsCheckboxLineHeight = "1.6667";
293
- export const amsCheckboxOutlineOffset = "0.25rem";
294
- export const amsCheckboxCheckedIndicatorStroke = "#ffffff";
295
- export const amsCheckboxIndeterminateIndicatorStroke = "#ffffff";
296
- export const amsCheckboxHoverIndicatorHoverStroke = "#003677";
297
- export const amsCheckboxHoverIndicatorInvalidHoverStroke = "#b70000";
298
- export const amsCheckboxRectangleFill = "#ffffff";
299
- export const amsCheckboxRectangleStroke = "#004699";
300
- export const amsCheckboxRectangleCheckedFill = "#004699";
301
- export const amsCheckboxRectangleCheckedDisabledFill = "#767676";
318
+ export const amsCheckboxHoverTextDecorationThickness = "0.125rem"; // Use `ams.checkbox.text-decoration-thickness` instead
319
+ export const amsCheckboxHoverColor = "#003677";
320
+ export const amsCheckboxHoverTextDecorationLine = "underline";
302
321
  export const amsCheckboxRectangleCheckedDisabledHoverFill = "#767676";
303
- export const amsCheckboxRectangleCheckedHoverFill = "#003677";
322
+ export const amsCheckboxRectangleCheckedDisabledFill = "#767676";
304
323
  export const amsCheckboxRectangleCheckedHoverDisabledInvalidFill = "#767676";
324
+ export const amsCheckboxRectangleCheckedHoverFill = "#003677";
325
+ export const amsCheckboxRectangleCheckedFill = "#004699";
305
326
  export const amsCheckboxRectangleCheckedInvalidFill = "#ec0000";
306
327
  export const amsCheckboxRectangleCheckedInvalidHoverFill = "#b70000";
307
- export const amsCheckboxRectangleDisabledStroke = "#767676";
308
- export const amsCheckboxRectangleHoverStroke = "#003677";
309
328
  export const amsCheckboxRectangleHoverDisabledInvalidStroke = "#767676";
310
- export const amsCheckboxRectangleIndeterminateFill = "#004699";
311
- export const amsCheckboxRectangleIndeterminateDisabledFill = "#767676";
329
+ export const amsCheckboxRectangleHoverStroke = "#003677";
312
330
  export const amsCheckboxRectangleIndeterminateDisabledHoverFill = "#767676";
313
- export const amsCheckboxRectangleIndeterminateHoverFill = "#003677";
331
+ export const amsCheckboxRectangleIndeterminateDisabledFill = "#767676";
314
332
  export const amsCheckboxRectangleIndeterminateHoverDisabledInvalidFill =
315
333
  "#767676";
334
+ export const amsCheckboxRectangleIndeterminateHoverFill = "#003677";
335
+ export const amsCheckboxRectangleIndeterminateFill = "#004699";
316
336
  export const amsCheckboxRectangleIndeterminateInvalidFill = "#ec0000";
317
337
  export const amsCheckboxRectangleIndeterminateInvalidHoverFill = "#b70000";
338
+ export const amsCheckboxRectangleFill = "#ffffff";
339
+ export const amsCheckboxRectangleStroke = "#004699";
340
+ export const amsCheckboxRectangleDisabledStroke = "#767676";
318
341
  export const amsCheckboxRectangleInvalidStroke = "#ec0000";
319
342
  export const amsCheckboxRectangleInvalidHoverStroke = "#b70000";
320
- export const amsCheckboxIconContainerBlockSize =
321
- "calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6667)";
322
- export const amsCheckboxIconContainerInlineSize = "1.5rem";
343
+ export const amsCheckboxColor = "#181818";
344
+ export const amsCheckboxCursor = "pointer";
345
+ export const amsCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
346
+ export const amsCheckboxFontSize =
347
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
348
+ export const amsCheckboxFontWeight = "400";
349
+ export const amsCheckboxGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
350
+ export const amsCheckboxLineHeight = "1.8";
351
+ export const amsCheckboxOutlineOffset = "0.25rem";
352
+ export const amsCheckboxTextDecorationThickness = "0.125rem";
353
+ export const amsCheckboxTextUnderlineOffset = "0.15625rem";
323
354
  export const amsCheckboxDisabledCursor = "not-allowed";
324
355
  export const amsCheckboxDisabledColor = "#767676";
325
- export const amsCheckboxHoverColor = "#003677";
326
- export const amsCheckboxHoverTextDecorationThickness = "0.125rem";
356
+ export const amsCheckboxCheckedIndicatorStroke = "#ffffff";
357
+ export const amsCheckboxHoverIndicatorHoverStroke = "#003677";
358
+ export const amsCheckboxHoverIndicatorInvalidHoverStroke = "#b70000";
359
+ export const amsCheckboxIconContainerBlockSize =
360
+ "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.8)";
361
+ export const amsCheckboxIconContainerInlineSize =
362
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
363
+ export const amsCheckboxIndeterminateIndicatorStroke = "#ffffff";
327
364
  export const amsColumnGapXSmall =
328
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
329
- export const amsColumnGapSmall =
330
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
331
- export const amsColumnGapMedium =
332
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
333
- export const amsColumnGapLarge =
334
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
365
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
366
+ export const amsColumnGapSmall = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
367
+ export const amsColumnGapMedium = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
368
+ export const amsColumnGapLarge = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
335
369
  export const amsColumnGapXLarge =
336
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
370
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
337
371
  export const amsDateInputBackgroundColor = "#ffffff";
338
372
  export const amsDateInputBorderColor = "currentColor";
339
373
  export const amsDateInputBorderStyle = "solid";
@@ -341,17 +375,14 @@ export const amsDateInputBorderWidth = "0.125rem";
341
375
  export const amsDateInputColor = "#181818";
342
376
  export const amsDateInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
343
377
  export const amsDateInputFontSize =
344
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
378
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
345
379
  export const amsDateInputFontWeight = "400";
346
- export const amsDateInputLineHeight = "1.6667";
380
+ export const amsDateInputLineHeight = "1.4";
347
381
  export const amsDateInputOutlineOffset = "0.25rem";
348
382
  export const amsDateInputPaddingBlock =
349
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
383
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
350
384
  export const amsDateInputPaddingInline =
351
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
352
- export const amsDateInputCalenderPickerIndicatorBackgroundImage =
353
- "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>\")";
354
- export const amsDateInputCalenderPickerIndicatorCursor = "pointer";
385
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
355
386
  export const amsDateInputDisabledColor = "#767676";
356
387
  export const amsDateInputDisabledCursor = "not-allowed";
357
388
  export const amsDateInputDisabledCalenderPickerIndicatorBackgroundImage =
@@ -363,21 +394,24 @@ export const amsDateInputInvalidBorderColor = "#ec0000";
363
394
  export const amsDateInputInvalidHoverBorderColor = "#b70000";
364
395
  export const amsDateInputInvalidHoverBoxShadow =
365
396
  "inset 0 0 0 0.0625rem #b70000";
397
+ export const amsDateInputCalenderPickerIndicatorBackgroundImage =
398
+ "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>\")";
399
+ export const amsDateInputCalenderPickerIndicatorCursor = "pointer";
366
400
  export const amsDescriptionListColor = "#181818";
367
401
  export const amsDescriptionListColumnGap =
368
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
402
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
369
403
  export const amsDescriptionListFontFamily =
370
404
  "'Amsterdam Sans', Arial, sans-serif";
371
405
  export const amsDescriptionListFontSize =
372
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
373
- export const amsDescriptionListLineHeight = "1.6667";
406
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
407
+ export const amsDescriptionListLineHeight = "1.8";
374
408
  export const amsDescriptionListRowGap =
375
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
409
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
376
410
  export const amsDescriptionListInverseColor = "#ffffff";
377
411
  export const amsDescriptionListTermFontWeight = "800";
378
412
  export const amsDescriptionListDescriptionFontWeight = "400";
379
413
  export const amsDescriptionListDescriptionPaddingInlineStart =
380
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
414
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
381
415
  export const amsDescriptionListNarrowGridTemplateColumns = "1fr 4fr";
382
416
  export const amsDescriptionListMediumGridTemplateColumns = "1fr 2fr";
383
417
  export const amsDescriptionListWideGridTemplateColumns = "1fr 1fr";
@@ -385,72 +419,70 @@ export const amsDialogBackgroundColor = "#ffffff";
385
419
  export const amsDialogBorderColor = "#ffffff";
386
420
  export const amsDialogBorderStyle = "solid";
387
421
  export const amsDialogBorderWidth = "0.125rem";
388
- export const amsDialogGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
422
+ export const amsDialogGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
389
423
  export const amsDialogInlineSize =
390
- "calc(100% - 2 * clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem))";
424
+ "calc(100% - 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem))";
391
425
  export const amsDialogMaxBlockSize =
392
- "calc(100dvh - 2 * clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem))";
426
+ "calc(100dvh - 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem))";
393
427
  export const amsDialogMaxInlineSize = "48rem";
394
428
  export const amsDialogMediumInlineSize =
395
- "calc(100% - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))";
429
+ "calc(100% - 2 * clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem))";
396
430
  export const amsDialogMediumMaxBlockSize =
397
- "calc(100dvh - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))";
431
+ "calc(100dvh - 2 * clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem))";
398
432
  export const amsDialogBackdropBackgroundColor = "rgb(24 24 24 / 62.5%)";
399
- export const amsDialogHeaderGap =
400
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
433
+ export const amsDialogHeaderGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
401
434
  export const amsDialogHeaderPaddingBlock =
402
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem) 0";
435
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem) 0";
403
436
  export const amsDialogHeaderPaddingInline =
404
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
437
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
405
438
  export const amsDialogHeaderMediumPaddingBlock =
406
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem) 0";
439
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) 0";
407
440
  export const amsDialogHeaderMediumPaddingInline =
408
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
441
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
409
442
  export const amsDialogBodyPaddingBlock = "0";
410
443
  export const amsDialogBodyPaddingInline =
411
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
444
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
412
445
  export const amsDialogBodyMediumPaddingInline =
413
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
446
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
414
447
  export const amsDialogFooterPaddingBlock =
415
- "0 clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
448
+ "0 clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
416
449
  export const amsDialogFooterPaddingInline =
417
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
450
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
418
451
  export const amsDialogFooterMediumPaddingBlock =
419
- "0 clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
452
+ "0 clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
420
453
  export const amsDialogFooterMediumPaddingInline =
421
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
454
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
422
455
  export const amsErrorMessageColor = "#ec0000";
423
456
  export const amsErrorMessageFontFamily = "'Amsterdam Sans', Arial, sans-serif";
424
457
  export const amsErrorMessageFontSize =
425
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
458
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
426
459
  export const amsErrorMessageFontWeight = "400";
427
460
  export const amsErrorMessageGap =
428
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
429
- export const amsErrorMessageLineHeight = "1.5152";
461
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
462
+ export const amsErrorMessageLineHeight = "1.8";
430
463
  export const amsFieldSetInvalidBorderInlineStart = "0.1875rem solid #ec0000";
431
464
  export const amsFieldSetInvalidPaddingInlineStart =
432
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
465
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
433
466
  export const amsFieldSetLegendColor = "#181818";
434
467
  export const amsFieldSetLegendFontFamily =
435
468
  "'Amsterdam Sans', Arial, sans-serif";
436
469
  export const amsFieldSetLegendFontSize =
437
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
470
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
438
471
  export const amsFieldSetLegendFontWeight = "800";
439
- export const amsFieldSetLegendLineHeight = "1.2928";
472
+ export const amsFieldSetLegendLineHeight = "1.3";
440
473
  export const amsFieldSetLegendMarginBlockEnd =
441
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
474
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
442
475
  export const amsFieldSetLegendTextWrap = "balance";
443
- export const amsFieldGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
476
+ export const amsFieldGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
444
477
  export const amsFieldInvalidBorderInlineStart = "0.1875rem solid #ec0000";
445
478
  export const amsFieldInvalidPaddingInlineStart =
446
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
447
- export const amsFigureGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
479
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
480
+ export const amsFigureGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
448
481
  export const amsFigureCaptionColor = "#181818";
449
482
  export const amsFigureCaptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
450
- export const amsFigureCaptionFontSize =
451
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
483
+ export const amsFigureCaptionFontSize = "1rem";
452
484
  export const amsFigureCaptionFontWeight = "400";
453
- export const amsFigureCaptionLineHeight = "1.5152";
485
+ export const amsFigureCaptionLineHeight = "1.6";
454
486
  export const amsFigureCaptionInverseColor = "#ffffff";
455
487
  export const amsFileInputBackgroundColor = "#ffffff";
456
488
  export const amsFileInputBorderColor = "currentColor";
@@ -460,14 +492,14 @@ export const amsFileInputColor = "#181818";
460
492
  export const amsFileInputCursor = "pointer";
461
493
  export const amsFileInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
462
494
  export const amsFileInputFontSize =
463
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
495
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
464
496
  export const amsFileInputFontWeight = "400";
465
- export const amsFileInputLineHeight = "1.6667";
497
+ export const amsFileInputLineHeight = "1.4";
466
498
  export const amsFileInputOutlineOffset = "0.25rem";
467
499
  export const amsFileInputPaddingBlock =
468
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
500
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
469
501
  export const amsFileInputPaddingInline =
470
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
502
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
471
503
  export const amsFileInputDisabledColor = "#767676";
472
504
  export const amsFileInputDisabledCursor = "not-allowed";
473
505
  export const amsFileInputFileSelectorButtonBackgroundColor = "#ffffff";
@@ -476,67 +508,62 @@ export const amsFileInputFileSelectorButtonBorderStyle = "solid";
476
508
  export const amsFileInputFileSelectorButtonBorderWidth = "0.125rem";
477
509
  export const amsFileInputFileSelectorButtonColor = "#004699";
478
510
  export const amsFileInputFileSelectorButtonCursor = "pointer";
511
+ export const amsFileInputFileSelectorButtonLineHeight = "1.4";
479
512
  export const amsFileInputFileSelectorButtonMarginInlineEnd =
480
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
513
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
481
514
  export const amsFileInputFileSelectorButtonPaddingBlock =
482
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
515
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
483
516
  export const amsFileInputFileSelectorButtonPaddingInline =
484
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
517
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
518
+ export const amsFileInputFileSelectorButtonDisabledColor = "#767676";
519
+ export const amsFileInputFileSelectorButtonDisabledCursor = "not-allowed";
485
520
  export const amsFileInputFileSelectorButtonHoverBoxShadow =
486
521
  "inset 0 0 0 0.0625rem";
487
522
  export const amsFileInputFileSelectorButtonHoverColor = "#003677";
488
- export const amsFileInputFileSelectorButtonDisabledColor = "#767676";
489
- export const amsFileInputFileSelectorButtonDisabledCursor = "not-allowed";
490
- export const amsFileListGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
523
+ export const amsFileListGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
491
524
  export const amsFileListPaddingBlock =
492
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
525
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
493
526
  export const amsFileListFileFontFamily = "'Amsterdam Sans', Arial, sans-serif";
494
- export const amsFileListFileFontSize =
495
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
527
+ export const amsFileListFileFontSize = "1rem";
496
528
  export const amsFileListFileFontWeight = "400";
497
529
  export const amsFileListFileGap =
498
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
499
- export const amsFileListFileLineHeight = "1.5152";
530
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
531
+ export const amsFileListFileLineHeight = "1.6";
500
532
  export const amsFileListFileDetailsColor = "#767676";
501
533
  export const amsFileListFilePreviewWidth = "clamp(2.5rem, 10vw, 5rem)";
502
534
  export const amsGridColumnCount = "4";
503
- export const amsGridColumnGap = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
535
+ export const amsGridColumnGap = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
504
536
  export const amsGridPaddingBlockL =
505
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
537
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
506
538
  export const amsGridPaddingBlockXl =
507
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
539
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
508
540
  export const amsGridPaddingBlock_2xl =
509
- "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
541
+ "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
510
542
  export const amsGridPaddingInline =
511
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
512
- export const amsGridRowGapL = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
513
- export const amsGridRowGapXl = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
514
- export const amsGridRowGap_2xl =
515
- "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
543
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
544
+ export const amsGridRowGapL = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
545
+ export const amsGridRowGapXl = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
546
+ export const amsGridRowGap_2xl = "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
516
547
  export const amsGridMediumColumnCount = "8";
517
548
  export const amsGridMediumPaddingInline =
518
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
549
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
519
550
  export const amsGridWideColumnCount = "12";
520
551
  export const amsGridWidePaddingInline =
521
- "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
522
- export const amsHeading_1FontSize =
523
- "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)";
524
- export const amsHeading_1LineHeight = "1.1754";
525
- export const amsHeading_2FontSize =
526
- "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)";
527
- export const amsHeading_2LineHeight = "1.2133";
552
+ "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
553
+ export const amsHeading_1FontSize = "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)";
554
+ export const amsHeading_1LineHeight = "1.2";
555
+ export const amsHeading_2FontSize = "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
556
+ export const amsHeading_2LineHeight = "1.3";
528
557
  export const amsHeading_3FontSize =
529
- "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
530
- export const amsHeading_3LineHeight = "1.2524";
558
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
559
+ export const amsHeading_3LineHeight = "1.3";
531
560
  export const amsHeading_4FontSize =
532
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
533
- export const amsHeading_4LineHeight = "1.2928";
534
- export const amsHeading_5FontSize =
535
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
536
- export const amsHeading_5LineHeight = "1.3345";
537
- export const amsHeading_6FontSize =
538
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
539
- export const amsHeading_6LineHeight = "1.3776";
561
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
562
+ export const amsHeading_4LineHeight = "1.4";
563
+ export const amsHeading_5FontSize = "1rem";
564
+ export const amsHeading_5LineHeight = "1.4";
565
+ export const amsHeading_6FontSize = "1rem";
566
+ export const amsHeading_6LineHeight = "1.4";
540
567
  export const amsHeadingColor = "#181818";
541
568
  export const amsHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
542
569
  export const amsHeadingFontWeight = "800";
@@ -550,9 +577,9 @@ export const amsIconButtonHoverBackgroundColor = "rgb(0 70 153 / 12.5%)";
550
577
  export const amsIconButtonHoverColor = "#003677";
551
578
  export const amsIconButtonDisabledColor = "#767676";
552
579
  export const amsIconButtonDisabledCursor = "not-allowed";
553
- export const amsIconButtonContrastColor = "#000000";
580
+ export const amsIconButtonContrastColor = "#181818";
554
581
  export const amsIconButtonContrastHoverBackgroundColor = "rgb(0 0 0 / 12.5%)";
555
- export const amsIconButtonContrastHoverColor = "#000000";
582
+ export const amsIconButtonContrastHoverColor = "#181818";
556
583
  export const amsIconButtonContrastDisabledColor = "#767676";
557
584
  export const amsIconButtonInverseBackgroundColor = "#004699";
558
585
  export const amsIconButtonInverseColor = "#ffffff";
@@ -560,35 +587,40 @@ export const amsIconButtonInverseHoverBackgroundColor = "#003677";
560
587
  export const amsIconButtonInverseHoverColor = "#ffffff";
561
588
  export const amsIconButtonInverseDisabledColor = "#ffffff";
562
589
  export const amsIconButtonInverseDisabledBackgroundColor = "#767676";
563
- export const amsIconFontSize =
564
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
565
- export const amsIconLineHeight = "1.6667";
566
- export const amsIconSmallFontSize =
567
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
568
- export const amsIconSmallLineHeight = "1.5152";
590
+ export const amsIconHeading_0FontSize =
591
+ "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)"; // Deprecated. Use ‘heading 1’ instead.
592
+ export const amsIconHeading_0LineHeight = "1.1"; // Deprecated. Use ‘heading 1’ instead.
593
+ export const amsIconFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
594
+ export const amsIconLineHeight = "1.8";
595
+ export const amsIconSmallFontSize = "1rem";
596
+ export const amsIconSmallLineHeight = "1.6";
569
597
  export const amsIconLargeFontSize =
570
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
571
- export const amsIconLargeLineHeight = "1.5152";
598
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
599
+ export const amsIconLargeLineHeight = "1.6";
600
+ export const amsIconHeading_1FontSize =
601
+ "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)";
602
+ export const amsIconHeading_1LineHeight = "1.2";
603
+ export const amsIconHeading_2FontSize =
604
+ "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
605
+ export const amsIconHeading_2LineHeight = "1.3";
572
606
  export const amsIconHeading_3FontSize =
573
- "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
574
- export const amsIconHeading_3LineHeight = "1.2524";
607
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
608
+ export const amsIconHeading_3LineHeight = "1.3";
575
609
  export const amsIconHeading_4FontSize =
576
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
577
- export const amsIconHeading_4LineHeight = "1.2928";
578
- export const amsIconHeading_5FontSize =
579
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
580
- export const amsIconHeading_5LineHeight = "1.3345";
581
- export const amsIconHeading_6FontSize =
582
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
583
- export const amsIconHeading_6LineHeight = "1.3776";
610
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
611
+ export const amsIconHeading_4LineHeight = "1.4";
612
+ export const amsIconHeading_5FontSize = "1rem";
613
+ export const amsIconHeading_5LineHeight = "1.4";
614
+ export const amsIconHeading_6FontSize = "1rem";
615
+ export const amsIconHeading_6LineHeight = "1.4";
584
616
  export const amsIconInverseColor = "#ffffff";
585
617
  export const amsImageSliderGap =
586
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
618
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
587
619
  export const amsImageSliderScrollerGap =
588
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
620
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
589
621
  export const amsImageSliderScrollerOutlineOffset = "0.25rem";
590
622
  export const amsImageSliderThumbnailsGap =
591
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
623
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
592
624
  export const amsImageSliderThumbnailsThumbnailBackgroundColor = "transparent";
593
625
  export const amsImageSliderThumbnailsThumbnailCursor = "pointer";
594
626
  export const amsImageSliderThumbnailsThumbnailOpacity = "40%";
@@ -600,33 +632,32 @@ export const amsInvalidFormAlertOutlineOffset = "0.25rem";
600
632
  export const amsLabelColor = "#181818";
601
633
  export const amsLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
602
634
  export const amsLabelFontSize =
603
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
635
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
604
636
  export const amsLabelFontWeight = "800";
605
- export const amsLabelLineHeight = "1.2928";
637
+ export const amsLabelLineHeight = "1.3";
606
638
  export const amsLabelTextWrap = "balance";
607
- export const amsLinkListGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
639
+ export const amsLinkListGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
608
640
  export const amsLinkListLinkColor = "#004699";
609
641
  export const amsLinkListLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
610
642
  export const amsLinkListLinkFontSize =
611
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
643
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
612
644
  export const amsLinkListLinkFontWeight = "400";
613
645
  export const amsLinkListLinkGap =
614
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
615
- export const amsLinkListLinkLineHeight = "1.6667";
646
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
647
+ export const amsLinkListLinkLineHeight = "1.8";
616
648
  export const amsLinkListLinkOutlineOffset = "0.25rem";
617
649
  export const amsLinkListLinkTextDecorationLine = "none";
618
650
  export const amsLinkListLinkTextDecorationThickness = "0.125rem";
619
- export const amsLinkListLinkTextUnderlineOffset = "0.3333em";
620
- export const amsLinkListLinkSmallFontSize =
621
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
622
- export const amsLinkListLinkSmallLineHeight = "1.5152";
651
+ export const amsLinkListLinkTextUnderlineOffset = "0.15625rem";
652
+ export const amsLinkListLinkSmallFontSize = "1rem";
653
+ export const amsLinkListLinkSmallLineHeight = "1.6";
623
654
  export const amsLinkListLinkLargeFontSize =
624
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
625
- export const amsLinkListLinkLargeLineHeight = "1.5152";
655
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
656
+ export const amsLinkListLinkLargeLineHeight = "1.6";
626
657
  export const amsLinkListLinkHoverColor = "#003677";
627
658
  export const amsLinkListLinkHoverTextDecorationLine = "underline";
628
- export const amsLinkListLinkContrastColor = "#000000";
629
- export const amsLinkListLinkContrastHoverColor = "#000000";
659
+ export const amsLinkListLinkContrastColor = "#181818";
660
+ export const amsLinkListLinkContrastHoverColor = "#181818";
630
661
  export const amsLinkListLinkInverseColor = "#ffffff";
631
662
  export const amsLinkListLinkInverseHoverColor = "#ffffff";
632
663
  export const amsLinkColor = "#004699";
@@ -636,154 +667,173 @@ export const amsLinkFontWeight = "400";
636
667
  export const amsLinkLineHeight = "inherit";
637
668
  export const amsLinkOutlineOffset = "0.25rem";
638
669
  export const amsLinkTextDecorationThickness = "0.125rem";
639
- export const amsLinkTextUnderlineOffset = "0.3333em";
670
+ export const amsLinkTextUnderlineOffset = "0.15625rem";
640
671
  export const amsLinkHoverColor = "#003677";
641
672
  export const amsLinkHoverTextDecorationThickness = "0.1875rem";
642
- export const amsLinkHoverTextUnderlineOffset = "0.2778em";
643
- export const amsLinkContrastColor = "#000000";
644
- export const amsLinkContrastHoverColor = "#000000";
673
+ export const amsLinkHoverTextUnderlineOffset = "0.09375rem";
674
+ export const amsLinkContrastColor = "#181818";
675
+ export const amsLinkContrastHoverColor = "#181818";
645
676
  export const amsLinkInverseColor = "#ffffff";
646
677
  export const amsLinkInverseHoverColor = "#ffffff";
647
- export const amsLogoBlockSize = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
678
+ export const amsLogoBlockSize = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
648
679
  export const amsLogoMinBlockSize = "2.5rem";
649
680
  export const amsLogoEmblemColor = "#ec0000";
650
681
  export const amsLogoSubsiteColor = "#181818";
651
682
  export const amsLogoTitleColor = "#ec0000";
652
683
  export const amsMarkBackgroundColor = "#ffe600";
684
+ export const amsMenuFontFamily = "'Amsterdam Sans', Arial, sans-serif";
685
+ export const amsMenuFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
686
+ export const amsMenuFontWeight = "400";
687
+ export const amsMenuLineHeight = "1.8";
688
+ export const amsMenuLinkColor = "#004699";
689
+ export const amsMenuLinkGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
690
+ export const amsMenuLinkOutlineOffset = "0.25rem";
691
+ export const amsMenuLinkPaddingBlock =
692
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
693
+ export const amsMenuLinkPaddingInline =
694
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
695
+ export const amsMenuLinkTextDecorationLine = "none";
696
+ export const amsMenuLinkTextDecorationThickness = "0.125rem";
697
+ export const amsMenuLinkTextUnderlineOffset = "0.15625rem";
698
+ export const amsMenuLinkHoverColor = "#003677";
699
+ export const amsMenuLinkHoverTextDecorationLine = "underline";
700
+ export const amsMenuLinkContrastColor = "#181818";
701
+ export const amsMenuLinkContrastHoverColor = "#181818";
702
+ export const amsMenuLinkInverseColor = "#ffffff";
703
+ export const amsMenuLinkInverseHoverColor = "#ffffff";
704
+ export const amsMenuListGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
653
705
  export const amsOrderedListColor = "#181818";
654
706
  export const amsOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
655
707
  export const amsOrderedListFontSize =
656
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
708
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
657
709
  export const amsOrderedListFontWeight = "400";
658
- export const amsOrderedListGap =
659
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
660
- export const amsOrderedListLineHeight = "1.6667";
710
+ export const amsOrderedListGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
711
+ export const amsOrderedListLineHeight = "1.8";
661
712
  export const amsOrderedListListStyleType = "decimal";
662
- export const amsOrderedListSmallFontSize =
663
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
664
- export const amsOrderedListSmallLineHeight = "1.5152";
713
+ export const amsOrderedListSmallFontSize = "1rem";
714
+ export const amsOrderedListSmallLineHeight = "1.6";
665
715
  export const amsOrderedListInverseColor = "#ffffff";
666
716
  export const amsOrderedListItemMarginInlineStart = "2.25rem"; // Divide your total indentation width over margin and padding to position the marker.
667
717
  export const amsOrderedListItemPaddingInlineStart = "0.25rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
668
718
  export const amsOrderedListOrderedListGap =
669
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
719
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
670
720
  export const amsOrderedListOrderedListListStyleType = "lower-alpha";
671
- export const amsOrderedListOrderedListPaddingBlockEnd = "0";
721
+ export const amsOrderedListOrderedListPaddingBlockEnd =
722
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
672
723
  export const amsOrderedListOrderedListPaddingBlockStart =
673
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
724
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
674
725
  export const amsOrderedListOrderedListItemMarginInlineStart = "1.5rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
675
726
  export const amsOrderedListOrderedListItemPaddingInlineStart = "0.25rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
676
727
  export const amsPageFooterMenuColumnGap =
677
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
728
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
678
729
  export const amsPageFooterMenuPaddingBlock =
679
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
730
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
680
731
  export const amsPageFooterMenuPaddingInline =
681
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
732
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
682
733
  export const amsPageFooterMenuRowGap =
683
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
734
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
684
735
  export const amsPageFooterMenuMediumPaddingInline =
685
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
736
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
686
737
  export const amsPageFooterMenuWidePaddingInline =
687
- "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
738
+ "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
688
739
  export const amsPageFooterMenuLinkColor = "#004699";
689
740
  export const amsPageFooterMenuLinkFontFamily =
690
741
  "'Amsterdam Sans', Arial, sans-serif";
691
742
  export const amsPageFooterMenuLinkFontSize =
692
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
743
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
693
744
  export const amsPageFooterMenuLinkFontWeight = "400";
694
- export const amsPageFooterMenuLinkLineHeight = "1.5152";
745
+ export const amsPageFooterMenuLinkLineHeight = "1.8";
695
746
  export const amsPageFooterMenuLinkOutlineOffset = "0.25rem";
696
747
  export const amsPageFooterMenuLinkTextDecorationLine = "none";
697
748
  export const amsPageFooterMenuLinkTextDecorationThickness = "0.125rem";
698
- export const amsPageFooterMenuLinkTextUnderlineOffset = "0.3333em";
749
+ export const amsPageFooterMenuLinkTextUnderlineOffset = "0.15625rem";
699
750
  export const amsPageFooterMenuLinkHoverColor = "#003677";
700
751
  export const amsPageFooterMenuLinkHoverTextDecorationLine = "underline";
701
752
  export const amsPageFooterSpotlightBackgroundColor = "#004699";
702
753
  export const amsPageHeaderFontFamily = "'Amsterdam Sans', Arial, sans-serif";
703
754
  export const amsPageHeaderPaddingBlock =
704
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
755
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
705
756
  export const amsPageHeaderPaddingInline =
706
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; // Must be the Grid inline padding, to make sure Header and Grid line up
757
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; // Must be the Grid inline padding, to make sure Header and Grid line up
707
758
  export const amsPageHeaderMediumPaddingInline =
708
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
759
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
709
760
  export const amsPageHeaderWidePaddingInline =
710
- "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
761
+ "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
711
762
  export const amsPageHeaderLogoLinkColumnGap =
712
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
763
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
713
764
  export const amsPageHeaderLogoLinkOutlineOffset = "0.25rem";
714
765
  export const amsPageHeaderBrandNameColor = "#181818";
715
766
  export const amsPageHeaderBrandNameFontSize =
716
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
767
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
717
768
  export const amsPageHeaderBrandNameFontWeight = "800";
718
- export const amsPageHeaderBrandNameLineHeight = "1.2928";
769
+ export const amsPageHeaderBrandNameLineHeight = "1.3";
719
770
  export const amsPageHeaderBrandNameTextWrap = "balance";
720
771
  export const amsPageHeaderMegaMenuButtonCursor = "pointer";
721
772
  export const amsPageHeaderMegaMenuButtonLabelOpenFontWeight = "800";
722
773
  export const amsPageHeaderMenuColumnGap =
723
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
774
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
724
775
  export const amsPageHeaderMenuRowGap =
725
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
776
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
726
777
  export const amsPageHeaderMenuItemColor = "#004699";
727
778
  export const amsPageHeaderMenuItemColumnGap =
728
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
779
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
729
780
  export const amsPageHeaderMenuItemFontFamily =
730
781
  "'Amsterdam Sans', Arial, sans-serif";
731
782
  export const amsPageHeaderMenuItemFontSize =
732
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
783
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
733
784
  export const amsPageHeaderMenuItemFontWeight = "400";
734
- export const amsPageHeaderMenuItemLineHeight = "1.6667";
785
+ export const amsPageHeaderMenuItemLineHeight = "1.8";
735
786
  export const amsPageHeaderMenuItemOutlineOffset = "0.25rem";
736
787
  export const amsPageHeaderMenuItemPaddingBlock =
737
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
788
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
738
789
  export const amsPageHeaderMenuItemHoverColor = "#003677";
739
790
  export const amsPageHeaderMenuLinkTextDecorationLine = "none";
740
791
  export const amsPageHeaderMenuLinkTextDecorationThickness = "0.125rem";
741
- export const amsPageHeaderMenuLinkTextUnderlineOffset = "0.3333em";
792
+ export const amsPageHeaderMenuLinkTextUnderlineOffset = "0.15625rem";
742
793
  export const amsPageHeaderMenuLinkHoverTextDecorationLine = "underline";
743
794
  export const amsPageHeaderNavigationColumnGap =
744
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
795
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
745
796
  export const amsPageHeaderNavigationRowGap =
746
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
797
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
747
798
  export const amsPageHeadingColor = "#181818";
748
799
  export const amsPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
749
800
  export const amsPageHeadingFontSize =
750
- "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)";
801
+ "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)";
751
802
  export const amsPageHeadingFontWeight = "800";
752
- export const amsPageHeadingLineHeight = "1.1386";
803
+ export const amsPageHeadingLineHeight = "1.1";
753
804
  export const amsPageHeadingTextWrap = "balance";
754
805
  export const amsPageHeadingInverseColor = "#ffffff";
755
806
  export const amsPageBackgroundColor = "#ffffff";
756
- export const amsPageMaxInlineSize = "100rem";
807
+ export const amsPageMaxInlineSize = "90rem";
757
808
  export const amsPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
758
809
  export const amsPaginationFontSize =
759
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
810
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
760
811
  export const amsPaginationFontWeight = "400";
761
- export const amsPaginationLineHeight = "1.6667";
812
+ export const amsPaginationLineHeight = "1.8";
762
813
  export const amsPaginationLinkColor = "#004699";
763
814
  export const amsPaginationLinkGap =
764
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
815
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
765
816
  export const amsPaginationLinkOutlineOffset = "0.25rem";
766
817
  export const amsPaginationLinkPaddingInline =
767
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
818
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
768
819
  export const amsPaginationLinkTextDecorationLine = "none";
769
820
  export const amsPaginationLinkTextDecorationThickness = "0.125rem";
770
- export const amsPaginationLinkTextUnderlineOffset = "0.3333em";
821
+ export const amsPaginationLinkTextUnderlineOffset = "0.15625rem";
771
822
  export const amsPaginationLinkCurrentFontWeight = "800";
772
823
  export const amsPaginationLinkHoverColor = "#003677";
773
824
  export const amsPaginationLinkHoverTextDecorationLine = "underline";
774
825
  export const amsParagraphColor = "#181818";
775
826
  export const amsParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
776
827
  export const amsParagraphFontSize =
777
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
828
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
778
829
  export const amsParagraphFontWeight = "400";
779
- export const amsParagraphLineHeight = "1.6667";
830
+ export const amsParagraphLineHeight = "1.8";
780
831
  export const amsParagraphInverseColor = "#ffffff";
781
- export const amsParagraphSmallFontSize =
782
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
783
- export const amsParagraphSmallLineHeight = "1.5152";
832
+ export const amsParagraphSmallFontSize = "1rem";
833
+ export const amsParagraphSmallLineHeight = "1.6";
784
834
  export const amsParagraphLargeFontSize =
785
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
786
- export const amsParagraphLargeLineHeight = "1.5152";
835
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
836
+ export const amsParagraphLargeLineHeight = "1.6";
787
837
  export const amsPasswordInputBackgroundColor = "#ffffff";
788
838
  export const amsPasswordInputBorderColor = "currentColor";
789
839
  export const amsPasswordInputBorderStyle = "solid";
@@ -791,14 +841,14 @@ export const amsPasswordInputBorderWidth = "0.125rem";
791
841
  export const amsPasswordInputColor = "#181818";
792
842
  export const amsPasswordInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
793
843
  export const amsPasswordInputFontSize =
794
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
844
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
795
845
  export const amsPasswordInputFontWeight = "400";
796
- export const amsPasswordInputLineHeight = "1.6667";
846
+ export const amsPasswordInputLineHeight = "1.4";
797
847
  export const amsPasswordInputOutlineOffset = "0.25rem";
798
848
  export const amsPasswordInputPaddingBlock =
799
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
849
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
800
850
  export const amsPasswordInputPaddingInline =
801
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
851
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
802
852
  export const amsPasswordInputDisabledColor = "#767676";
803
853
  export const amsPasswordInputDisabledCursor = "not-allowed";
804
854
  export const amsPasswordInputHoverBoxShadow = "inset 0 0 0 0.0625rem";
@@ -811,13 +861,13 @@ export const amsRadioColor = "#181818";
811
861
  export const amsRadioCursor = "pointer";
812
862
  export const amsRadioFontFamily = "'Amsterdam Sans', Arial, sans-serif";
813
863
  export const amsRadioFontSize =
814
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
864
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
815
865
  export const amsRadioFontWeight = "400";
816
- export const amsRadioGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
817
- export const amsRadioLineHeight = "1.6667";
866
+ export const amsRadioGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
867
+ export const amsRadioLineHeight = "1.8";
818
868
  export const amsRadioOutlineOffset = "0.25rem";
819
869
  export const amsRadioTextDecorationThickness = "0.125rem";
820
- export const amsRadioTextUnderlineOffset = "0.3333em";
870
+ export const amsRadioTextUnderlineOffset = "0.15625rem";
821
871
  export const amsRadioCheckedIndicatorFill = "#004699";
822
872
  export const amsRadioCheckedIndicatorDisabledFill = "#767676";
823
873
  export const amsRadioCheckedIndicatorDisabledInvalidFill = "#767676";
@@ -840,14 +890,14 @@ export const amsRadioDisabledCursor = "not-allowed";
840
890
  export const amsRadioHoverColor = "#003677";
841
891
  export const amsRadioHoverTextDecorationLine = "underline";
842
892
  export const amsRadioIconContainerBlockSize =
843
- "calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6667)";
844
- export const amsRadioIconContainerInlineSize = "1.5rem";
845
- export const amsRowGapXSmall =
846
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
847
- export const amsRowGapSmall = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
848
- export const amsRowGapMedium = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
849
- export const amsRowGapLarge = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
850
- export const amsRowGapXLarge = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
893
+ "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.8)";
894
+ export const amsRadioIconContainerInlineSize =
895
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
896
+ export const amsRowGapXSmall = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
897
+ export const amsRowGapSmall = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
898
+ export const amsRowGapMedium = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
899
+ export const amsRowGapLarge = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
900
+ export const amsRowGapXLarge = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
851
901
  export const amsSearchFieldInputBackgroundColor = "#ffffff";
852
902
  export const amsSearchFieldInputBorderColor = "currentColor";
853
903
  export const amsSearchFieldInputBorderStyle = "solid";
@@ -856,47 +906,47 @@ export const amsSearchFieldInputColor = "#181818";
856
906
  export const amsSearchFieldInputFontFamily =
857
907
  "'Amsterdam Sans', Arial, sans-serif";
858
908
  export const amsSearchFieldInputFontSize =
859
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
909
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
860
910
  export const amsSearchFieldInputFontWeight = "400";
861
- export const amsSearchFieldInputLineHeight = "1.6667";
911
+ export const amsSearchFieldInputLineHeight = "1.4";
862
912
  export const amsSearchFieldInputOutlineOffset = "0.25rem";
863
913
  export const amsSearchFieldInputPaddingBlock =
864
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
914
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
865
915
  export const amsSearchFieldInputPaddingInline =
866
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
916
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
917
+ export const amsSearchFieldInputHoverBoxShadow = "inset 0 0 0 0.0625rem";
918
+ export const amsSearchFieldInputInvalidBorderColor = "#ec0000";
919
+ export const amsSearchFieldInputInvalidHoverBorderColor = "#b70000";
920
+ export const amsSearchFieldInputInvalidHoverBoxShadow =
921
+ "inset 0 0 0 0.0625rem #b70000";
867
922
  export const amsSearchFieldInputCancelButtonBackgroundImage =
868
923
  "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>\")";
869
924
  export const amsSearchFieldInputCancelButtonBlockSize =
870
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
925
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
871
926
  export const amsSearchFieldInputCancelButtonColor = "#004699";
872
927
  export const amsSearchFieldInputCancelButtonCursor = "pointer";
873
928
  export const amsSearchFieldInputCancelButtonInlineSize =
874
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
875
- export const amsSearchFieldInputHoverBoxShadow = "inset 0 0 0 0.0625rem";
876
- export const amsSearchFieldInputInvalidBorderColor = "#ec0000";
877
- export const amsSearchFieldInputInvalidHoverBorderColor = "#b70000";
878
- export const amsSearchFieldInputInvalidHoverBoxShadow =
879
- "inset 0 0 0 0.0625rem #b70000";
929
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
880
930
  export const amsSearchFieldInputPlaceholderColor = "#767676";
881
931
  export const amsSelectBackgroundColor = "#ffffff";
882
932
  export const amsSelectBackgroundImage =
883
933
  "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>\")";
884
934
  export const amsSelectBackgroundPosition =
885
- "right clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) center";
935
+ "right clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem) center";
886
936
  export const amsSelectBorderColor = "currentColor";
887
937
  export const amsSelectBorderStyle = "solid";
888
938
  export const amsSelectBorderWidth = "0.125rem";
889
939
  export const amsSelectColor = "#181818";
890
940
  export const amsSelectFontFamily = "'Amsterdam Sans', Arial, sans-serif";
891
941
  export const amsSelectFontSize =
892
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
942
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
893
943
  export const amsSelectFontWeight = "400";
894
- export const amsSelectLineHeight = "1.6667";
944
+ export const amsSelectLineHeight = "1.4";
895
945
  export const amsSelectOutlineOffset = "0.25rem";
896
946
  export const amsSelectPaddingBlock =
897
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
947
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
898
948
  export const amsSelectPaddingInline =
899
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) calc(2 * clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) + 1em)";
949
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem) calc(2 * clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem) + 1em)";
900
950
  export const amsSelectDisabledBackgroundImage =
901
951
  "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>\")";
902
952
  export const amsSelectDisabledColor = "#767676";
@@ -912,14 +962,14 @@ export const amsSkipLinkBackgroundColor = "#004699";
912
962
  export const amsSkipLinkColor = "#ffffff";
913
963
  export const amsSkipLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
914
964
  export const amsSkipLinkFontSize =
915
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
965
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
916
966
  export const amsSkipLinkFontWeight = "400";
917
- export const amsSkipLinkLineHeight = "1.5152";
967
+ export const amsSkipLinkLineHeight = "1.8";
918
968
  export const amsSkipLinkOutlineOffset = "0.25rem";
919
969
  export const amsSkipLinkPaddingBlock =
920
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
970
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
921
971
  export const amsSkipLinkPaddingInline =
922
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
972
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
923
973
  export const amsSkipLinkHoverBackgroundColor = "#003677";
924
974
  export const amsSpotlightBackgroundColor = "#a00078";
925
975
  export const amsSpotlightAzureBackgroundColor = "#009de6";
@@ -928,27 +978,30 @@ export const amsSpotlightLimeBackgroundColor = "#bed200";
928
978
  export const amsSpotlightMagentaBackgroundColor = "#e50082";
929
979
  export const amsSpotlightOrangeBackgroundColor = "#ff9100";
930
980
  export const amsSpotlightYellowBackgroundColor = "#ffe600";
981
+ export const amsStandaloneLinkHoverTextDecorationThickness = "0.1875rem"; // Use `ams.standalone-link.text-decoration-thickness` instead
982
+ export const amsStandaloneLinkHoverTextUnderlineOffset = "0.09375rem"; // Use `ams.standalone-link.text-underline-offset` instead
983
+ export const amsStandaloneLinkHoverColor = "#003677";
984
+ export const amsStandaloneLinkHoverTextDecorationLine = "underline";
985
+ export const amsStandaloneLinkWithIconTextDecorationLine = "none"; // Use `ams.standalone-link.text-decoration-line` instead
986
+ export const amsStandaloneLinkWithIconTextDecorationThickness = "0.125rem"; // Use `ams.standalone-link.text-decoration-thickness` instead
987
+ export const amsStandaloneLinkWithIconHoverTextDecorationLine = "underline"; // Use `ams.standalone-link.hover.text-decoration-line` instead
931
988
  export const amsStandaloneLinkColor = "#004699";
932
989
  export const amsStandaloneLinkColumnGap =
933
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
990
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
934
991
  export const amsStandaloneLinkFontFamily =
935
992
  "'Amsterdam Sans', Arial, sans-serif";
936
993
  export const amsStandaloneLinkFontSize =
937
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
994
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
938
995
  export const amsStandaloneLinkFontWeight = "400";
939
- export const amsStandaloneLinkLineHeight = "1.6667";
996
+ export const amsStandaloneLinkLineHeight = "1.8";
940
997
  export const amsStandaloneLinkOutlineOffset = "0.25rem";
998
+ export const amsStandaloneLinkTextDecorationLine = "none";
941
999
  export const amsStandaloneLinkTextDecorationThickness = "0.125rem";
942
- export const amsStandaloneLinkTextUnderlineOffset = "0.3333em";
943
- export const amsStandaloneLinkContrastColor = "#000000";
944
- export const amsStandaloneLinkContrastHoverColor = "#000000";
945
- export const amsStandaloneLinkHoverColor = "#003677";
946
- export const amsStandaloneLinkHoverTextDecorationThickness = "0.1875rem";
947
- export const amsStandaloneLinkHoverTextUnderlineOffset = "0.2778em";
1000
+ export const amsStandaloneLinkTextUnderlineOffset = "0.15625rem";
1001
+ export const amsStandaloneLinkContrastColor = "#181818";
1002
+ export const amsStandaloneLinkContrastHoverColor = "#181818";
948
1003
  export const amsStandaloneLinkInverseColor = "#ffffff";
949
1004
  export const amsStandaloneLinkInverseHoverColor = "#ffffff";
950
- export const amsStandaloneLinkWithIconTextDecorationLine = "none";
951
- export const amsStandaloneLinkWithIconHoverTextDecorationLine = "underline";
952
1005
  export const amsSwitchBackgroundColor = "#767676";
953
1006
  export const amsSwitchCursor = "pointer";
954
1007
  export const amsSwitchOutlineOffset = "0.25rem";
@@ -961,58 +1014,58 @@ export const amsSwitchThumbHoverColor = "#003677";
961
1014
  export const amsSwitchCheckedBackgroundColor = "#004699";
962
1015
  export const amsSwitchDisabledBackgroundColor = "#767676";
963
1016
  export const amsSwitchDisabledCursor = "not-allowed";
1017
+ export const amsTableOfContentsHeadingFontWeight = "800";
1018
+ export const amsTableOfContentsHeadingFontSize =
1019
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1020
+ export const amsTableOfContentsHeadingLineHeight = "1.4";
964
1021
  export const amsTableOfContentsFontFamily =
965
1022
  "'Amsterdam Sans', Arial, sans-serif";
966
1023
  export const amsTableOfContentsFontSize =
967
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
1024
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
968
1025
  export const amsTableOfContentsFontWeight = "400";
969
1026
  export const amsTableOfContentsGap =
970
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
971
- export const amsTableOfContentsLineHeight = "1.6667";
1027
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1028
+ export const amsTableOfContentsLineHeight = "1.8";
972
1029
  export const amsTableOfContentsLinkColor = "#004699";
973
1030
  export const amsTableOfContentsLinkOutlineOffset = "0.25rem";
974
1031
  export const amsTableOfContentsLinkTextDecorationLine = "none";
975
1032
  export const amsTableOfContentsLinkTextDecorationThickness = "0.125rem";
976
- export const amsTableOfContentsLinkTextUnderlineOffset = "0.3333em";
1033
+ export const amsTableOfContentsLinkTextUnderlineOffset = "0.15625rem";
977
1034
  export const amsTableOfContentsLinkHoverColor = "#003677";
978
1035
  export const amsTableOfContentsLinkHoverTextDecorationLine = "underline";
979
1036
  export const amsTableOfContentsListGap =
980
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1037
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
981
1038
  export const amsTableOfContentsListListPaddingBlockStart =
982
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1039
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
983
1040
  export const amsTableOfContentsListListPaddingInlineStart =
984
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
985
- export const amsTableOfContentsHeadingFontWeight = "800";
986
- export const amsTableOfContentsHeadingFontSize =
987
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
988
- export const amsTableOfContentsHeadingLineHeight = "1.2928";
1041
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
989
1042
  export const amsTableColor = "#181818";
990
1043
  export const amsTableFontFamily = "'Amsterdam Sans', Arial, sans-serif";
991
1044
  export const amsTableFontSize =
992
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
1045
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
993
1046
  export const amsTableFontWeight = "400";
994
- export const amsTableLineHeight = "1.6667";
1047
+ export const amsTableLineHeight = "1.8";
995
1048
  export const amsTableCaptionFontWeight = "800";
996
1049
  export const amsTableCellBorderBlockEnd = "0.0625rem solid #d1d1d1";
997
1050
  export const amsTableCellPaddingBlock =
998
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1051
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
999
1052
  export const amsTableCellPaddingInline =
1000
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
1053
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
1001
1054
  export const amsTableHeaderCellFontWeight = "800";
1002
- export const amsTabsGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
1055
+ export const amsTabsGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
1003
1056
  export const amsTabsListBoxShadow = "inset 0 calc(0.125rem * -1) #d1d1d1";
1004
1057
  export const amsTabsButtonColor = "#004699";
1005
1058
  export const amsTabsButtonCursor = "pointer";
1006
1059
  export const amsTabsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
1007
1060
  export const amsTabsButtonFontSize =
1008
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
1061
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1009
1062
  export const amsTabsButtonFontWeight = "400";
1010
- export const amsTabsButtonLineHeight = "1.6667";
1063
+ export const amsTabsButtonLineHeight = "1.8";
1011
1064
  export const amsTabsButtonOutlineOffset = "calc(0.25rem * -1)";
1012
1065
  export const amsTabsButtonPaddingBlock =
1013
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1066
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1014
1067
  export const amsTabsButtonPaddingInline =
1015
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
1068
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
1016
1069
  export const amsTabsButtonHoverBoxShadow = "inset 0 calc(0.125rem * -1)";
1017
1070
  export const amsTabsButtonHoverColor = "#003677";
1018
1071
  export const amsTabsButtonSelectedBoxShadow = "inset 0 calc(0.25rem * -1)";
@@ -1026,16 +1079,16 @@ export const amsTextAreaBorderWidth = "0.125rem";
1026
1079
  export const amsTextAreaColor = "#181818";
1027
1080
  export const amsTextAreaFontFamily = "'Amsterdam Sans', Arial, sans-serif";
1028
1081
  export const amsTextAreaFontSize =
1029
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
1082
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1030
1083
  export const amsTextAreaFontWeight = "400";
1031
- export const amsTextAreaLineHeight = "1.6667";
1084
+ export const amsTextAreaLineHeight = "1.4";
1032
1085
  export const amsTextAreaMinBlockSize =
1033
- "calc(1.6667 * 1em + 2 * clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem))";
1086
+ "calc(1.8 * 1em + 2 * clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem))";
1034
1087
  export const amsTextAreaOutlineOffset = "0.25rem";
1035
1088
  export const amsTextAreaPaddingBlock =
1036
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1089
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1037
1090
  export const amsTextAreaPaddingInline =
1038
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
1091
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
1039
1092
  export const amsTextAreaDisabledColor = "#767676";
1040
1093
  export const amsTextAreaDisabledCursor = "not-allowed";
1041
1094
  export const amsTextAreaHoverBoxShadow = "inset 0 0 0 0.0625rem";
@@ -1050,14 +1103,14 @@ export const amsTextInputBorderWidth = "0.125rem";
1050
1103
  export const amsTextInputColor = "#181818";
1051
1104
  export const amsTextInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
1052
1105
  export const amsTextInputFontSize =
1053
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
1106
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1054
1107
  export const amsTextInputFontWeight = "400";
1055
- export const amsTextInputLineHeight = "1.6667";
1108
+ export const amsTextInputLineHeight = "1.4";
1056
1109
  export const amsTextInputOutlineOffset = "0.25rem";
1057
1110
  export const amsTextInputPaddingBlock =
1058
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1111
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1059
1112
  export const amsTextInputPaddingInline =
1060
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
1113
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
1061
1114
  export const amsTextInputDisabledColor = "#767676";
1062
1115
  export const amsTextInputDisabledCursor = "not-allowed";
1063
1116
  export const amsTextInputHoverBoxShadow = "inset 0 0 0 0.0625rem";
@@ -1073,17 +1126,14 @@ export const amsTimeInputBorderWidth = "0.125rem";
1073
1126
  export const amsTimeInputColor = "#181818";
1074
1127
  export const amsTimeInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
1075
1128
  export const amsTimeInputFontSize =
1076
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
1129
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1077
1130
  export const amsTimeInputFontWeight = "400";
1078
- export const amsTimeInputLineHeight = "1.6667";
1131
+ export const amsTimeInputLineHeight = "1.4";
1079
1132
  export const amsTimeInputOutlineOffset = "0.25rem";
1080
1133
  export const amsTimeInputPaddingBlock =
1081
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1134
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1082
1135
  export const amsTimeInputPaddingInline =
1083
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
1084
- export const amsTimeInputCalenderPickerIndicatorBackgroundImage =
1085
- "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>\")";
1086
- export const amsTimeInputCalenderPickerIndicatorCursor = "pointer";
1136
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
1087
1137
  export const amsTimeInputDisabledColor = "#767676";
1088
1138
  export const amsTimeInputDisabledCursor = "not-allowed";
1089
1139
  export const amsTimeInputDisabledCalenderPickerIndicatorBackgroundImage =
@@ -1095,26 +1145,29 @@ export const amsTimeInputInvalidBorderColor = "#ec0000";
1095
1145
  export const amsTimeInputInvalidHoverBorderColor = "#b70000";
1096
1146
  export const amsTimeInputInvalidHoverBoxShadow =
1097
1147
  "inset 0 0 0 0.0625rem #b70000";
1148
+ export const amsTimeInputCalenderPickerIndicatorBackgroundImage =
1149
+ "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>\")";
1150
+ export const amsTimeInputCalenderPickerIndicatorCursor = "pointer";
1098
1151
  export const amsUnorderedListColor = "#181818";
1099
1152
  export const amsUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
1100
1153
  export const amsUnorderedListFontSize =
1101
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
1154
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1102
1155
  export const amsUnorderedListFontWeight = "400";
1103
1156
  export const amsUnorderedListGap =
1104
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
1105
- export const amsUnorderedListLineHeight = "1.6667";
1157
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1158
+ export const amsUnorderedListLineHeight = "1.8";
1106
1159
  export const amsUnorderedListListStyleType = "'\\2022'";
1107
1160
  export const amsUnorderedListInverseColor = "#ffffff";
1108
- export const amsUnorderedListSmallFontSize =
1109
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
1110
- export const amsUnorderedListSmallLineHeight = "1.5152";
1161
+ export const amsUnorderedListSmallFontSize = "1rem";
1162
+ export const amsUnorderedListSmallLineHeight = "1.6";
1111
1163
  export const amsUnorderedListItemMarginInlineStart = "1.625rem"; // Divide your total indentation width over margin and padding to position the marker.
1112
1164
  export const amsUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
1113
1165
  export const amsUnorderedListUnorderedListGap =
1114
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1166
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1115
1167
  export const amsUnorderedListUnorderedListListStyleType = "'\\2013'";
1116
- export const amsUnorderedListUnorderedListPaddingBlockEnd = "0";
1168
+ export const amsUnorderedListUnorderedListPaddingBlockEnd =
1169
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1117
1170
  export const amsUnorderedListUnorderedListPaddingBlockStart =
1118
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1171
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1119
1172
  export const amsUnorderedListUnorderedListItemMarginInlineStart = "0.875rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
1120
1173
  export const amsUnorderedListUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.