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