@amsterdam/design-system-tokens 0.14.0 → 0.16.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 +100 -0
- package/LICENSE.md +2 -2
- package/README.md +18 -11
- package/build.js +39 -16
- package/dist/compact.css +18 -18
- package/dist/compact.d.ts +18 -12
- package/dist/compact.json +21 -15
- package/dist/compact.mjs +21 -22
- package/dist/compact.scss +18 -18
- package/dist/compact.theme.css +18 -18
- package/dist/index.css +788 -780
- package/dist/index.d.ts +414 -410
- package/dist/index.json +700 -696
- package/dist/index.mjs +609 -585
- package/dist/index.scss +788 -780
- package/dist/index.theme.css +788 -780
- package/package.json +5 -4
- package/src/brand/ams/aspect-ratio.tokens.json +6 -6
- package/src/brand/ams/border.tokens.json +3 -3
- package/src/brand/ams/color.tokens.json +34 -15
- package/src/brand/ams/cursor.tokens.json +8 -0
- package/src/brand/ams/space.compact.tokens.json +6 -15
- package/src/brand/ams/space.tokens.json +5 -14
- package/src/brand/ams/{text.compact.tokens.json → typography.compact.tokens.json} +14 -2
- package/src/brand/ams/typography.tokens.json +60 -0
- package/src/common/ams/links.tokens.json +32 -0
- package/src/components/ams/accordion.tokens.json +12 -12
- package/src/components/ams/action-group.tokens.json +1 -1
- package/src/components/ams/alert.tokens.json +27 -15
- package/src/components/ams/avatar.tokens.json +23 -53
- package/src/components/ams/badge.tokens.json +22 -48
- package/src/components/ams/blockquote.tokens.json +8 -6
- package/src/components/ams/breadcrumb.tokens.json +10 -10
- package/src/components/ams/button.tokens.json +31 -33
- package/src/components/ams/card.tokens.json +14 -8
- package/src/components/ams/character-count.tokens.json +6 -6
- package/src/components/ams/checkbox.tokens.json +31 -29
- package/src/components/ams/column.tokens.json +5 -6
- package/src/components/ams/date-input.tokens.json +18 -16
- package/src/components/ams/description-list.tokens.json +21 -10
- package/src/components/ams/dialog.tokens.json +34 -8
- package/src/components/ams/error-message.tokens.json +5 -5
- package/src/components/ams/field-set.tokens.json +9 -8
- package/src/components/ams/field.tokens.json +3 -3
- package/src/components/ams/figure.tokens.json +9 -7
- package/src/components/ams/file-input.tokens.json +29 -26
- package/src/components/ams/file-list.tokens.json +8 -8
- package/src/components/ams/grid.compact.tokens.json +1 -1
- package/src/components/ams/grid.tokens.json +12 -10
- package/src/components/ams/heading.tokens.json +30 -29
- package/src/components/ams/hint.tokens.json +1 -1
- package/src/components/ams/icon-button.tokens.json +18 -16
- package/src/components/ams/icon.tokens.json +24 -14
- package/src/components/ams/image-slider.tokens.json +1 -1
- package/src/components/ams/image.tokens.json +1 -1
- package/src/components/ams/{form-error-list.tokens.json → invalid-form-alert.tokens.json} +1 -1
- package/src/components/ams/label.tokens.json +6 -5
- package/src/components/ams/link-list.tokens.json +22 -22
- package/src/components/ams/link.tokens.json +16 -46
- package/src/components/ams/logo.tokens.json +10 -7
- package/src/components/ams/mark.tokens.json +1 -1
- package/src/components/ams/ordered-list.tokens.json +13 -11
- package/src/components/ams/page-footer.tokens.json +36 -0
- package/src/components/ams/page-header.tokens.json +67 -0
- package/src/components/ams/page-heading.tokens.json +9 -6
- package/src/components/ams/page.tokens.json +8 -0
- package/src/components/ams/pagination.tokens.json +13 -13
- package/src/components/ams/paragraph.tokens.json +12 -10
- package/src/components/ams/password-input.tokens.json +17 -16
- package/src/components/ams/radio.tokens.json +30 -28
- package/src/components/ams/row.tokens.json +5 -6
- package/src/components/ams/search-field.tokens.json +17 -18
- package/src/components/ams/select.tokens.json +17 -16
- package/src/components/ams/skip-link.tokens.json +9 -9
- package/src/components/ams/spotlight.tokens.json +10 -10
- package/src/components/ams/standalone-link.tokens.json +40 -0
- package/src/components/ams/switch.tokens.json +7 -6
- package/src/components/ams/table-of-contents.tokens.json +17 -17
- package/src/components/ams/table.tokens.json +10 -13
- package/src/components/ams/tabs.tokens.json +16 -20
- package/src/components/ams/text-area.tokens.json +18 -18
- package/src/components/ams/text-input.tokens.json +17 -16
- package/src/components/ams/time-input.tokens.json +18 -16
- package/src/components/ams/unordered-list.tokens.json +15 -13
- package/src/brand/ams/text.tokens.json +0 -41
- package/src/common/ams/action.tokens.json +0 -12
- package/src/common/ams/hyphenation.tokens.json +0 -9
- package/src/common/ams/link-appearance.tokens.json +0 -43
- package/src/components/ams/breakout.tokens.json +0 -11
- package/src/components/ams/footer.tokens.json +0 -9
- package/src/components/ams/gap.tokens.json +0 -11
- package/src/components/ams/header.tokens.json +0 -56
- package/src/components/ams/margin.tokens.json +0 -11
- package/src/components/ams/mega-menu.tokens.json +0 -18
- package/src/components/ams/page-menu.tokens.json +0 -24
- package/src/components/ams/screen.tokens.json +0 -13
- package/src/components/ams/top-task-link.tokens.json +0 -29
- /package/src/{common → brand}/ams/focus.tokens.json +0 -0
package/dist/index.mjs
CHANGED
|
@@ -2,212 +2,201 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
export const
|
|
6
|
-
export const
|
|
7
|
-
export const
|
|
8
|
-
export const
|
|
9
|
-
export const
|
|
10
|
-
export const
|
|
11
|
-
export const
|
|
12
|
-
export const
|
|
13
|
-
export const
|
|
5
|
+
export const amsAspectRatio_9_16 = "9 / 16";
|
|
6
|
+
export const amsAspectRatio_3_4 = "3 / 4";
|
|
7
|
+
export const amsAspectRatio_1_1 = "1 / 1";
|
|
8
|
+
export const amsAspectRatio_4_3 = "4 / 3";
|
|
9
|
+
export const amsAspectRatio_16_9 = "16 / 9";
|
|
10
|
+
export const amsAspectRatio_16_5 = "16 / 5";
|
|
11
|
+
export const amsBorderWidthS = "0.0625rem";
|
|
12
|
+
export const amsBorderWidthM = "0.125rem";
|
|
13
|
+
export const amsBorderWidthL = "0.1875rem";
|
|
14
14
|
export const amsBorderWidthXl = "0.25rem";
|
|
15
|
-
export const
|
|
16
|
-
export const
|
|
17
|
-
export const
|
|
18
|
-
export const
|
|
19
|
-
export const
|
|
20
|
-
export const
|
|
21
|
-
export const
|
|
22
|
-
export const
|
|
23
|
-
export const
|
|
24
|
-
export const
|
|
25
|
-
export const
|
|
26
|
-
export const
|
|
27
|
-
export const
|
|
28
|
-
export const
|
|
29
|
-
export const
|
|
15
|
+
export const amsColorBackground = "#ffffff";
|
|
16
|
+
export const amsColorFeedbackError = "#ec0000";
|
|
17
|
+
export const amsColorFeedbackInfo = "#009de6";
|
|
18
|
+
export const amsColorFeedbackSuccess = "#00a03c";
|
|
19
|
+
export const amsColorFeedbackWarning = "#ff9100";
|
|
20
|
+
export const amsColorHighlightAzure = "#009de6";
|
|
21
|
+
export const amsColorHighlightGreen = "#00a03c";
|
|
22
|
+
export const amsColorHighlightLime = "#bed200";
|
|
23
|
+
export const amsColorHighlightMagenta = "#e50082";
|
|
24
|
+
export const amsColorHighlightOrange = "#ff9100";
|
|
25
|
+
export const amsColorHighlightPurple = "#a00078";
|
|
26
|
+
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
|
+
export const amsColorSeparator = "#d1d1d1";
|
|
36
|
+
export const amsColorText = "#181818";
|
|
37
|
+
export const amsColorTextInverse = "#ffffff";
|
|
38
|
+
export const amsColorTextSecondary = "#767676";
|
|
39
|
+
export const amsCursorDisabled = "not-allowed";
|
|
40
|
+
export const amsCursorInteractive = "pointer";
|
|
41
|
+
export const amsFocusOutlineOffset = "0.125rem";
|
|
30
42
|
export const amsSpaceXs = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
31
|
-
export const
|
|
32
|
-
export const
|
|
33
|
-
export const
|
|
34
|
-
export const amsSpaceXl = "clamp(2.25rem,
|
|
35
|
-
export const
|
|
36
|
-
|
|
37
|
-
export const
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
export const
|
|
41
|
-
|
|
42
|
-
export const
|
|
43
|
-
export const
|
|
44
|
-
|
|
45
|
-
export const
|
|
46
|
-
export const
|
|
43
|
+
export const amsSpaceS = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
44
|
+
export const amsSpaceM = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
45
|
+
export const amsSpaceL = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
46
|
+
export const amsSpaceXl = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
|
|
47
|
+
export const amsSpace_2xl = "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
|
|
48
|
+
export const amsTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
49
|
+
export const amsTypographyHyphenateLimitChars = "12 8 4";
|
|
50
|
+
export const amsTypographyBodyTextFontSize =
|
|
51
|
+
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
52
|
+
export const amsTypographyBodyTextFontWeight = "400";
|
|
53
|
+
export const amsTypographyBodyTextLineHeight = "1.6667";
|
|
54
|
+
export const amsTypographyBodyTextBoldFontWeight = "800";
|
|
55
|
+
export const amsTypographyBodyTextSmallFontSize =
|
|
56
|
+
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
57
|
+
export const amsTypographyBodyTextSmallLineHeight = "1.5152";
|
|
58
|
+
export const amsTypographyBodyTextLargeFontSize =
|
|
59
|
+
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
|
|
60
|
+
export const amsTypographyBodyTextLargeLineHeight = "1.5152";
|
|
61
|
+
export const amsTypographyBodyTextXLargeFontSize =
|
|
62
|
+
"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
|
|
63
|
+
export const amsTypographyBodyTextXLargeLineHeight = "1.3776";
|
|
64
|
+
export const amsTypographyHeading_0FontSize =
|
|
47
65
|
"clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)";
|
|
48
|
-
export const
|
|
49
|
-
export const
|
|
66
|
+
export const amsTypographyHeading_0LineHeight = "1.1386";
|
|
67
|
+
export const amsTypographyHeading_1FontSize =
|
|
50
68
|
"clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)";
|
|
51
|
-
export const
|
|
52
|
-
export const
|
|
69
|
+
export const amsTypographyHeading_1LineHeight = "1.1754";
|
|
70
|
+
export const amsTypographyHeading_2FontSize =
|
|
53
71
|
"clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)";
|
|
54
|
-
export const
|
|
55
|
-
export const
|
|
72
|
+
export const amsTypographyHeading_2LineHeight = "1.2133";
|
|
73
|
+
export const amsTypographyHeading_3FontSize =
|
|
56
74
|
"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
|
|
57
|
-
export const
|
|
58
|
-
export const
|
|
75
|
+
export const amsTypographyHeading_3LineHeight = "1.2524";
|
|
76
|
+
export const amsTypographyHeading_4FontSize =
|
|
59
77
|
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
|
|
60
|
-
export const
|
|
61
|
-
export const
|
|
78
|
+
export const amsTypographyHeading_4LineHeight = "1.2928";
|
|
79
|
+
export const amsTypographyHeading_5FontSize =
|
|
62
80
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
63
|
-
export const
|
|
64
|
-
export const
|
|
81
|
+
export const amsTypographyHeading_5LineHeight = "1.3345";
|
|
82
|
+
export const amsTypographyHeading_6FontSize =
|
|
65
83
|
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
66
|
-
export const
|
|
67
|
-
export const
|
|
68
|
-
export const
|
|
69
|
-
export const
|
|
70
|
-
export const
|
|
71
|
-
export const
|
|
72
|
-
export const
|
|
73
|
-
export const
|
|
74
|
-
export const
|
|
75
|
-
export const
|
|
76
|
-
export const
|
|
77
|
-
export const
|
|
78
|
-
export const
|
|
79
|
-
export const
|
|
80
|
-
export const
|
|
81
|
-
export const amsLinkAppearanceRegularTextDecorationLine = "underline";
|
|
82
|
-
export const amsLinkAppearanceRegularHoverTextDecorationThickness = "0.1875rem";
|
|
83
|
-
export const amsLinkAppearanceRegularHoverTextUnderlineOffset = "0.2778em";
|
|
84
|
-
export const amsLinkAppearanceSubtleTextDecorationLine = "none";
|
|
85
|
-
export const amsLinkAppearanceSubtleHoverTextDecorationLine = "underline";
|
|
86
|
-
export const amsLinkAppearanceContrastColor = "#000000";
|
|
87
|
-
export const amsLinkAppearanceContrastHoverColor = "#000000";
|
|
88
|
-
export const amsLinkAppearanceContrastVisitedColor = "#000000";
|
|
89
|
-
export const amsLinkAppearanceInverseColor = "#FFFFFF";
|
|
90
|
-
export const amsLinkAppearanceInverseHoverColor = "#FFFFFF";
|
|
91
|
-
export const amsLinkAppearanceInverseVisitedColor = "#FFFFFF";
|
|
84
|
+
export const amsTypographyHeading_6LineHeight = "1.3776";
|
|
85
|
+
export const amsTypographyHeadingFontWeight = "800";
|
|
86
|
+
export const amsTypographyHeadingTextWrap = "balance";
|
|
87
|
+
export const amsLinksColor = "#004699";
|
|
88
|
+
export const amsLinksTextDecorationThickness = "0.125rem";
|
|
89
|
+
export const amsLinksTextUnderlineOffset = "0.3333em";
|
|
90
|
+
export const amsLinksHoverColor = "#003677";
|
|
91
|
+
export const amsLinksHoverTextDecorationThickness = "0.1875rem";
|
|
92
|
+
export const amsLinksHoverTextUnderlineOffset = "0.2778em";
|
|
93
|
+
export const amsLinksSubtleTextDecorationLine = "none";
|
|
94
|
+
export const amsLinksSubtleHoverTextDecorationLine = "underline";
|
|
95
|
+
export const amsLinksContrastColor = "#000000";
|
|
96
|
+
export const amsLinksContrastHoverColor = "#000000";
|
|
97
|
+
export const amsLinksInverseColor = "#ffffff";
|
|
98
|
+
export const amsLinksInverseHoverColor = "#ffffff";
|
|
92
99
|
export const amsAccordionGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
93
100
|
export const amsAccordionButtonColor = "#004699";
|
|
101
|
+
export const amsAccordionButtonCursor = "pointer";
|
|
94
102
|
export const amsAccordionButtonFontFamily =
|
|
95
103
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
96
104
|
export const amsAccordionButtonFontSize =
|
|
97
|
-
"clamp(1.
|
|
98
|
-
export const amsAccordionButtonFontWeight = 800;
|
|
105
|
+
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
|
|
106
|
+
export const amsAccordionButtonFontWeight = "800";
|
|
99
107
|
export const amsAccordionButtonGap =
|
|
100
108
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
101
|
-
export const amsAccordionButtonLineHeight = "1.
|
|
109
|
+
export const amsAccordionButtonLineHeight = "1.2928";
|
|
110
|
+
export const amsAccordionButtonOutlineOffset = "0.125rem";
|
|
102
111
|
export const amsAccordionButtonPaddingBlock =
|
|
103
112
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
104
113
|
export const amsAccordionButtonPaddingInline = "0";
|
|
105
|
-
export const
|
|
106
|
-
export const amsAccordionButtonHoverColor = "#
|
|
114
|
+
export const amsAccordionButtonTextWrap = "balance";
|
|
115
|
+
export const amsAccordionButtonHoverColor = "#003677";
|
|
107
116
|
export const amsAccordionPanelPaddingBlock = "0";
|
|
108
117
|
export const amsAccordionPanelPaddingInline = "0";
|
|
109
118
|
export const amsActionGroupGap =
|
|
110
119
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
111
|
-
export const amsAlertBackgroundColor = "#
|
|
112
|
-
export const
|
|
113
|
-
export const
|
|
114
|
-
export const
|
|
115
|
-
export const
|
|
120
|
+
export const amsAlertBackgroundColor = "#ffffff";
|
|
121
|
+
export const amsAlertBoxShadow = "inset 0 0 0 0.25rem #009de6";
|
|
122
|
+
export const amsAlertForcedColorsBorderWidth = "0.25rem";
|
|
123
|
+
export const amsAlertSeverityIndicatorBackgroundColor = "#009de6";
|
|
124
|
+
export const amsAlertSeverityIndicatorPaddingBlock =
|
|
116
125
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
117
|
-
export const
|
|
118
|
-
"clamp(
|
|
119
|
-
export const amsAlertErrorBorderColor = "#EC0000";
|
|
120
|
-
export const amsAlertInfoBorderColor = "#009DE6";
|
|
121
|
-
export const amsAlertSuccessBorderColor = "#00A03C";
|
|
122
|
-
export const amsAlertWarningBorderColor = "#FF9100";
|
|
126
|
+
export const amsAlertSeverityIndicatorPaddingInline =
|
|
127
|
+
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
123
128
|
export const amsAlertContentGap =
|
|
124
129
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
130
|
+
export const amsAlertContentPaddingBlock =
|
|
131
|
+
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
132
|
+
export const amsAlertContentPaddingInline =
|
|
133
|
+
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
134
|
+
export const amsAlertErrorBoxShadow = "inset 0 0 0 0.25rem #ec0000";
|
|
135
|
+
export const amsAlertErrorSeverityIndicatorBackgroundColor = "#ec0000";
|
|
136
|
+
export const amsAlertSuccessBoxShadow = "inset 0 0 0 0.25rem #00a03c";
|
|
137
|
+
export const amsAlertSuccessSeverityIndicatorBackgroundColor = "#00a03c";
|
|
138
|
+
export const amsAlertWarningBoxShadow = "inset 0 0 0 0.25rem #ff9100";
|
|
139
|
+
export const amsAlertWarningSeverityIndicatorBackgroundColor = "#ff9100";
|
|
125
140
|
export const amsAvatarAspectRatio = "1 / 1";
|
|
141
|
+
export const amsAvatarBackgroundColor = "#a00078";
|
|
142
|
+
export const amsAvatarColor = "#ffffff";
|
|
126
143
|
export const amsAvatarFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
127
144
|
export const amsAvatarFontSize =
|
|
128
145
|
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
129
|
-
export const amsAvatarFontWeight = 400;
|
|
130
|
-
export const amsAvatarLineHeight = "1.
|
|
146
|
+
export const amsAvatarFontWeight = "400";
|
|
147
|
+
export const amsAvatarLineHeight = "1.5152";
|
|
131
148
|
export const amsAvatarPaddingBlock =
|
|
132
149
|
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
133
150
|
export const amsAvatarPaddingInline =
|
|
134
151
|
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
135
|
-
export const amsAvatarBlackBackgroundColor = "#000000";
|
|
136
|
-
export const amsAvatarBlackColor = "#FFFFFF";
|
|
137
|
-
export const amsAvatarBlueBackgroundColor = "#004699";
|
|
138
|
-
export const amsAvatarBlueColor = "#FFFFFF";
|
|
139
|
-
export const amsAvatarDarkGreenBackgroundColor = "#00A03C";
|
|
140
|
-
export const amsAvatarDarkGreenColor = "#FFFFFF";
|
|
141
152
|
export const amsAvatarForcedColorsBorderWidth = "0.125rem";
|
|
142
|
-
export const
|
|
143
|
-
export const
|
|
144
|
-
export const
|
|
145
|
-
export const
|
|
146
|
-
export const
|
|
147
|
-
export const
|
|
148
|
-
export const
|
|
149
|
-
export const
|
|
150
|
-
export const
|
|
151
|
-
export const
|
|
152
|
-
export const
|
|
153
|
-
export const
|
|
154
|
-
export const
|
|
155
|
-
export const
|
|
156
|
-
export const amsAvatarPurpleBackgroundColor = "#A00078";
|
|
157
|
-
export const amsAvatarPurpleColor = "#FFFFFF";
|
|
158
|
-
export const amsAvatarRedBackgroundColor = "#EC0000";
|
|
159
|
-
export const amsAvatarRedColor = "#FFFFFF";
|
|
160
|
-
export const amsAvatarWhiteBackgroundColor = "#FFFFFF";
|
|
161
|
-
export const amsAvatarWhiteColor = "#000000";
|
|
162
|
-
export const amsAvatarYellowBackgroundColor = "#FFE600";
|
|
163
|
-
export const amsAvatarYellowColor = "#000000";
|
|
153
|
+
export const amsAvatarAzureBackgroundColor = "#009de6";
|
|
154
|
+
export const amsAvatarAzureColor = "#ffffff";
|
|
155
|
+
export const amsAvatarGreenBackgroundColor = "#00a03c";
|
|
156
|
+
export const amsAvatarGreenColor = "#ffffff";
|
|
157
|
+
export const amsAvatarLimeBackgroundColor = "#bed200";
|
|
158
|
+
export const amsAvatarLimeColor = "#181818";
|
|
159
|
+
export const amsAvatarMagentaBackgroundColor = "#e50082";
|
|
160
|
+
export const amsAvatarMagentaColor = "#ffffff";
|
|
161
|
+
export const amsAvatarOrangeBackgroundColor = "#ff9100";
|
|
162
|
+
export const amsAvatarOrangeColor = "#181818";
|
|
163
|
+
export const amsAvatarYellowBackgroundColor = "#ffe600";
|
|
164
|
+
export const amsAvatarYellowColor = "#181818";
|
|
165
|
+
export const amsBadgeBackgroundColor = "#00a03c";
|
|
166
|
+
export const amsBadgeColor = "#ffffff";
|
|
164
167
|
export const amsBadgeFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
165
168
|
export const amsBadgeFontSize =
|
|
166
169
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
167
|
-
export const amsBadgeFontWeight = 800;
|
|
168
|
-
export const amsBadgeLineHeight = "1.
|
|
170
|
+
export const amsBadgeFontWeight = "800";
|
|
171
|
+
export const amsBadgeLineHeight = "1.6667";
|
|
169
172
|
export const amsBadgePaddingInline =
|
|
170
173
|
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
171
|
-
export const
|
|
172
|
-
export const
|
|
173
|
-
export const
|
|
174
|
-
export const
|
|
175
|
-
export const
|
|
176
|
-
export const
|
|
177
|
-
export const
|
|
178
|
-
export const
|
|
179
|
-
export const
|
|
180
|
-
export const
|
|
181
|
-
export const
|
|
182
|
-
export const
|
|
183
|
-
export const
|
|
184
|
-
export const
|
|
185
|
-
export const
|
|
186
|
-
export const amsBadgeLightBlueColor = "#000000";
|
|
187
|
-
export const amsBadgeMagentaBackgroundColor = "#E50082";
|
|
188
|
-
export const amsBadgeMagentaColor = "#FFFFFF";
|
|
189
|
-
export const amsBadgeOrangeBackgroundColor = "#FF9100";
|
|
190
|
-
export const amsBadgeOrangeColor = "#000000";
|
|
191
|
-
export const amsBadgePurpleBackgroundColor = "#A00078";
|
|
192
|
-
export const amsBadgePurpleColor = "#FFFFFF";
|
|
193
|
-
export const amsBadgeRedBackgroundColor = "#EC0000";
|
|
194
|
-
export const amsBadgeRedColor = "#FFFFFF";
|
|
195
|
-
export const amsBadgeWhiteBackgroundColor = "#FFFFFF";
|
|
196
|
-
export const amsBadgeWhiteColor = "#000000";
|
|
197
|
-
export const amsBadgeYellowBackgroundColor = "#FFE600";
|
|
198
|
-
export const amsBadgeYellowColor = "#000000";
|
|
199
|
-
export const amsBlockquoteColor = "#000000";
|
|
174
|
+
export const amsBadgeAzureBackgroundColor = "#009de6";
|
|
175
|
+
export const amsBadgeAzureColor = "#ffffff";
|
|
176
|
+
export const amsBadgeLimeBackgroundColor = "#bed200";
|
|
177
|
+
export const amsBadgeLimeColor = "#181818";
|
|
178
|
+
export const amsBadgeMagentaBackgroundColor = "#e50082";
|
|
179
|
+
export const amsBadgeMagentaColor = "#ffffff";
|
|
180
|
+
export const amsBadgeOrangeBackgroundColor = "#ff9100";
|
|
181
|
+
export const amsBadgeOrangeColor = "#181818";
|
|
182
|
+
export const amsBadgePurpleBackgroundColor = "#a00078";
|
|
183
|
+
export const amsBadgePurpleColor = "#ffffff";
|
|
184
|
+
export const amsBadgeRedBackgroundColor = "#ec0000";
|
|
185
|
+
export const amsBadgeRedColor = "#ffffff";
|
|
186
|
+
export const amsBadgeYellowBackgroundColor = "#ffe600";
|
|
187
|
+
export const amsBadgeYellowColor = "#181818";
|
|
188
|
+
export const amsBlockquoteColor = "#181818";
|
|
200
189
|
export const amsBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
201
190
|
export const amsBlockquoteFontSize =
|
|
202
191
|
"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
|
|
203
|
-
export const amsBlockquoteFontWeight = 800;
|
|
204
|
-
export const amsBlockquoteLineHeight = "1.
|
|
205
|
-
export const amsBlockquoteInverseColor = "#
|
|
192
|
+
export const amsBlockquoteFontWeight = "800";
|
|
193
|
+
export const amsBlockquoteLineHeight = "1.3776";
|
|
194
|
+
export const amsBlockquoteInverseColor = "#ffffff";
|
|
206
195
|
export const amsBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
207
196
|
export const amsBreadcrumbFontSize =
|
|
208
197
|
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
209
|
-
export const amsBreadcrumbFontWeight = 400;
|
|
210
|
-
export const amsBreadcrumbLineHeight = "1.
|
|
198
|
+
export const amsBreadcrumbFontWeight = "400";
|
|
199
|
+
export const amsBreadcrumbLineHeight = "1.5152";
|
|
211
200
|
export const amsBreadcrumbSeparatorBackgroundImage =
|
|
212
201
|
"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>\")";
|
|
213
202
|
export const amsBreadcrumbSeparatorBlockSize = "1ex";
|
|
@@ -219,19 +208,14 @@ export const amsBreadcrumbLinkOutlineOffset = "0.125rem";
|
|
|
219
208
|
export const amsBreadcrumbLinkTextDecorationLine = "none";
|
|
220
209
|
export const amsBreadcrumbLinkTextDecorationThickness = "0.125rem";
|
|
221
210
|
export const amsBreadcrumbLinkTextUnderlineOffset = "0.3333em";
|
|
222
|
-
export const amsBreadcrumbLinkHoverColor = "#
|
|
211
|
+
export const amsBreadcrumbLinkHoverColor = "#003677";
|
|
223
212
|
export const amsBreadcrumbLinkHoverTextDecorationLine = "underline";
|
|
224
|
-
export const amsBreakoutRowGapSm =
|
|
225
|
-
"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)";
|
|
226
|
-
export const amsBreakoutRowGapMd =
|
|
227
|
-
"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)";
|
|
228
|
-
export const amsBreakoutRowGapLg =
|
|
229
|
-
"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)";
|
|
230
213
|
export const amsButtonCursor = "pointer";
|
|
231
214
|
export const amsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
232
215
|
export const amsButtonFontSize =
|
|
233
216
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
234
|
-
export const
|
|
217
|
+
export const amsButtonFontWeight = "400";
|
|
218
|
+
export const amsButtonLineHeight = "1.6667";
|
|
235
219
|
export const amsButtonGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
236
220
|
export const amsButtonOutlineOffset = "0.125rem";
|
|
237
221
|
export const amsButtonPaddingBlock =
|
|
@@ -242,63 +226,68 @@ export const amsButtonDisabledCursor = "not-allowed";
|
|
|
242
226
|
export const amsButtonForcedColorModeBorder = "0.125rem solid";
|
|
243
227
|
export const amsButtonPrimaryBackgroundColor = "#004699";
|
|
244
228
|
export const amsButtonPrimaryBoxShadow = "inset 0 0 0 0.125rem #004699";
|
|
245
|
-
export const amsButtonPrimaryColor = "#
|
|
229
|
+
export const amsButtonPrimaryColor = "#ffffff";
|
|
246
230
|
export const amsButtonPrimaryDisabledBackgroundColor = "#767676";
|
|
247
231
|
export const amsButtonPrimaryDisabledBoxShadow = "inset 0 0 0 0.125rem #767676";
|
|
248
|
-
export const amsButtonPrimaryHoverBackgroundColor = "#
|
|
249
|
-
export const amsButtonPrimaryHoverBoxShadow = "inset 0 0 0 0.125rem #
|
|
250
|
-
export const amsButtonSecondaryBackgroundColor = "#
|
|
232
|
+
export const amsButtonPrimaryHoverBackgroundColor = "#003677";
|
|
233
|
+
export const amsButtonPrimaryHoverBoxShadow = "inset 0 0 0 0.125rem #003677";
|
|
234
|
+
export const amsButtonSecondaryBackgroundColor = "#ffffff";
|
|
251
235
|
export const amsButtonSecondaryColor = "#004699";
|
|
252
236
|
export const amsButtonSecondaryBoxShadow = "inset 0 0 0 0.125rem #004699";
|
|
253
|
-
export const amsButtonSecondaryHoverBoxShadow = "inset 0 0 0 0.1875rem #
|
|
254
|
-
export const amsButtonSecondaryHoverColor = "#
|
|
255
|
-
export const amsButtonSecondaryDisabledBackgroundColor = "#
|
|
237
|
+
export const amsButtonSecondaryHoverBoxShadow = "inset 0 0 0 0.1875rem #003677";
|
|
238
|
+
export const amsButtonSecondaryHoverColor = "#003677";
|
|
239
|
+
export const amsButtonSecondaryDisabledBackgroundColor = "#ffffff";
|
|
256
240
|
export const amsButtonSecondaryDisabledBoxShadow =
|
|
257
241
|
"inset 0 0 0 0.125rem #767676";
|
|
258
242
|
export const amsButtonSecondaryDisabledColor = "#767676";
|
|
259
|
-
export const amsButtonSecondaryFocusBoxShadow = "inset 0 0 0 0.125rem #004699";
|
|
260
243
|
export const amsButtonTertiaryBackgroundColor = "transparent";
|
|
261
244
|
export const amsButtonTertiaryColor = "#004699";
|
|
262
|
-
export const amsButtonTertiaryHoverBoxShadow = "inset 0 0 0 0.125rem #
|
|
263
|
-
export const amsButtonTertiaryHoverColor = "#
|
|
245
|
+
export const amsButtonTertiaryHoverBoxShadow = "inset 0 0 0 0.125rem #003677";
|
|
246
|
+
export const amsButtonTertiaryHoverColor = "#003677";
|
|
264
247
|
export const amsButtonTertiaryDisabledBackgroundColor = "transparent";
|
|
265
248
|
export const amsButtonTertiaryDisabledColor = "#767676";
|
|
266
249
|
export const amsButtonIconOnlyPaddingBlock =
|
|
267
250
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
268
251
|
export const amsButtonIconOnlyPaddingInline =
|
|
269
252
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
270
|
-
export const
|
|
253
|
+
export const amsCardHeadingMarginBlockEnd =
|
|
254
|
+
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
271
255
|
export const amsCardHeadingGroupGap =
|
|
256
|
+
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
257
|
+
export const amsCardHeadingGroupMarginBlockEnd =
|
|
258
|
+
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
259
|
+
export const amsCardImageMarginBlockEnd =
|
|
272
260
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
273
261
|
export const amsCardLinkColor = "#004699";
|
|
274
262
|
export const amsCardLinkTextDecorationLine = "none";
|
|
275
263
|
export const amsCardLinkTextDecorationThickness = "0.125rem";
|
|
276
264
|
export const amsCardLinkTextUnderlineOffset = "0.3333em";
|
|
277
|
-
export const amsCardLinkHoverColor = "#
|
|
265
|
+
export const amsCardLinkHoverColor = "#003677";
|
|
278
266
|
export const amsCardLinkHoverTextDecorationLine = "underline";
|
|
279
267
|
export const amsCardOutlineOffset = "0.125rem";
|
|
280
|
-
export const amsCharacterCountColor = "#
|
|
268
|
+
export const amsCharacterCountColor = "#181818";
|
|
281
269
|
export const amsCharacterCountFontFamily =
|
|
282
270
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
283
271
|
export const amsCharacterCountFontSize =
|
|
284
272
|
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
285
|
-
export const amsCharacterCountFontWeight = 400;
|
|
286
|
-
export const amsCharacterCountLineHeight = "1.
|
|
287
|
-
export const amsCharacterCountErrorColor = "#
|
|
288
|
-
export const amsCheckboxColor = "#
|
|
273
|
+
export const amsCharacterCountFontWeight = "400";
|
|
274
|
+
export const amsCharacterCountLineHeight = "1.5152";
|
|
275
|
+
export const amsCharacterCountErrorColor = "#ec0000";
|
|
276
|
+
export const amsCheckboxColor = "#181818";
|
|
277
|
+
export const amsCheckboxCursor = "pointer";
|
|
289
278
|
export const amsCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
290
279
|
export const amsCheckboxFontSize =
|
|
291
280
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
292
|
-
export const amsCheckboxFontWeight = 400;
|
|
281
|
+
export const amsCheckboxFontWeight = "400";
|
|
293
282
|
export const amsCheckboxGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
294
|
-
export const amsCheckboxLineHeight = "1.
|
|
283
|
+
export const amsCheckboxLineHeight = "1.6667";
|
|
295
284
|
export const amsCheckboxOutlineOffset = "0.125rem";
|
|
296
285
|
export const amsCheckboxCheckmarkBorderColor = "#004699";
|
|
297
286
|
export const amsCheckboxCheckmarkBorderWidth = "0.125rem";
|
|
298
287
|
export const amsCheckboxCheckmarkCheckedBackgroundColor = "#004699";
|
|
299
288
|
export const amsCheckboxCheckmarkCheckedBackgroundImage =
|
|
300
289
|
"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E\")";
|
|
301
|
-
export const amsCheckboxCheckmarkCheckedHoverBackgroundColor = "#
|
|
290
|
+
export const amsCheckboxCheckmarkCheckedHoverBackgroundColor = "#003677";
|
|
302
291
|
export const amsCheckboxCheckmarkDisabledBorderColor = "#767676";
|
|
303
292
|
export const amsCheckboxCheckmarkDisabledBorderWidth = "0.125rem";
|
|
304
293
|
export const amsCheckboxCheckmarkDisabledCheckedBackgroundColor = "#767676";
|
|
@@ -308,38 +297,42 @@ export const amsCheckboxCheckmarkDisabledIndeterminateBackgroundColor =
|
|
|
308
297
|
"#767676";
|
|
309
298
|
export const amsCheckboxCheckmarkDisabledIndeterminateHoverBackgroundColor =
|
|
310
299
|
"#767676";
|
|
311
|
-
export const amsCheckboxCheckmarkHoverBorderColor = "#
|
|
300
|
+
export const amsCheckboxCheckmarkHoverBorderColor = "#003677";
|
|
312
301
|
export const amsCheckboxCheckmarkHoverBorderWidth = "0.1875rem";
|
|
313
|
-
export const amsCheckboxCheckmarkInvalidBorderColor = "#
|
|
314
|
-
export const amsCheckboxCheckmarkInvalidCheckedBackgroundColor = "#
|
|
315
|
-
export const amsCheckboxCheckmarkInvalidCheckedHoverBackgroundColor = "#
|
|
316
|
-
export const amsCheckboxCheckmarkInvalidHoverBorderColor = "#
|
|
302
|
+
export const amsCheckboxCheckmarkInvalidBorderColor = "#ec0000";
|
|
303
|
+
export const amsCheckboxCheckmarkInvalidCheckedBackgroundColor = "#ec0000";
|
|
304
|
+
export const amsCheckboxCheckmarkInvalidCheckedHoverBackgroundColor = "#b70000";
|
|
305
|
+
export const amsCheckboxCheckmarkInvalidHoverBorderColor = "#b70000";
|
|
317
306
|
export const amsCheckboxCheckmarkInvalidIndeterminateBackgroundColor =
|
|
318
|
-
"#
|
|
307
|
+
"#ec0000";
|
|
319
308
|
export const amsCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor =
|
|
320
|
-
"#
|
|
309
|
+
"#b70000";
|
|
321
310
|
export const amsCheckboxCheckmarkIndeterminateBackgroundColor = "#004699";
|
|
322
311
|
export const amsCheckboxCheckmarkIndeterminateBackgroundImage =
|
|
323
312
|
"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath fill-rule='evenodd' d='M0 13.714h32v4H0z'/%3E%3C/svg%3E\")";
|
|
324
|
-
export const amsCheckboxCheckmarkIndeterminateHoverBackgroundColor = "#
|
|
313
|
+
export const amsCheckboxCheckmarkIndeterminateHoverBackgroundColor = "#003677";
|
|
314
|
+
export const amsCheckboxDisabledCursor = "not-allowed";
|
|
325
315
|
export const amsCheckboxDisabledColor = "#767676";
|
|
326
|
-
export const amsCheckboxHoverColor = "#
|
|
316
|
+
export const amsCheckboxHoverColor = "#003677";
|
|
327
317
|
export const amsCheckboxHoverTextDecorationThickness = "0.125rem";
|
|
328
|
-
export const
|
|
329
|
-
export const amsColumnGapXs =
|
|
318
|
+
export const amsColumnGapXSmall =
|
|
330
319
|
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
331
|
-
export const
|
|
332
|
-
|
|
333
|
-
export const
|
|
334
|
-
|
|
335
|
-
export const
|
|
336
|
-
|
|
337
|
-
export const
|
|
320
|
+
export const amsColumnGapSmall =
|
|
321
|
+
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
322
|
+
export const amsColumnGapMedium =
|
|
323
|
+
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
324
|
+
export const amsColumnGapLarge =
|
|
325
|
+
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
326
|
+
export const amsColumnGapXLarge =
|
|
327
|
+
"clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
|
|
328
|
+
export const amsDateInputBackgroundColor = "#ffffff";
|
|
329
|
+
export const amsDateInputBoxShadow = "inset 0 0 0 0.0625rem #181818";
|
|
330
|
+
export const amsDateInputColor = "#181818";
|
|
338
331
|
export const amsDateInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
339
332
|
export const amsDateInputFontSize =
|
|
340
333
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
341
|
-
export const amsDateInputFontWeight = 400;
|
|
342
|
-
export const amsDateInputLineHeight = "1.
|
|
334
|
+
export const amsDateInputFontWeight = "400";
|
|
335
|
+
export const amsDateInputLineHeight = "1.6667";
|
|
343
336
|
export const amsDateInputOutlineOffset = "0.125rem";
|
|
344
337
|
export const amsDateInputPaddingBlock =
|
|
345
338
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
@@ -347,94 +340,122 @@ export const amsDateInputPaddingInline =
|
|
|
347
340
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
348
341
|
export const amsDateInputCalenderPickerIndicatorBackgroundImage =
|
|
349
342
|
"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>\")";
|
|
350
|
-
export const
|
|
343
|
+
export const amsDateInputCalenderPickerIndicatorCursor = "pointer";
|
|
344
|
+
export const amsDateInputDisabledBackgroundColor = "#ffffff";
|
|
351
345
|
export const amsDateInputDisabledBoxShadow = "inset 0 0 0 0.0625rem #767676";
|
|
352
346
|
export const amsDateInputDisabledColor = "#767676";
|
|
347
|
+
export const amsDateInputDisabledCursor = "not-allowed";
|
|
353
348
|
export const amsDateInputDisabledCalenderPickerIndicatorBackgroundImage =
|
|
354
349
|
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23BEBEBE'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
|
|
355
|
-
export const amsDateInputHoverBoxShadow = "inset 0 0 0 0.125rem #
|
|
350
|
+
export const amsDateInputHoverBoxShadow = "inset 0 0 0 0.125rem #181818";
|
|
356
351
|
export const amsDateInputHoverCalenderPickerIndicatorBackgroundImage =
|
|
357
352
|
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23102E62'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
|
|
358
|
-
export const amsDateInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #
|
|
359
|
-
export const amsDateInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #
|
|
360
|
-
export const amsDescriptionListColor = "#
|
|
353
|
+
export const amsDateInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #ec0000";
|
|
354
|
+
export const amsDateInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #b70000";
|
|
355
|
+
export const amsDescriptionListColor = "#181818";
|
|
361
356
|
export const amsDescriptionListColumnGap =
|
|
362
357
|
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
363
358
|
export const amsDescriptionListFontFamily =
|
|
364
359
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
365
360
|
export const amsDescriptionListFontSize =
|
|
366
361
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
367
|
-
export const
|
|
368
|
-
export const amsDescriptionListLineHeight = "1.6";
|
|
362
|
+
export const amsDescriptionListLineHeight = "1.6667";
|
|
369
363
|
export const amsDescriptionListRowGap =
|
|
370
364
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
371
|
-
export const
|
|
372
|
-
export const
|
|
365
|
+
export const amsDescriptionListInverseColor = "#ffffff";
|
|
366
|
+
export const amsDescriptionListTermFontWeight = "800";
|
|
367
|
+
export const amsDescriptionListDescriptionFontWeight = "400";
|
|
373
368
|
export const amsDescriptionListDescriptionPaddingInlineStart =
|
|
374
369
|
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
375
|
-
export const
|
|
376
|
-
export const
|
|
370
|
+
export const amsDescriptionListNarrowGridTemplateColumns = "1fr 4fr";
|
|
371
|
+
export const amsDescriptionListMediumGridTemplateColumns = "1fr 2fr";
|
|
372
|
+
export const amsDescriptionListWideGridTemplateColumns = "1fr 1fr";
|
|
373
|
+
export const amsDialogBackgroundColor = "#ffffff";
|
|
374
|
+
export const amsDialogBorder = "0.125rem solid #ffffff";
|
|
377
375
|
export const amsDialogGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
378
376
|
export const amsDialogInlineSize =
|
|
379
|
-
"calc(100% - 2 * clamp(
|
|
377
|
+
"calc(100% - 2 * clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem))";
|
|
380
378
|
export const amsDialogMaxBlockSize =
|
|
381
|
-
"calc(100dvh - 2 * clamp(
|
|
379
|
+
"calc(100dvh - 2 * clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem))";
|
|
382
380
|
export const amsDialogMaxInlineSize = "48rem";
|
|
383
|
-
export const
|
|
384
|
-
"clamp(
|
|
385
|
-
export const
|
|
386
|
-
"clamp(
|
|
381
|
+
export const amsDialogMediumInlineSize =
|
|
382
|
+
"calc(100% - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))";
|
|
383
|
+
export const amsDialogMediumMaxBlockSize =
|
|
384
|
+
"calc(100dvh - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))";
|
|
385
|
+
export const amsDialogBackdropBackgroundColor = "rgb(24 24 24 / 62.5%)";
|
|
387
386
|
export const amsDialogHeaderGap =
|
|
388
387
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
389
|
-
export const
|
|
388
|
+
export const amsDialogHeaderPaddingBlock =
|
|
389
|
+
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem) 0";
|
|
390
|
+
export const amsDialogHeaderPaddingInline =
|
|
391
|
+
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
392
|
+
export const amsDialogHeaderMediumPaddingBlock =
|
|
393
|
+
"clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem) 0";
|
|
394
|
+
export const amsDialogHeaderMediumPaddingInline =
|
|
395
|
+
"clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
|
|
396
|
+
export const amsDialogBodyPaddingBlock = "0";
|
|
397
|
+
export const amsDialogBodyPaddingInline =
|
|
398
|
+
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
399
|
+
export const amsDialogBodyMediumPaddingInline =
|
|
400
|
+
"clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
|
|
401
|
+
export const amsDialogFooterPaddingBlock =
|
|
402
|
+
"0 clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
403
|
+
export const amsDialogFooterPaddingInline =
|
|
404
|
+
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
405
|
+
export const amsDialogFooterMediumPaddingBlock =
|
|
406
|
+
"0 clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
|
|
407
|
+
export const amsDialogFooterMediumPaddingInline =
|
|
408
|
+
"clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
|
|
409
|
+
export const amsErrorMessageColor = "#ec0000";
|
|
390
410
|
export const amsErrorMessageFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
391
411
|
export const amsErrorMessageFontSize =
|
|
392
412
|
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
393
|
-
export const amsErrorMessageFontWeight = 400;
|
|
413
|
+
export const amsErrorMessageFontWeight = "400";
|
|
394
414
|
export const amsErrorMessageGap =
|
|
395
415
|
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
396
|
-
export const amsErrorMessageLineHeight = "1.
|
|
397
|
-
export const amsFieldSetInvalidBorderInlineStart = "0.1875rem solid #
|
|
416
|
+
export const amsErrorMessageLineHeight = "1.5152";
|
|
417
|
+
export const amsFieldSetInvalidBorderInlineStart = "0.1875rem solid #ec0000";
|
|
398
418
|
export const amsFieldSetInvalidPaddingInlineStart =
|
|
399
419
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
400
|
-
export const amsFieldSetLegendColor = "#
|
|
420
|
+
export const amsFieldSetLegendColor = "#181818";
|
|
401
421
|
export const amsFieldSetLegendFontFamily =
|
|
402
422
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
403
423
|
export const amsFieldSetLegendFontSize =
|
|
404
424
|
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
|
|
405
|
-
export const amsFieldSetLegendFontWeight = 800;
|
|
406
|
-
export const amsFieldSetLegendLineHeight = "1.
|
|
425
|
+
export const amsFieldSetLegendFontWeight = "800";
|
|
426
|
+
export const amsFieldSetLegendLineHeight = "1.2928";
|
|
407
427
|
export const amsFieldSetLegendMarginBlockEnd =
|
|
408
428
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
429
|
+
export const amsFieldSetLegendTextWrap = "balance";
|
|
409
430
|
export const amsFieldGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
410
|
-
export const amsFieldInvalidBorderInlineStart = "0.1875rem solid #
|
|
431
|
+
export const amsFieldInvalidBorderInlineStart = "0.1875rem solid #ec0000";
|
|
411
432
|
export const amsFieldInvalidPaddingInlineStart =
|
|
412
433
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
413
434
|
export const amsFigureGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
414
|
-
export const amsFigureCaptionColor = "#
|
|
435
|
+
export const amsFigureCaptionColor = "#181818";
|
|
415
436
|
export const amsFigureCaptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
416
437
|
export const amsFigureCaptionFontSize =
|
|
417
438
|
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
418
|
-
export const amsFigureCaptionFontWeight = 400;
|
|
419
|
-
export const amsFigureCaptionLineHeight = "1.
|
|
420
|
-
export const amsFigureCaptionInverseColor = "#
|
|
421
|
-
export const amsFileInputBackgroundColor = "#
|
|
422
|
-
export const amsFileInputBorder = "0.0625rem dashed #
|
|
423
|
-
export const amsFileInputColor = "#
|
|
439
|
+
export const amsFigureCaptionFontWeight = "400";
|
|
440
|
+
export const amsFigureCaptionLineHeight = "1.5152";
|
|
441
|
+
export const amsFigureCaptionInverseColor = "#ffffff";
|
|
442
|
+
export const amsFileInputBackgroundColor = "#ffffff";
|
|
443
|
+
export const amsFileInputBorder = "0.0625rem dashed #181818";
|
|
444
|
+
export const amsFileInputColor = "#181818";
|
|
424
445
|
export const amsFileInputCursor = "pointer";
|
|
425
446
|
export const amsFileInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
426
447
|
export const amsFileInputFontSize =
|
|
427
448
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
428
|
-
export const amsFileInputFontWeight = 400;
|
|
429
|
-
export const amsFileInputLineHeight = "1.
|
|
430
|
-
export const amsFileInputOutlineOffset = "0.125rem";
|
|
449
|
+
export const amsFileInputFontWeight = "400";
|
|
450
|
+
export const amsFileInputLineHeight = "1.6667";
|
|
451
|
+
export const amsFileInputOutlineOffset = "calc(0.125rem * 2)"; // Compensate for the dashed border
|
|
431
452
|
export const amsFileInputPaddingBlock =
|
|
432
453
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
433
454
|
export const amsFileInputPaddingInline =
|
|
434
455
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
435
456
|
export const amsFileInputDisabledColor = "#767676";
|
|
436
457
|
export const amsFileInputDisabledCursor = "not-allowed";
|
|
437
|
-
export const amsFileInputFileSelectorButtonBackgroundColor = "#
|
|
458
|
+
export const amsFileInputFileSelectorButtonBackgroundColor = "#ffffff";
|
|
438
459
|
export const amsFileInputFileSelectorButtonBoxShadow =
|
|
439
460
|
"inset 0 0 0 0.125rem #004699";
|
|
440
461
|
export const amsFileInputFileSelectorButtonColor = "#004699";
|
|
@@ -446,8 +467,8 @@ export const amsFileInputFileSelectorButtonPaddingBlock =
|
|
|
446
467
|
export const amsFileInputFileSelectorButtonPaddingInline =
|
|
447
468
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
448
469
|
export const amsFileInputFileSelectorButtonHoverBoxShadow =
|
|
449
|
-
"inset 0 0 0 0.1875rem #
|
|
450
|
-
export const amsFileInputFileSelectorButtonHoverColor = "#
|
|
470
|
+
"inset 0 0 0 0.1875rem #003677";
|
|
471
|
+
export const amsFileInputFileSelectorButtonHoverColor = "#003677";
|
|
451
472
|
export const amsFileInputFileSelectorButtonDisabledBoxShadow =
|
|
452
473
|
"inset 0 0 0 0.125rem #767676";
|
|
453
474
|
export const amsFileInputFileSelectorButtonDisabledColor = "#767676";
|
|
@@ -460,124 +481,95 @@ export const amsFileListPaddingBlock =
|
|
|
460
481
|
export const amsFileListFileFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
461
482
|
export const amsFileListFileFontSize =
|
|
462
483
|
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
463
|
-
export const amsFileListFileFontWeight = 400;
|
|
484
|
+
export const amsFileListFileFontWeight = "400";
|
|
464
485
|
export const amsFileListFileGap =
|
|
465
486
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
466
|
-
export const amsFileListFileLineHeight = "1.
|
|
487
|
+
export const amsFileListFileLineHeight = "1.5152";
|
|
467
488
|
export const amsFileListFileDetailsColor = "#767676";
|
|
468
489
|
export const amsFileListFilePreviewWidth = "clamp(2.5rem, 10vw, 5rem)";
|
|
469
|
-
export const amsFooterTopBackgroundColor = "#004699";
|
|
470
|
-
export const amsFormErrorListOutlineOffset = "0.125rem";
|
|
471
|
-
export const amsGapXs =
|
|
472
|
-
"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)";
|
|
473
|
-
export const amsGapSm = "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)";
|
|
474
|
-
export const amsGapMd = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)";
|
|
475
|
-
export const amsGapLg = "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)";
|
|
476
|
-
export const amsGapXl = "clamp(2rem, calc(0.75rem + 6.25vw), 7rem)";
|
|
477
490
|
export const amsGridColumnCount = "4";
|
|
478
|
-
export const amsGridColumnGap = "clamp(
|
|
479
|
-
export const
|
|
480
|
-
"clamp(
|
|
481
|
-
export const
|
|
482
|
-
"clamp(
|
|
483
|
-
export const
|
|
484
|
-
"clamp(
|
|
491
|
+
export const amsGridColumnGap = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
|
|
492
|
+
export const amsGridPaddingBlockL =
|
|
493
|
+
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
494
|
+
export const amsGridPaddingBlockXl =
|
|
495
|
+
"clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
|
|
496
|
+
export const amsGridPaddingBlock_2xl =
|
|
497
|
+
"clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
|
|
485
498
|
export const amsGridPaddingInline =
|
|
486
|
-
"clamp(1.
|
|
487
|
-
export const
|
|
488
|
-
|
|
489
|
-
export const
|
|
490
|
-
|
|
491
|
-
"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)";
|
|
499
|
+
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
500
|
+
export const amsGridRowGapL = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
501
|
+
export const amsGridRowGapXl = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
|
|
502
|
+
export const amsGridRowGap_2xl =
|
|
503
|
+
"clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
|
|
492
504
|
export const amsGridMediumColumnCount = "8";
|
|
505
|
+
export const amsGridMediumPaddingInline =
|
|
506
|
+
"clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
|
|
493
507
|
export const amsGridWideColumnCount = "12";
|
|
494
|
-
export const
|
|
495
|
-
"clamp(
|
|
496
|
-
export const
|
|
497
|
-
"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"; // Must be the Grid inline padding, to make sure Header and Grid line up
|
|
498
|
-
export const amsHeaderBrandingColumnGap =
|
|
499
|
-
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
500
|
-
export const amsHeaderBrandingRowGap =
|
|
501
|
-
"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)";
|
|
502
|
-
export const amsHeaderLogoLinkOutlineOffset = "0.125rem";
|
|
503
|
-
export const amsHeaderMegaMenuButtonLabelOpenFontWeight = 800;
|
|
504
|
-
export const amsHeaderMenuColumnGap =
|
|
505
|
-
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
506
|
-
export const amsHeaderMenuRowGap =
|
|
507
|
-
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
508
|
-
export const amsHeaderMenuItemColor = "#004699";
|
|
509
|
-
export const amsHeaderMenuItemColumnGap =
|
|
510
|
-
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
511
|
-
export const amsHeaderMenuItemFontFamily =
|
|
512
|
-
"'Amsterdam Sans', Arial, sans-serif";
|
|
513
|
-
export const amsHeaderMenuItemFontSize =
|
|
514
|
-
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
515
|
-
export const amsHeaderMenuItemFontWeight = 400;
|
|
516
|
-
export const amsHeaderMenuItemLineHeight = "1.6";
|
|
517
|
-
export const amsHeaderMenuItemOutlineOffset = "0.125rem";
|
|
518
|
-
export const amsHeaderMenuItemPaddingBlock =
|
|
519
|
-
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
520
|
-
export const amsHeaderMenuItemHoverColor = "#102E62";
|
|
521
|
-
export const amsHeaderMenuLinkTextDecorationLine = "none";
|
|
522
|
-
export const amsHeaderMenuLinkTextDecorationThickness = "0.125rem";
|
|
523
|
-
export const amsHeaderMenuLinkTextUnderlineOffset = "0.3333em";
|
|
524
|
-
export const amsHeaderMenuLinkHoverTextDecorationLine = "underline";
|
|
525
|
-
export const amsHeaderNavigationColumnGap =
|
|
526
|
-
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
527
|
-
export const amsHeaderNavigationRowGap =
|
|
528
|
-
"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)";
|
|
529
|
-
export const amsHeadingColor = "#000000";
|
|
530
|
-
export const amsHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
531
|
-
export const amsHeadingFontWeight = 800;
|
|
532
|
-
export const amsHeadingInverseColor = "#FFFFFF";
|
|
533
|
-
export const amsHeadingLevel1FontSize =
|
|
508
|
+
export const amsGridWidePaddingInline =
|
|
509
|
+
"clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
|
|
510
|
+
export const amsHeading_1FontSize =
|
|
534
511
|
"clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)";
|
|
535
|
-
export const
|
|
536
|
-
export const
|
|
512
|
+
export const amsHeading_1LineHeight = "1.1754";
|
|
513
|
+
export const amsHeading_2FontSize =
|
|
537
514
|
"clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)";
|
|
538
|
-
export const
|
|
539
|
-
export const
|
|
515
|
+
export const amsHeading_2LineHeight = "1.2133";
|
|
516
|
+
export const amsHeading_3FontSize =
|
|
540
517
|
"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
|
|
541
|
-
export const
|
|
542
|
-
export const
|
|
518
|
+
export const amsHeading_3LineHeight = "1.2524";
|
|
519
|
+
export const amsHeading_4FontSize =
|
|
543
520
|
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
|
|
544
|
-
export const
|
|
545
|
-
export const
|
|
521
|
+
export const amsHeading_4LineHeight = "1.2928";
|
|
522
|
+
export const amsHeading_5FontSize =
|
|
546
523
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
547
|
-
export const
|
|
548
|
-
export const
|
|
524
|
+
export const amsHeading_5LineHeight = "1.3345";
|
|
525
|
+
export const amsHeading_6FontSize =
|
|
549
526
|
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
550
|
-
export const
|
|
527
|
+
export const amsHeading_6LineHeight = "1.3776";
|
|
528
|
+
export const amsHeadingColor = "#181818";
|
|
529
|
+
export const amsHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
530
|
+
export const amsHeadingFontWeight = "800";
|
|
531
|
+
export const amsHeadingTextWrap = "balance";
|
|
532
|
+
export const amsHeadingInverseColor = "#ffffff";
|
|
551
533
|
export const amsHintColor = "#767676";
|
|
552
534
|
export const amsIconButtonColor = "#004699";
|
|
535
|
+
export const amsIconButtonCursor = "pointer";
|
|
553
536
|
export const amsIconButtonOutlineOffset = "0.125rem";
|
|
554
|
-
export const amsIconButtonHoverBackgroundColor = "
|
|
555
|
-
export const amsIconButtonHoverColor = "#
|
|
537
|
+
export const amsIconButtonHoverBackgroundColor = "rgb(0 70 153 / 12.5%)";
|
|
538
|
+
export const amsIconButtonHoverColor = "#003677";
|
|
556
539
|
export const amsIconButtonDisabledColor = "#767676";
|
|
557
|
-
export const
|
|
558
|
-
export const
|
|
559
|
-
|
|
560
|
-
export const
|
|
561
|
-
export const
|
|
562
|
-
export const
|
|
563
|
-
export const
|
|
564
|
-
export const
|
|
565
|
-
export const
|
|
566
|
-
export const
|
|
567
|
-
export const
|
|
568
|
-
export const
|
|
569
|
-
|
|
540
|
+
export const amsIconButtonDisabledCursor = "not-allowed";
|
|
541
|
+
export const amsIconButtonContrastColor = "#000000";
|
|
542
|
+
export const amsIconButtonContrastHoverBackgroundColor = "rgb(0 0 0 / 12.5%)";
|
|
543
|
+
export const amsIconButtonContrastHoverColor = "#000000";
|
|
544
|
+
export const amsIconButtonContrastDisabledColor = "#767676";
|
|
545
|
+
export const amsIconButtonInverseBackgroundColor = "#004699";
|
|
546
|
+
export const amsIconButtonInverseColor = "#ffffff";
|
|
547
|
+
export const amsIconButtonInverseHoverBackgroundColor = "#003677";
|
|
548
|
+
export const amsIconButtonInverseHoverColor = "#ffffff";
|
|
549
|
+
export const amsIconButtonInverseDisabledColor = "#ffffff";
|
|
550
|
+
export const amsIconButtonInverseDisabledBackgroundColor = "#767676";
|
|
551
|
+
export const amsIconFontSize =
|
|
552
|
+
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
553
|
+
export const amsIconLineHeight = "1.6667";
|
|
554
|
+
export const amsIconSmallFontSize =
|
|
555
|
+
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
556
|
+
export const amsIconSmallLineHeight = "1.5152";
|
|
557
|
+
export const amsIconLargeFontSize =
|
|
558
|
+
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
|
|
559
|
+
export const amsIconLargeLineHeight = "1.5152";
|
|
560
|
+
export const amsIconHeading_3FontSize =
|
|
570
561
|
"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
|
|
571
|
-
export const
|
|
572
|
-
export const
|
|
562
|
+
export const amsIconHeading_3LineHeight = "1.2524";
|
|
563
|
+
export const amsIconHeading_4FontSize =
|
|
573
564
|
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
|
|
574
|
-
export const
|
|
575
|
-
export const
|
|
565
|
+
export const amsIconHeading_4LineHeight = "1.2928";
|
|
566
|
+
export const amsIconHeading_5FontSize =
|
|
576
567
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
577
|
-
export const
|
|
578
|
-
export const
|
|
568
|
+
export const amsIconHeading_5LineHeight = "1.3345";
|
|
569
|
+
export const amsIconHeading_6FontSize =
|
|
579
570
|
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
580
|
-
export const
|
|
571
|
+
export const amsIconHeading_6LineHeight = "1.3776";
|
|
572
|
+
export const amsIconInverseColor = "#ffffff";
|
|
581
573
|
export const amsImageSliderGap =
|
|
582
574
|
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
583
575
|
export const amsImageSliderScrollerGap =
|
|
@@ -592,97 +584,73 @@ export const amsImageSliderThumbnailsThumbnailOutlineOffset = "0.125rem";
|
|
|
592
584
|
export const amsImageSliderThumbnailsThumbnailInViewOpacity = "100%";
|
|
593
585
|
export const amsImageSliderThumbnailsThumbnailHoverOpacity = "100%";
|
|
594
586
|
export const amsImageAspectRatio = "16 / 9";
|
|
595
|
-
export const
|
|
587
|
+
export const amsInvalidFormAlertOutlineOffset = "0.125rem";
|
|
588
|
+
export const amsLabelColor = "#181818";
|
|
596
589
|
export const amsLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
597
590
|
export const amsLabelFontSize =
|
|
598
591
|
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
|
|
599
|
-
export const amsLabelFontWeight = 800;
|
|
600
|
-
export const amsLabelLineHeight = "1.
|
|
592
|
+
export const amsLabelFontWeight = "800";
|
|
593
|
+
export const amsLabelLineHeight = "1.2928";
|
|
594
|
+
export const amsLabelTextWrap = "balance";
|
|
601
595
|
export const amsLinkListGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
602
596
|
export const amsLinkListLinkColor = "#004699";
|
|
603
597
|
export const amsLinkListLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
604
598
|
export const amsLinkListLinkFontSize =
|
|
605
599
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
606
|
-
export const amsLinkListLinkFontWeight = 400;
|
|
600
|
+
export const amsLinkListLinkFontWeight = "400";
|
|
607
601
|
export const amsLinkListLinkGap =
|
|
608
602
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
609
|
-
export const amsLinkListLinkLineHeight = "1.
|
|
603
|
+
export const amsLinkListLinkLineHeight = "1.6667";
|
|
610
604
|
export const amsLinkListLinkOutlineOffset = "0.125rem";
|
|
611
605
|
export const amsLinkListLinkTextDecorationLine = "none";
|
|
612
606
|
export const amsLinkListLinkTextDecorationThickness = "0.125rem";
|
|
613
607
|
export const amsLinkListLinkTextUnderlineOffset = "0.3333em";
|
|
614
608
|
export const amsLinkListLinkSmallFontSize =
|
|
615
609
|
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
616
|
-
export const amsLinkListLinkSmallLineHeight = "1.
|
|
610
|
+
export const amsLinkListLinkSmallLineHeight = "1.5152";
|
|
617
611
|
export const amsLinkListLinkLargeFontSize =
|
|
618
612
|
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
|
|
619
|
-
export const amsLinkListLinkLargeLineHeight = "1.
|
|
620
|
-
export const amsLinkListLinkHoverColor = "#
|
|
613
|
+
export const amsLinkListLinkLargeLineHeight = "1.5152";
|
|
614
|
+
export const amsLinkListLinkHoverColor = "#003677";
|
|
621
615
|
export const amsLinkListLinkHoverTextDecorationLine = "underline";
|
|
622
|
-
export const
|
|
623
|
-
export const
|
|
624
|
-
export const
|
|
625
|
-
export const
|
|
616
|
+
export const amsLinkListLinkContrastColor = "#000000";
|
|
617
|
+
export const amsLinkListLinkContrastHoverColor = "#000000";
|
|
618
|
+
export const amsLinkListLinkInverseColor = "#ffffff";
|
|
619
|
+
export const amsLinkListLinkInverseHoverColor = "#ffffff";
|
|
626
620
|
export const amsLinkColor = "#004699";
|
|
627
|
-
export const amsLinkFontFamily = "
|
|
628
|
-
export const
|
|
621
|
+
export const amsLinkFontFamily = "inherit";
|
|
622
|
+
export const amsLinkFontSize = "inherit";
|
|
623
|
+
export const amsLinkFontWeight = "400";
|
|
624
|
+
export const amsLinkLineHeight = "inherit";
|
|
629
625
|
export const amsLinkOutlineOffset = "0.125rem";
|
|
630
|
-
export const
|
|
631
|
-
export const
|
|
632
|
-
export const
|
|
633
|
-
export const
|
|
634
|
-
export const
|
|
635
|
-
export const
|
|
636
|
-
export const
|
|
637
|
-
export const
|
|
638
|
-
export const
|
|
639
|
-
export const
|
|
640
|
-
export const amsLinkStandaloneFontSize =
|
|
641
|
-
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
642
|
-
export const amsLinkStandaloneLineHeight = "1.6";
|
|
643
|
-
export const amsLinkStandaloneTextDecorationLine = "underline";
|
|
644
|
-
export const amsLinkStandaloneTextDecorationThickness = "0.125rem";
|
|
645
|
-
export const amsLinkStandaloneTextUnderlineOffset = "0.3333em";
|
|
646
|
-
export const amsLinkStandaloneHoverTextDecorationThickness = "0.1875rem";
|
|
647
|
-
export const amsLinkStandaloneHoverTextUnderlineOffset = "0.2778em";
|
|
648
|
-
export const amsLinkContrastColorColor = "#000000";
|
|
649
|
-
export const amsLinkContrastColorHoverColor = "#000000";
|
|
650
|
-
export const amsLinkContrastColorVisitedColor = "#000000";
|
|
651
|
-
export const amsLinkInverseColorColor = "#FFFFFF";
|
|
652
|
-
export const amsLinkInverseColorHoverColor = "#FFFFFF";
|
|
653
|
-
export const amsLinkInverseColorVisitedColor = "#FFFFFF";
|
|
654
|
-
export const amsLogoBlockSize = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)"; // This is the same size as Grid space medium
|
|
655
|
-
export const amsLogoEmblemColor = "#EC0000";
|
|
626
|
+
export const amsLinkTextDecorationThickness = "0.125rem";
|
|
627
|
+
export const amsLinkTextUnderlineOffset = "0.3333em";
|
|
628
|
+
export const amsLinkHoverColor = "#003677";
|
|
629
|
+
export const amsLinkHoverTextDecorationThickness = "0.1875rem";
|
|
630
|
+
export const amsLinkHoverTextUnderlineOffset = "0.2778em";
|
|
631
|
+
export const amsLinkContrastColor = "#000000";
|
|
632
|
+
export const amsLinkContrastHoverColor = "#000000";
|
|
633
|
+
export const amsLinkInverseColor = "#ffffff";
|
|
634
|
+
export const amsLinkInverseHoverColor = "#ffffff";
|
|
635
|
+
export const amsLogoBlockSize = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
|
|
656
636
|
export const amsLogoMinBlockSize = "2.5rem";
|
|
657
|
-
export const
|
|
658
|
-
export const
|
|
659
|
-
export const
|
|
660
|
-
|
|
661
|
-
export const
|
|
662
|
-
export const amsMarginMd = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)";
|
|
663
|
-
export const amsMarginLg = "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)";
|
|
664
|
-
export const amsMarginXl = "clamp(2rem, calc(0.75rem + 6.25vw), 7rem)";
|
|
665
|
-
export const amsMarkBackgroundColor = "#FFE600";
|
|
666
|
-
export const amsMegaMenuListCategoryColumnGap =
|
|
667
|
-
"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)"; // Must have the same value as `ams.grid.column-gap`.
|
|
668
|
-
export const amsMegaMenuListCategoryColumnWidth = "20rem";
|
|
669
|
-
export const amsMegaMenuListCategoryPaddingBlockStart =
|
|
670
|
-
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
671
|
-
export const amsMegaMenuListCategoryPaddingBlockEnd =
|
|
672
|
-
"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)"; // Must have the same value as `ams.grid.row-gap.md`.
|
|
673
|
-
export const amsOrderedListColor = "#000000";
|
|
637
|
+
export const amsLogoEmblemColor = "#ec0000";
|
|
638
|
+
export const amsLogoSubsiteColor = "#181818";
|
|
639
|
+
export const amsLogoTitleColor = "#ec0000";
|
|
640
|
+
export const amsMarkBackgroundColor = "#ffe600";
|
|
641
|
+
export const amsOrderedListColor = "#181818";
|
|
674
642
|
export const amsOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
675
643
|
export const amsOrderedListFontSize =
|
|
676
644
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
677
|
-
export const amsOrderedListFontWeight = 400;
|
|
645
|
+
export const amsOrderedListFontWeight = "400";
|
|
678
646
|
export const amsOrderedListGap =
|
|
679
647
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
680
|
-
export const
|
|
681
|
-
export const amsOrderedListLineHeight = "1.6";
|
|
648
|
+
export const amsOrderedListLineHeight = "1.6667";
|
|
682
649
|
export const amsOrderedListListStyleType = "decimal";
|
|
683
650
|
export const amsOrderedListSmallFontSize =
|
|
684
651
|
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
685
|
-
export const amsOrderedListSmallLineHeight = "1.
|
|
652
|
+
export const amsOrderedListSmallLineHeight = "1.5152";
|
|
653
|
+
export const amsOrderedListInverseColor = "#ffffff";
|
|
686
654
|
export const amsOrderedListItemMarginInlineStart = "2.25rem"; // Divide your total indentation width over margin and padding to position the marker.
|
|
687
655
|
export const amsOrderedListItemPaddingInlineStart = "0.25rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
|
|
688
656
|
export const amsOrderedListOrderedListGap =
|
|
@@ -693,91 +661,147 @@ export const amsOrderedListOrderedListPaddingBlockStart =
|
|
|
693
661
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
694
662
|
export const amsOrderedListOrderedListItemMarginInlineStart = "1.5rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
|
|
695
663
|
export const amsOrderedListOrderedListItemPaddingInlineStart = "0.25rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
|
|
696
|
-
export const
|
|
664
|
+
export const amsPageFooterMenuColumnGap =
|
|
665
|
+
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
666
|
+
export const amsPageFooterMenuPaddingBlock =
|
|
667
|
+
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
668
|
+
export const amsPageFooterMenuPaddingInline =
|
|
669
|
+
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
670
|
+
export const amsPageFooterMenuRowGap =
|
|
671
|
+
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
672
|
+
export const amsPageFooterMenuMediumPaddingInline =
|
|
673
|
+
"clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
|
|
674
|
+
export const amsPageFooterMenuWidePaddingInline =
|
|
675
|
+
"clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
|
|
676
|
+
export const amsPageFooterMenuLinkColor = "#004699";
|
|
677
|
+
export const amsPageFooterMenuLinkFontFamily =
|
|
678
|
+
"'Amsterdam Sans', Arial, sans-serif";
|
|
679
|
+
export const amsPageFooterMenuLinkFontSize =
|
|
680
|
+
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
681
|
+
export const amsPageFooterMenuLinkFontWeight = "400";
|
|
682
|
+
export const amsPageFooterMenuLinkLineHeight = "1.5152";
|
|
683
|
+
export const amsPageFooterMenuLinkOutlineOffset = "0.125rem";
|
|
684
|
+
export const amsPageFooterMenuLinkTextDecorationLine = "none";
|
|
685
|
+
export const amsPageFooterMenuLinkTextDecorationThickness = "0.125rem";
|
|
686
|
+
export const amsPageFooterMenuLinkTextUnderlineOffset = "0.3333em";
|
|
687
|
+
export const amsPageFooterMenuLinkHoverColor = "#003677";
|
|
688
|
+
export const amsPageFooterMenuLinkHoverTextDecorationLine = "underline";
|
|
689
|
+
export const amsPageFooterSpotlightBackgroundColor = "#004699";
|
|
690
|
+
export const amsPageHeaderFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
691
|
+
export const amsPageHeaderPaddingBlock =
|
|
692
|
+
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
693
|
+
export const amsPageHeaderPaddingInline =
|
|
694
|
+
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; // Must be the Grid inline padding, to make sure Header and Grid line up
|
|
695
|
+
export const amsPageHeaderMediumPaddingInline =
|
|
696
|
+
"clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
|
|
697
|
+
export const amsPageHeaderWidePaddingInline =
|
|
698
|
+
"clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
|
|
699
|
+
export const amsPageHeaderLogoLinkColumnGap =
|
|
700
|
+
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
701
|
+
export const amsPageHeaderLogoLinkOutlineOffset = "0.125rem";
|
|
702
|
+
export const amsPageHeaderBrandNameColor = "#181818";
|
|
703
|
+
export const amsPageHeaderBrandNameFontSize =
|
|
704
|
+
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
|
|
705
|
+
export const amsPageHeaderBrandNameFontWeight = "800";
|
|
706
|
+
export const amsPageHeaderBrandNameTextWrap = "balance";
|
|
707
|
+
export const amsPageHeaderMegaMenuButtonCursor = "pointer";
|
|
708
|
+
export const amsPageHeaderMegaMenuButtonLabelOpenFontWeight = "800";
|
|
709
|
+
export const amsPageHeaderMenuColumnGap =
|
|
710
|
+
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
711
|
+
export const amsPageHeaderMenuRowGap =
|
|
712
|
+
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
713
|
+
export const amsPageHeaderMenuItemColor = "#004699";
|
|
714
|
+
export const amsPageHeaderMenuItemColumnGap =
|
|
715
|
+
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
716
|
+
export const amsPageHeaderMenuItemFontFamily =
|
|
717
|
+
"'Amsterdam Sans', Arial, sans-serif";
|
|
718
|
+
export const amsPageHeaderMenuItemFontSize =
|
|
719
|
+
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
720
|
+
export const amsPageHeaderMenuItemFontWeight = "400";
|
|
721
|
+
export const amsPageHeaderMenuItemLineHeight = "1.6667";
|
|
722
|
+
export const amsPageHeaderMenuItemOutlineOffset = "0.125rem";
|
|
723
|
+
export const amsPageHeaderMenuItemPaddingBlock =
|
|
724
|
+
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
725
|
+
export const amsPageHeaderMenuItemHoverColor = "#003677";
|
|
726
|
+
export const amsPageHeaderMenuLinkTextDecorationLine = "none";
|
|
727
|
+
export const amsPageHeaderMenuLinkTextDecorationThickness = "0.125rem";
|
|
728
|
+
export const amsPageHeaderMenuLinkTextUnderlineOffset = "0.3333em";
|
|
729
|
+
export const amsPageHeaderMenuLinkHoverTextDecorationLine = "underline";
|
|
730
|
+
export const amsPageHeaderNavigationColumnGap =
|
|
731
|
+
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
732
|
+
export const amsPageHeaderNavigationRowGap =
|
|
733
|
+
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
734
|
+
export const amsPageHeadingColor = "#181818";
|
|
697
735
|
export const amsPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
698
736
|
export const amsPageHeadingFontSize =
|
|
699
737
|
"clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)";
|
|
700
|
-
export const amsPageHeadingFontWeight = 800;
|
|
701
|
-
export const
|
|
702
|
-
export const
|
|
703
|
-
|
|
704
|
-
export const
|
|
705
|
-
|
|
706
|
-
export const amsPageMenuRowGap =
|
|
707
|
-
"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)";
|
|
708
|
-
export const amsPageMenuItemColor = "#004699";
|
|
709
|
-
export const amsPageMenuItemFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
710
|
-
export const amsPageMenuItemFontSize =
|
|
711
|
-
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
712
|
-
export const amsPageMenuItemFontWeight = 400;
|
|
713
|
-
export const amsPageMenuItemGap =
|
|
714
|
-
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
715
|
-
export const amsPageMenuItemLineHeight = "1.6";
|
|
716
|
-
export const amsPageMenuItemOutlineOffset = "0.125rem";
|
|
717
|
-
export const amsPageMenuItemTextDecorationLine = "none";
|
|
718
|
-
export const amsPageMenuItemTextDecorationThickness = "0.125rem";
|
|
719
|
-
export const amsPageMenuItemTextUnderlineOffset = "0.3333em";
|
|
720
|
-
export const amsPageMenuItemHoverColor = "#102E62";
|
|
721
|
-
export const amsPageMenuItemHoverTextDecorationLine = "underline";
|
|
722
|
-
export const amsPaginationColor = "#004699";
|
|
738
|
+
export const amsPageHeadingFontWeight = "800";
|
|
739
|
+
export const amsPageHeadingLineHeight = "1.1386";
|
|
740
|
+
export const amsPageHeadingTextWrap = "balance";
|
|
741
|
+
export const amsPageHeadingInverseColor = "#ffffff";
|
|
742
|
+
export const amsPageBackgroundColor = "#ffffff";
|
|
743
|
+
export const amsPageMaxInlineSize = "100rem";
|
|
723
744
|
export const amsPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
724
745
|
export const amsPaginationFontSize =
|
|
725
746
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
726
|
-
export const amsPaginationFontWeight = 400;
|
|
727
|
-
export const amsPaginationLineHeight = "1.
|
|
728
|
-
export const
|
|
747
|
+
export const amsPaginationFontWeight = "400";
|
|
748
|
+
export const amsPaginationLineHeight = "1.6667";
|
|
749
|
+
export const amsPaginationLinkColor = "#004699";
|
|
750
|
+
export const amsPaginationLinkGap =
|
|
729
751
|
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
730
|
-
export const
|
|
731
|
-
export const
|
|
752
|
+
export const amsPaginationLinkOutlineOffset = "0.125rem";
|
|
753
|
+
export const amsPaginationLinkPaddingInline =
|
|
732
754
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
733
|
-
export const
|
|
734
|
-
export const
|
|
735
|
-
export const
|
|
736
|
-
export const
|
|
737
|
-
export const
|
|
738
|
-
export const
|
|
739
|
-
export const amsParagraphColor = "#
|
|
755
|
+
export const amsPaginationLinkTextDecorationLine = "none";
|
|
756
|
+
export const amsPaginationLinkTextDecorationThickness = "0.125rem";
|
|
757
|
+
export const amsPaginationLinkTextUnderlineOffset = "0.3333em";
|
|
758
|
+
export const amsPaginationLinkCurrentFontWeight = "800";
|
|
759
|
+
export const amsPaginationLinkHoverColor = "#003677";
|
|
760
|
+
export const amsPaginationLinkHoverTextDecorationLine = "underline";
|
|
761
|
+
export const amsParagraphColor = "#181818";
|
|
740
762
|
export const amsParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
741
763
|
export const amsParagraphFontSize =
|
|
742
764
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
743
|
-
export const amsParagraphFontWeight = 400;
|
|
744
|
-
export const amsParagraphLineHeight = "1.
|
|
745
|
-
export const amsParagraphInverseColor = "#
|
|
765
|
+
export const amsParagraphFontWeight = "400";
|
|
766
|
+
export const amsParagraphLineHeight = "1.6667";
|
|
767
|
+
export const amsParagraphInverseColor = "#ffffff";
|
|
746
768
|
export const amsParagraphSmallFontSize =
|
|
747
769
|
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
748
|
-
export const amsParagraphSmallLineHeight = "1.
|
|
770
|
+
export const amsParagraphSmallLineHeight = "1.5152";
|
|
749
771
|
export const amsParagraphLargeFontSize =
|
|
750
772
|
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
|
|
751
|
-
export const amsParagraphLargeLineHeight = "1.
|
|
752
|
-
export const amsPasswordInputBackgroundColor = "#
|
|
753
|
-
export const amsPasswordInputBoxShadow = "inset 0 0 0 0.0625rem #
|
|
754
|
-
export const amsPasswordInputColor = "#
|
|
773
|
+
export const amsParagraphLargeLineHeight = "1.5152";
|
|
774
|
+
export const amsPasswordInputBackgroundColor = "#ffffff";
|
|
775
|
+
export const amsPasswordInputBoxShadow = "inset 0 0 0 0.0625rem #181818";
|
|
776
|
+
export const amsPasswordInputColor = "#181818";
|
|
755
777
|
export const amsPasswordInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
756
778
|
export const amsPasswordInputFontSize =
|
|
757
779
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
758
|
-
export const amsPasswordInputFontWeight = 400;
|
|
759
|
-
export const amsPasswordInputLineHeight = "1.
|
|
780
|
+
export const amsPasswordInputFontWeight = "400";
|
|
781
|
+
export const amsPasswordInputLineHeight = "1.6667";
|
|
760
782
|
export const amsPasswordInputOutlineOffset = "0.125rem";
|
|
761
783
|
export const amsPasswordInputPaddingBlock =
|
|
762
784
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
763
785
|
export const amsPasswordInputPaddingInline =
|
|
764
786
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
765
|
-
export const amsPasswordInputDisabledBackgroundColor = "#
|
|
787
|
+
export const amsPasswordInputDisabledBackgroundColor = "#ffffff";
|
|
766
788
|
export const amsPasswordInputDisabledBoxShadow =
|
|
767
789
|
"inset 0 0 0 0.0625rem #767676";
|
|
768
790
|
export const amsPasswordInputDisabledColor = "#767676";
|
|
769
|
-
export const
|
|
770
|
-
export const
|
|
791
|
+
export const amsPasswordInputDisabledCursor = "not-allowed";
|
|
792
|
+
export const amsPasswordInputHoverBoxShadow = "inset 0 0 0 0.125rem #181818";
|
|
793
|
+
export const amsPasswordInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #ec0000";
|
|
771
794
|
export const amsPasswordInputInvalidHoverBoxShadow =
|
|
772
|
-
"inset 0 0 0 0.125rem #
|
|
795
|
+
"inset 0 0 0 0.125rem #b70000";
|
|
773
796
|
export const amsPasswordInputPlaceholderColor = "#767676";
|
|
774
|
-
export const amsRadioColor = "#
|
|
797
|
+
export const amsRadioColor = "#181818";
|
|
798
|
+
export const amsRadioCursor = "pointer";
|
|
775
799
|
export const amsRadioFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
776
800
|
export const amsRadioFontSize =
|
|
777
801
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
778
|
-
export const amsRadioFontWeight = 400;
|
|
802
|
+
export const amsRadioFontWeight = "400";
|
|
779
803
|
export const amsRadioGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
780
|
-
export const amsRadioLineHeight = "1.
|
|
804
|
+
export const amsRadioLineHeight = "1.6667";
|
|
781
805
|
export const amsRadioOutlineOffset = "0.125rem";
|
|
782
806
|
export const amsRadioTextDecorationThickness = "0.125rem";
|
|
783
807
|
export const amsRadioTextUnderlineOffset = "0.3333em";
|
|
@@ -785,45 +809,43 @@ export const amsRadioCheckedIndicatorFill = "#004699";
|
|
|
785
809
|
export const amsRadioCheckedIndicatorDisabledFill = "#767676";
|
|
786
810
|
export const amsRadioCheckedIndicatorDisabledInvalidFill = "#767676";
|
|
787
811
|
export const amsRadioCheckedIndicatorDisabledInvalidHoverFill = "#767676";
|
|
788
|
-
export const amsRadioCheckedIndicatorHoverFill = "#
|
|
789
|
-
export const amsRadioCheckedIndicatorInvalidFill = "#
|
|
790
|
-
export const amsRadioCheckedIndicatorInvalidHoverFill = "#
|
|
812
|
+
export const amsRadioCheckedIndicatorHoverFill = "#003677";
|
|
813
|
+
export const amsRadioCheckedIndicatorInvalidFill = "#ec0000";
|
|
814
|
+
export const amsRadioCheckedIndicatorInvalidHoverFill = "#b70000";
|
|
791
815
|
export const amsRadioHoverIndicatorStrokeWidth = "3px";
|
|
792
|
-
export const amsRadioHoverIndicatorHoverStroke = "#
|
|
793
|
-
export const amsRadioHoverIndicatorInvalidHoverStroke = "#
|
|
794
|
-
export const amsRadioCircleFill = "#
|
|
816
|
+
export const amsRadioHoverIndicatorHoverStroke = "#003677";
|
|
817
|
+
export const amsRadioHoverIndicatorInvalidHoverStroke = "#b70000";
|
|
818
|
+
export const amsRadioCircleFill = "#ffffff";
|
|
795
819
|
export const amsRadioCircleStroke = "#004699";
|
|
796
820
|
export const amsRadioCircleStrokeWidth = "2px";
|
|
797
821
|
export const amsRadioCircleDisabledStroke = "#767676";
|
|
798
822
|
export const amsRadioCircleDisabledInvalidStroke = "#767676";
|
|
799
823
|
export const amsRadioCircleDisabledInvalidHoverStroke = "#767676";
|
|
800
|
-
export const amsRadioCircleHoverStroke = "#
|
|
801
|
-
export const amsRadioCircleInvalidStroke = "#
|
|
802
|
-
export const amsRadioCircleInvalidHoverStroke = "#
|
|
824
|
+
export const amsRadioCircleHoverStroke = "#003677";
|
|
825
|
+
export const amsRadioCircleInvalidStroke = "#ec0000";
|
|
826
|
+
export const amsRadioCircleInvalidHoverStroke = "#b70000";
|
|
803
827
|
export const amsRadioDisabledColor = "#767676";
|
|
804
|
-
export const
|
|
828
|
+
export const amsRadioDisabledCursor = "not-allowed";
|
|
829
|
+
export const amsRadioHoverColor = "#003677";
|
|
805
830
|
export const amsRadioHoverTextDecorationLine = "underline";
|
|
806
831
|
export const amsRadioIconContainerBlockSize =
|
|
807
|
-
"calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.
|
|
832
|
+
"calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6667)";
|
|
808
833
|
export const amsRadioIconContainerInlineSize = "1.5rem";
|
|
809
|
-
export const
|
|
810
|
-
|
|
811
|
-
export const
|
|
812
|
-
export const
|
|
813
|
-
export const
|
|
814
|
-
export const
|
|
815
|
-
export const
|
|
816
|
-
export const
|
|
817
|
-
export const
|
|
818
|
-
export const amsSearchFieldInputBackgroundColor = "#FFFFFF";
|
|
819
|
-
export const amsSearchFieldInputBoxShadow = "inset 0 0 0 0.0625rem #000000";
|
|
820
|
-
export const amsSearchFieldInputColor = "#000000";
|
|
834
|
+
export const amsRowGapXSmall =
|
|
835
|
+
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
|
|
836
|
+
export const amsRowGapSmall = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
837
|
+
export const amsRowGapMedium = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
838
|
+
export const amsRowGapLarge = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
839
|
+
export const amsRowGapXLarge = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
|
|
840
|
+
export const amsSearchFieldInputBackgroundColor = "#ffffff";
|
|
841
|
+
export const amsSearchFieldInputBoxShadow = "inset 0 0 0 0.0625rem #181818";
|
|
842
|
+
export const amsSearchFieldInputColor = "#181818";
|
|
821
843
|
export const amsSearchFieldInputFontFamily =
|
|
822
844
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
823
845
|
export const amsSearchFieldInputFontSize =
|
|
824
846
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
825
|
-
export const amsSearchFieldInputFontWeight = 400;
|
|
826
|
-
export const amsSearchFieldInputLineHeight = "1.
|
|
847
|
+
export const amsSearchFieldInputFontWeight = "400";
|
|
848
|
+
export const amsSearchFieldInputLineHeight = "1.6667";
|
|
827
849
|
export const amsSearchFieldInputOutlineOffset = "0.125rem";
|
|
828
850
|
export const amsSearchFieldInputPaddingBlock =
|
|
829
851
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
@@ -834,26 +856,27 @@ export const amsSearchFieldInputCancelButtonBackgroundImage =
|
|
|
834
856
|
export const amsSearchFieldInputCancelButtonBlockSize =
|
|
835
857
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
836
858
|
export const amsSearchFieldInputCancelButtonColor = "#004699";
|
|
859
|
+
export const amsSearchFieldInputCancelButtonCursor = "pointer";
|
|
837
860
|
export const amsSearchFieldInputCancelButtonInlineSize =
|
|
838
861
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
839
|
-
export const amsSearchFieldInputHoverBoxShadow = "inset 0 0 0 0.125rem #
|
|
862
|
+
export const amsSearchFieldInputHoverBoxShadow = "inset 0 0 0 0.125rem #181818";
|
|
840
863
|
export const amsSearchFieldInputInvalidBoxShadow =
|
|
841
|
-
"inset 0 0 0 0.0625rem #
|
|
864
|
+
"inset 0 0 0 0.0625rem #ec0000";
|
|
842
865
|
export const amsSearchFieldInputInvalidHoverBoxShadow =
|
|
843
|
-
"inset 0 0 0 0.125rem #
|
|
866
|
+
"inset 0 0 0 0.125rem #b70000";
|
|
844
867
|
export const amsSearchFieldInputPlaceholderColor = "#767676";
|
|
845
|
-
export const amsSelectBackgroundColor = "#
|
|
868
|
+
export const amsSelectBackgroundColor = "#ffffff";
|
|
846
869
|
export const amsSelectBackgroundImage =
|
|
847
870
|
"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>\")";
|
|
848
871
|
export const amsSelectBackgroundPosition =
|
|
849
872
|
"right clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) center";
|
|
850
|
-
export const amsSelectBoxShadow = "inset 0 0 0 0.0625rem #
|
|
851
|
-
export const amsSelectColor = "#
|
|
873
|
+
export const amsSelectBoxShadow = "inset 0 0 0 0.0625rem #181818";
|
|
874
|
+
export const amsSelectColor = "#181818";
|
|
852
875
|
export const amsSelectFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
853
876
|
export const amsSelectFontSize =
|
|
854
877
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
855
|
-
export const amsSelectFontWeight = 400;
|
|
856
|
-
export const amsSelectLineHeight = "1.
|
|
878
|
+
export const amsSelectFontWeight = "400";
|
|
879
|
+
export const amsSelectLineHeight = "1.6667";
|
|
857
880
|
export const amsSelectOutlineOffset = "0.125rem";
|
|
858
881
|
export const amsSelectPaddingBlock =
|
|
859
882
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
@@ -863,55 +886,78 @@ export const amsSelectDisabledBackgroundImage =
|
|
|
863
886
|
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23BEBEBE' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")";
|
|
864
887
|
export const amsSelectDisabledBoxShadow = "inset 0 0 0 0.0625rem #767676";
|
|
865
888
|
export const amsSelectDisabledColor = "#767676";
|
|
866
|
-
export const
|
|
867
|
-
export const
|
|
868
|
-
export const
|
|
889
|
+
export const amsSelectDisabledCursor = "not-allowed";
|
|
890
|
+
export const amsSelectHoverBoxShadow = "inset 0 0 0 0.125rem #181818";
|
|
891
|
+
export const amsSelectInvalidBoxShadow = "inset 0 0 0 0.0625rem #ec0000";
|
|
892
|
+
export const amsSelectInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #b70000";
|
|
869
893
|
export const amsSelectOptionDisabledColor = "#767676";
|
|
870
894
|
export const amsSkipLinkBackgroundColor = "#004699";
|
|
871
|
-
export const amsSkipLinkColor = "#
|
|
895
|
+
export const amsSkipLinkColor = "#ffffff";
|
|
872
896
|
export const amsSkipLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
873
897
|
export const amsSkipLinkFontSize =
|
|
874
898
|
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
875
|
-
export const amsSkipLinkFontWeight = 400;
|
|
876
|
-
export const amsSkipLinkLineHeight = "1.
|
|
899
|
+
export const amsSkipLinkFontWeight = "400";
|
|
900
|
+
export const amsSkipLinkLineHeight = "1.5152";
|
|
877
901
|
export const amsSkipLinkOutlineOffset = "0.125rem";
|
|
878
902
|
export const amsSkipLinkPaddingBlock =
|
|
879
903
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
880
904
|
export const amsSkipLinkPaddingInline =
|
|
881
905
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
882
|
-
export const amsSkipLinkHoverBackgroundColor = "#
|
|
883
|
-
export const amsSpotlightBackgroundColor = "#
|
|
884
|
-
export const
|
|
885
|
-
export const
|
|
886
|
-
export const
|
|
887
|
-
export const amsSpotlightMagentaBackgroundColor = "#
|
|
888
|
-
export const amsSpotlightOrangeBackgroundColor = "#
|
|
889
|
-
export const amsSpotlightYellowBackgroundColor = "#
|
|
906
|
+
export const amsSkipLinkHoverBackgroundColor = "#003677";
|
|
907
|
+
export const amsSpotlightBackgroundColor = "#a00078";
|
|
908
|
+
export const amsSpotlightAzureBackgroundColor = "#009de6";
|
|
909
|
+
export const amsSpotlightGreenBackgroundColor = "#00a03c";
|
|
910
|
+
export const amsSpotlightLimeBackgroundColor = "#bed200";
|
|
911
|
+
export const amsSpotlightMagentaBackgroundColor = "#e50082";
|
|
912
|
+
export const amsSpotlightOrangeBackgroundColor = "#ff9100";
|
|
913
|
+
export const amsSpotlightYellowBackgroundColor = "#ffe600";
|
|
914
|
+
export const amsStandaloneLinkColor = "#004699";
|
|
915
|
+
export const amsStandaloneLinkColumnGap =
|
|
916
|
+
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
917
|
+
export const amsStandaloneLinkFontFamily =
|
|
918
|
+
"'Amsterdam Sans', Arial, sans-serif";
|
|
919
|
+
export const amsStandaloneLinkFontSize =
|
|
920
|
+
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
921
|
+
export const amsStandaloneLinkFontWeight = "400";
|
|
922
|
+
export const amsStandaloneLinkLineHeight = "1.6667";
|
|
923
|
+
export const amsStandaloneLinkOutlineOffset = "0.125rem";
|
|
924
|
+
export const amsStandaloneLinkTextDecorationThickness = "0.125rem";
|
|
925
|
+
export const amsStandaloneLinkTextUnderlineOffset = "0.3333em";
|
|
926
|
+
export const amsStandaloneLinkContrastColor = "#000000";
|
|
927
|
+
export const amsStandaloneLinkContrastHoverColor = "#000000";
|
|
928
|
+
export const amsStandaloneLinkHoverColor = "#003677";
|
|
929
|
+
export const amsStandaloneLinkHoverTextDecorationThickness = "0.1875rem";
|
|
930
|
+
export const amsStandaloneLinkHoverTextUnderlineOffset = "0.2778em";
|
|
931
|
+
export const amsStandaloneLinkInverseColor = "#ffffff";
|
|
932
|
+
export const amsStandaloneLinkInverseHoverColor = "#ffffff";
|
|
933
|
+
export const amsStandaloneLinkWithIconTextDecorationLine = "none";
|
|
934
|
+
export const amsStandaloneLinkWithIconHoverTextDecorationLine = "underline";
|
|
890
935
|
export const amsSwitchBackgroundColor = "#767676";
|
|
891
|
-
export const
|
|
936
|
+
export const amsSwitchCursor = "pointer";
|
|
892
937
|
export const amsSwitchOutlineOffset = "0.125rem";
|
|
893
938
|
export const amsSwitchInlineSize = "3.5rem";
|
|
894
|
-
export const amsSwitchThumbBackgroundColor = "#
|
|
939
|
+
export const amsSwitchThumbBackgroundColor = "#ffffff";
|
|
895
940
|
export const amsSwitchThumbInlineSize = "1.75rem";
|
|
896
941
|
export const amsSwitchThumbBlockSize = "1.75rem";
|
|
897
|
-
export const amsSwitchThumbHoverBoxShadow = "0 0 0 0.125rem #
|
|
898
|
-
export const amsSwitchThumbHoverColor = "#
|
|
942
|
+
export const amsSwitchThumbHoverBoxShadow = "0 0 0 0.125rem #003677";
|
|
943
|
+
export const amsSwitchThumbHoverColor = "#003677";
|
|
899
944
|
export const amsSwitchCheckedBackgroundColor = "#004699";
|
|
900
945
|
export const amsSwitchDisabledBackgroundColor = "#767676";
|
|
946
|
+
export const amsSwitchDisabledCursor = "not-allowed";
|
|
901
947
|
export const amsTableOfContentsFontFamily =
|
|
902
948
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
903
949
|
export const amsTableOfContentsFontSize =
|
|
904
950
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
905
|
-
export const amsTableOfContentsFontWeight = 400;
|
|
951
|
+
export const amsTableOfContentsFontWeight = "400";
|
|
906
952
|
export const amsTableOfContentsGap =
|
|
907
953
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
908
|
-
export const amsTableOfContentsLineHeight = "1.
|
|
954
|
+
export const amsTableOfContentsLineHeight = "1.6667";
|
|
909
955
|
export const amsTableOfContentsLinkColor = "#004699";
|
|
910
956
|
export const amsTableOfContentsLinkOutlineOffset = "0.125rem";
|
|
911
957
|
export const amsTableOfContentsLinkTextDecorationLine = "none";
|
|
912
958
|
export const amsTableOfContentsLinkTextDecorationThickness = "0.125rem";
|
|
913
959
|
export const amsTableOfContentsLinkTextUnderlineOffset = "0.3333em";
|
|
914
|
-
export const amsTableOfContentsLinkHoverColor = "#
|
|
960
|
+
export const amsTableOfContentsLinkHoverColor = "#003677";
|
|
915
961
|
export const amsTableOfContentsLinkHoverTextDecorationLine = "underline";
|
|
916
962
|
export const amsTableOfContentsListGap =
|
|
917
963
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
@@ -919,97 +965,95 @@ export const amsTableOfContentsListListPaddingBlockStart =
|
|
|
919
965
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
920
966
|
export const amsTableOfContentsListListPaddingInlineStart =
|
|
921
967
|
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
|
|
922
|
-
export const amsTableOfContentsHeadingFontWeight = 800;
|
|
968
|
+
export const amsTableOfContentsHeadingFontWeight = "800";
|
|
923
969
|
export const amsTableOfContentsHeadingFontSize =
|
|
924
970
|
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
|
|
925
|
-
export const amsTableOfContentsHeadingLineHeight = "1.
|
|
926
|
-
export const amsTableColor = "#
|
|
971
|
+
export const amsTableOfContentsHeadingLineHeight = "1.2928";
|
|
972
|
+
export const amsTableColor = "#181818";
|
|
927
973
|
export const amsTableFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
928
974
|
export const amsTableFontSize =
|
|
929
975
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
930
|
-
export const amsTableFontWeight = 400;
|
|
931
|
-
export const amsTableLineHeight = "1.
|
|
932
|
-
export const amsTableCaptionFontWeight = 800;
|
|
933
|
-
export const amsTableCellBorderBlockEnd = "0.0625rem solid #d1d1d1";
|
|
976
|
+
export const amsTableFontWeight = "400";
|
|
977
|
+
export const amsTableLineHeight = "1.6667";
|
|
978
|
+
export const amsTableCaptionFontWeight = "800";
|
|
979
|
+
export const amsTableCellBorderBlockEnd = "0.0625rem solid #d1d1d1";
|
|
934
980
|
export const amsTableCellPaddingBlock =
|
|
935
981
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
936
982
|
export const amsTableCellPaddingInline =
|
|
937
983
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
938
|
-
export const amsTableHeaderCellFontWeight = 800;
|
|
984
|
+
export const amsTableHeaderCellFontWeight = "800";
|
|
939
985
|
export const amsTabsGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
940
|
-
export const amsTabsListBoxShadow = "inset 0 calc(0.125rem * -1) #d1d1d1";
|
|
986
|
+
export const amsTabsListBoxShadow = "inset 0 calc(0.125rem * -1) #d1d1d1";
|
|
941
987
|
export const amsTabsButtonColor = "#004699";
|
|
942
988
|
export const amsTabsButtonCursor = "pointer";
|
|
943
989
|
export const amsTabsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
944
990
|
export const amsTabsButtonFontSize =
|
|
945
991
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
946
|
-
export const amsTabsButtonFontWeight = 400;
|
|
947
|
-
export const amsTabsButtonLineHeight = "1.
|
|
992
|
+
export const amsTabsButtonFontWeight = "400";
|
|
993
|
+
export const amsTabsButtonLineHeight = "1.6667";
|
|
948
994
|
export const amsTabsButtonOutlineOffset = "-0.25rem";
|
|
949
995
|
export const amsTabsButtonPaddingBlock =
|
|
950
996
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
951
997
|
export const amsTabsButtonPaddingInline =
|
|
952
998
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
953
|
-
export const amsTabsButtonHoverColor = "#
|
|
954
|
-
export const amsTabsButtonHoverBoxShadow =
|
|
955
|
-
|
|
956
|
-
export const
|
|
957
|
-
"inset 0 calc(0.25rem * -1) #004699";
|
|
958
|
-
export const amsTabsButtonSelectedColor = "#004699";
|
|
959
|
-
export const amsTabsButtonSelectedFontWeight = 800;
|
|
999
|
+
export const amsTabsButtonHoverColor = "#003677";
|
|
1000
|
+
export const amsTabsButtonHoverBoxShadow = "inset 0 calc(0.125rem * -1)";
|
|
1001
|
+
export const amsTabsButtonSelectedBoxShadow = "inset 0 calc(0.25rem * -1)";
|
|
1002
|
+
export const amsTabsButtonSelectedFontWeight = "800";
|
|
960
1003
|
export const amsTabsButtonDisabledColor = "#767676";
|
|
961
1004
|
export const amsTabsButtonDisabledCursor = "not-allowed";
|
|
962
|
-
export const amsTextAreaBackgroundColor = "#
|
|
963
|
-
export const amsTextAreaBoxShadow = "inset 0 0 0 0.0625rem #
|
|
964
|
-
export const amsTextAreaColor = "#
|
|
1005
|
+
export const amsTextAreaBackgroundColor = "#ffffff";
|
|
1006
|
+
export const amsTextAreaBoxShadow = "inset 0 0 0 0.0625rem #181818";
|
|
1007
|
+
export const amsTextAreaColor = "#181818";
|
|
965
1008
|
export const amsTextAreaFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
966
1009
|
export const amsTextAreaFontSize =
|
|
967
1010
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
968
|
-
export const amsTextAreaFontWeight = 400;
|
|
969
|
-
export const amsTextAreaLineHeight = "1.
|
|
1011
|
+
export const amsTextAreaFontWeight = "400";
|
|
1012
|
+
export const amsTextAreaLineHeight = "1.6667";
|
|
970
1013
|
export const amsTextAreaMinBlockSize =
|
|
971
|
-
"calc(1.
|
|
1014
|
+
"calc(1.6667 * 1em + 2 * clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem))";
|
|
972
1015
|
export const amsTextAreaOutlineOffset = "0.125rem";
|
|
973
1016
|
export const amsTextAreaPaddingBlock =
|
|
974
1017
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
975
1018
|
export const amsTextAreaPaddingInline =
|
|
976
1019
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
977
|
-
export const amsTextAreaDisabledBackgroundColor = "#
|
|
1020
|
+
export const amsTextAreaDisabledBackgroundColor = "#ffffff";
|
|
978
1021
|
export const amsTextAreaDisabledBoxShadow = "inset 0 0 0 0.0625rem #767676";
|
|
979
1022
|
export const amsTextAreaDisabledColor = "#767676";
|
|
980
1023
|
export const amsTextAreaDisabledCursor = "not-allowed";
|
|
981
|
-
export const amsTextAreaHoverBoxShadow = "inset 0 0 0 0.125rem #
|
|
982
|
-
export const amsTextAreaInvalidBoxShadow = "inset 0 0 0 0.0625rem #
|
|
983
|
-
export const amsTextAreaInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #
|
|
1024
|
+
export const amsTextAreaHoverBoxShadow = "inset 0 0 0 0.125rem #181818";
|
|
1025
|
+
export const amsTextAreaInvalidBoxShadow = "inset 0 0 0 0.0625rem #ec0000";
|
|
1026
|
+
export const amsTextAreaInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #b70000";
|
|
984
1027
|
export const amsTextAreaPlaceholderColor = "#767676";
|
|
985
|
-
export const amsTextInputBackgroundColor = "#
|
|
986
|
-
export const amsTextInputBoxShadow = "inset 0 0 0 0.0625rem #
|
|
987
|
-
export const amsTextInputColor = "#
|
|
1028
|
+
export const amsTextInputBackgroundColor = "#ffffff";
|
|
1029
|
+
export const amsTextInputBoxShadow = "inset 0 0 0 0.0625rem #181818";
|
|
1030
|
+
export const amsTextInputColor = "#181818";
|
|
988
1031
|
export const amsTextInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
989
1032
|
export const amsTextInputFontSize =
|
|
990
1033
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
991
|
-
export const amsTextInputFontWeight = 400;
|
|
992
|
-
export const amsTextInputLineHeight = "1.
|
|
1034
|
+
export const amsTextInputFontWeight = "400";
|
|
1035
|
+
export const amsTextInputLineHeight = "1.6667";
|
|
993
1036
|
export const amsTextInputOutlineOffset = "0.125rem";
|
|
994
1037
|
export const amsTextInputPaddingBlock =
|
|
995
1038
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
996
1039
|
export const amsTextInputPaddingInline =
|
|
997
1040
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
998
|
-
export const amsTextInputDisabledBackgroundColor = "#
|
|
1041
|
+
export const amsTextInputDisabledBackgroundColor = "#ffffff";
|
|
999
1042
|
export const amsTextInputDisabledBoxShadow = "inset 0 0 0 0.0625rem #767676";
|
|
1000
1043
|
export const amsTextInputDisabledColor = "#767676";
|
|
1001
|
-
export const
|
|
1002
|
-
export const
|
|
1003
|
-
export const
|
|
1044
|
+
export const amsTextInputDisabledCursor = "not-allowed";
|
|
1045
|
+
export const amsTextInputHoverBoxShadow = "inset 0 0 0 0.125rem #181818";
|
|
1046
|
+
export const amsTextInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #ec0000";
|
|
1047
|
+
export const amsTextInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #b70000";
|
|
1004
1048
|
export const amsTextInputPlaceholderColor = "#767676";
|
|
1005
|
-
export const amsTimeInputBackgroundColor = "#
|
|
1006
|
-
export const amsTimeInputBoxShadow = "inset 0 0 0 0.0625rem #
|
|
1007
|
-
export const amsTimeInputColor = "#
|
|
1049
|
+
export const amsTimeInputBackgroundColor = "#ffffff";
|
|
1050
|
+
export const amsTimeInputBoxShadow = "inset 0 0 0 0.0625rem #181818";
|
|
1051
|
+
export const amsTimeInputColor = "#181818";
|
|
1008
1052
|
export const amsTimeInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
1009
1053
|
export const amsTimeInputFontSize =
|
|
1010
1054
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
1011
|
-
export const amsTimeInputFontWeight = 400;
|
|
1012
|
-
export const amsTimeInputLineHeight = "1.
|
|
1055
|
+
export const amsTimeInputFontWeight = "400";
|
|
1056
|
+
export const amsTimeInputLineHeight = "1.6667";
|
|
1013
1057
|
export const amsTimeInputOutlineOffset = "0.125rem";
|
|
1014
1058
|
export const amsTimeInputPaddingBlock =
|
|
1015
1059
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
@@ -1017,48 +1061,31 @@ export const amsTimeInputPaddingInline =
|
|
|
1017
1061
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
1018
1062
|
export const amsTimeInputCalenderPickerIndicatorBackgroundImage =
|
|
1019
1063
|
"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>\")";
|
|
1020
|
-
export const
|
|
1064
|
+
export const amsTimeInputCalenderPickerIndicatorCursor = "pointer";
|
|
1065
|
+
export const amsTimeInputDisabledBackgroundColor = "#ffffff";
|
|
1021
1066
|
export const amsTimeInputDisabledBoxShadow = "inset 0 0 0 0.0625rem #767676";
|
|
1022
1067
|
export const amsTimeInputDisabledColor = "#767676";
|
|
1068
|
+
export const amsTimeInputDisabledCursor = "not-allowed";
|
|
1023
1069
|
export const amsTimeInputDisabledCalenderPickerIndicatorBackgroundImage =
|
|
1024
1070
|
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23BEBEBE'><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>\")";
|
|
1025
|
-
export const amsTimeInputHoverBoxShadow = "inset 0 0 0 0.125rem #
|
|
1071
|
+
export const amsTimeInputHoverBoxShadow = "inset 0 0 0 0.125rem #181818";
|
|
1026
1072
|
export const amsTimeInputHoverCalenderPickerIndicatorBackgroundImage =
|
|
1027
1073
|
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23102E62'><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>\")";
|
|
1028
|
-
export const amsTimeInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #
|
|
1029
|
-
export const amsTimeInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #
|
|
1030
|
-
export const
|
|
1031
|
-
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
1032
|
-
export const amsTopTaskLinkDescriptionColor = "#000000";
|
|
1033
|
-
export const amsTopTaskLinkDescriptionFontFamily =
|
|
1034
|
-
"'Amsterdam Sans', Arial, sans-serif";
|
|
1035
|
-
export const amsTopTaskLinkDescriptionFontSize =
|
|
1036
|
-
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
1037
|
-
export const amsTopTaskLinkDescriptionFontWeight = 400;
|
|
1038
|
-
export const amsTopTaskLinkDescriptionLineHeight = "1.6";
|
|
1039
|
-
export const amsTopTaskLinkLabelColor = "#004699";
|
|
1040
|
-
export const amsTopTaskLinkLabelFontFamily =
|
|
1041
|
-
"'Amsterdam Sans', Arial, sans-serif";
|
|
1042
|
-
export const amsTopTaskLinkLabelFontSize =
|
|
1043
|
-
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
|
|
1044
|
-
export const amsTopTaskLinkLabelFontWeight = 800;
|
|
1045
|
-
export const amsTopTaskLinkLabelLineHeight = "1.5";
|
|
1046
|
-
export const amsTopTaskLinkLabelTextDecorationLine = "none";
|
|
1047
|
-
export const amsTopTaskLinkLabelTextDecorationThickness = "0.125rem";
|
|
1048
|
-
export const amsTopTaskLinkLabelTextUnderlineOffset = "0.3333em";
|
|
1049
|
-
export const amsTopTaskLinkLabelHoverColor = "#102E62";
|
|
1050
|
-
export const amsTopTaskLinkLabelHoverTextDecorationLine = "underline";
|
|
1051
|
-
export const amsTopTaskLinkOutlineOffset = "0.125rem";
|
|
1052
|
-
export const amsUnorderedListColor = "#000000";
|
|
1074
|
+
export const amsTimeInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #ec0000";
|
|
1075
|
+
export const amsTimeInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #b70000";
|
|
1076
|
+
export const amsUnorderedListColor = "#181818";
|
|
1053
1077
|
export const amsUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
1054
1078
|
export const amsUnorderedListFontSize =
|
|
1055
1079
|
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
|
|
1056
|
-
export const amsUnorderedListFontWeight = 400;
|
|
1080
|
+
export const amsUnorderedListFontWeight = "400";
|
|
1057
1081
|
export const amsUnorderedListGap =
|
|
1058
1082
|
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
|
|
1059
|
-
export const
|
|
1060
|
-
export const amsUnorderedListLineHeight = "1.6";
|
|
1083
|
+
export const amsUnorderedListLineHeight = "1.6667";
|
|
1061
1084
|
export const amsUnorderedListListStyleType = "'\\2022'";
|
|
1085
|
+
export const amsUnorderedListInverseColor = "#ffffff";
|
|
1086
|
+
export const amsUnorderedListSmallFontSize =
|
|
1087
|
+
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
1088
|
+
export const amsUnorderedListSmallLineHeight = "1.5152";
|
|
1062
1089
|
export const amsUnorderedListItemMarginInlineStart = "1.625rem"; // Divide your total indentation width over margin and padding to position the marker.
|
|
1063
1090
|
export const amsUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
|
|
1064
1091
|
export const amsUnorderedListUnorderedListGap =
|
|
@@ -1069,6 +1096,3 @@ export const amsUnorderedListUnorderedListPaddingBlockStart =
|
|
|
1069
1096
|
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
|
|
1070
1097
|
export const amsUnorderedListUnorderedListItemMarginInlineStart = "0.875rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
|
|
1071
1098
|
export const amsUnorderedListUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
|
|
1072
|
-
export const amsUnorderedListSmallFontSize =
|
|
1073
|
-
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
|
|
1074
|
-
export const amsUnorderedListSmallLineHeight = "1.6";
|