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