@amsterdam/design-system-tokens 1.0.0 → 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 +57 -0
  2. package/README.md +14 -3
  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 +335 -269
  10. package/dist/index.d.ts +229 -125
  11. package/dist/index.json +525 -421
  12. package/dist/index.mjs +459 -404
  13. package/dist/index.scss +335 -269
  14. package/dist/index.theme.css +335 -269
  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 +13 -11
  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,16 +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";
254
+ export const amsButtonIconOnlyPaddingBlock =
255
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
256
+ export const amsButtonIconOnlyPaddingInline =
257
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
238
258
  export const amsButtonPrimaryBackgroundColor = "#004699";
239
259
  export const amsButtonPrimaryBorderColor = "#004699";
240
260
  export const amsButtonPrimaryColor = "#ffffff";
@@ -243,95 +263,111 @@ export const amsButtonPrimaryDisabledBorderColor = "#767676";
243
263
  export const amsButtonPrimaryHoverBackgroundColor = "#003677";
244
264
  export const amsButtonPrimaryHoverBorderColor = "#003677";
245
265
  export const amsButtonSecondaryBackgroundColor = "#ffffff";
266
+ export const amsButtonSecondaryBorderColor = "currentColor";
246
267
  export const amsButtonSecondaryColor = "#004699";
268
+ export const amsButtonSecondaryDisabledBorderColor = "#767676";
269
+ export const amsButtonSecondaryDisabledColor = "#767676";
247
270
  export const amsButtonSecondaryHoverBoxShadow = "inset 0 0 0 0.0625rem";
248
271
  export const amsButtonSecondaryHoverColor = "#003677";
249
- export const amsButtonSecondaryDisabledColor = "#767676";
250
272
  export const amsButtonTertiaryBackgroundColor = "transparent";
251
273
  export const amsButtonTertiaryBorderColor = "transparent";
252
274
  export const amsButtonTertiaryColor = "#004699";
275
+ export const amsButtonTertiaryDisabledColor = "#767676";
253
276
  export const amsButtonTertiaryHoverBorderColor = "currentColor";
254
277
  export const amsButtonTertiaryHoverColor = "#003677";
255
- export const amsButtonTertiaryDisabledColor = "#767676";
256
- export const amsButtonIconOnlyPaddingBlock =
257
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
258
- export const amsButtonIconOnlyPaddingInline =
259
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
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";
260
296
  export const amsCardHeadingMarginBlockEnd =
261
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
297
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
262
298
  export const amsCardHeadingGroupGap =
263
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
299
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
264
300
  export const amsCardHeadingGroupMarginBlockEnd =
265
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
301
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
266
302
  export const amsCardImageMarginBlockEnd =
267
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
303
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
268
304
  export const amsCardLinkColor = "#004699";
269
305
  export const amsCardLinkTextDecorationLine = "none";
270
306
  export const amsCardLinkTextDecorationThickness = "0.125rem";
271
- export const amsCardLinkTextUnderlineOffset = "0.3333em";
307
+ export const amsCardLinkTextUnderlineOffset = "0.15625rem";
272
308
  export const amsCardLinkHoverColor = "#003677";
273
309
  export const amsCardLinkHoverTextDecorationLine = "underline";
274
310
  export const amsCardOutlineOffset = "0.25rem";
275
311
  export const amsCharacterCountColor = "#181818";
276
312
  export const amsCharacterCountFontFamily =
277
313
  "'Amsterdam Sans', Arial, sans-serif";
278
- export const amsCharacterCountFontSize =
279
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
314
+ export const amsCharacterCountFontSize = "1rem";
280
315
  export const amsCharacterCountFontWeight = "400";
281
- export const amsCharacterCountLineHeight = "1.5152";
316
+ export const amsCharacterCountLineHeight = "1.6";
282
317
  export const amsCharacterCountErrorColor = "#ec0000";
283
- export const amsCheckboxColor = "#181818";
284
- export const amsCheckboxCursor = "pointer";
285
- export const amsCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
286
- export const amsCheckboxFontSize =
287
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
288
- export const amsCheckboxFontWeight = "400";
289
- export const amsCheckboxGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
290
- export const amsCheckboxLineHeight = "1.6667";
291
- export const amsCheckboxOutlineOffset = "0.25rem";
292
- export const amsCheckboxCheckedIndicatorStroke = "#ffffff";
293
- export const amsCheckboxIndeterminateIndicatorStroke = "#ffffff";
294
- export const amsCheckboxHoverIndicatorHoverStroke = "#003677";
295
- export const amsCheckboxHoverIndicatorInvalidHoverStroke = "#b70000";
296
- export const amsCheckboxRectangleFill = "#ffffff";
297
- export const amsCheckboxRectangleStroke = "#004699";
298
- export const amsCheckboxRectangleCheckedFill = "#004699";
299
- 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";
300
321
  export const amsCheckboxRectangleCheckedDisabledHoverFill = "#767676";
301
- export const amsCheckboxRectangleCheckedHoverFill = "#003677";
322
+ export const amsCheckboxRectangleCheckedDisabledFill = "#767676";
302
323
  export const amsCheckboxRectangleCheckedHoverDisabledInvalidFill = "#767676";
324
+ export const amsCheckboxRectangleCheckedHoverFill = "#003677";
325
+ export const amsCheckboxRectangleCheckedFill = "#004699";
303
326
  export const amsCheckboxRectangleCheckedInvalidFill = "#ec0000";
304
327
  export const amsCheckboxRectangleCheckedInvalidHoverFill = "#b70000";
305
- export const amsCheckboxRectangleDisabledStroke = "#767676";
306
- export const amsCheckboxRectangleHoverStroke = "#003677";
307
328
  export const amsCheckboxRectangleHoverDisabledInvalidStroke = "#767676";
308
- export const amsCheckboxRectangleIndeterminateFill = "#004699";
309
- export const amsCheckboxRectangleIndeterminateDisabledFill = "#767676";
329
+ export const amsCheckboxRectangleHoverStroke = "#003677";
310
330
  export const amsCheckboxRectangleIndeterminateDisabledHoverFill = "#767676";
311
- export const amsCheckboxRectangleIndeterminateHoverFill = "#003677";
331
+ export const amsCheckboxRectangleIndeterminateDisabledFill = "#767676";
312
332
  export const amsCheckboxRectangleIndeterminateHoverDisabledInvalidFill =
313
333
  "#767676";
334
+ export const amsCheckboxRectangleIndeterminateHoverFill = "#003677";
335
+ export const amsCheckboxRectangleIndeterminateFill = "#004699";
314
336
  export const amsCheckboxRectangleIndeterminateInvalidFill = "#ec0000";
315
337
  export const amsCheckboxRectangleIndeterminateInvalidHoverFill = "#b70000";
338
+ export const amsCheckboxRectangleFill = "#ffffff";
339
+ export const amsCheckboxRectangleStroke = "#004699";
340
+ export const amsCheckboxRectangleDisabledStroke = "#767676";
316
341
  export const amsCheckboxRectangleInvalidStroke = "#ec0000";
317
342
  export const amsCheckboxRectangleInvalidHoverStroke = "#b70000";
318
- export const amsCheckboxIconContainerBlockSize =
319
- "calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6667)";
320
- 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";
321
354
  export const amsCheckboxDisabledCursor = "not-allowed";
322
355
  export const amsCheckboxDisabledColor = "#767676";
323
- export const amsCheckboxHoverColor = "#003677";
324
- 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";
325
364
  export const amsColumnGapXSmall =
326
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
327
- export const amsColumnGapSmall =
328
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
329
- export const amsColumnGapMedium =
330
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
331
- export const amsColumnGapLarge =
332
- "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)";
333
369
  export const amsColumnGapXLarge =
334
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
370
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
335
371
  export const amsDateInputBackgroundColor = "#ffffff";
336
372
  export const amsDateInputBorderColor = "currentColor";
337
373
  export const amsDateInputBorderStyle = "solid";
@@ -339,17 +375,14 @@ export const amsDateInputBorderWidth = "0.125rem";
339
375
  export const amsDateInputColor = "#181818";
340
376
  export const amsDateInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
341
377
  export const amsDateInputFontSize =
342
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
378
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
343
379
  export const amsDateInputFontWeight = "400";
344
- export const amsDateInputLineHeight = "1.6667";
380
+ export const amsDateInputLineHeight = "1.4";
345
381
  export const amsDateInputOutlineOffset = "0.25rem";
346
382
  export const amsDateInputPaddingBlock =
347
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
383
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
348
384
  export const amsDateInputPaddingInline =
349
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
350
- export const amsDateInputCalenderPickerIndicatorBackgroundImage =
351
- "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>\")";
352
- export const amsDateInputCalenderPickerIndicatorCursor = "pointer";
385
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
353
386
  export const amsDateInputDisabledColor = "#767676";
354
387
  export const amsDateInputDisabledCursor = "not-allowed";
355
388
  export const amsDateInputDisabledCalenderPickerIndicatorBackgroundImage =
@@ -361,21 +394,24 @@ export const amsDateInputInvalidBorderColor = "#ec0000";
361
394
  export const amsDateInputInvalidHoverBorderColor = "#b70000";
362
395
  export const amsDateInputInvalidHoverBoxShadow =
363
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";
364
400
  export const amsDescriptionListColor = "#181818";
365
401
  export const amsDescriptionListColumnGap =
366
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
402
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
367
403
  export const amsDescriptionListFontFamily =
368
404
  "'Amsterdam Sans', Arial, sans-serif";
369
405
  export const amsDescriptionListFontSize =
370
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
371
- export const amsDescriptionListLineHeight = "1.6667";
406
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
407
+ export const amsDescriptionListLineHeight = "1.8";
372
408
  export const amsDescriptionListRowGap =
373
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
409
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
374
410
  export const amsDescriptionListInverseColor = "#ffffff";
375
411
  export const amsDescriptionListTermFontWeight = "800";
376
412
  export const amsDescriptionListDescriptionFontWeight = "400";
377
413
  export const amsDescriptionListDescriptionPaddingInlineStart =
378
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
414
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
379
415
  export const amsDescriptionListNarrowGridTemplateColumns = "1fr 4fr";
380
416
  export const amsDescriptionListMediumGridTemplateColumns = "1fr 2fr";
381
417
  export const amsDescriptionListWideGridTemplateColumns = "1fr 1fr";
@@ -383,72 +419,70 @@ export const amsDialogBackgroundColor = "#ffffff";
383
419
  export const amsDialogBorderColor = "#ffffff";
384
420
  export const amsDialogBorderStyle = "solid";
385
421
  export const amsDialogBorderWidth = "0.125rem";
386
- export const amsDialogGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
422
+ export const amsDialogGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
387
423
  export const amsDialogInlineSize =
388
- "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))";
389
425
  export const amsDialogMaxBlockSize =
390
- "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))";
391
427
  export const amsDialogMaxInlineSize = "48rem";
392
428
  export const amsDialogMediumInlineSize =
393
- "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))";
394
430
  export const amsDialogMediumMaxBlockSize =
395
- "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))";
396
432
  export const amsDialogBackdropBackgroundColor = "rgb(24 24 24 / 62.5%)";
397
- export const amsDialogHeaderGap =
398
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
433
+ export const amsDialogHeaderGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
399
434
  export const amsDialogHeaderPaddingBlock =
400
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem) 0";
435
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem) 0";
401
436
  export const amsDialogHeaderPaddingInline =
402
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
437
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
403
438
  export const amsDialogHeaderMediumPaddingBlock =
404
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem) 0";
439
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) 0";
405
440
  export const amsDialogHeaderMediumPaddingInline =
406
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
441
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
407
442
  export const amsDialogBodyPaddingBlock = "0";
408
443
  export const amsDialogBodyPaddingInline =
409
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
444
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
410
445
  export const amsDialogBodyMediumPaddingInline =
411
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
446
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
412
447
  export const amsDialogFooterPaddingBlock =
413
- "0 clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
448
+ "0 clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
414
449
  export const amsDialogFooterPaddingInline =
415
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
450
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
416
451
  export const amsDialogFooterMediumPaddingBlock =
417
- "0 clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
452
+ "0 clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
418
453
  export const amsDialogFooterMediumPaddingInline =
419
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
454
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
420
455
  export const amsErrorMessageColor = "#ec0000";
421
456
  export const amsErrorMessageFontFamily = "'Amsterdam Sans', Arial, sans-serif";
422
457
  export const amsErrorMessageFontSize =
423
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
458
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
424
459
  export const amsErrorMessageFontWeight = "400";
425
460
  export const amsErrorMessageGap =
426
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
427
- export const amsErrorMessageLineHeight = "1.5152";
461
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
462
+ export const amsErrorMessageLineHeight = "1.8";
428
463
  export const amsFieldSetInvalidBorderInlineStart = "0.1875rem solid #ec0000";
429
464
  export const amsFieldSetInvalidPaddingInlineStart =
430
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
465
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
431
466
  export const amsFieldSetLegendColor = "#181818";
432
467
  export const amsFieldSetLegendFontFamily =
433
468
  "'Amsterdam Sans', Arial, sans-serif";
434
469
  export const amsFieldSetLegendFontSize =
435
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
470
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
436
471
  export const amsFieldSetLegendFontWeight = "800";
437
- export const amsFieldSetLegendLineHeight = "1.2928";
472
+ export const amsFieldSetLegendLineHeight = "1.3";
438
473
  export const amsFieldSetLegendMarginBlockEnd =
439
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
474
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
440
475
  export const amsFieldSetLegendTextWrap = "balance";
441
- 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)";
442
477
  export const amsFieldInvalidBorderInlineStart = "0.1875rem solid #ec0000";
443
478
  export const amsFieldInvalidPaddingInlineStart =
444
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
445
- 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)";
446
481
  export const amsFigureCaptionColor = "#181818";
447
482
  export const amsFigureCaptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
448
- export const amsFigureCaptionFontSize =
449
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
483
+ export const amsFigureCaptionFontSize = "1rem";
450
484
  export const amsFigureCaptionFontWeight = "400";
451
- export const amsFigureCaptionLineHeight = "1.5152";
485
+ export const amsFigureCaptionLineHeight = "1.6";
452
486
  export const amsFigureCaptionInverseColor = "#ffffff";
453
487
  export const amsFileInputBackgroundColor = "#ffffff";
454
488
  export const amsFileInputBorderColor = "currentColor";
@@ -458,14 +492,14 @@ export const amsFileInputColor = "#181818";
458
492
  export const amsFileInputCursor = "pointer";
459
493
  export const amsFileInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
460
494
  export const amsFileInputFontSize =
461
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
495
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
462
496
  export const amsFileInputFontWeight = "400";
463
- export const amsFileInputLineHeight = "1.6667";
497
+ export const amsFileInputLineHeight = "1.4";
464
498
  export const amsFileInputOutlineOffset = "0.25rem";
465
499
  export const amsFileInputPaddingBlock =
466
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
500
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
467
501
  export const amsFileInputPaddingInline =
468
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
502
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
469
503
  export const amsFileInputDisabledColor = "#767676";
470
504
  export const amsFileInputDisabledCursor = "not-allowed";
471
505
  export const amsFileInputFileSelectorButtonBackgroundColor = "#ffffff";
@@ -474,67 +508,62 @@ export const amsFileInputFileSelectorButtonBorderStyle = "solid";
474
508
  export const amsFileInputFileSelectorButtonBorderWidth = "0.125rem";
475
509
  export const amsFileInputFileSelectorButtonColor = "#004699";
476
510
  export const amsFileInputFileSelectorButtonCursor = "pointer";
511
+ export const amsFileInputFileSelectorButtonLineHeight = "1.4";
477
512
  export const amsFileInputFileSelectorButtonMarginInlineEnd =
478
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
513
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
479
514
  export const amsFileInputFileSelectorButtonPaddingBlock =
480
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
515
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
481
516
  export const amsFileInputFileSelectorButtonPaddingInline =
482
- "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";
483
520
  export const amsFileInputFileSelectorButtonHoverBoxShadow =
484
521
  "inset 0 0 0 0.0625rem";
485
522
  export const amsFileInputFileSelectorButtonHoverColor = "#003677";
486
- export const amsFileInputFileSelectorButtonDisabledColor = "#767676";
487
- export const amsFileInputFileSelectorButtonDisabledCursor = "not-allowed";
488
- export const amsFileListGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
523
+ export const amsFileListGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
489
524
  export const amsFileListPaddingBlock =
490
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
525
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
491
526
  export const amsFileListFileFontFamily = "'Amsterdam Sans', Arial, sans-serif";
492
- export const amsFileListFileFontSize =
493
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
527
+ export const amsFileListFileFontSize = "1rem";
494
528
  export const amsFileListFileFontWeight = "400";
495
529
  export const amsFileListFileGap =
496
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
497
- export const amsFileListFileLineHeight = "1.5152";
530
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
531
+ export const amsFileListFileLineHeight = "1.6";
498
532
  export const amsFileListFileDetailsColor = "#767676";
499
533
  export const amsFileListFilePreviewWidth = "clamp(2.5rem, 10vw, 5rem)";
500
534
  export const amsGridColumnCount = "4";
501
- 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)";
502
536
  export const amsGridPaddingBlockL =
503
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
537
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
504
538
  export const amsGridPaddingBlockXl =
505
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
539
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
506
540
  export const amsGridPaddingBlock_2xl =
507
- "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
541
+ "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
508
542
  export const amsGridPaddingInline =
509
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
510
- export const amsGridRowGapL = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
511
- export const amsGridRowGapXl = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
512
- export const amsGridRowGap_2xl =
513
- "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)";
514
547
  export const amsGridMediumColumnCount = "8";
515
548
  export const amsGridMediumPaddingInline =
516
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
549
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
517
550
  export const amsGridWideColumnCount = "12";
518
551
  export const amsGridWidePaddingInline =
519
- "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
520
- export const amsHeading_1FontSize =
521
- "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)";
522
- export const amsHeading_1LineHeight = "1.1754";
523
- export const amsHeading_2FontSize =
524
- "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)";
525
- 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";
526
557
  export const amsHeading_3FontSize =
527
- "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
528
- export const amsHeading_3LineHeight = "1.2524";
558
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
559
+ export const amsHeading_3LineHeight = "1.3";
529
560
  export const amsHeading_4FontSize =
530
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
531
- export const amsHeading_4LineHeight = "1.2928";
532
- export const amsHeading_5FontSize =
533
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
534
- export const amsHeading_5LineHeight = "1.3345";
535
- export const amsHeading_6FontSize =
536
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
537
- 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";
538
567
  export const amsHeadingColor = "#181818";
539
568
  export const amsHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
540
569
  export const amsHeadingFontWeight = "800";
@@ -548,9 +577,9 @@ export const amsIconButtonHoverBackgroundColor = "rgb(0 70 153 / 12.5%)";
548
577
  export const amsIconButtonHoverColor = "#003677";
549
578
  export const amsIconButtonDisabledColor = "#767676";
550
579
  export const amsIconButtonDisabledCursor = "not-allowed";
551
- export const amsIconButtonContrastColor = "#000000";
580
+ export const amsIconButtonContrastColor = "#181818";
552
581
  export const amsIconButtonContrastHoverBackgroundColor = "rgb(0 0 0 / 12.5%)";
553
- export const amsIconButtonContrastHoverColor = "#000000";
582
+ export const amsIconButtonContrastHoverColor = "#181818";
554
583
  export const amsIconButtonContrastDisabledColor = "#767676";
555
584
  export const amsIconButtonInverseBackgroundColor = "#004699";
556
585
  export const amsIconButtonInverseColor = "#ffffff";
@@ -558,35 +587,40 @@ export const amsIconButtonInverseHoverBackgroundColor = "#003677";
558
587
  export const amsIconButtonInverseHoverColor = "#ffffff";
559
588
  export const amsIconButtonInverseDisabledColor = "#ffffff";
560
589
  export const amsIconButtonInverseDisabledBackgroundColor = "#767676";
561
- export const amsIconFontSize =
562
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
563
- export const amsIconLineHeight = "1.6667";
564
- export const amsIconSmallFontSize =
565
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
566
- 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";
567
597
  export const amsIconLargeFontSize =
568
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
569
- 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";
570
606
  export const amsIconHeading_3FontSize =
571
- "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
572
- export const amsIconHeading_3LineHeight = "1.2524";
607
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
608
+ export const amsIconHeading_3LineHeight = "1.3";
573
609
  export const amsIconHeading_4FontSize =
574
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
575
- export const amsIconHeading_4LineHeight = "1.2928";
576
- export const amsIconHeading_5FontSize =
577
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
578
- export const amsIconHeading_5LineHeight = "1.3345";
579
- export const amsIconHeading_6FontSize =
580
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
581
- 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";
582
616
  export const amsIconInverseColor = "#ffffff";
583
617
  export const amsImageSliderGap =
584
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
618
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
585
619
  export const amsImageSliderScrollerGap =
586
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
620
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
587
621
  export const amsImageSliderScrollerOutlineOffset = "0.25rem";
588
622
  export const amsImageSliderThumbnailsGap =
589
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
623
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
590
624
  export const amsImageSliderThumbnailsThumbnailBackgroundColor = "transparent";
591
625
  export const amsImageSliderThumbnailsThumbnailCursor = "pointer";
592
626
  export const amsImageSliderThumbnailsThumbnailOpacity = "40%";
@@ -598,33 +632,32 @@ export const amsInvalidFormAlertOutlineOffset = "0.25rem";
598
632
  export const amsLabelColor = "#181818";
599
633
  export const amsLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
600
634
  export const amsLabelFontSize =
601
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
635
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
602
636
  export const amsLabelFontWeight = "800";
603
- export const amsLabelLineHeight = "1.2928";
637
+ export const amsLabelLineHeight = "1.3";
604
638
  export const amsLabelTextWrap = "balance";
605
- 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)";
606
640
  export const amsLinkListLinkColor = "#004699";
607
641
  export const amsLinkListLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
608
642
  export const amsLinkListLinkFontSize =
609
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
643
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
610
644
  export const amsLinkListLinkFontWeight = "400";
611
645
  export const amsLinkListLinkGap =
612
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
613
- export const amsLinkListLinkLineHeight = "1.6667";
646
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
647
+ export const amsLinkListLinkLineHeight = "1.8";
614
648
  export const amsLinkListLinkOutlineOffset = "0.25rem";
615
649
  export const amsLinkListLinkTextDecorationLine = "none";
616
650
  export const amsLinkListLinkTextDecorationThickness = "0.125rem";
617
- export const amsLinkListLinkTextUnderlineOffset = "0.3333em";
618
- export const amsLinkListLinkSmallFontSize =
619
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
620
- export const amsLinkListLinkSmallLineHeight = "1.5152";
651
+ export const amsLinkListLinkTextUnderlineOffset = "0.15625rem";
652
+ export const amsLinkListLinkSmallFontSize = "1rem";
653
+ export const amsLinkListLinkSmallLineHeight = "1.6";
621
654
  export const amsLinkListLinkLargeFontSize =
622
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
623
- export const amsLinkListLinkLargeLineHeight = "1.5152";
655
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
656
+ export const amsLinkListLinkLargeLineHeight = "1.6";
624
657
  export const amsLinkListLinkHoverColor = "#003677";
625
658
  export const amsLinkListLinkHoverTextDecorationLine = "underline";
626
- export const amsLinkListLinkContrastColor = "#000000";
627
- export const amsLinkListLinkContrastHoverColor = "#000000";
659
+ export const amsLinkListLinkContrastColor = "#181818";
660
+ export const amsLinkListLinkContrastHoverColor = "#181818";
628
661
  export const amsLinkListLinkInverseColor = "#ffffff";
629
662
  export const amsLinkListLinkInverseHoverColor = "#ffffff";
630
663
  export const amsLinkColor = "#004699";
@@ -634,154 +667,173 @@ export const amsLinkFontWeight = "400";
634
667
  export const amsLinkLineHeight = "inherit";
635
668
  export const amsLinkOutlineOffset = "0.25rem";
636
669
  export const amsLinkTextDecorationThickness = "0.125rem";
637
- export const amsLinkTextUnderlineOffset = "0.3333em";
670
+ export const amsLinkTextUnderlineOffset = "0.15625rem";
638
671
  export const amsLinkHoverColor = "#003677";
639
672
  export const amsLinkHoverTextDecorationThickness = "0.1875rem";
640
- export const amsLinkHoverTextUnderlineOffset = "0.2778em";
641
- export const amsLinkContrastColor = "#000000";
642
- export const amsLinkContrastHoverColor = "#000000";
673
+ export const amsLinkHoverTextUnderlineOffset = "0.09375rem";
674
+ export const amsLinkContrastColor = "#181818";
675
+ export const amsLinkContrastHoverColor = "#181818";
643
676
  export const amsLinkInverseColor = "#ffffff";
644
677
  export const amsLinkInverseHoverColor = "#ffffff";
645
- 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)";
646
679
  export const amsLogoMinBlockSize = "2.5rem";
647
680
  export const amsLogoEmblemColor = "#ec0000";
648
681
  export const amsLogoSubsiteColor = "#181818";
649
682
  export const amsLogoTitleColor = "#ec0000";
650
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)";
651
705
  export const amsOrderedListColor = "#181818";
652
706
  export const amsOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
653
707
  export const amsOrderedListFontSize =
654
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
708
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
655
709
  export const amsOrderedListFontWeight = "400";
656
- export const amsOrderedListGap =
657
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
658
- export const amsOrderedListLineHeight = "1.6667";
710
+ export const amsOrderedListGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
711
+ export const amsOrderedListLineHeight = "1.8";
659
712
  export const amsOrderedListListStyleType = "decimal";
660
- export const amsOrderedListSmallFontSize =
661
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
662
- export const amsOrderedListSmallLineHeight = "1.5152";
713
+ export const amsOrderedListSmallFontSize = "1rem";
714
+ export const amsOrderedListSmallLineHeight = "1.6";
663
715
  export const amsOrderedListInverseColor = "#ffffff";
664
716
  export const amsOrderedListItemMarginInlineStart = "2.25rem"; // Divide your total indentation width over margin and padding to position the marker.
665
717
  export const amsOrderedListItemPaddingInlineStart = "0.25rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
666
718
  export const amsOrderedListOrderedListGap =
667
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
719
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
668
720
  export const amsOrderedListOrderedListListStyleType = "lower-alpha";
669
- export const amsOrderedListOrderedListPaddingBlockEnd = "0";
721
+ export const amsOrderedListOrderedListPaddingBlockEnd =
722
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
670
723
  export const amsOrderedListOrderedListPaddingBlockStart =
671
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
724
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
672
725
  export const amsOrderedListOrderedListItemMarginInlineStart = "1.5rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
673
726
  export const amsOrderedListOrderedListItemPaddingInlineStart = "0.25rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
674
727
  export const amsPageFooterMenuColumnGap =
675
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
728
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
676
729
  export const amsPageFooterMenuPaddingBlock =
677
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
730
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
678
731
  export const amsPageFooterMenuPaddingInline =
679
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
732
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
680
733
  export const amsPageFooterMenuRowGap =
681
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
734
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
682
735
  export const amsPageFooterMenuMediumPaddingInline =
683
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
736
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
684
737
  export const amsPageFooterMenuWidePaddingInline =
685
- "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
738
+ "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
686
739
  export const amsPageFooterMenuLinkColor = "#004699";
687
740
  export const amsPageFooterMenuLinkFontFamily =
688
741
  "'Amsterdam Sans', Arial, sans-serif";
689
742
  export const amsPageFooterMenuLinkFontSize =
690
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
743
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
691
744
  export const amsPageFooterMenuLinkFontWeight = "400";
692
- export const amsPageFooterMenuLinkLineHeight = "1.5152";
745
+ export const amsPageFooterMenuLinkLineHeight = "1.8";
693
746
  export const amsPageFooterMenuLinkOutlineOffset = "0.25rem";
694
747
  export const amsPageFooterMenuLinkTextDecorationLine = "none";
695
748
  export const amsPageFooterMenuLinkTextDecorationThickness = "0.125rem";
696
- export const amsPageFooterMenuLinkTextUnderlineOffset = "0.3333em";
749
+ export const amsPageFooterMenuLinkTextUnderlineOffset = "0.15625rem";
697
750
  export const amsPageFooterMenuLinkHoverColor = "#003677";
698
751
  export const amsPageFooterMenuLinkHoverTextDecorationLine = "underline";
699
752
  export const amsPageFooterSpotlightBackgroundColor = "#004699";
700
753
  export const amsPageHeaderFontFamily = "'Amsterdam Sans', Arial, sans-serif";
701
754
  export const amsPageHeaderPaddingBlock =
702
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
755
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
703
756
  export const amsPageHeaderPaddingInline =
704
- "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
705
758
  export const amsPageHeaderMediumPaddingInline =
706
- "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
759
+ "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
707
760
  export const amsPageHeaderWidePaddingInline =
708
- "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
761
+ "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
709
762
  export const amsPageHeaderLogoLinkColumnGap =
710
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
763
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
711
764
  export const amsPageHeaderLogoLinkOutlineOffset = "0.25rem";
712
765
  export const amsPageHeaderBrandNameColor = "#181818";
713
766
  export const amsPageHeaderBrandNameFontSize =
714
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
767
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
715
768
  export const amsPageHeaderBrandNameFontWeight = "800";
716
- export const amsPageHeaderBrandNameLineHeight = "1.2928";
769
+ export const amsPageHeaderBrandNameLineHeight = "1.3";
717
770
  export const amsPageHeaderBrandNameTextWrap = "balance";
718
771
  export const amsPageHeaderMegaMenuButtonCursor = "pointer";
719
772
  export const amsPageHeaderMegaMenuButtonLabelOpenFontWeight = "800";
720
773
  export const amsPageHeaderMenuColumnGap =
721
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
774
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
722
775
  export const amsPageHeaderMenuRowGap =
723
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
776
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
724
777
  export const amsPageHeaderMenuItemColor = "#004699";
725
778
  export const amsPageHeaderMenuItemColumnGap =
726
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
779
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
727
780
  export const amsPageHeaderMenuItemFontFamily =
728
781
  "'Amsterdam Sans', Arial, sans-serif";
729
782
  export const amsPageHeaderMenuItemFontSize =
730
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
783
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
731
784
  export const amsPageHeaderMenuItemFontWeight = "400";
732
- export const amsPageHeaderMenuItemLineHeight = "1.6667";
785
+ export const amsPageHeaderMenuItemLineHeight = "1.8";
733
786
  export const amsPageHeaderMenuItemOutlineOffset = "0.25rem";
734
787
  export const amsPageHeaderMenuItemPaddingBlock =
735
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
788
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
736
789
  export const amsPageHeaderMenuItemHoverColor = "#003677";
737
790
  export const amsPageHeaderMenuLinkTextDecorationLine = "none";
738
791
  export const amsPageHeaderMenuLinkTextDecorationThickness = "0.125rem";
739
- export const amsPageHeaderMenuLinkTextUnderlineOffset = "0.3333em";
792
+ export const amsPageHeaderMenuLinkTextUnderlineOffset = "0.15625rem";
740
793
  export const amsPageHeaderMenuLinkHoverTextDecorationLine = "underline";
741
794
  export const amsPageHeaderNavigationColumnGap =
742
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
795
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
743
796
  export const amsPageHeaderNavigationRowGap =
744
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
797
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
745
798
  export const amsPageHeadingColor = "#181818";
746
799
  export const amsPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
747
800
  export const amsPageHeadingFontSize =
748
- "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)";
801
+ "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)";
749
802
  export const amsPageHeadingFontWeight = "800";
750
- export const amsPageHeadingLineHeight = "1.1386";
803
+ export const amsPageHeadingLineHeight = "1.1";
751
804
  export const amsPageHeadingTextWrap = "balance";
752
805
  export const amsPageHeadingInverseColor = "#ffffff";
753
806
  export const amsPageBackgroundColor = "#ffffff";
754
- export const amsPageMaxInlineSize = "100rem";
807
+ export const amsPageMaxInlineSize = "90rem";
755
808
  export const amsPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
756
809
  export const amsPaginationFontSize =
757
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
810
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
758
811
  export const amsPaginationFontWeight = "400";
759
- export const amsPaginationLineHeight = "1.6667";
812
+ export const amsPaginationLineHeight = "1.8";
760
813
  export const amsPaginationLinkColor = "#004699";
761
814
  export const amsPaginationLinkGap =
762
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
815
+ "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
763
816
  export const amsPaginationLinkOutlineOffset = "0.25rem";
764
817
  export const amsPaginationLinkPaddingInline =
765
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
818
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
766
819
  export const amsPaginationLinkTextDecorationLine = "none";
767
820
  export const amsPaginationLinkTextDecorationThickness = "0.125rem";
768
- export const amsPaginationLinkTextUnderlineOffset = "0.3333em";
821
+ export const amsPaginationLinkTextUnderlineOffset = "0.15625rem";
769
822
  export const amsPaginationLinkCurrentFontWeight = "800";
770
823
  export const amsPaginationLinkHoverColor = "#003677";
771
824
  export const amsPaginationLinkHoverTextDecorationLine = "underline";
772
825
  export const amsParagraphColor = "#181818";
773
826
  export const amsParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
774
827
  export const amsParagraphFontSize =
775
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
828
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
776
829
  export const amsParagraphFontWeight = "400";
777
- export const amsParagraphLineHeight = "1.6667";
830
+ export const amsParagraphLineHeight = "1.8";
778
831
  export const amsParagraphInverseColor = "#ffffff";
779
- export const amsParagraphSmallFontSize =
780
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
781
- export const amsParagraphSmallLineHeight = "1.5152";
832
+ export const amsParagraphSmallFontSize = "1rem";
833
+ export const amsParagraphSmallLineHeight = "1.6";
782
834
  export const amsParagraphLargeFontSize =
783
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
784
- export const amsParagraphLargeLineHeight = "1.5152";
835
+ "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
836
+ export const amsParagraphLargeLineHeight = "1.6";
785
837
  export const amsPasswordInputBackgroundColor = "#ffffff";
786
838
  export const amsPasswordInputBorderColor = "currentColor";
787
839
  export const amsPasswordInputBorderStyle = "solid";
@@ -789,14 +841,14 @@ export const amsPasswordInputBorderWidth = "0.125rem";
789
841
  export const amsPasswordInputColor = "#181818";
790
842
  export const amsPasswordInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
791
843
  export const amsPasswordInputFontSize =
792
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
844
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
793
845
  export const amsPasswordInputFontWeight = "400";
794
- export const amsPasswordInputLineHeight = "1.6667";
846
+ export const amsPasswordInputLineHeight = "1.4";
795
847
  export const amsPasswordInputOutlineOffset = "0.25rem";
796
848
  export const amsPasswordInputPaddingBlock =
797
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
849
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
798
850
  export const amsPasswordInputPaddingInline =
799
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
851
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
800
852
  export const amsPasswordInputDisabledColor = "#767676";
801
853
  export const amsPasswordInputDisabledCursor = "not-allowed";
802
854
  export const amsPasswordInputHoverBoxShadow = "inset 0 0 0 0.0625rem";
@@ -809,13 +861,13 @@ export const amsRadioColor = "#181818";
809
861
  export const amsRadioCursor = "pointer";
810
862
  export const amsRadioFontFamily = "'Amsterdam Sans', Arial, sans-serif";
811
863
  export const amsRadioFontSize =
812
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
864
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
813
865
  export const amsRadioFontWeight = "400";
814
- export const amsRadioGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
815
- export const amsRadioLineHeight = "1.6667";
866
+ export const amsRadioGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
867
+ export const amsRadioLineHeight = "1.8";
816
868
  export const amsRadioOutlineOffset = "0.25rem";
817
869
  export const amsRadioTextDecorationThickness = "0.125rem";
818
- export const amsRadioTextUnderlineOffset = "0.3333em";
870
+ export const amsRadioTextUnderlineOffset = "0.15625rem";
819
871
  export const amsRadioCheckedIndicatorFill = "#004699";
820
872
  export const amsRadioCheckedIndicatorDisabledFill = "#767676";
821
873
  export const amsRadioCheckedIndicatorDisabledInvalidFill = "#767676";
@@ -838,14 +890,14 @@ export const amsRadioDisabledCursor = "not-allowed";
838
890
  export const amsRadioHoverColor = "#003677";
839
891
  export const amsRadioHoverTextDecorationLine = "underline";
840
892
  export const amsRadioIconContainerBlockSize =
841
- "calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6667)";
842
- export const amsRadioIconContainerInlineSize = "1.5rem";
843
- export const amsRowGapXSmall =
844
- "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
845
- export const amsRowGapSmall = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
846
- export const amsRowGapMedium = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
847
- export const amsRowGapLarge = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
848
- 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)";
849
901
  export const amsSearchFieldInputBackgroundColor = "#ffffff";
850
902
  export const amsSearchFieldInputBorderColor = "currentColor";
851
903
  export const amsSearchFieldInputBorderStyle = "solid";
@@ -854,47 +906,47 @@ export const amsSearchFieldInputColor = "#181818";
854
906
  export const amsSearchFieldInputFontFamily =
855
907
  "'Amsterdam Sans', Arial, sans-serif";
856
908
  export const amsSearchFieldInputFontSize =
857
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
909
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
858
910
  export const amsSearchFieldInputFontWeight = "400";
859
- export const amsSearchFieldInputLineHeight = "1.6667";
911
+ export const amsSearchFieldInputLineHeight = "1.4";
860
912
  export const amsSearchFieldInputOutlineOffset = "0.25rem";
861
913
  export const amsSearchFieldInputPaddingBlock =
862
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
914
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
863
915
  export const amsSearchFieldInputPaddingInline =
864
- "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";
865
922
  export const amsSearchFieldInputCancelButtonBackgroundImage =
866
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>\")";
867
924
  export const amsSearchFieldInputCancelButtonBlockSize =
868
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
925
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
869
926
  export const amsSearchFieldInputCancelButtonColor = "#004699";
870
927
  export const amsSearchFieldInputCancelButtonCursor = "pointer";
871
928
  export const amsSearchFieldInputCancelButtonInlineSize =
872
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
873
- export const amsSearchFieldInputHoverBoxShadow = "inset 0 0 0 0.0625rem";
874
- export const amsSearchFieldInputInvalidBorderColor = "#ec0000";
875
- export const amsSearchFieldInputInvalidHoverBorderColor = "#b70000";
876
- export const amsSearchFieldInputInvalidHoverBoxShadow =
877
- "inset 0 0 0 0.0625rem #b70000";
929
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
878
930
  export const amsSearchFieldInputPlaceholderColor = "#767676";
879
931
  export const amsSelectBackgroundColor = "#ffffff";
880
932
  export const amsSelectBackgroundImage =
881
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>\")";
882
934
  export const amsSelectBackgroundPosition =
883
- "right clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) center";
935
+ "right clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem) center";
884
936
  export const amsSelectBorderColor = "currentColor";
885
937
  export const amsSelectBorderStyle = "solid";
886
938
  export const amsSelectBorderWidth = "0.125rem";
887
939
  export const amsSelectColor = "#181818";
888
940
  export const amsSelectFontFamily = "'Amsterdam Sans', Arial, sans-serif";
889
941
  export const amsSelectFontSize =
890
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
942
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
891
943
  export const amsSelectFontWeight = "400";
892
- export const amsSelectLineHeight = "1.6667";
944
+ export const amsSelectLineHeight = "1.4";
893
945
  export const amsSelectOutlineOffset = "0.25rem";
894
946
  export const amsSelectPaddingBlock =
895
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
947
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
896
948
  export const amsSelectPaddingInline =
897
- "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)";
898
950
  export const amsSelectDisabledBackgroundImage =
899
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>\")";
900
952
  export const amsSelectDisabledColor = "#767676";
@@ -910,14 +962,14 @@ export const amsSkipLinkBackgroundColor = "#004699";
910
962
  export const amsSkipLinkColor = "#ffffff";
911
963
  export const amsSkipLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
912
964
  export const amsSkipLinkFontSize =
913
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
965
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
914
966
  export const amsSkipLinkFontWeight = "400";
915
- export const amsSkipLinkLineHeight = "1.5152";
967
+ export const amsSkipLinkLineHeight = "1.8";
916
968
  export const amsSkipLinkOutlineOffset = "0.25rem";
917
969
  export const amsSkipLinkPaddingBlock =
918
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
970
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
919
971
  export const amsSkipLinkPaddingInline =
920
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
972
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
921
973
  export const amsSkipLinkHoverBackgroundColor = "#003677";
922
974
  export const amsSpotlightBackgroundColor = "#a00078";
923
975
  export const amsSpotlightAzureBackgroundColor = "#009de6";
@@ -926,27 +978,30 @@ export const amsSpotlightLimeBackgroundColor = "#bed200";
926
978
  export const amsSpotlightMagentaBackgroundColor = "#e50082";
927
979
  export const amsSpotlightOrangeBackgroundColor = "#ff9100";
928
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
929
988
  export const amsStandaloneLinkColor = "#004699";
930
989
  export const amsStandaloneLinkColumnGap =
931
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
990
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
932
991
  export const amsStandaloneLinkFontFamily =
933
992
  "'Amsterdam Sans', Arial, sans-serif";
934
993
  export const amsStandaloneLinkFontSize =
935
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
994
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
936
995
  export const amsStandaloneLinkFontWeight = "400";
937
- export const amsStandaloneLinkLineHeight = "1.6667";
996
+ export const amsStandaloneLinkLineHeight = "1.8";
938
997
  export const amsStandaloneLinkOutlineOffset = "0.25rem";
998
+ export const amsStandaloneLinkTextDecorationLine = "none";
939
999
  export const amsStandaloneLinkTextDecorationThickness = "0.125rem";
940
- export const amsStandaloneLinkTextUnderlineOffset = "0.3333em";
941
- export const amsStandaloneLinkContrastColor = "#000000";
942
- export const amsStandaloneLinkContrastHoverColor = "#000000";
943
- export const amsStandaloneLinkHoverColor = "#003677";
944
- export const amsStandaloneLinkHoverTextDecorationThickness = "0.1875rem";
945
- export const amsStandaloneLinkHoverTextUnderlineOffset = "0.2778em";
1000
+ export const amsStandaloneLinkTextUnderlineOffset = "0.15625rem";
1001
+ export const amsStandaloneLinkContrastColor = "#181818";
1002
+ export const amsStandaloneLinkContrastHoverColor = "#181818";
946
1003
  export const amsStandaloneLinkInverseColor = "#ffffff";
947
1004
  export const amsStandaloneLinkInverseHoverColor = "#ffffff";
948
- export const amsStandaloneLinkWithIconTextDecorationLine = "none";
949
- export const amsStandaloneLinkWithIconHoverTextDecorationLine = "underline";
950
1005
  export const amsSwitchBackgroundColor = "#767676";
951
1006
  export const amsSwitchCursor = "pointer";
952
1007
  export const amsSwitchOutlineOffset = "0.25rem";
@@ -959,58 +1014,58 @@ export const amsSwitchThumbHoverColor = "#003677";
959
1014
  export const amsSwitchCheckedBackgroundColor = "#004699";
960
1015
  export const amsSwitchDisabledBackgroundColor = "#767676";
961
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";
962
1021
  export const amsTableOfContentsFontFamily =
963
1022
  "'Amsterdam Sans', Arial, sans-serif";
964
1023
  export const amsTableOfContentsFontSize =
965
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
1024
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
966
1025
  export const amsTableOfContentsFontWeight = "400";
967
1026
  export const amsTableOfContentsGap =
968
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
969
- export const amsTableOfContentsLineHeight = "1.6667";
1027
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1028
+ export const amsTableOfContentsLineHeight = "1.8";
970
1029
  export const amsTableOfContentsLinkColor = "#004699";
971
1030
  export const amsTableOfContentsLinkOutlineOffset = "0.25rem";
972
1031
  export const amsTableOfContentsLinkTextDecorationLine = "none";
973
1032
  export const amsTableOfContentsLinkTextDecorationThickness = "0.125rem";
974
- export const amsTableOfContentsLinkTextUnderlineOffset = "0.3333em";
1033
+ export const amsTableOfContentsLinkTextUnderlineOffset = "0.15625rem";
975
1034
  export const amsTableOfContentsLinkHoverColor = "#003677";
976
1035
  export const amsTableOfContentsLinkHoverTextDecorationLine = "underline";
977
1036
  export const amsTableOfContentsListGap =
978
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1037
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
979
1038
  export const amsTableOfContentsListListPaddingBlockStart =
980
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1039
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
981
1040
  export const amsTableOfContentsListListPaddingInlineStart =
982
- "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
983
- export const amsTableOfContentsHeadingFontWeight = "800";
984
- export const amsTableOfContentsHeadingFontSize =
985
- "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
986
- export const amsTableOfContentsHeadingLineHeight = "1.2928";
1041
+ "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
987
1042
  export const amsTableColor = "#181818";
988
1043
  export const amsTableFontFamily = "'Amsterdam Sans', Arial, sans-serif";
989
1044
  export const amsTableFontSize =
990
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
1045
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
991
1046
  export const amsTableFontWeight = "400";
992
- export const amsTableLineHeight = "1.6667";
1047
+ export const amsTableLineHeight = "1.8";
993
1048
  export const amsTableCaptionFontWeight = "800";
994
1049
  export const amsTableCellBorderBlockEnd = "0.0625rem solid #d1d1d1";
995
1050
  export const amsTableCellPaddingBlock =
996
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1051
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
997
1052
  export const amsTableCellPaddingInline =
998
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
1053
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
999
1054
  export const amsTableHeaderCellFontWeight = "800";
1000
- export const amsTabsGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
1055
+ export const amsTabsGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
1001
1056
  export const amsTabsListBoxShadow = "inset 0 calc(0.125rem * -1) #d1d1d1";
1002
1057
  export const amsTabsButtonColor = "#004699";
1003
1058
  export const amsTabsButtonCursor = "pointer";
1004
1059
  export const amsTabsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
1005
1060
  export const amsTabsButtonFontSize =
1006
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
1061
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1007
1062
  export const amsTabsButtonFontWeight = "400";
1008
- export const amsTabsButtonLineHeight = "1.6667";
1063
+ export const amsTabsButtonLineHeight = "1.8";
1009
1064
  export const amsTabsButtonOutlineOffset = "calc(0.25rem * -1)";
1010
1065
  export const amsTabsButtonPaddingBlock =
1011
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1066
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1012
1067
  export const amsTabsButtonPaddingInline =
1013
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
1068
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
1014
1069
  export const amsTabsButtonHoverBoxShadow = "inset 0 calc(0.125rem * -1)";
1015
1070
  export const amsTabsButtonHoverColor = "#003677";
1016
1071
  export const amsTabsButtonSelectedBoxShadow = "inset 0 calc(0.25rem * -1)";
@@ -1024,16 +1079,16 @@ export const amsTextAreaBorderWidth = "0.125rem";
1024
1079
  export const amsTextAreaColor = "#181818";
1025
1080
  export const amsTextAreaFontFamily = "'Amsterdam Sans', Arial, sans-serif";
1026
1081
  export const amsTextAreaFontSize =
1027
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
1082
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1028
1083
  export const amsTextAreaFontWeight = "400";
1029
- export const amsTextAreaLineHeight = "1.6667";
1084
+ export const amsTextAreaLineHeight = "1.4";
1030
1085
  export const amsTextAreaMinBlockSize =
1031
- "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))";
1032
1087
  export const amsTextAreaOutlineOffset = "0.25rem";
1033
1088
  export const amsTextAreaPaddingBlock =
1034
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1089
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1035
1090
  export const amsTextAreaPaddingInline =
1036
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
1091
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
1037
1092
  export const amsTextAreaDisabledColor = "#767676";
1038
1093
  export const amsTextAreaDisabledCursor = "not-allowed";
1039
1094
  export const amsTextAreaHoverBoxShadow = "inset 0 0 0 0.0625rem";
@@ -1048,14 +1103,14 @@ export const amsTextInputBorderWidth = "0.125rem";
1048
1103
  export const amsTextInputColor = "#181818";
1049
1104
  export const amsTextInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
1050
1105
  export const amsTextInputFontSize =
1051
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
1106
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1052
1107
  export const amsTextInputFontWeight = "400";
1053
- export const amsTextInputLineHeight = "1.6667";
1108
+ export const amsTextInputLineHeight = "1.4";
1054
1109
  export const amsTextInputOutlineOffset = "0.25rem";
1055
1110
  export const amsTextInputPaddingBlock =
1056
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1111
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1057
1112
  export const amsTextInputPaddingInline =
1058
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
1113
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
1059
1114
  export const amsTextInputDisabledColor = "#767676";
1060
1115
  export const amsTextInputDisabledCursor = "not-allowed";
1061
1116
  export const amsTextInputHoverBoxShadow = "inset 0 0 0 0.0625rem";
@@ -1071,17 +1126,14 @@ export const amsTimeInputBorderWidth = "0.125rem";
1071
1126
  export const amsTimeInputColor = "#181818";
1072
1127
  export const amsTimeInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
1073
1128
  export const amsTimeInputFontSize =
1074
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
1129
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1075
1130
  export const amsTimeInputFontWeight = "400";
1076
- export const amsTimeInputLineHeight = "1.6667";
1131
+ export const amsTimeInputLineHeight = "1.4";
1077
1132
  export const amsTimeInputOutlineOffset = "0.25rem";
1078
1133
  export const amsTimeInputPaddingBlock =
1079
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1134
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1080
1135
  export const amsTimeInputPaddingInline =
1081
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
1082
- export const amsTimeInputCalenderPickerIndicatorBackgroundImage =
1083
- "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>\")";
1084
- export const amsTimeInputCalenderPickerIndicatorCursor = "pointer";
1136
+ "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
1085
1137
  export const amsTimeInputDisabledColor = "#767676";
1086
1138
  export const amsTimeInputDisabledCursor = "not-allowed";
1087
1139
  export const amsTimeInputDisabledCalenderPickerIndicatorBackgroundImage =
@@ -1093,26 +1145,29 @@ export const amsTimeInputInvalidBorderColor = "#ec0000";
1093
1145
  export const amsTimeInputInvalidHoverBorderColor = "#b70000";
1094
1146
  export const amsTimeInputInvalidHoverBoxShadow =
1095
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";
1096
1151
  export const amsUnorderedListColor = "#181818";
1097
1152
  export const amsUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
1098
1153
  export const amsUnorderedListFontSize =
1099
- "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
1154
+ "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
1100
1155
  export const amsUnorderedListFontWeight = "400";
1101
1156
  export const amsUnorderedListGap =
1102
- "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
1103
- export const amsUnorderedListLineHeight = "1.6667";
1157
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1158
+ export const amsUnorderedListLineHeight = "1.8";
1104
1159
  export const amsUnorderedListListStyleType = "'\\2022'";
1105
1160
  export const amsUnorderedListInverseColor = "#ffffff";
1106
- export const amsUnorderedListSmallFontSize =
1107
- "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
1108
- export const amsUnorderedListSmallLineHeight = "1.5152";
1161
+ export const amsUnorderedListSmallFontSize = "1rem";
1162
+ export const amsUnorderedListSmallLineHeight = "1.6";
1109
1163
  export const amsUnorderedListItemMarginInlineStart = "1.625rem"; // Divide your total indentation width over margin and padding to position the marker.
1110
1164
  export const amsUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
1111
1165
  export const amsUnorderedListUnorderedListGap =
1112
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1166
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1113
1167
  export const amsUnorderedListUnorderedListListStyleType = "'\\2013'";
1114
- export const amsUnorderedListUnorderedListPaddingBlockEnd = "0";
1168
+ export const amsUnorderedListUnorderedListPaddingBlockEnd =
1169
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1115
1170
  export const amsUnorderedListUnorderedListPaddingBlockStart =
1116
- "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
1171
+ "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
1117
1172
  export const amsUnorderedListUnorderedListItemMarginInlineStart = "0.875rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
1118
1173
  export const amsUnorderedListUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.