@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.
- package/CHANGELOG.md +70 -0
- package/README.md +5 -1
- package/dist/compact.css +30 -18
- package/dist/compact.d.ts +16 -0
- package/dist/compact.json +36 -20
- package/dist/compact.mjs +33 -23
- package/dist/compact.scss +30 -18
- package/dist/compact.theme.css +30 -18
- package/dist/index.css +347 -269
- package/dist/index.d.ts +274 -142
- package/dist/index.json +565 -433
- package/dist/index.mjs +490 -414
- package/dist/index.scss +347 -269
- package/dist/index.theme.css +347 -269
- package/package.json +2 -2
- package/src/brand/ams/border.compact.tokens.json +12 -0
- package/src/brand/ams/color.deprecated.tokens.json +12 -0
- package/src/brand/ams/color.tokens.json +2 -3
- package/src/brand/ams/space.compact.tokens.json +6 -6
- package/src/brand/ams/space.tokens.json +6 -6
- package/src/brand/ams/typography.compact.tokens.json +17 -15
- package/src/brand/ams/typography.deprecated.compact.tokens.json +20 -0
- package/src/brand/ams/typography.deprecated.tokens.json +28 -0
- package/src/brand/ams/typography.tokens.json +17 -25
- package/src/common/ams/inputs.tokens.json +34 -0
- package/src/common/ams/links.tokens.json +4 -4
- package/src/components/ams/accordion.deprecated.tokens.json +17 -0
- package/src/components/ams/accordion.tokens.json +1 -10
- package/src/components/ams/breadcrumb.tokens.json +3 -3
- package/src/components/ams/button.tokens.json +1 -1
- package/src/components/ams/call-to-action-link.tokens.json +24 -0
- package/src/components/ams/checkbox.deprecated.tokens.json +43 -0
- package/src/components/ams/checkbox.tokens.json +22 -35
- package/src/components/ams/date-input.deprecated.tokens.json +32 -0
- package/src/components/ams/date-input.tokens.json +25 -25
- package/src/components/ams/error-message.tokens.json +2 -2
- package/src/components/ams/field-set.tokens.json +3 -3
- package/src/components/ams/file-input.tokens.json +25 -24
- package/src/components/ams/icon.deprecated.tokens.json +16 -0
- package/src/components/ams/icon.tokens.json +8 -0
- package/src/components/ams/label.tokens.json +2 -2
- package/src/components/ams/menu.deprecated.tokens.json +32 -0
- package/src/components/ams/menu.tokens.json +37 -0
- package/src/components/ams/ordered-list.tokens.json +2 -2
- package/src/components/ams/page-footer.tokens.json +2 -2
- package/src/components/ams/page-header.tokens.json +2 -2
- package/src/components/ams/{page-heading.tokens.json → page-heading.deprecated.tokens.json} +1 -0
- package/src/components/ams/page.tokens.json +1 -1
- package/src/components/ams/password-input.tokens.json +18 -18
- package/src/components/ams/radio.tokens.json +1 -1
- package/src/components/ams/search-field.tokens.json +23 -23
- package/src/components/ams/select.tokens.json +17 -17
- package/src/components/ams/skip-link.tokens.json +2 -2
- package/src/components/ams/standalone-link.deprecated.tokens.json +32 -0
- package/src/components/ams/standalone-link.tokens.json +5 -13
- package/src/components/ams/table-of-contents.deprecated.tokens.json +11 -0
- package/src/components/ams/table-of-contents.tokens.json +1 -6
- package/src/components/ams/text-area.tokens.json +18 -18
- package/src/components/ams/text-input.tokens.json +18 -18
- package/src/components/ams/time-input.deprecated.tokens.json +32 -0
- package/src/components/ams/time-input.tokens.json +25 -25
- 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.
|
|
43
|
-
export const amsSpaceS = "clamp(0.
|
|
44
|
-
export const amsSpaceM = "clamp(
|
|
45
|
-
export const amsSpaceL = "clamp(1.
|
|
46
|
-
export const amsSpaceXl = "clamp(2.25rem, 1.
|
|
47
|
-
export const amsSpace_2xl = "clamp(
|
|
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.
|
|
66
|
-
export const amsTypographyHeading_0LineHeight = "1.
|
|
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(
|
|
69
|
-
export const amsTypographyHeading_1LineHeight = "1.
|
|
52
|
+
"clamp(2rem, 1.7143rem + 1.4286vw, 3rem)";
|
|
53
|
+
export const amsTypographyHeading_1LineHeight = "1.2";
|
|
70
54
|
export const amsTypographyHeading_2FontSize =
|
|
71
|
-
"clamp(1.
|
|
72
|
-
export const amsTypographyHeading_2LineHeight = "1.
|
|
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.
|
|
75
|
-
export const amsTypographyHeading_3LineHeight = "1.
|
|
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.
|
|
78
|
-
export const amsTypographyHeading_4LineHeight = "1.
|
|
79
|
-
export const amsTypographyHeading_5FontSize =
|
|
80
|
-
|
|
81
|
-
export const
|
|
82
|
-
export const
|
|
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.
|
|
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.
|
|
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 = "#
|
|
96
|
-
export const amsLinksContrastHoverColor = "#
|
|
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,
|
|
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.
|
|
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.
|
|
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
|
|
119
|
-
|
|
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(
|
|
143
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
127
144
|
export const amsAlertSeverityIndicatorPaddingInline =
|
|
128
|
-
"clamp(0.
|
|
145
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
129
146
|
export const amsAlertContentGap =
|
|
130
|
-
"clamp(0.
|
|
147
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
131
148
|
export const amsAlertContentPaddingBlock =
|
|
132
|
-
"clamp(
|
|
149
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
133
150
|
export const amsAlertContentPaddingInline =
|
|
134
|
-
"clamp(
|
|
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.
|
|
167
|
+
export const amsAvatarLineHeight = "1.6";
|
|
152
168
|
export const amsAvatarPaddingBlock =
|
|
153
|
-
"clamp(0.
|
|
169
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
154
170
|
export const amsAvatarPaddingInline =
|
|
155
|
-
"clamp(0.
|
|
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,
|
|
195
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
180
196
|
export const amsBadgeFontWeight = "800";
|
|
181
|
-
export const amsBadgeLineHeight = "1.
|
|
197
|
+
export const amsBadgeLineHeight = "1.8";
|
|
182
198
|
export const amsBadgePaddingInline =
|
|
183
|
-
"clamp(0.
|
|
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.
|
|
217
|
+
"clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
|
|
202
218
|
export const amsBlockquoteFontWeight = "800";
|
|
203
|
-
export const amsBlockquoteLineHeight = "1.
|
|
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(
|
|
223
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
208
224
|
export const amsBreadcrumbFontWeight = "400";
|
|
209
|
-
export const amsBreadcrumbLineHeight = "1.
|
|
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.
|
|
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.
|
|
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,
|
|
244
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
229
245
|
export const amsButtonFontWeight = "400";
|
|
230
|
-
export const amsButtonLineHeight = "1.
|
|
231
|
-
export const amsButtonGap = "clamp(0.
|
|
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.
|
|
250
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
235
251
|
export const amsButtonPaddingInline =
|
|
236
|
-
"clamp(
|
|
252
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
237
253
|
export const amsButtonDisabledCursor = "not-allowed";
|
|
238
254
|
export const amsButtonIconOnlyPaddingBlock =
|
|
239
|
-
"clamp(0.
|
|
255
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
240
256
|
export const amsButtonIconOnlyPaddingInline =
|
|
241
|
-
"clamp(0.
|
|
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.
|
|
297
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
264
298
|
export const amsCardHeadingGroupGap =
|
|
265
|
-
"clamp(0.
|
|
299
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
266
300
|
export const amsCardHeadingGroupMarginBlockEnd =
|
|
267
|
-
"clamp(0.
|
|
301
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
268
302
|
export const amsCardImageMarginBlockEnd =
|
|
269
|
-
"clamp(0.
|
|
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.
|
|
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.
|
|
316
|
+
export const amsCharacterCountLineHeight = "1.6";
|
|
284
317
|
export const amsCharacterCountErrorColor = "#ec0000";
|
|
285
|
-
export const
|
|
286
|
-
export const
|
|
287
|
-
export const
|
|
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
|
|
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
|
|
311
|
-
export const amsCheckboxRectangleIndeterminateDisabledFill = "#767676";
|
|
329
|
+
export const amsCheckboxRectangleHoverStroke = "#003677";
|
|
312
330
|
export const amsCheckboxRectangleIndeterminateDisabledHoverFill = "#767676";
|
|
313
|
-
export const
|
|
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
|
|
321
|
-
|
|
322
|
-
export const
|
|
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
|
|
326
|
-
export const
|
|
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.
|
|
329
|
-
export const amsColumnGapSmall =
|
|
330
|
-
|
|
331
|
-
export const
|
|
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.
|
|
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,
|
|
392
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
345
393
|
export const amsDateInputFontWeight = "400";
|
|
346
|
-
export const amsDateInputLineHeight = "1.
|
|
394
|
+
export const amsDateInputLineHeight = "1.4";
|
|
347
395
|
export const amsDateInputOutlineOffset = "0.25rem";
|
|
348
396
|
export const amsDateInputPaddingBlock =
|
|
349
|
-
"clamp(0.
|
|
397
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
350
398
|
export const amsDateInputPaddingInline =
|
|
351
|
-
"clamp(
|
|
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.
|
|
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,
|
|
373
|
-
export const amsDescriptionListLineHeight = "1.
|
|
413
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
414
|
+
export const amsDescriptionListLineHeight = "1.8";
|
|
374
415
|
export const amsDescriptionListRowGap =
|
|
375
|
-
"clamp(0.
|
|
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.
|
|
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(
|
|
429
|
+
export const amsDialogGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
389
430
|
export const amsDialogInlineSize =
|
|
390
|
-
"calc(100% - 2 * clamp(1.
|
|
431
|
+
"calc(100% - 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem))";
|
|
391
432
|
export const amsDialogMaxBlockSize =
|
|
392
|
-
"calc(100dvh - 2 * clamp(1.
|
|
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.
|
|
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.
|
|
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.
|
|
442
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem) 0";
|
|
403
443
|
export const amsDialogHeaderPaddingInline =
|
|
404
|
-
"clamp(1.
|
|
444
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
405
445
|
export const amsDialogHeaderMediumPaddingBlock =
|
|
406
|
-
"clamp(2.25rem, 1.
|
|
446
|
+
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) 0";
|
|
407
447
|
export const amsDialogHeaderMediumPaddingInline =
|
|
408
|
-
"clamp(2.25rem, 1.
|
|
448
|
+
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
409
449
|
export const amsDialogBodyPaddingBlock = "0";
|
|
410
450
|
export const amsDialogBodyPaddingInline =
|
|
411
|
-
"clamp(1.
|
|
451
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
412
452
|
export const amsDialogBodyMediumPaddingInline =
|
|
413
|
-
"clamp(2.25rem, 1.
|
|
453
|
+
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
414
454
|
export const amsDialogFooterPaddingBlock =
|
|
415
|
-
"0 clamp(1.
|
|
455
|
+
"0 clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
416
456
|
export const amsDialogFooterPaddingInline =
|
|
417
|
-
"clamp(1.
|
|
457
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
418
458
|
export const amsDialogFooterMediumPaddingBlock =
|
|
419
|
-
"0 clamp(2.25rem, 1.
|
|
459
|
+
"0 clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
420
460
|
export const amsDialogFooterMediumPaddingInline =
|
|
421
|
-
"clamp(2.25rem, 1.
|
|
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(
|
|
465
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
426
466
|
export const amsErrorMessageFontWeight = "400";
|
|
427
467
|
export const amsErrorMessageGap =
|
|
428
|
-
"clamp(0.
|
|
429
|
-
export const amsErrorMessageLineHeight = "1.
|
|
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(
|
|
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,
|
|
477
|
+
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
438
478
|
export const amsFieldSetLegendFontWeight = "800";
|
|
439
|
-
export const amsFieldSetLegendLineHeight = "1.
|
|
479
|
+
export const amsFieldSetLegendLineHeight = "1.3";
|
|
440
480
|
export const amsFieldSetLegendMarginBlockEnd =
|
|
441
|
-
"clamp(
|
|
481
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
442
482
|
export const amsFieldSetLegendTextWrap = "balance";
|
|
443
|
-
export const amsFieldGap = "clamp(0.
|
|
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(
|
|
447
|
-
export const amsFigureGap = "clamp(0.
|
|
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.
|
|
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,
|
|
502
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
464
503
|
export const amsFileInputFontWeight = "400";
|
|
465
|
-
export const amsFileInputLineHeight = "1.
|
|
504
|
+
export const amsFileInputLineHeight = "1.4";
|
|
466
505
|
export const amsFileInputOutlineOffset = "0.25rem";
|
|
467
506
|
export const amsFileInputPaddingBlock =
|
|
468
|
-
"clamp(
|
|
507
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
469
508
|
export const amsFileInputPaddingInline =
|
|
470
|
-
"clamp(
|
|
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(
|
|
520
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
481
521
|
export const amsFileInputFileSelectorButtonPaddingBlock =
|
|
482
|
-
"clamp(0.
|
|
522
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
483
523
|
export const amsFileInputFileSelectorButtonPaddingInline =
|
|
484
|
-
"clamp(
|
|
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
|
|
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(
|
|
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.
|
|
499
|
-
export const amsFileListFileLineHeight = "1.
|
|
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.
|
|
542
|
+
export const amsGridColumnGap = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
504
543
|
export const amsGridPaddingBlockL =
|
|
505
|
-
"clamp(1.
|
|
544
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
506
545
|
export const amsGridPaddingBlockXl =
|
|
507
|
-
"clamp(2.25rem, 1.
|
|
546
|
+
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
508
547
|
export const amsGridPaddingBlock_2xl =
|
|
509
|
-
"clamp(
|
|
548
|
+
"clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
|
|
510
549
|
export const amsGridPaddingInline =
|
|
511
|
-
"clamp(1.
|
|
512
|
-
export const amsGridRowGapL = "clamp(1.
|
|
513
|
-
export const amsGridRowGapXl = "clamp(2.25rem, 1.
|
|
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.
|
|
556
|
+
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
519
557
|
export const amsGridWideColumnCount = "12";
|
|
520
558
|
export const amsGridWidePaddingInline =
|
|
521
|
-
"clamp(
|
|
522
|
-
export const amsHeading_1FontSize =
|
|
523
|
-
|
|
524
|
-
export const
|
|
525
|
-
export const
|
|
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.
|
|
530
|
-
export const amsHeading_3LineHeight = "1.
|
|
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.
|
|
533
|
-
export const amsHeading_4LineHeight = "1.
|
|
534
|
-
export const amsHeading_5FontSize =
|
|
535
|
-
|
|
536
|
-
export const
|
|
537
|
-
export const
|
|
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 = "#
|
|
587
|
+
export const amsIconButtonContrastColor = "#181818";
|
|
554
588
|
export const amsIconButtonContrastHoverBackgroundColor = "rgb(0 0 0 / 12.5%)";
|
|
555
|
-
export const amsIconButtonContrastHoverColor = "#
|
|
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
|
|
564
|
-
"clamp(
|
|
565
|
-
export const
|
|
566
|
-
export const
|
|
567
|
-
|
|
568
|
-
export const
|
|
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,
|
|
571
|
-
export const amsIconLargeLineHeight = "1.
|
|
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.
|
|
574
|
-
export const amsIconHeading_3LineHeight = "1.
|
|
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.
|
|
577
|
-
export const amsIconHeading_4LineHeight = "1.
|
|
578
|
-
export const amsIconHeading_5FontSize =
|
|
579
|
-
|
|
580
|
-
export const
|
|
581
|
-
export const
|
|
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.
|
|
625
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
587
626
|
export const amsImageSliderScrollerGap =
|
|
588
|
-
"clamp(0.
|
|
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.
|
|
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,
|
|
642
|
+
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
604
643
|
export const amsLabelFontWeight = "800";
|
|
605
|
-
export const amsLabelLineHeight = "1.
|
|
644
|
+
export const amsLabelLineHeight = "1.3";
|
|
606
645
|
export const amsLabelTextWrap = "balance";
|
|
607
|
-
export const amsLinkListGap = "clamp(0.
|
|
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,
|
|
650
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
612
651
|
export const amsLinkListLinkFontWeight = "400";
|
|
613
652
|
export const amsLinkListLinkGap =
|
|
614
|
-
"clamp(0.
|
|
615
|
-
export const amsLinkListLinkLineHeight = "1.
|
|
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.
|
|
620
|
-
export const amsLinkListLinkSmallFontSize =
|
|
621
|
-
|
|
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,
|
|
625
|
-
export const amsLinkListLinkLargeLineHeight = "1.
|
|
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 = "#
|
|
629
|
-
export const amsLinkListLinkContrastHoverColor = "#
|
|
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.
|
|
677
|
+
export const amsLinkTextUnderlineOffset = "0.15625rem";
|
|
640
678
|
export const amsLinkHoverColor = "#003677";
|
|
641
679
|
export const amsLinkHoverTextDecorationThickness = "0.1875rem";
|
|
642
|
-
export const amsLinkHoverTextUnderlineOffset = "0.
|
|
643
|
-
export const amsLinkContrastColor = "#
|
|
644
|
-
export const amsLinkContrastHoverColor = "#
|
|
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.
|
|
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,
|
|
724
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
657
725
|
export const amsOrderedListFontWeight = "400";
|
|
658
|
-
export const amsOrderedListGap =
|
|
659
|
-
|
|
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
|
-
|
|
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.
|
|
735
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
670
736
|
export const amsOrderedListOrderedListListStyleType = "lower-alpha";
|
|
671
|
-
export const amsOrderedListOrderedListPaddingBlockEnd =
|
|
737
|
+
export const amsOrderedListOrderedListPaddingBlockEnd =
|
|
738
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
672
739
|
export const amsOrderedListOrderedListPaddingBlockStart =
|
|
673
|
-
"clamp(0.
|
|
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.
|
|
744
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
678
745
|
export const amsPageFooterMenuPaddingBlock =
|
|
679
|
-
"clamp(1.
|
|
746
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
680
747
|
export const amsPageFooterMenuPaddingInline =
|
|
681
|
-
"clamp(1.
|
|
748
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
682
749
|
export const amsPageFooterMenuRowGap =
|
|
683
|
-
"clamp(0.
|
|
750
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
684
751
|
export const amsPageFooterMenuMediumPaddingInline =
|
|
685
|
-
"clamp(2.25rem, 1.
|
|
752
|
+
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
686
753
|
export const amsPageFooterMenuWidePaddingInline =
|
|
687
|
-
"clamp(
|
|
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(
|
|
759
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
693
760
|
export const amsPageFooterMenuLinkFontWeight = "400";
|
|
694
|
-
export const amsPageFooterMenuLinkLineHeight = "1.
|
|
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.
|
|
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.
|
|
771
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
705
772
|
export const amsPageHeaderPaddingInline =
|
|
706
|
-
"clamp(1.
|
|
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.
|
|
775
|
+
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
709
776
|
export const amsPageHeaderWidePaddingInline =
|
|
710
|
-
"clamp(
|
|
777
|
+
"clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
|
|
711
778
|
export const amsPageHeaderLogoLinkColumnGap =
|
|
712
|
-
"clamp(
|
|
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,
|
|
783
|
+
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
717
784
|
export const amsPageHeaderBrandNameFontWeight = "800";
|
|
718
|
-
export const amsPageHeaderBrandNameLineHeight = "1.
|
|
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.
|
|
790
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
724
791
|
export const amsPageHeaderMenuRowGap =
|
|
725
|
-
"clamp(0.
|
|
792
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
726
793
|
export const amsPageHeaderMenuItemColor = "#004699";
|
|
727
794
|
export const amsPageHeaderMenuItemColumnGap =
|
|
728
|
-
"clamp(0.
|
|
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,
|
|
799
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
733
800
|
export const amsPageHeaderMenuItemFontWeight = "400";
|
|
734
|
-
export const amsPageHeaderMenuItemLineHeight = "1.
|
|
801
|
+
export const amsPageHeaderMenuItemLineHeight = "1.8";
|
|
735
802
|
export const amsPageHeaderMenuItemOutlineOffset = "0.25rem";
|
|
736
803
|
export const amsPageHeaderMenuItemPaddingBlock =
|
|
737
|
-
"clamp(0.
|
|
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.
|
|
808
|
+
export const amsPageHeaderMenuLinkTextUnderlineOffset = "0.15625rem";
|
|
742
809
|
export const amsPageHeaderMenuLinkHoverTextDecorationLine = "underline";
|
|
743
810
|
export const amsPageHeaderNavigationColumnGap =
|
|
744
|
-
"clamp(1.
|
|
811
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
745
812
|
export const amsPageHeaderNavigationRowGap =
|
|
746
|
-
"clamp(0.
|
|
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.
|
|
817
|
+
"clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)";
|
|
751
818
|
export const amsPageHeadingFontWeight = "800";
|
|
752
|
-
export const amsPageHeadingLineHeight = "1.
|
|
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 = "
|
|
823
|
+
export const amsPageMaxInlineSize = "90rem";
|
|
757
824
|
export const amsPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
758
825
|
export const amsPaginationFontSize =
|
|
759
|
-
"clamp(1.125rem,
|
|
826
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
760
827
|
export const amsPaginationFontWeight = "400";
|
|
761
|
-
export const amsPaginationLineHeight = "1.
|
|
828
|
+
export const amsPaginationLineHeight = "1.8";
|
|
762
829
|
export const amsPaginationLinkColor = "#004699";
|
|
763
830
|
export const amsPaginationLinkGap =
|
|
764
|
-
"clamp(0.
|
|
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.
|
|
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.
|
|
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,
|
|
844
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
778
845
|
export const amsParagraphFontWeight = "400";
|
|
779
|
-
export const amsParagraphLineHeight = "1.
|
|
846
|
+
export const amsParagraphLineHeight = "1.8";
|
|
780
847
|
export const amsParagraphInverseColor = "#ffffff";
|
|
781
|
-
export const amsParagraphSmallFontSize =
|
|
782
|
-
|
|
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,
|
|
786
|
-
export const amsParagraphLargeLineHeight = "1.
|
|
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,
|
|
860
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
795
861
|
export const amsPasswordInputFontWeight = "400";
|
|
796
|
-
export const amsPasswordInputLineHeight = "1.
|
|
862
|
+
export const amsPasswordInputLineHeight = "1.4";
|
|
797
863
|
export const amsPasswordInputOutlineOffset = "0.25rem";
|
|
798
864
|
export const amsPasswordInputPaddingBlock =
|
|
799
|
-
"clamp(0.
|
|
865
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
800
866
|
export const amsPasswordInputPaddingInline =
|
|
801
|
-
"clamp(
|
|
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,
|
|
880
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
815
881
|
export const amsRadioFontWeight = "400";
|
|
816
|
-
export const amsRadioGap = "clamp(0.
|
|
817
|
-
export const amsRadioLineHeight = "1.
|
|
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.
|
|
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,
|
|
844
|
-
export const amsRadioIconContainerInlineSize =
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
export const amsRowGapSmall = "clamp(0.
|
|
848
|
-
export const amsRowGapMedium = "clamp(
|
|
849
|
-
export const amsRowGapLarge = "clamp(1.
|
|
850
|
-
export const amsRowGapXLarge = "clamp(2.25rem, 1.
|
|
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,
|
|
925
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
860
926
|
export const amsSearchFieldInputFontWeight = "400";
|
|
861
|
-
export const amsSearchFieldInputLineHeight = "1.
|
|
927
|
+
export const amsSearchFieldInputLineHeight = "1.4";
|
|
862
928
|
export const amsSearchFieldInputOutlineOffset = "0.25rem";
|
|
863
929
|
export const amsSearchFieldInputPaddingBlock =
|
|
864
|
-
"clamp(0.
|
|
930
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
865
931
|
export const amsSearchFieldInputPaddingInline =
|
|
866
|
-
"clamp(
|
|
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,
|
|
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,
|
|
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(
|
|
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,
|
|
958
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
893
959
|
export const amsSelectFontWeight = "400";
|
|
894
|
-
export const amsSelectLineHeight = "1.
|
|
960
|
+
export const amsSelectLineHeight = "1.4";
|
|
895
961
|
export const amsSelectOutlineOffset = "0.25rem";
|
|
896
962
|
export const amsSelectPaddingBlock =
|
|
897
|
-
"clamp(0.
|
|
963
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
898
964
|
export const amsSelectPaddingInline =
|
|
899
|
-
"clamp(
|
|
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(
|
|
981
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
916
982
|
export const amsSkipLinkFontWeight = "400";
|
|
917
|
-
export const amsSkipLinkLineHeight = "1.
|
|
983
|
+
export const amsSkipLinkLineHeight = "1.8";
|
|
918
984
|
export const amsSkipLinkOutlineOffset = "0.25rem";
|
|
919
985
|
export const amsSkipLinkPaddingBlock =
|
|
920
|
-
"clamp(0.
|
|
986
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
921
987
|
export const amsSkipLinkPaddingInline =
|
|
922
|
-
"clamp(
|
|
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.
|
|
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,
|
|
1010
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
938
1011
|
export const amsStandaloneLinkFontWeight = "400";
|
|
939
|
-
export const amsStandaloneLinkLineHeight = "1.
|
|
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.
|
|
943
|
-
export const amsStandaloneLinkContrastColor = "#
|
|
944
|
-
export const amsStandaloneLinkContrastHoverColor = "#
|
|
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,
|
|
1040
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
968
1041
|
export const amsTableOfContentsFontWeight = "400";
|
|
969
1042
|
export const amsTableOfContentsGap =
|
|
970
|
-
"clamp(
|
|
971
|
-
export const amsTableOfContentsLineHeight = "1.
|
|
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.
|
|
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.
|
|
1053
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
981
1054
|
export const amsTableOfContentsListListPaddingBlockStart =
|
|
982
|
-
"clamp(0.
|
|
1055
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
983
1056
|
export const amsTableOfContentsListListPaddingInlineStart =
|
|
984
|
-
"clamp(1.
|
|
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,
|
|
1061
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
993
1062
|
export const amsTableFontWeight = "400";
|
|
994
|
-
export const amsTableLineHeight = "1.
|
|
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.
|
|
1067
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
999
1068
|
export const amsTableCellPaddingInline =
|
|
1000
|
-
"clamp(
|
|
1069
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
1001
1070
|
export const amsTableHeaderCellFontWeight = "800";
|
|
1002
|
-
export const amsTabsGap = "clamp(
|
|
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,
|
|
1077
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1009
1078
|
export const amsTabsButtonFontWeight = "400";
|
|
1010
|
-
export const amsTabsButtonLineHeight = "1.
|
|
1079
|
+
export const amsTabsButtonLineHeight = "1.8";
|
|
1011
1080
|
export const amsTabsButtonOutlineOffset = "calc(0.25rem * -1)";
|
|
1012
1081
|
export const amsTabsButtonPaddingBlock =
|
|
1013
|
-
"clamp(0.
|
|
1082
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1014
1083
|
export const amsTabsButtonPaddingInline =
|
|
1015
|
-
"clamp(
|
|
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,
|
|
1098
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1030
1099
|
export const amsTextAreaFontWeight = "400";
|
|
1031
|
-
export const amsTextAreaLineHeight = "1.
|
|
1100
|
+
export const amsTextAreaLineHeight = "1.4";
|
|
1032
1101
|
export const amsTextAreaMinBlockSize =
|
|
1033
|
-
"calc(1.
|
|
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.
|
|
1105
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1037
1106
|
export const amsTextAreaPaddingInline =
|
|
1038
|
-
"clamp(
|
|
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,
|
|
1122
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1054
1123
|
export const amsTextInputFontWeight = "400";
|
|
1055
|
-
export const amsTextInputLineHeight = "1.
|
|
1124
|
+
export const amsTextInputLineHeight = "1.4";
|
|
1056
1125
|
export const amsTextInputOutlineOffset = "0.25rem";
|
|
1057
1126
|
export const amsTextInputPaddingBlock =
|
|
1058
|
-
"clamp(0.
|
|
1127
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1059
1128
|
export const amsTextInputPaddingInline =
|
|
1060
|
-
"clamp(
|
|
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,
|
|
1159
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1077
1160
|
export const amsTimeInputFontWeight = "400";
|
|
1078
|
-
export const amsTimeInputLineHeight = "1.
|
|
1161
|
+
export const amsTimeInputLineHeight = "1.4";
|
|
1079
1162
|
export const amsTimeInputOutlineOffset = "0.25rem";
|
|
1080
1163
|
export const amsTimeInputPaddingBlock =
|
|
1081
|
-
"clamp(0.
|
|
1164
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1082
1165
|
export const amsTimeInputPaddingInline =
|
|
1083
|
-
"clamp(
|
|
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,
|
|
1177
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1102
1178
|
export const amsUnorderedListFontWeight = "400";
|
|
1103
1179
|
export const amsUnorderedListGap =
|
|
1104
|
-
"clamp(
|
|
1105
|
-
export const amsUnorderedListLineHeight = "1.
|
|
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
|
-
|
|
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.
|
|
1189
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1115
1190
|
export const amsUnorderedListUnorderedListListStyleType = "'\\2013'";
|
|
1116
|
-
export const amsUnorderedListUnorderedListPaddingBlockEnd =
|
|
1191
|
+
export const amsUnorderedListUnorderedListPaddingBlockEnd =
|
|
1192
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1117
1193
|
export const amsUnorderedListUnorderedListPaddingBlockStart =
|
|
1118
|
-
"clamp(0.
|
|
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.
|