@amsterdam/design-system-tokens 1.0.1 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +50 -0
- package/README.md +4 -0
- 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 +329 -265
- package/dist/index.d.ts +218 -116
- package/dist/index.json +515 -413
- package/dist/index.mjs +453 -400
- package/dist/index.scss +329 -265
- package/dist/index.theme.css +329 -265
- 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.tokens.json +23 -23
- 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.tokens.json +39 -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.tokens.json +23 -23
- 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,99 @@ export const amsButtonTertiaryColor = "#004699";
|
|
|
259
275
|
export const amsButtonTertiaryDisabledColor = "#767676";
|
|
260
276
|
export const amsButtonTertiaryHoverBorderColor = "currentColor";
|
|
261
277
|
export const amsButtonTertiaryHoverColor = "#003677";
|
|
278
|
+
export const amsCallToActionLinkBackgroundColor = "#00a03c";
|
|
279
|
+
export const amsCallToActionLinkColor = "#ffffff";
|
|
280
|
+
export const amsCallToActionLinkFontFamily =
|
|
281
|
+
"'Amsterdam Sans', Arial, sans-serif";
|
|
282
|
+
export const amsCallToActionLinkFontSize =
|
|
283
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
284
|
+
export const amsCallToActionLinkFontWeight = "400";
|
|
285
|
+
export const amsCallToActionLinkLineHeight = "1.8";
|
|
286
|
+
export const amsCallToActionLinkOutlineOffset = "0.25rem";
|
|
287
|
+
export const amsCallToActionLinkPaddingBlock =
|
|
288
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
289
|
+
export const amsCallToActionLinkPaddingInline =
|
|
290
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
291
|
+
export const amsCallToActionLinkTextDecorationThickness = "0.125rem";
|
|
292
|
+
export const amsCallToActionLinkTextUnderlineOffset = "0.15625rem";
|
|
293
|
+
export const amsCallToActionLinkHoverBackgroundColor = "#007c2e";
|
|
294
|
+
export const amsCallToActionLinkHoverTextDecorationThickness = "0.1875rem";
|
|
295
|
+
export const amsCallToActionLinkHoverTextUnderlineOffset = "0.09375rem";
|
|
262
296
|
export const amsCardHeadingMarginBlockEnd =
|
|
263
|
-
"clamp(0.
|
|
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)";
|
|
337
371
|
export const amsDateInputBackgroundColor = "#ffffff";
|
|
338
372
|
export const amsDateInputBorderColor = "currentColor";
|
|
339
373
|
export const amsDateInputBorderStyle = "solid";
|
|
@@ -341,17 +375,14 @@ export const amsDateInputBorderWidth = "0.125rem";
|
|
|
341
375
|
export const amsDateInputColor = "#181818";
|
|
342
376
|
export const amsDateInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
343
377
|
export const amsDateInputFontSize =
|
|
344
|
-
"clamp(1.125rem,
|
|
378
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
345
379
|
export const amsDateInputFontWeight = "400";
|
|
346
|
-
export const amsDateInputLineHeight = "1.
|
|
380
|
+
export const amsDateInputLineHeight = "1.4";
|
|
347
381
|
export const amsDateInputOutlineOffset = "0.25rem";
|
|
348
382
|
export const amsDateInputPaddingBlock =
|
|
349
|
-
"clamp(0.
|
|
383
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
350
384
|
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";
|
|
385
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
355
386
|
export const amsDateInputDisabledColor = "#767676";
|
|
356
387
|
export const amsDateInputDisabledCursor = "not-allowed";
|
|
357
388
|
export const amsDateInputDisabledCalenderPickerIndicatorBackgroundImage =
|
|
@@ -363,21 +394,24 @@ export const amsDateInputInvalidBorderColor = "#ec0000";
|
|
|
363
394
|
export const amsDateInputInvalidHoverBorderColor = "#b70000";
|
|
364
395
|
export const amsDateInputInvalidHoverBoxShadow =
|
|
365
396
|
"inset 0 0 0 0.0625rem #b70000";
|
|
397
|
+
export const amsDateInputCalenderPickerIndicatorBackgroundImage =
|
|
398
|
+
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
|
|
399
|
+
export const amsDateInputCalenderPickerIndicatorCursor = "pointer";
|
|
366
400
|
export const amsDescriptionListColor = "#181818";
|
|
367
401
|
export const amsDescriptionListColumnGap =
|
|
368
|
-
"clamp(1.
|
|
402
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
369
403
|
export const amsDescriptionListFontFamily =
|
|
370
404
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
371
405
|
export const amsDescriptionListFontSize =
|
|
372
|
-
"clamp(1.125rem,
|
|
373
|
-
export const amsDescriptionListLineHeight = "1.
|
|
406
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
407
|
+
export const amsDescriptionListLineHeight = "1.8";
|
|
374
408
|
export const amsDescriptionListRowGap =
|
|
375
|
-
"clamp(0.
|
|
409
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
376
410
|
export const amsDescriptionListInverseColor = "#ffffff";
|
|
377
411
|
export const amsDescriptionListTermFontWeight = "800";
|
|
378
412
|
export const amsDescriptionListDescriptionFontWeight = "400";
|
|
379
413
|
export const amsDescriptionListDescriptionPaddingInlineStart =
|
|
380
|
-
"clamp(1.
|
|
414
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
381
415
|
export const amsDescriptionListNarrowGridTemplateColumns = "1fr 4fr";
|
|
382
416
|
export const amsDescriptionListMediumGridTemplateColumns = "1fr 2fr";
|
|
383
417
|
export const amsDescriptionListWideGridTemplateColumns = "1fr 1fr";
|
|
@@ -385,72 +419,70 @@ export const amsDialogBackgroundColor = "#ffffff";
|
|
|
385
419
|
export const amsDialogBorderColor = "#ffffff";
|
|
386
420
|
export const amsDialogBorderStyle = "solid";
|
|
387
421
|
export const amsDialogBorderWidth = "0.125rem";
|
|
388
|
-
export const amsDialogGap = "clamp(
|
|
422
|
+
export const amsDialogGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
389
423
|
export const amsDialogInlineSize =
|
|
390
|
-
"calc(100% - 2 * clamp(1.
|
|
424
|
+
"calc(100% - 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem))";
|
|
391
425
|
export const amsDialogMaxBlockSize =
|
|
392
|
-
"calc(100dvh - 2 * clamp(1.
|
|
426
|
+
"calc(100dvh - 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem))";
|
|
393
427
|
export const amsDialogMaxInlineSize = "48rem";
|
|
394
428
|
export const amsDialogMediumInlineSize =
|
|
395
|
-
"calc(100% - 2 * clamp(2.25rem, 1.
|
|
429
|
+
"calc(100% - 2 * clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem))";
|
|
396
430
|
export const amsDialogMediumMaxBlockSize =
|
|
397
|
-
"calc(100dvh - 2 * clamp(2.25rem, 1.
|
|
431
|
+
"calc(100dvh - 2 * clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem))";
|
|
398
432
|
export const amsDialogBackdropBackgroundColor = "rgb(24 24 24 / 62.5%)";
|
|
399
|
-
export const amsDialogHeaderGap =
|
|
400
|
-
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
433
|
+
export const amsDialogHeaderGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
401
434
|
export const amsDialogHeaderPaddingBlock =
|
|
402
|
-
"clamp(1.
|
|
435
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem) 0";
|
|
403
436
|
export const amsDialogHeaderPaddingInline =
|
|
404
|
-
"clamp(1.
|
|
437
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
405
438
|
export const amsDialogHeaderMediumPaddingBlock =
|
|
406
|
-
"clamp(2.25rem, 1.
|
|
439
|
+
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) 0";
|
|
407
440
|
export const amsDialogHeaderMediumPaddingInline =
|
|
408
|
-
"clamp(2.25rem, 1.
|
|
441
|
+
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
409
442
|
export const amsDialogBodyPaddingBlock = "0";
|
|
410
443
|
export const amsDialogBodyPaddingInline =
|
|
411
|
-
"clamp(1.
|
|
444
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
412
445
|
export const amsDialogBodyMediumPaddingInline =
|
|
413
|
-
"clamp(2.25rem, 1.
|
|
446
|
+
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
414
447
|
export const amsDialogFooterPaddingBlock =
|
|
415
|
-
"0 clamp(1.
|
|
448
|
+
"0 clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
416
449
|
export const amsDialogFooterPaddingInline =
|
|
417
|
-
"clamp(1.
|
|
450
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
418
451
|
export const amsDialogFooterMediumPaddingBlock =
|
|
419
|
-
"0 clamp(2.25rem, 1.
|
|
452
|
+
"0 clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
420
453
|
export const amsDialogFooterMediumPaddingInline =
|
|
421
|
-
"clamp(2.25rem, 1.
|
|
454
|
+
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
422
455
|
export const amsErrorMessageColor = "#ec0000";
|
|
423
456
|
export const amsErrorMessageFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
424
457
|
export const amsErrorMessageFontSize =
|
|
425
|
-
"clamp(
|
|
458
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
426
459
|
export const amsErrorMessageFontWeight = "400";
|
|
427
460
|
export const amsErrorMessageGap =
|
|
428
|
-
"clamp(0.
|
|
429
|
-
export const amsErrorMessageLineHeight = "1.
|
|
461
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
462
|
+
export const amsErrorMessageLineHeight = "1.8";
|
|
430
463
|
export const amsFieldSetInvalidBorderInlineStart = "0.1875rem solid #ec0000";
|
|
431
464
|
export const amsFieldSetInvalidPaddingInlineStart =
|
|
432
|
-
"clamp(
|
|
465
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
433
466
|
export const amsFieldSetLegendColor = "#181818";
|
|
434
467
|
export const amsFieldSetLegendFontFamily =
|
|
435
468
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
436
469
|
export const amsFieldSetLegendFontSize =
|
|
437
|
-
"clamp(1.3125rem,
|
|
470
|
+
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
438
471
|
export const amsFieldSetLegendFontWeight = "800";
|
|
439
|
-
export const amsFieldSetLegendLineHeight = "1.
|
|
472
|
+
export const amsFieldSetLegendLineHeight = "1.3";
|
|
440
473
|
export const amsFieldSetLegendMarginBlockEnd =
|
|
441
|
-
"clamp(
|
|
474
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
442
475
|
export const amsFieldSetLegendTextWrap = "balance";
|
|
443
|
-
export const amsFieldGap = "clamp(0.
|
|
476
|
+
export const amsFieldGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
444
477
|
export const amsFieldInvalidBorderInlineStart = "0.1875rem solid #ec0000";
|
|
445
478
|
export const amsFieldInvalidPaddingInlineStart =
|
|
446
|
-
"clamp(
|
|
447
|
-
export const amsFigureGap = "clamp(0.
|
|
479
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
480
|
+
export const amsFigureGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
448
481
|
export const amsFigureCaptionColor = "#181818";
|
|
449
482
|
export const amsFigureCaptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
450
|
-
export const amsFigureCaptionFontSize =
|
|
451
|
-
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
483
|
+
export const amsFigureCaptionFontSize = "1rem";
|
|
452
484
|
export const amsFigureCaptionFontWeight = "400";
|
|
453
|
-
export const amsFigureCaptionLineHeight = "1.
|
|
485
|
+
export const amsFigureCaptionLineHeight = "1.6";
|
|
454
486
|
export const amsFigureCaptionInverseColor = "#ffffff";
|
|
455
487
|
export const amsFileInputBackgroundColor = "#ffffff";
|
|
456
488
|
export const amsFileInputBorderColor = "currentColor";
|
|
@@ -460,14 +492,14 @@ export const amsFileInputColor = "#181818";
|
|
|
460
492
|
export const amsFileInputCursor = "pointer";
|
|
461
493
|
export const amsFileInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
462
494
|
export const amsFileInputFontSize =
|
|
463
|
-
"clamp(1.125rem,
|
|
495
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
464
496
|
export const amsFileInputFontWeight = "400";
|
|
465
|
-
export const amsFileInputLineHeight = "1.
|
|
497
|
+
export const amsFileInputLineHeight = "1.4";
|
|
466
498
|
export const amsFileInputOutlineOffset = "0.25rem";
|
|
467
499
|
export const amsFileInputPaddingBlock =
|
|
468
|
-
"clamp(
|
|
500
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
469
501
|
export const amsFileInputPaddingInline =
|
|
470
|
-
"clamp(
|
|
502
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
471
503
|
export const amsFileInputDisabledColor = "#767676";
|
|
472
504
|
export const amsFileInputDisabledCursor = "not-allowed";
|
|
473
505
|
export const amsFileInputFileSelectorButtonBackgroundColor = "#ffffff";
|
|
@@ -476,67 +508,62 @@ export const amsFileInputFileSelectorButtonBorderStyle = "solid";
|
|
|
476
508
|
export const amsFileInputFileSelectorButtonBorderWidth = "0.125rem";
|
|
477
509
|
export const amsFileInputFileSelectorButtonColor = "#004699";
|
|
478
510
|
export const amsFileInputFileSelectorButtonCursor = "pointer";
|
|
511
|
+
export const amsFileInputFileSelectorButtonLineHeight = "1.4";
|
|
479
512
|
export const amsFileInputFileSelectorButtonMarginInlineEnd =
|
|
480
|
-
"clamp(
|
|
513
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
481
514
|
export const amsFileInputFileSelectorButtonPaddingBlock =
|
|
482
|
-
"clamp(0.
|
|
515
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
483
516
|
export const amsFileInputFileSelectorButtonPaddingInline =
|
|
484
|
-
"clamp(
|
|
517
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
518
|
+
export const amsFileInputFileSelectorButtonDisabledColor = "#767676";
|
|
519
|
+
export const amsFileInputFileSelectorButtonDisabledCursor = "not-allowed";
|
|
485
520
|
export const amsFileInputFileSelectorButtonHoverBoxShadow =
|
|
486
521
|
"inset 0 0 0 0.0625rem";
|
|
487
522
|
export const amsFileInputFileSelectorButtonHoverColor = "#003677";
|
|
488
|
-
export const
|
|
489
|
-
export const amsFileInputFileSelectorButtonDisabledCursor = "not-allowed";
|
|
490
|
-
export const amsFileListGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
523
|
+
export const amsFileListGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
491
524
|
export const amsFileListPaddingBlock =
|
|
492
|
-
"clamp(
|
|
525
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
493
526
|
export const amsFileListFileFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
494
|
-
export const amsFileListFileFontSize =
|
|
495
|
-
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
527
|
+
export const amsFileListFileFontSize = "1rem";
|
|
496
528
|
export const amsFileListFileFontWeight = "400";
|
|
497
529
|
export const amsFileListFileGap =
|
|
498
|
-
"clamp(0.
|
|
499
|
-
export const amsFileListFileLineHeight = "1.
|
|
530
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
531
|
+
export const amsFileListFileLineHeight = "1.6";
|
|
500
532
|
export const amsFileListFileDetailsColor = "#767676";
|
|
501
533
|
export const amsFileListFilePreviewWidth = "clamp(2.5rem, 10vw, 5rem)";
|
|
502
534
|
export const amsGridColumnCount = "4";
|
|
503
|
-
export const amsGridColumnGap = "clamp(2.25rem, 1.
|
|
535
|
+
export const amsGridColumnGap = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
504
536
|
export const amsGridPaddingBlockL =
|
|
505
|
-
"clamp(1.
|
|
537
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
506
538
|
export const amsGridPaddingBlockXl =
|
|
507
|
-
"clamp(2.25rem, 1.
|
|
539
|
+
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
508
540
|
export const amsGridPaddingBlock_2xl =
|
|
509
|
-
"clamp(
|
|
541
|
+
"clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
|
|
510
542
|
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)";
|
|
543
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
544
|
+
export const amsGridRowGapL = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
545
|
+
export const amsGridRowGapXl = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
546
|
+
export const amsGridRowGap_2xl = "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
|
|
516
547
|
export const amsGridMediumColumnCount = "8";
|
|
517
548
|
export const amsGridMediumPaddingInline =
|
|
518
|
-
"clamp(2.25rem, 1.
|
|
549
|
+
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
519
550
|
export const amsGridWideColumnCount = "12";
|
|
520
551
|
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";
|
|
552
|
+
"clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
|
|
553
|
+
export const amsHeading_1FontSize = "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)";
|
|
554
|
+
export const amsHeading_1LineHeight = "1.2";
|
|
555
|
+
export const amsHeading_2FontSize = "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
|
|
556
|
+
export const amsHeading_2LineHeight = "1.3";
|
|
528
557
|
export const amsHeading_3FontSize =
|
|
529
|
-
"clamp(1.
|
|
530
|
-
export const amsHeading_3LineHeight = "1.
|
|
558
|
+
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
559
|
+
export const amsHeading_3LineHeight = "1.3";
|
|
531
560
|
export const amsHeading_4FontSize =
|
|
532
|
-
"clamp(1.
|
|
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";
|
|
561
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
562
|
+
export const amsHeading_4LineHeight = "1.4";
|
|
563
|
+
export const amsHeading_5FontSize = "1rem";
|
|
564
|
+
export const amsHeading_5LineHeight = "1.4";
|
|
565
|
+
export const amsHeading_6FontSize = "1rem";
|
|
566
|
+
export const amsHeading_6LineHeight = "1.4";
|
|
540
567
|
export const amsHeadingColor = "#181818";
|
|
541
568
|
export const amsHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
542
569
|
export const amsHeadingFontWeight = "800";
|
|
@@ -550,9 +577,9 @@ export const amsIconButtonHoverBackgroundColor = "rgb(0 70 153 / 12.5%)";
|
|
|
550
577
|
export const amsIconButtonHoverColor = "#003677";
|
|
551
578
|
export const amsIconButtonDisabledColor = "#767676";
|
|
552
579
|
export const amsIconButtonDisabledCursor = "not-allowed";
|
|
553
|
-
export const amsIconButtonContrastColor = "#
|
|
580
|
+
export const amsIconButtonContrastColor = "#181818";
|
|
554
581
|
export const amsIconButtonContrastHoverBackgroundColor = "rgb(0 0 0 / 12.5%)";
|
|
555
|
-
export const amsIconButtonContrastHoverColor = "#
|
|
582
|
+
export const amsIconButtonContrastHoverColor = "#181818";
|
|
556
583
|
export const amsIconButtonContrastDisabledColor = "#767676";
|
|
557
584
|
export const amsIconButtonInverseBackgroundColor = "#004699";
|
|
558
585
|
export const amsIconButtonInverseColor = "#ffffff";
|
|
@@ -560,35 +587,40 @@ export const amsIconButtonInverseHoverBackgroundColor = "#003677";
|
|
|
560
587
|
export const amsIconButtonInverseHoverColor = "#ffffff";
|
|
561
588
|
export const amsIconButtonInverseDisabledColor = "#ffffff";
|
|
562
589
|
export const amsIconButtonInverseDisabledBackgroundColor = "#767676";
|
|
563
|
-
export const
|
|
564
|
-
"clamp(
|
|
565
|
-
export const
|
|
566
|
-
export const
|
|
567
|
-
|
|
568
|
-
export const
|
|
590
|
+
export const amsIconHeading_0FontSize =
|
|
591
|
+
"clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)"; // Deprecated. Use ‘heading 1’ instead.
|
|
592
|
+
export const amsIconHeading_0LineHeight = "1.1"; // Deprecated. Use ‘heading 1’ instead.
|
|
593
|
+
export const amsIconFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
594
|
+
export const amsIconLineHeight = "1.8";
|
|
595
|
+
export const amsIconSmallFontSize = "1rem";
|
|
596
|
+
export const amsIconSmallLineHeight = "1.6";
|
|
569
597
|
export const amsIconLargeFontSize =
|
|
570
|
-
"clamp(1.3125rem,
|
|
571
|
-
export const amsIconLargeLineHeight = "1.
|
|
598
|
+
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
599
|
+
export const amsIconLargeLineHeight = "1.6";
|
|
600
|
+
export const amsIconHeading_1FontSize =
|
|
601
|
+
"clamp(2rem, 1.7143rem + 1.4286vw, 3rem)";
|
|
602
|
+
export const amsIconHeading_1LineHeight = "1.2";
|
|
603
|
+
export const amsIconHeading_2FontSize =
|
|
604
|
+
"clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
|
|
605
|
+
export const amsIconHeading_2LineHeight = "1.3";
|
|
572
606
|
export const amsIconHeading_3FontSize =
|
|
573
|
-
"clamp(1.
|
|
574
|
-
export const amsIconHeading_3LineHeight = "1.
|
|
607
|
+
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
608
|
+
export const amsIconHeading_3LineHeight = "1.3";
|
|
575
609
|
export const amsIconHeading_4FontSize =
|
|
576
|
-
"clamp(1.
|
|
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";
|
|
610
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
611
|
+
export const amsIconHeading_4LineHeight = "1.4";
|
|
612
|
+
export const amsIconHeading_5FontSize = "1rem";
|
|
613
|
+
export const amsIconHeading_5LineHeight = "1.4";
|
|
614
|
+
export const amsIconHeading_6FontSize = "1rem";
|
|
615
|
+
export const amsIconHeading_6LineHeight = "1.4";
|
|
584
616
|
export const amsIconInverseColor = "#ffffff";
|
|
585
617
|
export const amsImageSliderGap =
|
|
586
|
-
"clamp(0.
|
|
618
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
587
619
|
export const amsImageSliderScrollerGap =
|
|
588
|
-
"clamp(0.
|
|
620
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
589
621
|
export const amsImageSliderScrollerOutlineOffset = "0.25rem";
|
|
590
622
|
export const amsImageSliderThumbnailsGap =
|
|
591
|
-
"clamp(0.
|
|
623
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
592
624
|
export const amsImageSliderThumbnailsThumbnailBackgroundColor = "transparent";
|
|
593
625
|
export const amsImageSliderThumbnailsThumbnailCursor = "pointer";
|
|
594
626
|
export const amsImageSliderThumbnailsThumbnailOpacity = "40%";
|
|
@@ -600,33 +632,32 @@ export const amsInvalidFormAlertOutlineOffset = "0.25rem";
|
|
|
600
632
|
export const amsLabelColor = "#181818";
|
|
601
633
|
export const amsLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
602
634
|
export const amsLabelFontSize =
|
|
603
|
-
"clamp(1.3125rem,
|
|
635
|
+
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
604
636
|
export const amsLabelFontWeight = "800";
|
|
605
|
-
export const amsLabelLineHeight = "1.
|
|
637
|
+
export const amsLabelLineHeight = "1.3";
|
|
606
638
|
export const amsLabelTextWrap = "balance";
|
|
607
|
-
export const amsLinkListGap = "clamp(0.
|
|
639
|
+
export const amsLinkListGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
608
640
|
export const amsLinkListLinkColor = "#004699";
|
|
609
641
|
export const amsLinkListLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
610
642
|
export const amsLinkListLinkFontSize =
|
|
611
|
-
"clamp(1.125rem,
|
|
643
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
612
644
|
export const amsLinkListLinkFontWeight = "400";
|
|
613
645
|
export const amsLinkListLinkGap =
|
|
614
|
-
"clamp(0.
|
|
615
|
-
export const amsLinkListLinkLineHeight = "1.
|
|
646
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
647
|
+
export const amsLinkListLinkLineHeight = "1.8";
|
|
616
648
|
export const amsLinkListLinkOutlineOffset = "0.25rem";
|
|
617
649
|
export const amsLinkListLinkTextDecorationLine = "none";
|
|
618
650
|
export const amsLinkListLinkTextDecorationThickness = "0.125rem";
|
|
619
|
-
export const amsLinkListLinkTextUnderlineOffset = "0.
|
|
620
|
-
export const amsLinkListLinkSmallFontSize =
|
|
621
|
-
|
|
622
|
-
export const amsLinkListLinkSmallLineHeight = "1.5152";
|
|
651
|
+
export const amsLinkListLinkTextUnderlineOffset = "0.15625rem";
|
|
652
|
+
export const amsLinkListLinkSmallFontSize = "1rem";
|
|
653
|
+
export const amsLinkListLinkSmallLineHeight = "1.6";
|
|
623
654
|
export const amsLinkListLinkLargeFontSize =
|
|
624
|
-
"clamp(1.3125rem,
|
|
625
|
-
export const amsLinkListLinkLargeLineHeight = "1.
|
|
655
|
+
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
656
|
+
export const amsLinkListLinkLargeLineHeight = "1.6";
|
|
626
657
|
export const amsLinkListLinkHoverColor = "#003677";
|
|
627
658
|
export const amsLinkListLinkHoverTextDecorationLine = "underline";
|
|
628
|
-
export const amsLinkListLinkContrastColor = "#
|
|
629
|
-
export const amsLinkListLinkContrastHoverColor = "#
|
|
659
|
+
export const amsLinkListLinkContrastColor = "#181818";
|
|
660
|
+
export const amsLinkListLinkContrastHoverColor = "#181818";
|
|
630
661
|
export const amsLinkListLinkInverseColor = "#ffffff";
|
|
631
662
|
export const amsLinkListLinkInverseHoverColor = "#ffffff";
|
|
632
663
|
export const amsLinkColor = "#004699";
|
|
@@ -636,154 +667,173 @@ export const amsLinkFontWeight = "400";
|
|
|
636
667
|
export const amsLinkLineHeight = "inherit";
|
|
637
668
|
export const amsLinkOutlineOffset = "0.25rem";
|
|
638
669
|
export const amsLinkTextDecorationThickness = "0.125rem";
|
|
639
|
-
export const amsLinkTextUnderlineOffset = "0.
|
|
670
|
+
export const amsLinkTextUnderlineOffset = "0.15625rem";
|
|
640
671
|
export const amsLinkHoverColor = "#003677";
|
|
641
672
|
export const amsLinkHoverTextDecorationThickness = "0.1875rem";
|
|
642
|
-
export const amsLinkHoverTextUnderlineOffset = "0.
|
|
643
|
-
export const amsLinkContrastColor = "#
|
|
644
|
-
export const amsLinkContrastHoverColor = "#
|
|
673
|
+
export const amsLinkHoverTextUnderlineOffset = "0.09375rem";
|
|
674
|
+
export const amsLinkContrastColor = "#181818";
|
|
675
|
+
export const amsLinkContrastHoverColor = "#181818";
|
|
645
676
|
export const amsLinkInverseColor = "#ffffff";
|
|
646
677
|
export const amsLinkInverseHoverColor = "#ffffff";
|
|
647
|
-
export const amsLogoBlockSize = "clamp(2.25rem, 1.
|
|
678
|
+
export const amsLogoBlockSize = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
648
679
|
export const amsLogoMinBlockSize = "2.5rem";
|
|
649
680
|
export const amsLogoEmblemColor = "#ec0000";
|
|
650
681
|
export const amsLogoSubsiteColor = "#181818";
|
|
651
682
|
export const amsLogoTitleColor = "#ec0000";
|
|
652
683
|
export const amsMarkBackgroundColor = "#ffe600";
|
|
684
|
+
export const amsMenuFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
685
|
+
export const amsMenuFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
686
|
+
export const amsMenuFontWeight = "400";
|
|
687
|
+
export const amsMenuLineHeight = "1.8";
|
|
688
|
+
export const amsMenuLinkColor = "#004699";
|
|
689
|
+
export const amsMenuLinkGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
690
|
+
export const amsMenuLinkOutlineOffset = "0.25rem";
|
|
691
|
+
export const amsMenuLinkPaddingBlock =
|
|
692
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
693
|
+
export const amsMenuLinkPaddingInline =
|
|
694
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
695
|
+
export const amsMenuLinkTextDecorationLine = "none";
|
|
696
|
+
export const amsMenuLinkTextDecorationThickness = "0.125rem";
|
|
697
|
+
export const amsMenuLinkTextUnderlineOffset = "0.15625rem";
|
|
698
|
+
export const amsMenuLinkHoverColor = "#003677";
|
|
699
|
+
export const amsMenuLinkHoverTextDecorationLine = "underline";
|
|
700
|
+
export const amsMenuLinkContrastColor = "#181818";
|
|
701
|
+
export const amsMenuLinkContrastHoverColor = "#181818";
|
|
702
|
+
export const amsMenuLinkInverseColor = "#ffffff";
|
|
703
|
+
export const amsMenuLinkInverseHoverColor = "#ffffff";
|
|
704
|
+
export const amsMenuListGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
653
705
|
export const amsOrderedListColor = "#181818";
|
|
654
706
|
export const amsOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
655
707
|
export const amsOrderedListFontSize =
|
|
656
|
-
"clamp(1.125rem,
|
|
708
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
657
709
|
export const amsOrderedListFontWeight = "400";
|
|
658
|
-
export const amsOrderedListGap =
|
|
659
|
-
|
|
660
|
-
export const amsOrderedListLineHeight = "1.6667";
|
|
710
|
+
export const amsOrderedListGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
711
|
+
export const amsOrderedListLineHeight = "1.8";
|
|
661
712
|
export const amsOrderedListListStyleType = "decimal";
|
|
662
|
-
export const amsOrderedListSmallFontSize =
|
|
663
|
-
|
|
664
|
-
export const amsOrderedListSmallLineHeight = "1.5152";
|
|
713
|
+
export const amsOrderedListSmallFontSize = "1rem";
|
|
714
|
+
export const amsOrderedListSmallLineHeight = "1.6";
|
|
665
715
|
export const amsOrderedListInverseColor = "#ffffff";
|
|
666
716
|
export const amsOrderedListItemMarginInlineStart = "2.25rem"; // Divide your total indentation width over margin and padding to position the marker.
|
|
667
717
|
export const amsOrderedListItemPaddingInlineStart = "0.25rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
|
|
668
718
|
export const amsOrderedListOrderedListGap =
|
|
669
|
-
"clamp(0.
|
|
719
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
670
720
|
export const amsOrderedListOrderedListListStyleType = "lower-alpha";
|
|
671
|
-
export const amsOrderedListOrderedListPaddingBlockEnd =
|
|
721
|
+
export const amsOrderedListOrderedListPaddingBlockEnd =
|
|
722
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
672
723
|
export const amsOrderedListOrderedListPaddingBlockStart =
|
|
673
|
-
"clamp(0.
|
|
724
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
674
725
|
export const amsOrderedListOrderedListItemMarginInlineStart = "1.5rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
|
|
675
726
|
export const amsOrderedListOrderedListItemPaddingInlineStart = "0.25rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
|
|
676
727
|
export const amsPageFooterMenuColumnGap =
|
|
677
|
-
"clamp(1.
|
|
728
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
678
729
|
export const amsPageFooterMenuPaddingBlock =
|
|
679
|
-
"clamp(1.
|
|
730
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
680
731
|
export const amsPageFooterMenuPaddingInline =
|
|
681
|
-
"clamp(1.
|
|
732
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
682
733
|
export const amsPageFooterMenuRowGap =
|
|
683
|
-
"clamp(0.
|
|
734
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
684
735
|
export const amsPageFooterMenuMediumPaddingInline =
|
|
685
|
-
"clamp(2.25rem, 1.
|
|
736
|
+
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
686
737
|
export const amsPageFooterMenuWidePaddingInline =
|
|
687
|
-
"clamp(
|
|
738
|
+
"clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
|
|
688
739
|
export const amsPageFooterMenuLinkColor = "#004699";
|
|
689
740
|
export const amsPageFooterMenuLinkFontFamily =
|
|
690
741
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
691
742
|
export const amsPageFooterMenuLinkFontSize =
|
|
692
|
-
"clamp(
|
|
743
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
693
744
|
export const amsPageFooterMenuLinkFontWeight = "400";
|
|
694
|
-
export const amsPageFooterMenuLinkLineHeight = "1.
|
|
745
|
+
export const amsPageFooterMenuLinkLineHeight = "1.8";
|
|
695
746
|
export const amsPageFooterMenuLinkOutlineOffset = "0.25rem";
|
|
696
747
|
export const amsPageFooterMenuLinkTextDecorationLine = "none";
|
|
697
748
|
export const amsPageFooterMenuLinkTextDecorationThickness = "0.125rem";
|
|
698
|
-
export const amsPageFooterMenuLinkTextUnderlineOffset = "0.
|
|
749
|
+
export const amsPageFooterMenuLinkTextUnderlineOffset = "0.15625rem";
|
|
699
750
|
export const amsPageFooterMenuLinkHoverColor = "#003677";
|
|
700
751
|
export const amsPageFooterMenuLinkHoverTextDecorationLine = "underline";
|
|
701
752
|
export const amsPageFooterSpotlightBackgroundColor = "#004699";
|
|
702
753
|
export const amsPageHeaderFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
703
754
|
export const amsPageHeaderPaddingBlock =
|
|
704
|
-
"clamp(1.
|
|
755
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
705
756
|
export const amsPageHeaderPaddingInline =
|
|
706
|
-
"clamp(1.
|
|
757
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; // Must be the Grid inline padding, to make sure Header and Grid line up
|
|
707
758
|
export const amsPageHeaderMediumPaddingInline =
|
|
708
|
-
"clamp(2.25rem, 1.
|
|
759
|
+
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
709
760
|
export const amsPageHeaderWidePaddingInline =
|
|
710
|
-
"clamp(
|
|
761
|
+
"clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
|
|
711
762
|
export const amsPageHeaderLogoLinkColumnGap =
|
|
712
|
-
"clamp(
|
|
763
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
713
764
|
export const amsPageHeaderLogoLinkOutlineOffset = "0.25rem";
|
|
714
765
|
export const amsPageHeaderBrandNameColor = "#181818";
|
|
715
766
|
export const amsPageHeaderBrandNameFontSize =
|
|
716
|
-
"clamp(1.3125rem,
|
|
767
|
+
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
717
768
|
export const amsPageHeaderBrandNameFontWeight = "800";
|
|
718
|
-
export const amsPageHeaderBrandNameLineHeight = "1.
|
|
769
|
+
export const amsPageHeaderBrandNameLineHeight = "1.3";
|
|
719
770
|
export const amsPageHeaderBrandNameTextWrap = "balance";
|
|
720
771
|
export const amsPageHeaderMegaMenuButtonCursor = "pointer";
|
|
721
772
|
export const amsPageHeaderMegaMenuButtonLabelOpenFontWeight = "800";
|
|
722
773
|
export const amsPageHeaderMenuColumnGap =
|
|
723
|
-
"clamp(1.
|
|
774
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
724
775
|
export const amsPageHeaderMenuRowGap =
|
|
725
|
-
"clamp(0.
|
|
776
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
726
777
|
export const amsPageHeaderMenuItemColor = "#004699";
|
|
727
778
|
export const amsPageHeaderMenuItemColumnGap =
|
|
728
|
-
"clamp(0.
|
|
779
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
729
780
|
export const amsPageHeaderMenuItemFontFamily =
|
|
730
781
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
731
782
|
export const amsPageHeaderMenuItemFontSize =
|
|
732
|
-
"clamp(1.125rem,
|
|
783
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
733
784
|
export const amsPageHeaderMenuItemFontWeight = "400";
|
|
734
|
-
export const amsPageHeaderMenuItemLineHeight = "1.
|
|
785
|
+
export const amsPageHeaderMenuItemLineHeight = "1.8";
|
|
735
786
|
export const amsPageHeaderMenuItemOutlineOffset = "0.25rem";
|
|
736
787
|
export const amsPageHeaderMenuItemPaddingBlock =
|
|
737
|
-
"clamp(0.
|
|
788
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
738
789
|
export const amsPageHeaderMenuItemHoverColor = "#003677";
|
|
739
790
|
export const amsPageHeaderMenuLinkTextDecorationLine = "none";
|
|
740
791
|
export const amsPageHeaderMenuLinkTextDecorationThickness = "0.125rem";
|
|
741
|
-
export const amsPageHeaderMenuLinkTextUnderlineOffset = "0.
|
|
792
|
+
export const amsPageHeaderMenuLinkTextUnderlineOffset = "0.15625rem";
|
|
742
793
|
export const amsPageHeaderMenuLinkHoverTextDecorationLine = "underline";
|
|
743
794
|
export const amsPageHeaderNavigationColumnGap =
|
|
744
|
-
"clamp(1.
|
|
795
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
745
796
|
export const amsPageHeaderNavigationRowGap =
|
|
746
|
-
"clamp(0.
|
|
797
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
747
798
|
export const amsPageHeadingColor = "#181818";
|
|
748
799
|
export const amsPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
749
800
|
export const amsPageHeadingFontSize =
|
|
750
|
-
"clamp(2.
|
|
801
|
+
"clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)";
|
|
751
802
|
export const amsPageHeadingFontWeight = "800";
|
|
752
|
-
export const amsPageHeadingLineHeight = "1.
|
|
803
|
+
export const amsPageHeadingLineHeight = "1.1";
|
|
753
804
|
export const amsPageHeadingTextWrap = "balance";
|
|
754
805
|
export const amsPageHeadingInverseColor = "#ffffff";
|
|
755
806
|
export const amsPageBackgroundColor = "#ffffff";
|
|
756
|
-
export const amsPageMaxInlineSize = "
|
|
807
|
+
export const amsPageMaxInlineSize = "90rem";
|
|
757
808
|
export const amsPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
758
809
|
export const amsPaginationFontSize =
|
|
759
|
-
"clamp(1.125rem,
|
|
810
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
760
811
|
export const amsPaginationFontWeight = "400";
|
|
761
|
-
export const amsPaginationLineHeight = "1.
|
|
812
|
+
export const amsPaginationLineHeight = "1.8";
|
|
762
813
|
export const amsPaginationLinkColor = "#004699";
|
|
763
814
|
export const amsPaginationLinkGap =
|
|
764
|
-
"clamp(0.
|
|
815
|
+
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
765
816
|
export const amsPaginationLinkOutlineOffset = "0.25rem";
|
|
766
817
|
export const amsPaginationLinkPaddingInline =
|
|
767
|
-
"clamp(0.
|
|
818
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
768
819
|
export const amsPaginationLinkTextDecorationLine = "none";
|
|
769
820
|
export const amsPaginationLinkTextDecorationThickness = "0.125rem";
|
|
770
|
-
export const amsPaginationLinkTextUnderlineOffset = "0.
|
|
821
|
+
export const amsPaginationLinkTextUnderlineOffset = "0.15625rem";
|
|
771
822
|
export const amsPaginationLinkCurrentFontWeight = "800";
|
|
772
823
|
export const amsPaginationLinkHoverColor = "#003677";
|
|
773
824
|
export const amsPaginationLinkHoverTextDecorationLine = "underline";
|
|
774
825
|
export const amsParagraphColor = "#181818";
|
|
775
826
|
export const amsParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
776
827
|
export const amsParagraphFontSize =
|
|
777
|
-
"clamp(1.125rem,
|
|
828
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
778
829
|
export const amsParagraphFontWeight = "400";
|
|
779
|
-
export const amsParagraphLineHeight = "1.
|
|
830
|
+
export const amsParagraphLineHeight = "1.8";
|
|
780
831
|
export const amsParagraphInverseColor = "#ffffff";
|
|
781
|
-
export const amsParagraphSmallFontSize =
|
|
782
|
-
|
|
783
|
-
export const amsParagraphSmallLineHeight = "1.5152";
|
|
832
|
+
export const amsParagraphSmallFontSize = "1rem";
|
|
833
|
+
export const amsParagraphSmallLineHeight = "1.6";
|
|
784
834
|
export const amsParagraphLargeFontSize =
|
|
785
|
-
"clamp(1.3125rem,
|
|
786
|
-
export const amsParagraphLargeLineHeight = "1.
|
|
835
|
+
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
836
|
+
export const amsParagraphLargeLineHeight = "1.6";
|
|
787
837
|
export const amsPasswordInputBackgroundColor = "#ffffff";
|
|
788
838
|
export const amsPasswordInputBorderColor = "currentColor";
|
|
789
839
|
export const amsPasswordInputBorderStyle = "solid";
|
|
@@ -791,14 +841,14 @@ export const amsPasswordInputBorderWidth = "0.125rem";
|
|
|
791
841
|
export const amsPasswordInputColor = "#181818";
|
|
792
842
|
export const amsPasswordInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
793
843
|
export const amsPasswordInputFontSize =
|
|
794
|
-
"clamp(1.125rem,
|
|
844
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
795
845
|
export const amsPasswordInputFontWeight = "400";
|
|
796
|
-
export const amsPasswordInputLineHeight = "1.
|
|
846
|
+
export const amsPasswordInputLineHeight = "1.4";
|
|
797
847
|
export const amsPasswordInputOutlineOffset = "0.25rem";
|
|
798
848
|
export const amsPasswordInputPaddingBlock =
|
|
799
|
-
"clamp(0.
|
|
849
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
800
850
|
export const amsPasswordInputPaddingInline =
|
|
801
|
-
"clamp(
|
|
851
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
802
852
|
export const amsPasswordInputDisabledColor = "#767676";
|
|
803
853
|
export const amsPasswordInputDisabledCursor = "not-allowed";
|
|
804
854
|
export const amsPasswordInputHoverBoxShadow = "inset 0 0 0 0.0625rem";
|
|
@@ -811,13 +861,13 @@ export const amsRadioColor = "#181818";
|
|
|
811
861
|
export const amsRadioCursor = "pointer";
|
|
812
862
|
export const amsRadioFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
813
863
|
export const amsRadioFontSize =
|
|
814
|
-
"clamp(1.125rem,
|
|
864
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
815
865
|
export const amsRadioFontWeight = "400";
|
|
816
|
-
export const amsRadioGap = "clamp(0.
|
|
817
|
-
export const amsRadioLineHeight = "1.
|
|
866
|
+
export const amsRadioGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
867
|
+
export const amsRadioLineHeight = "1.8";
|
|
818
868
|
export const amsRadioOutlineOffset = "0.25rem";
|
|
819
869
|
export const amsRadioTextDecorationThickness = "0.125rem";
|
|
820
|
-
export const amsRadioTextUnderlineOffset = "0.
|
|
870
|
+
export const amsRadioTextUnderlineOffset = "0.15625rem";
|
|
821
871
|
export const amsRadioCheckedIndicatorFill = "#004699";
|
|
822
872
|
export const amsRadioCheckedIndicatorDisabledFill = "#767676";
|
|
823
873
|
export const amsRadioCheckedIndicatorDisabledInvalidFill = "#767676";
|
|
@@ -840,14 +890,14 @@ export const amsRadioDisabledCursor = "not-allowed";
|
|
|
840
890
|
export const amsRadioHoverColor = "#003677";
|
|
841
891
|
export const amsRadioHoverTextDecorationLine = "underline";
|
|
842
892
|
export const amsRadioIconContainerBlockSize =
|
|
843
|
-
"calc(clamp(1.125rem,
|
|
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.
|
|
893
|
+
"calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.8)";
|
|
894
|
+
export const amsRadioIconContainerInlineSize =
|
|
895
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
896
|
+
export const amsRowGapXSmall = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
897
|
+
export const amsRowGapSmall = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
898
|
+
export const amsRowGapMedium = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
899
|
+
export const amsRowGapLarge = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
900
|
+
export const amsRowGapXLarge = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
851
901
|
export const amsSearchFieldInputBackgroundColor = "#ffffff";
|
|
852
902
|
export const amsSearchFieldInputBorderColor = "currentColor";
|
|
853
903
|
export const amsSearchFieldInputBorderStyle = "solid";
|
|
@@ -856,47 +906,47 @@ export const amsSearchFieldInputColor = "#181818";
|
|
|
856
906
|
export const amsSearchFieldInputFontFamily =
|
|
857
907
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
858
908
|
export const amsSearchFieldInputFontSize =
|
|
859
|
-
"clamp(1.125rem,
|
|
909
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
860
910
|
export const amsSearchFieldInputFontWeight = "400";
|
|
861
|
-
export const amsSearchFieldInputLineHeight = "1.
|
|
911
|
+
export const amsSearchFieldInputLineHeight = "1.4";
|
|
862
912
|
export const amsSearchFieldInputOutlineOffset = "0.25rem";
|
|
863
913
|
export const amsSearchFieldInputPaddingBlock =
|
|
864
|
-
"clamp(0.
|
|
914
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
865
915
|
export const amsSearchFieldInputPaddingInline =
|
|
866
|
-
"clamp(
|
|
916
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
917
|
+
export const amsSearchFieldInputHoverBoxShadow = "inset 0 0 0 0.0625rem";
|
|
918
|
+
export const amsSearchFieldInputInvalidBorderColor = "#ec0000";
|
|
919
|
+
export const amsSearchFieldInputInvalidHoverBorderColor = "#b70000";
|
|
920
|
+
export const amsSearchFieldInputInvalidHoverBoxShadow =
|
|
921
|
+
"inset 0 0 0 0.0625rem #b70000";
|
|
867
922
|
export const amsSearchFieldInputCancelButtonBackgroundImage =
|
|
868
923
|
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z'/></svg>\")";
|
|
869
924
|
export const amsSearchFieldInputCancelButtonBlockSize =
|
|
870
|
-
"clamp(1.125rem,
|
|
925
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
871
926
|
export const amsSearchFieldInputCancelButtonColor = "#004699";
|
|
872
927
|
export const amsSearchFieldInputCancelButtonCursor = "pointer";
|
|
873
928
|
export const amsSearchFieldInputCancelButtonInlineSize =
|
|
874
|
-
"clamp(1.125rem,
|
|
875
|
-
export const amsSearchFieldInputHoverBoxShadow = "inset 0 0 0 0.0625rem";
|
|
876
|
-
export const amsSearchFieldInputInvalidBorderColor = "#ec0000";
|
|
877
|
-
export const amsSearchFieldInputInvalidHoverBorderColor = "#b70000";
|
|
878
|
-
export const amsSearchFieldInputInvalidHoverBoxShadow =
|
|
879
|
-
"inset 0 0 0 0.0625rem #b70000";
|
|
929
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
880
930
|
export const amsSearchFieldInputPlaceholderColor = "#767676";
|
|
881
931
|
export const amsSelectBackgroundColor = "#ffffff";
|
|
882
932
|
export const amsSelectBackgroundImage =
|
|
883
933
|
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")";
|
|
884
934
|
export const amsSelectBackgroundPosition =
|
|
885
|
-
"right clamp(
|
|
935
|
+
"right clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem) center";
|
|
886
936
|
export const amsSelectBorderColor = "currentColor";
|
|
887
937
|
export const amsSelectBorderStyle = "solid";
|
|
888
938
|
export const amsSelectBorderWidth = "0.125rem";
|
|
889
939
|
export const amsSelectColor = "#181818";
|
|
890
940
|
export const amsSelectFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
891
941
|
export const amsSelectFontSize =
|
|
892
|
-
"clamp(1.125rem,
|
|
942
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
893
943
|
export const amsSelectFontWeight = "400";
|
|
894
|
-
export const amsSelectLineHeight = "1.
|
|
944
|
+
export const amsSelectLineHeight = "1.4";
|
|
895
945
|
export const amsSelectOutlineOffset = "0.25rem";
|
|
896
946
|
export const amsSelectPaddingBlock =
|
|
897
|
-
"clamp(0.
|
|
947
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
898
948
|
export const amsSelectPaddingInline =
|
|
899
|
-
"clamp(
|
|
949
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem) calc(2 * clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem) + 1em)";
|
|
900
950
|
export const amsSelectDisabledBackgroundImage =
|
|
901
951
|
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23767676' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")";
|
|
902
952
|
export const amsSelectDisabledColor = "#767676";
|
|
@@ -912,14 +962,14 @@ export const amsSkipLinkBackgroundColor = "#004699";
|
|
|
912
962
|
export const amsSkipLinkColor = "#ffffff";
|
|
913
963
|
export const amsSkipLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
914
964
|
export const amsSkipLinkFontSize =
|
|
915
|
-
"clamp(
|
|
965
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
916
966
|
export const amsSkipLinkFontWeight = "400";
|
|
917
|
-
export const amsSkipLinkLineHeight = "1.
|
|
967
|
+
export const amsSkipLinkLineHeight = "1.8";
|
|
918
968
|
export const amsSkipLinkOutlineOffset = "0.25rem";
|
|
919
969
|
export const amsSkipLinkPaddingBlock =
|
|
920
|
-
"clamp(0.
|
|
970
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
921
971
|
export const amsSkipLinkPaddingInline =
|
|
922
|
-
"clamp(
|
|
972
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
923
973
|
export const amsSkipLinkHoverBackgroundColor = "#003677";
|
|
924
974
|
export const amsSpotlightBackgroundColor = "#a00078";
|
|
925
975
|
export const amsSpotlightAzureBackgroundColor = "#009de6";
|
|
@@ -928,27 +978,30 @@ export const amsSpotlightLimeBackgroundColor = "#bed200";
|
|
|
928
978
|
export const amsSpotlightMagentaBackgroundColor = "#e50082";
|
|
929
979
|
export const amsSpotlightOrangeBackgroundColor = "#ff9100";
|
|
930
980
|
export const amsSpotlightYellowBackgroundColor = "#ffe600";
|
|
981
|
+
export const amsStandaloneLinkHoverTextDecorationThickness = "0.1875rem"; // Use `ams.standalone-link.text-decoration-thickness` instead
|
|
982
|
+
export const amsStandaloneLinkHoverTextUnderlineOffset = "0.09375rem"; // Use `ams.standalone-link.text-underline-offset` instead
|
|
983
|
+
export const amsStandaloneLinkHoverColor = "#003677";
|
|
984
|
+
export const amsStandaloneLinkHoverTextDecorationLine = "underline";
|
|
985
|
+
export const amsStandaloneLinkWithIconTextDecorationLine = "none"; // Use `ams.standalone-link.text-decoration-line` instead
|
|
986
|
+
export const amsStandaloneLinkWithIconTextDecorationThickness = "0.125rem"; // Use `ams.standalone-link.text-decoration-thickness` instead
|
|
987
|
+
export const amsStandaloneLinkWithIconHoverTextDecorationLine = "underline"; // Use `ams.standalone-link.hover.text-decoration-line` instead
|
|
931
988
|
export const amsStandaloneLinkColor = "#004699";
|
|
932
989
|
export const amsStandaloneLinkColumnGap =
|
|
933
|
-
"clamp(0.
|
|
990
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
934
991
|
export const amsStandaloneLinkFontFamily =
|
|
935
992
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
936
993
|
export const amsStandaloneLinkFontSize =
|
|
937
|
-
"clamp(1.125rem,
|
|
994
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
938
995
|
export const amsStandaloneLinkFontWeight = "400";
|
|
939
|
-
export const amsStandaloneLinkLineHeight = "1.
|
|
996
|
+
export const amsStandaloneLinkLineHeight = "1.8";
|
|
940
997
|
export const amsStandaloneLinkOutlineOffset = "0.25rem";
|
|
998
|
+
export const amsStandaloneLinkTextDecorationLine = "none";
|
|
941
999
|
export const amsStandaloneLinkTextDecorationThickness = "0.125rem";
|
|
942
|
-
export const amsStandaloneLinkTextUnderlineOffset = "0.
|
|
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";
|
|
1000
|
+
export const amsStandaloneLinkTextUnderlineOffset = "0.15625rem";
|
|
1001
|
+
export const amsStandaloneLinkContrastColor = "#181818";
|
|
1002
|
+
export const amsStandaloneLinkContrastHoverColor = "#181818";
|
|
948
1003
|
export const amsStandaloneLinkInverseColor = "#ffffff";
|
|
949
1004
|
export const amsStandaloneLinkInverseHoverColor = "#ffffff";
|
|
950
|
-
export const amsStandaloneLinkWithIconTextDecorationLine = "none";
|
|
951
|
-
export const amsStandaloneLinkWithIconHoverTextDecorationLine = "underline";
|
|
952
1005
|
export const amsSwitchBackgroundColor = "#767676";
|
|
953
1006
|
export const amsSwitchCursor = "pointer";
|
|
954
1007
|
export const amsSwitchOutlineOffset = "0.25rem";
|
|
@@ -961,58 +1014,58 @@ export const amsSwitchThumbHoverColor = "#003677";
|
|
|
961
1014
|
export const amsSwitchCheckedBackgroundColor = "#004699";
|
|
962
1015
|
export const amsSwitchDisabledBackgroundColor = "#767676";
|
|
963
1016
|
export const amsSwitchDisabledCursor = "not-allowed";
|
|
1017
|
+
export const amsTableOfContentsHeadingFontWeight = "800";
|
|
1018
|
+
export const amsTableOfContentsHeadingFontSize =
|
|
1019
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1020
|
+
export const amsTableOfContentsHeadingLineHeight = "1.4";
|
|
964
1021
|
export const amsTableOfContentsFontFamily =
|
|
965
1022
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
966
1023
|
export const amsTableOfContentsFontSize =
|
|
967
|
-
"clamp(1.125rem,
|
|
1024
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
968
1025
|
export const amsTableOfContentsFontWeight = "400";
|
|
969
1026
|
export const amsTableOfContentsGap =
|
|
970
|
-
"clamp(
|
|
971
|
-
export const amsTableOfContentsLineHeight = "1.
|
|
1027
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1028
|
+
export const amsTableOfContentsLineHeight = "1.8";
|
|
972
1029
|
export const amsTableOfContentsLinkColor = "#004699";
|
|
973
1030
|
export const amsTableOfContentsLinkOutlineOffset = "0.25rem";
|
|
974
1031
|
export const amsTableOfContentsLinkTextDecorationLine = "none";
|
|
975
1032
|
export const amsTableOfContentsLinkTextDecorationThickness = "0.125rem";
|
|
976
|
-
export const amsTableOfContentsLinkTextUnderlineOffset = "0.
|
|
1033
|
+
export const amsTableOfContentsLinkTextUnderlineOffset = "0.15625rem";
|
|
977
1034
|
export const amsTableOfContentsLinkHoverColor = "#003677";
|
|
978
1035
|
export const amsTableOfContentsLinkHoverTextDecorationLine = "underline";
|
|
979
1036
|
export const amsTableOfContentsListGap =
|
|
980
|
-
"clamp(0.
|
|
1037
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
981
1038
|
export const amsTableOfContentsListListPaddingBlockStart =
|
|
982
|
-
"clamp(0.
|
|
1039
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
983
1040
|
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";
|
|
1041
|
+
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
989
1042
|
export const amsTableColor = "#181818";
|
|
990
1043
|
export const amsTableFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
991
1044
|
export const amsTableFontSize =
|
|
992
|
-
"clamp(1.125rem,
|
|
1045
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
993
1046
|
export const amsTableFontWeight = "400";
|
|
994
|
-
export const amsTableLineHeight = "1.
|
|
1047
|
+
export const amsTableLineHeight = "1.8";
|
|
995
1048
|
export const amsTableCaptionFontWeight = "800";
|
|
996
1049
|
export const amsTableCellBorderBlockEnd = "0.0625rem solid #d1d1d1";
|
|
997
1050
|
export const amsTableCellPaddingBlock =
|
|
998
|
-
"clamp(0.
|
|
1051
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
999
1052
|
export const amsTableCellPaddingInline =
|
|
1000
|
-
"clamp(
|
|
1053
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
1001
1054
|
export const amsTableHeaderCellFontWeight = "800";
|
|
1002
|
-
export const amsTabsGap = "clamp(
|
|
1055
|
+
export const amsTabsGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
1003
1056
|
export const amsTabsListBoxShadow = "inset 0 calc(0.125rem * -1) #d1d1d1";
|
|
1004
1057
|
export const amsTabsButtonColor = "#004699";
|
|
1005
1058
|
export const amsTabsButtonCursor = "pointer";
|
|
1006
1059
|
export const amsTabsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
1007
1060
|
export const amsTabsButtonFontSize =
|
|
1008
|
-
"clamp(1.125rem,
|
|
1061
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1009
1062
|
export const amsTabsButtonFontWeight = "400";
|
|
1010
|
-
export const amsTabsButtonLineHeight = "1.
|
|
1063
|
+
export const amsTabsButtonLineHeight = "1.8";
|
|
1011
1064
|
export const amsTabsButtonOutlineOffset = "calc(0.25rem * -1)";
|
|
1012
1065
|
export const amsTabsButtonPaddingBlock =
|
|
1013
|
-
"clamp(0.
|
|
1066
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1014
1067
|
export const amsTabsButtonPaddingInline =
|
|
1015
|
-
"clamp(
|
|
1068
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
1016
1069
|
export const amsTabsButtonHoverBoxShadow = "inset 0 calc(0.125rem * -1)";
|
|
1017
1070
|
export const amsTabsButtonHoverColor = "#003677";
|
|
1018
1071
|
export const amsTabsButtonSelectedBoxShadow = "inset 0 calc(0.25rem * -1)";
|
|
@@ -1026,16 +1079,16 @@ export const amsTextAreaBorderWidth = "0.125rem";
|
|
|
1026
1079
|
export const amsTextAreaColor = "#181818";
|
|
1027
1080
|
export const amsTextAreaFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
1028
1081
|
export const amsTextAreaFontSize =
|
|
1029
|
-
"clamp(1.125rem,
|
|
1082
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1030
1083
|
export const amsTextAreaFontWeight = "400";
|
|
1031
|
-
export const amsTextAreaLineHeight = "1.
|
|
1084
|
+
export const amsTextAreaLineHeight = "1.4";
|
|
1032
1085
|
export const amsTextAreaMinBlockSize =
|
|
1033
|
-
"calc(1.
|
|
1086
|
+
"calc(1.8 * 1em + 2 * clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem))";
|
|
1034
1087
|
export const amsTextAreaOutlineOffset = "0.25rem";
|
|
1035
1088
|
export const amsTextAreaPaddingBlock =
|
|
1036
|
-
"clamp(0.
|
|
1089
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1037
1090
|
export const amsTextAreaPaddingInline =
|
|
1038
|
-
"clamp(
|
|
1091
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
1039
1092
|
export const amsTextAreaDisabledColor = "#767676";
|
|
1040
1093
|
export const amsTextAreaDisabledCursor = "not-allowed";
|
|
1041
1094
|
export const amsTextAreaHoverBoxShadow = "inset 0 0 0 0.0625rem";
|
|
@@ -1050,14 +1103,14 @@ export const amsTextInputBorderWidth = "0.125rem";
|
|
|
1050
1103
|
export const amsTextInputColor = "#181818";
|
|
1051
1104
|
export const amsTextInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
1052
1105
|
export const amsTextInputFontSize =
|
|
1053
|
-
"clamp(1.125rem,
|
|
1106
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1054
1107
|
export const amsTextInputFontWeight = "400";
|
|
1055
|
-
export const amsTextInputLineHeight = "1.
|
|
1108
|
+
export const amsTextInputLineHeight = "1.4";
|
|
1056
1109
|
export const amsTextInputOutlineOffset = "0.25rem";
|
|
1057
1110
|
export const amsTextInputPaddingBlock =
|
|
1058
|
-
"clamp(0.
|
|
1111
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1059
1112
|
export const amsTextInputPaddingInline =
|
|
1060
|
-
"clamp(
|
|
1113
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
1061
1114
|
export const amsTextInputDisabledColor = "#767676";
|
|
1062
1115
|
export const amsTextInputDisabledCursor = "not-allowed";
|
|
1063
1116
|
export const amsTextInputHoverBoxShadow = "inset 0 0 0 0.0625rem";
|
|
@@ -1073,17 +1126,14 @@ export const amsTimeInputBorderWidth = "0.125rem";
|
|
|
1073
1126
|
export const amsTimeInputColor = "#181818";
|
|
1074
1127
|
export const amsTimeInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
1075
1128
|
export const amsTimeInputFontSize =
|
|
1076
|
-
"clamp(1.125rem,
|
|
1129
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1077
1130
|
export const amsTimeInputFontWeight = "400";
|
|
1078
|
-
export const amsTimeInputLineHeight = "1.
|
|
1131
|
+
export const amsTimeInputLineHeight = "1.4";
|
|
1079
1132
|
export const amsTimeInputOutlineOffset = "0.25rem";
|
|
1080
1133
|
export const amsTimeInputPaddingBlock =
|
|
1081
|
-
"clamp(0.
|
|
1134
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1082
1135
|
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";
|
|
1136
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
1087
1137
|
export const amsTimeInputDisabledColor = "#767676";
|
|
1088
1138
|
export const amsTimeInputDisabledCursor = "not-allowed";
|
|
1089
1139
|
export const amsTimeInputDisabledCalenderPickerIndicatorBackgroundImage =
|
|
@@ -1095,26 +1145,29 @@ export const amsTimeInputInvalidBorderColor = "#ec0000";
|
|
|
1095
1145
|
export const amsTimeInputInvalidHoverBorderColor = "#b70000";
|
|
1096
1146
|
export const amsTimeInputInvalidHoverBoxShadow =
|
|
1097
1147
|
"inset 0 0 0 0.0625rem #b70000";
|
|
1148
|
+
export const amsTimeInputCalenderPickerIndicatorBackgroundImage =
|
|
1149
|
+
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23004699'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
|
|
1150
|
+
export const amsTimeInputCalenderPickerIndicatorCursor = "pointer";
|
|
1098
1151
|
export const amsUnorderedListColor = "#181818";
|
|
1099
1152
|
export const amsUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
1100
1153
|
export const amsUnorderedListFontSize =
|
|
1101
|
-
"clamp(1.125rem,
|
|
1154
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1102
1155
|
export const amsUnorderedListFontWeight = "400";
|
|
1103
1156
|
export const amsUnorderedListGap =
|
|
1104
|
-
"clamp(
|
|
1105
|
-
export const amsUnorderedListLineHeight = "1.
|
|
1157
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1158
|
+
export const amsUnorderedListLineHeight = "1.8";
|
|
1106
1159
|
export const amsUnorderedListListStyleType = "'\\2022'";
|
|
1107
1160
|
export const amsUnorderedListInverseColor = "#ffffff";
|
|
1108
|
-
export const amsUnorderedListSmallFontSize =
|
|
1109
|
-
|
|
1110
|
-
export const amsUnorderedListSmallLineHeight = "1.5152";
|
|
1161
|
+
export const amsUnorderedListSmallFontSize = "1rem";
|
|
1162
|
+
export const amsUnorderedListSmallLineHeight = "1.6";
|
|
1111
1163
|
export const amsUnorderedListItemMarginInlineStart = "1.625rem"; // Divide your total indentation width over margin and padding to position the marker.
|
|
1112
1164
|
export const amsUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
|
|
1113
1165
|
export const amsUnorderedListUnorderedListGap =
|
|
1114
|
-
"clamp(0.
|
|
1166
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1115
1167
|
export const amsUnorderedListUnorderedListListStyleType = "'\\2013'";
|
|
1116
|
-
export const amsUnorderedListUnorderedListPaddingBlockEnd =
|
|
1168
|
+
export const amsUnorderedListUnorderedListPaddingBlockEnd =
|
|
1169
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1117
1170
|
export const amsUnorderedListUnorderedListPaddingBlockStart =
|
|
1118
|
-
"clamp(0.
|
|
1171
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1119
1172
|
export const amsUnorderedListUnorderedListItemMarginInlineStart = "0.875rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
|
|
1120
1173
|
export const amsUnorderedListUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
|