@amsterdam/design-system-tokens 3.2.0 → 3.4.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 +18 -0
- package/dist/compact.css +2 -0
- package/dist/compact.d.ts +4 -0
- package/dist/compact.json +5 -1
- package/dist/compact.mjs +2 -0
- package/dist/compact.scss +2 -0
- package/dist/compact.theme.css +2 -0
- package/dist/index.css +103 -88
- package/dist/index.d.ts +194 -169
- package/dist/index.json +249 -224
- package/dist/index.mjs +179 -169
- package/dist/index.scss +103 -88
- package/dist/index.theme.css +103 -88
- package/package.json +2 -2
- package/src/brand/ams/border.compact.tokens.json +20 -0
- package/src/brand/ams/border.tokens.json +20 -0
- package/src/brand/ams/color.tokens.json +5 -0
- package/src/brand/ams/typography.compact.tokens.json +18 -0
- package/src/brand/ams/typography.tokens.json +35 -3
- package/src/components/ams/accordion.tokens.json +38 -0
- package/src/components/ams/checkbox.tokens.json +40 -0
- package/src/components/ams/date-input.tokens.json +28 -0
- package/src/components/ams/description-list.tokens.json +29 -2
- package/src/components/ams/field-set.tokens.json +8 -0
- package/src/components/ams/field.tokens.json +8 -0
- package/src/components/ams/file-input.tokens.json +1 -0
- package/src/components/ams/icon.tokens.json +16 -0
- package/src/components/ams/menu.tokens.json +28 -0
- package/src/components/ams/page-header.tokens.json +1 -1
- package/src/components/ams/{page-heading.deprecated.tokens.json → page-heading.tokens.json} +7 -7
- package/src/components/ams/progress-list.tokens.json +51 -0
- package/src/components/ams/select.tokens.json +2 -0
- package/src/components/ams/standalone-link.tokens.json +30 -0
- package/src/components/ams/switch.tokens.json +17 -1
- package/src/components/ams/table-of-contents.tokens.json +21 -0
- package/src/components/ams/tabs.tokens.json +3 -3
- package/src/components/ams/text-input.tokens.json +2 -0
- package/src/components/ams/time-input.tokens.json +30 -0
- package/src/brand/ams/color.deprecated.tokens.json +0 -13
- package/src/brand/ams/typography.deprecated.compact.tokens.json +0 -26
- package/src/brand/ams/typography.deprecated.tokens.json +0 -40
- package/src/components/ams/accordion.deprecated.tokens.json +0 -39
- package/src/components/ams/checkbox.deprecated.tokens.json +0 -59
- package/src/components/ams/date-input.deprecated.tokens.json +0 -38
- package/src/components/ams/field-set.deprecated.tokens.json +0 -16
- package/src/components/ams/field.deprecated.tokens.json +0 -14
- package/src/components/ams/icon.deprecated.tokens.json +0 -22
- package/src/components/ams/menu.deprecated.tokens.json +0 -36
- package/src/components/ams/standalone-link.deprecated.tokens.json +0 -38
- package/src/components/ams/table-of-contents.deprecated.tokens.json +0 -24
- package/src/components/ams/time-input.deprecated.tokens.json +0 -38
package/dist/index.mjs
CHANGED
|
@@ -12,14 +12,8 @@ export const amsBorderWidthS = "0.0625rem";
|
|
|
12
12
|
export const amsBorderWidthM = "0.125rem";
|
|
13
13
|
export const amsBorderWidthL = "0.1875rem";
|
|
14
14
|
export const amsBorderWidthXl = "0.25rem";
|
|
15
|
-
export const
|
|
16
|
-
export const
|
|
17
|
-
export const amsColorInteractive = "#004699";
|
|
18
|
-
export const amsColorInteractiveDisabled = "#767676";
|
|
19
|
-
export const amsColorInteractiveHover = "#003677";
|
|
20
|
-
export const amsColorInteractiveInvalid = "#ec0000";
|
|
21
|
-
export const amsColorInteractiveInvalidHover = "#b70000";
|
|
22
|
-
export const amsColorInteractiveInverse = "#ffffff";
|
|
15
|
+
export const amsBorderWidthNegativeM = "-0.125rem";
|
|
16
|
+
export const amsBorderWidthNegativeXl = "-0.25rem";
|
|
23
17
|
export const amsColorBackground = "#ffffff";
|
|
24
18
|
export const amsColorFeedbackError = "#ec0000";
|
|
25
19
|
export const amsColorFeedbackInfo = "#009de6";
|
|
@@ -32,6 +26,14 @@ export const amsColorHighlightMagenta = "#e50082";
|
|
|
32
26
|
export const amsColorHighlightOrange = "#ff9100";
|
|
33
27
|
export const amsColorHighlightPurple = "#a00078";
|
|
34
28
|
export const amsColorHighlightYellow = "#ffe600";
|
|
29
|
+
export const amsColorInteractiveContrast = "#202020";
|
|
30
|
+
export const amsColorInteractive = "#004699";
|
|
31
|
+
export const amsColorInteractiveDisabled = "#767676";
|
|
32
|
+
export const amsColorInteractiveHover = "#003677";
|
|
33
|
+
export const amsColorInteractiveInvalid = "#ec0000";
|
|
34
|
+
export const amsColorInteractiveInvalidHover = "#b70000";
|
|
35
|
+
export const amsColorInteractiveInverse = "#ffffff";
|
|
36
|
+
export const amsColorInteractiveSecondary = "#202020";
|
|
35
37
|
export const amsColorProgressCurrent = "#00893c";
|
|
36
38
|
export const amsColorProgressCompleted = "#00893c";
|
|
37
39
|
export const amsColorProgressUpcoming = "#767676";
|
|
@@ -48,6 +50,21 @@ export const amsSpaceM = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
|
48
50
|
export const amsSpaceL = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
49
51
|
export const amsSpaceXl = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
50
52
|
export const amsSpace_2xl = "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
|
|
53
|
+
export const amsTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
54
|
+
export const amsTypographyHyphenateLimitChars = "auto";
|
|
55
|
+
export const amsTypographyBodyTextFontSize =
|
|
56
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
57
|
+
export const amsTypographyBodyTextFontWeight = "400";
|
|
58
|
+
export const amsTypographyBodyTextLineHeight = "1.6";
|
|
59
|
+
export const amsTypographyBodyTextBoldFontWeight = "800";
|
|
60
|
+
export const amsTypographyBodyTextSmallFontSize = "1rem";
|
|
61
|
+
export const amsTypographyBodyTextSmallLineHeight = "1.5";
|
|
62
|
+
export const amsTypographyBodyTextLargeFontSize =
|
|
63
|
+
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
64
|
+
export const amsTypographyBodyTextLargeLineHeight = "1.5";
|
|
65
|
+
export const amsTypographyBodyTextXLargeFontSize =
|
|
66
|
+
"clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
|
|
67
|
+
export const amsTypographyBodyTextXLargeLineHeight = "1.4";
|
|
51
68
|
export const amsTypographyHeading_0FontSize =
|
|
52
69
|
"clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)";
|
|
53
70
|
export const amsTypographyHeading_0LineHeight = "1.1";
|
|
@@ -69,21 +86,6 @@ export const amsTypographyHeading_6FontSize = "1rem";
|
|
|
69
86
|
export const amsTypographyHeading_6LineHeight = "1.4";
|
|
70
87
|
export const amsTypographyHeadingFontWeight = "800";
|
|
71
88
|
export const amsTypographyHeadingTextWrap = "balance";
|
|
72
|
-
export const amsTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
73
|
-
export const amsTypographyHyphenateLimitChars = "auto";
|
|
74
|
-
export const amsTypographyBodyTextFontSize =
|
|
75
|
-
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
76
|
-
export const amsTypographyBodyTextFontWeight = "400";
|
|
77
|
-
export const amsTypographyBodyTextLineHeight = "1.8";
|
|
78
|
-
export const amsTypographyBodyTextBoldFontWeight = "800";
|
|
79
|
-
export const amsTypographyBodyTextSmallFontSize = "1rem";
|
|
80
|
-
export const amsTypographyBodyTextSmallLineHeight = "1.6";
|
|
81
|
-
export const amsTypographyBodyTextLargeFontSize =
|
|
82
|
-
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
83
|
-
export const amsTypographyBodyTextLargeLineHeight = "1.6";
|
|
84
|
-
export const amsTypographyBodyTextXLargeFontSize =
|
|
85
|
-
"clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
|
|
86
|
-
export const amsTypographyBodyTextXLargeLineHeight = "1.4";
|
|
87
89
|
export const amsInputsBackgroundColor = "#ffffff";
|
|
88
90
|
export const amsInputsBorderColor = "currentColor";
|
|
89
91
|
export const amsInputsBorderStyle = "solid";
|
|
@@ -119,6 +121,7 @@ export const amsLinksContrastColor = "#202020";
|
|
|
119
121
|
export const amsLinksContrastHoverColor = "#202020";
|
|
120
122
|
export const amsLinksInverseColor = "#ffffff";
|
|
121
123
|
export const amsLinksInverseHoverColor = "#ffffff";
|
|
124
|
+
export const amsAccordionGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
122
125
|
export const amsAccordionButtonFontFamily =
|
|
123
126
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
124
127
|
export const amsAccordionButtonFontSize =
|
|
@@ -137,7 +140,6 @@ export const amsAccordionButtonPaddingInline = "0";
|
|
|
137
140
|
export const amsAccordionButtonHoverColor = "#003677";
|
|
138
141
|
export const amsAccordionPanelPaddingBlock = "0";
|
|
139
142
|
export const amsAccordionPanelPaddingInline = "0";
|
|
140
|
-
export const amsAccordionGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
141
143
|
export const amsActionGroupGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
142
144
|
export const amsAlertBackgroundColor = "#ffffff";
|
|
143
145
|
export const amsAlertBorderColor = "#009de6";
|
|
@@ -169,7 +171,7 @@ export const amsAvatarColor = "#ffffff";
|
|
|
169
171
|
export const amsAvatarFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
170
172
|
export const amsAvatarFontSize = "1rem";
|
|
171
173
|
export const amsAvatarFontWeight = "400";
|
|
172
|
-
export const amsAvatarLineHeight = "1.
|
|
174
|
+
export const amsAvatarLineHeight = "1.5";
|
|
173
175
|
export const amsAvatarPaddingBlock =
|
|
174
176
|
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
175
177
|
export const amsAvatarPaddingInline =
|
|
@@ -200,7 +202,7 @@ export const amsBadgeFontSize =
|
|
|
200
202
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
201
203
|
export const amsBadgeFontWeight = "800";
|
|
202
204
|
export const amsBadgeGap = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
203
|
-
export const amsBadgeLineHeight = "1.
|
|
205
|
+
export const amsBadgeLineHeight = "1.6";
|
|
204
206
|
export const amsBadgePaddingInline =
|
|
205
207
|
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
206
208
|
export const amsBadgeAzureBackgroundColor = "#009de6";
|
|
@@ -228,7 +230,7 @@ export const amsBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
|
228
230
|
export const amsBreadcrumbFontSize =
|
|
229
231
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
230
232
|
export const amsBreadcrumbFontWeight = "400";
|
|
231
|
-
export const amsBreadcrumbLineHeight = "1.
|
|
233
|
+
export const amsBreadcrumbLineHeight = "1.6";
|
|
232
234
|
export const amsBreadcrumbSeparatorBackgroundImage =
|
|
233
235
|
"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>\")";
|
|
234
236
|
export const amsBreadcrumbSeparatorBlockSize = "1ex";
|
|
@@ -289,7 +291,7 @@ export const amsCallToActionLinkFontFamily =
|
|
|
289
291
|
export const amsCallToActionLinkFontSize =
|
|
290
292
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
291
293
|
export const amsCallToActionLinkFontWeight = "400";
|
|
292
|
-
export const amsCallToActionLinkLineHeight = "1.
|
|
294
|
+
export const amsCallToActionLinkLineHeight = "1.6";
|
|
293
295
|
export const amsCallToActionLinkOutlineOffset = "0.25rem";
|
|
294
296
|
export const amsCallToActionLinkPaddingBlock =
|
|
295
297
|
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
@@ -320,33 +322,8 @@ export const amsCharacterCountFontFamily =
|
|
|
320
322
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
321
323
|
export const amsCharacterCountFontSize = "1rem";
|
|
322
324
|
export const amsCharacterCountFontWeight = "400";
|
|
323
|
-
export const amsCharacterCountLineHeight = "1.
|
|
325
|
+
export const amsCharacterCountLineHeight = "1.5";
|
|
324
326
|
export const amsCharacterCountErrorColor = "#ec0000";
|
|
325
|
-
export const amsCheckboxHoverTextDecorationThickness = "0.125rem";
|
|
326
|
-
export const amsCheckboxHoverColor = "#003677";
|
|
327
|
-
export const amsCheckboxHoverTextDecorationLine = "underline";
|
|
328
|
-
export const amsCheckboxRectangleCheckedDisabledHoverFill = "#767676";
|
|
329
|
-
export const amsCheckboxRectangleCheckedDisabledFill = "#767676";
|
|
330
|
-
export const amsCheckboxRectangleCheckedHoverDisabledInvalidFill = "#767676";
|
|
331
|
-
export const amsCheckboxRectangleCheckedHoverFill = "#003677";
|
|
332
|
-
export const amsCheckboxRectangleCheckedFill = "#004699";
|
|
333
|
-
export const amsCheckboxRectangleCheckedInvalidFill = "#ec0000";
|
|
334
|
-
export const amsCheckboxRectangleCheckedInvalidHoverFill = "#b70000";
|
|
335
|
-
export const amsCheckboxRectangleHoverDisabledInvalidStroke = "#767676";
|
|
336
|
-
export const amsCheckboxRectangleHoverStroke = "#003677";
|
|
337
|
-
export const amsCheckboxRectangleIndeterminateDisabledHoverFill = "#767676";
|
|
338
|
-
export const amsCheckboxRectangleIndeterminateDisabledFill = "#767676";
|
|
339
|
-
export const amsCheckboxRectangleIndeterminateHoverDisabledInvalidFill =
|
|
340
|
-
"#767676";
|
|
341
|
-
export const amsCheckboxRectangleIndeterminateHoverFill = "#003677";
|
|
342
|
-
export const amsCheckboxRectangleIndeterminateFill = "#004699";
|
|
343
|
-
export const amsCheckboxRectangleIndeterminateInvalidFill = "#ec0000";
|
|
344
|
-
export const amsCheckboxRectangleIndeterminateInvalidHoverFill = "#b70000";
|
|
345
|
-
export const amsCheckboxRectangleFill = "#ffffff";
|
|
346
|
-
export const amsCheckboxRectangleStroke = "#004699";
|
|
347
|
-
export const amsCheckboxRectangleDisabledStroke = "#767676";
|
|
348
|
-
export const amsCheckboxRectangleInvalidStroke = "#ec0000";
|
|
349
|
-
export const amsCheckboxRectangleInvalidHoverStroke = "#b70000";
|
|
350
327
|
export const amsCheckboxColor = "#202020";
|
|
351
328
|
export const amsCheckboxCursor = "pointer";
|
|
352
329
|
export const amsCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
@@ -354,20 +331,45 @@ export const amsCheckboxFontSize =
|
|
|
354
331
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
355
332
|
export const amsCheckboxFontWeight = "400";
|
|
356
333
|
export const amsCheckboxGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
357
|
-
export const amsCheckboxLineHeight = "1.
|
|
334
|
+
export const amsCheckboxLineHeight = "1.6";
|
|
358
335
|
export const amsCheckboxOutlineOffset = "0.25rem";
|
|
359
336
|
export const amsCheckboxTextDecorationThickness = "0.125rem";
|
|
360
337
|
export const amsCheckboxTextUnderlineOffset = "0.15625rem";
|
|
361
338
|
export const amsCheckboxDisabledCursor = "not-allowed";
|
|
362
339
|
export const amsCheckboxDisabledColor = "#767676";
|
|
340
|
+
export const amsCheckboxHoverColor = "#003677";
|
|
341
|
+
export const amsCheckboxHoverTextDecorationLine = "underline";
|
|
342
|
+
export const amsCheckboxHoverTextDecorationThickness = "0.125rem";
|
|
363
343
|
export const amsCheckboxCheckedIndicatorStroke = "#ffffff";
|
|
364
344
|
export const amsCheckboxHoverIndicatorHoverStroke = "#003677";
|
|
365
345
|
export const amsCheckboxHoverIndicatorInvalidHoverStroke = "#b70000";
|
|
366
346
|
export const amsCheckboxIconContainerBlockSize =
|
|
367
|
-
"calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.
|
|
347
|
+
"calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)";
|
|
368
348
|
export const amsCheckboxIconContainerInlineSize =
|
|
369
349
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
370
350
|
export const amsCheckboxIndeterminateIndicatorStroke = "#ffffff";
|
|
351
|
+
export const amsCheckboxRectangleFill = "#ffffff";
|
|
352
|
+
export const amsCheckboxRectangleStroke = "#004699";
|
|
353
|
+
export const amsCheckboxRectangleCheckedFill = "#004699";
|
|
354
|
+
export const amsCheckboxRectangleCheckedDisabledFill = "#767676";
|
|
355
|
+
export const amsCheckboxRectangleCheckedDisabledHoverFill = "#767676";
|
|
356
|
+
export const amsCheckboxRectangleCheckedHoverFill = "#003677";
|
|
357
|
+
export const amsCheckboxRectangleCheckedHoverDisabledInvalidFill = "#767676";
|
|
358
|
+
export const amsCheckboxRectangleCheckedInvalidFill = "#ec0000";
|
|
359
|
+
export const amsCheckboxRectangleCheckedInvalidHoverFill = "#b70000";
|
|
360
|
+
export const amsCheckboxRectangleDisabledStroke = "#767676";
|
|
361
|
+
export const amsCheckboxRectangleHoverStroke = "#003677";
|
|
362
|
+
export const amsCheckboxRectangleHoverDisabledInvalidStroke = "#767676";
|
|
363
|
+
export const amsCheckboxRectangleIndeterminateFill = "#004699";
|
|
364
|
+
export const amsCheckboxRectangleIndeterminateDisabledFill = "#767676";
|
|
365
|
+
export const amsCheckboxRectangleIndeterminateDisabledHoverFill = "#767676";
|
|
366
|
+
export const amsCheckboxRectangleIndeterminateHoverFill = "#003677";
|
|
367
|
+
export const amsCheckboxRectangleIndeterminateHoverDisabledInvalidFill =
|
|
368
|
+
"#767676";
|
|
369
|
+
export const amsCheckboxRectangleIndeterminateInvalidFill = "#ec0000";
|
|
370
|
+
export const amsCheckboxRectangleIndeterminateInvalidHoverFill = "#b70000";
|
|
371
|
+
export const amsCheckboxRectangleInvalidStroke = "#ec0000";
|
|
372
|
+
export const amsCheckboxRectangleInvalidHoverStroke = "#b70000";
|
|
371
373
|
export const amsColumnGapXSmall =
|
|
372
374
|
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
373
375
|
export const amsColumnGapSmall = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
@@ -375,20 +377,6 @@ export const amsColumnGapMedium = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
|
375
377
|
export const amsColumnGapLarge = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
376
378
|
export const amsColumnGapXLarge =
|
|
377
379
|
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
|
|
378
|
-
export const amsDateInputDisabledCalendarPickerIndicatorBackgroundImage =
|
|
379
|
-
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
|
|
380
|
-
export const amsDateInputDisabledCalenderPickerIndicatorBackgroundImage =
|
|
381
|
-
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
|
|
382
|
-
export const amsDateInputDisabledColor = "#767676";
|
|
383
|
-
export const amsDateInputDisabledCursor = "not-allowed";
|
|
384
|
-
export const amsDateInputHoverCalenderPickerIndicatorBackgroundImage =
|
|
385
|
-
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
|
|
386
|
-
export const amsDateInputHoverBoxShadow = "0 0 0 #000000";
|
|
387
|
-
export const amsDateInputHoverCalendarPickerIndicatorBackgroundImage =
|
|
388
|
-
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
|
|
389
|
-
export const amsDateInputCalenderPickerIndicatorBackgroundImage =
|
|
390
|
-
"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>\")";
|
|
391
|
-
export const amsDateInputCalenderPickerIndicatorCursor = "pointer";
|
|
392
380
|
export const amsDateInputBackgroundColor = "#ffffff";
|
|
393
381
|
export const amsDateInputBorderColor = "currentColor";
|
|
394
382
|
export const amsDateInputBorderStyle = "solid";
|
|
@@ -404,12 +392,26 @@ export const amsDateInputPaddingBlock =
|
|
|
404
392
|
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
405
393
|
export const amsDateInputPaddingInline =
|
|
406
394
|
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
395
|
+
export const amsDateInputDisabledColor = "#767676";
|
|
396
|
+
export const amsDateInputDisabledCursor = "not-allowed";
|
|
397
|
+
export const amsDateInputDisabledCalendarPickerIndicatorBackgroundImage =
|
|
398
|
+
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
|
|
399
|
+
export const amsDateInputDisabledCalenderPickerIndicatorBackgroundImage =
|
|
400
|
+
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
|
|
401
|
+
export const amsDateInputHoverBoxShadow = "0 0 0 #000000";
|
|
402
|
+
export const amsDateInputHoverCalendarPickerIndicatorBackgroundImage =
|
|
403
|
+
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
|
|
404
|
+
export const amsDateInputHoverCalenderPickerIndicatorBackgroundImage =
|
|
405
|
+
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
|
|
407
406
|
export const amsDateInputInvalidBorderColor = "#ec0000";
|
|
408
407
|
export const amsDateInputInvalidHoverBorderColor = "#b70000";
|
|
409
408
|
export const amsDateInputInvalidHoverBoxShadow = "0 0 0 #000000";
|
|
410
409
|
export const amsDateInputCalendarPickerIndicatorBackgroundImage =
|
|
411
410
|
"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>\")";
|
|
412
411
|
export const amsDateInputCalendarPickerIndicatorCursor = "pointer";
|
|
412
|
+
export const amsDateInputCalenderPickerIndicatorBackgroundImage =
|
|
413
|
+
"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>\")";
|
|
414
|
+
export const amsDateInputCalenderPickerIndicatorCursor = "pointer";
|
|
413
415
|
export const amsDescriptionListColor = "#202020";
|
|
414
416
|
export const amsDescriptionListColumnGap =
|
|
415
417
|
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
@@ -417,13 +419,19 @@ export const amsDescriptionListFontFamily =
|
|
|
417
419
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
418
420
|
export const amsDescriptionListFontSize =
|
|
419
421
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
420
|
-
export const amsDescriptionListLineHeight = "1.
|
|
422
|
+
export const amsDescriptionListLineHeight = "1.6";
|
|
421
423
|
export const amsDescriptionListRowGap =
|
|
422
424
|
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
423
425
|
export const amsDescriptionListInverseColor = "#ffffff";
|
|
426
|
+
export const amsDescriptionListTermFontSize =
|
|
427
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
424
428
|
export const amsDescriptionListTermFontWeight = "800";
|
|
429
|
+
export const amsDescriptionListTermLineHeight = "1.4";
|
|
425
430
|
export const amsDescriptionListTermMarginBlockEnd =
|
|
426
431
|
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
432
|
+
export const amsDescriptionListTermTextWrap = "balance";
|
|
433
|
+
export const amsDescriptionListTermViMediumMarginBlockEnd =
|
|
434
|
+
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
427
435
|
export const amsDescriptionListDescriptionFontWeight = "400";
|
|
428
436
|
export const amsDescriptionListDescriptionMarginBlockEnd =
|
|
429
437
|
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
@@ -479,18 +487,7 @@ export const amsErrorMessageFontSize =
|
|
|
479
487
|
export const amsErrorMessageFontWeight = "400";
|
|
480
488
|
export const amsErrorMessageGap =
|
|
481
489
|
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
482
|
-
export const amsErrorMessageLineHeight = "1.
|
|
483
|
-
export const amsFieldSetLegendMarginBlockEnd =
|
|
484
|
-
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
485
|
-
export const amsFieldSetLegendColor = "#202020";
|
|
486
|
-
export const amsFieldSetLegendFontFamily =
|
|
487
|
-
"'Amsterdam Sans', Arial, sans-serif";
|
|
488
|
-
export const amsFieldSetLegendFontSize =
|
|
489
|
-
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
490
|
-
export const amsFieldSetLegendFontWeight = "800";
|
|
491
|
-
export const amsFieldSetLegendLineHeight = "1.3";
|
|
492
|
-
export const amsFieldSetLegendTextWrap = "balance";
|
|
493
|
-
export const amsFieldSetLegendInFieldsetFontWeight = "400";
|
|
490
|
+
export const amsErrorMessageLineHeight = "1.6";
|
|
494
491
|
export const amsFieldSetChildMarginBlockEnd =
|
|
495
492
|
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
496
493
|
export const amsFieldSetChildBeforeErrorMessageMarginBlockEnd =
|
|
@@ -502,6 +499,17 @@ export const amsFieldSetChildBetweenFieldsAndFieldSetsMarginBlockEnd =
|
|
|
502
499
|
export const amsFieldSetInvalidBorderInlineStart = "0.1875rem solid #ec0000";
|
|
503
500
|
export const amsFieldSetInvalidPaddingInlineStart =
|
|
504
501
|
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
502
|
+
export const amsFieldSetLegendMarginBlockEnd =
|
|
503
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
504
|
+
export const amsFieldSetLegendColor = "#202020";
|
|
505
|
+
export const amsFieldSetLegendFontFamily =
|
|
506
|
+
"'Amsterdam Sans', Arial, sans-serif";
|
|
507
|
+
export const amsFieldSetLegendFontSize =
|
|
508
|
+
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
509
|
+
export const amsFieldSetLegendFontWeight = "800";
|
|
510
|
+
export const amsFieldSetLegendLineHeight = "1.3";
|
|
511
|
+
export const amsFieldSetLegendTextWrap = "balance";
|
|
512
|
+
export const amsFieldSetLegendInFieldsetFontWeight = "400";
|
|
505
513
|
export const amsFieldGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
506
514
|
export const amsFieldChildMarginBlockEnd =
|
|
507
515
|
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
@@ -515,7 +523,7 @@ export const amsFigureCaptionColor = "#202020";
|
|
|
515
523
|
export const amsFigureCaptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
516
524
|
export const amsFigureCaptionFontSize = "1rem";
|
|
517
525
|
export const amsFigureCaptionFontWeight = "400";
|
|
518
|
-
export const amsFigureCaptionLineHeight = "1.
|
|
526
|
+
export const amsFigureCaptionLineHeight = "1.5";
|
|
519
527
|
export const amsFigureCaptionInverseColor = "#ffffff";
|
|
520
528
|
export const amsFileInputBackgroundColor = "#ffffff";
|
|
521
529
|
export const amsFileInputBorderColor = "currentColor";
|
|
@@ -550,8 +558,7 @@ export const amsFileInputFileSelectorButtonPaddingInline =
|
|
|
550
558
|
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
551
559
|
export const amsFileInputFileSelectorButtonDisabledColor = "#767676";
|
|
552
560
|
export const amsFileInputFileSelectorButtonDisabledCursor = "not-allowed";
|
|
553
|
-
export const amsFileInputFileSelectorButtonHoverBoxShadow =
|
|
554
|
-
"inset 0rem 0rem 0rem 0.0625rem currentColor";
|
|
561
|
+
export const amsFileInputFileSelectorButtonHoverBoxShadow = "0 0 0 #000000";
|
|
555
562
|
export const amsFileInputFileSelectorButtonHoverColor = "#003677";
|
|
556
563
|
export const amsFileListGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
557
564
|
export const amsFileListPaddingBlock =
|
|
@@ -561,7 +568,7 @@ export const amsFileListFileFontSize = "1rem";
|
|
|
561
568
|
export const amsFileListFileFontWeight = "400";
|
|
562
569
|
export const amsFileListFileGap =
|
|
563
570
|
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
564
|
-
export const amsFileListFileLineHeight = "1.
|
|
571
|
+
export const amsFileListFileLineHeight = "1.5";
|
|
565
572
|
export const amsFileListFileDetailsColor = "#767676";
|
|
566
573
|
export const amsFileListFilePreviewWidth = "clamp(2.5rem, 10vw, 5rem)";
|
|
567
574
|
export const amsGridColumnCount = "4";
|
|
@@ -621,16 +628,16 @@ export const amsIconButtonInverseHoverBackgroundColor = "#003677";
|
|
|
621
628
|
export const amsIconButtonInverseHoverColor = "#ffffff";
|
|
622
629
|
export const amsIconButtonInverseDisabledColor = "#ffffff";
|
|
623
630
|
export const amsIconButtonInverseDisabledBackgroundColor = "#767676";
|
|
624
|
-
export const amsIconHeading_0FontSize =
|
|
625
|
-
"clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)";
|
|
626
|
-
export const amsIconHeading_0LineHeight = "1.1";
|
|
627
631
|
export const amsIconFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
628
|
-
export const amsIconLineHeight = "1.
|
|
632
|
+
export const amsIconLineHeight = "1.6";
|
|
629
633
|
export const amsIconSmallFontSize = "1rem";
|
|
630
|
-
export const amsIconSmallLineHeight = "1.
|
|
634
|
+
export const amsIconSmallLineHeight = "1.5";
|
|
631
635
|
export const amsIconLargeFontSize =
|
|
632
636
|
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
633
|
-
export const amsIconLargeLineHeight = "1.
|
|
637
|
+
export const amsIconLargeLineHeight = "1.5";
|
|
638
|
+
export const amsIconHeading_0FontSize =
|
|
639
|
+
"clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)";
|
|
640
|
+
export const amsIconHeading_0LineHeight = "1.1";
|
|
634
641
|
export const amsIconHeading_1FontSize =
|
|
635
642
|
"clamp(2rem, 1.7143rem + 1.4286vw, 3rem)";
|
|
636
643
|
export const amsIconHeading_1LineHeight = "1.2";
|
|
@@ -681,16 +688,16 @@ export const amsLinkListLinkFontSize =
|
|
|
681
688
|
export const amsLinkListLinkFontWeight = "400";
|
|
682
689
|
export const amsLinkListLinkGap =
|
|
683
690
|
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
684
|
-
export const amsLinkListLinkLineHeight = "1.
|
|
691
|
+
export const amsLinkListLinkLineHeight = "1.6";
|
|
685
692
|
export const amsLinkListLinkOutlineOffset = "0.25rem";
|
|
686
693
|
export const amsLinkListLinkTextDecorationLine = "none";
|
|
687
694
|
export const amsLinkListLinkTextDecorationThickness = "0.125rem";
|
|
688
695
|
export const amsLinkListLinkTextUnderlineOffset = "0.15625rem";
|
|
689
696
|
export const amsLinkListLinkSmallFontSize = "1rem";
|
|
690
|
-
export const amsLinkListLinkSmallLineHeight = "1.
|
|
697
|
+
export const amsLinkListLinkSmallLineHeight = "1.5";
|
|
691
698
|
export const amsLinkListLinkLargeFontSize =
|
|
692
699
|
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
693
|
-
export const amsLinkListLinkLargeLineHeight = "1.
|
|
700
|
+
export const amsLinkListLinkLargeLineHeight = "1.5";
|
|
694
701
|
export const amsLinkListLinkHoverColor = "#003677";
|
|
695
702
|
export const amsLinkListLinkHoverTextDecorationLine = "underline";
|
|
696
703
|
export const amsLinkListLinkContrastColor = "#202020";
|
|
@@ -718,11 +725,22 @@ export const amsLogoEmblemColor = "#ec0000";
|
|
|
718
725
|
export const amsLogoSubsiteColor = "#202020";
|
|
719
726
|
export const amsLogoTitleColor = "#ec0000";
|
|
720
727
|
export const amsMarkBackgroundColor = "#ffe600";
|
|
728
|
+
export const amsMenuBackgroundColor = "#004699";
|
|
729
|
+
export const amsMenuFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
730
|
+
export const amsMenuFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
731
|
+
export const amsMenuFontWeight = "400";
|
|
732
|
+
export const amsMenuLineHeight = "1.6";
|
|
733
|
+
export const amsMenuPaddingBlock = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
734
|
+
export const amsMenuWideMaxInlineSize = "8rem";
|
|
735
|
+
export const amsMenuWidePaddingBlock =
|
|
736
|
+
"calc(clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) + 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)) clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
737
|
+
export const amsMenuWidePaddingInline =
|
|
738
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
739
|
+
export const amsMenuLinkColor = "#ffffff";
|
|
721
740
|
export const amsMenuLinkContrastColor = "#202020";
|
|
722
741
|
export const amsMenuLinkContrastHoverColor = "#202020";
|
|
723
742
|
export const amsMenuLinkInverseColor = "#ffffff";
|
|
724
743
|
export const amsMenuLinkInverseHoverColor = "#ffffff";
|
|
725
|
-
export const amsMenuLinkColor = "#ffffff";
|
|
726
744
|
export const amsMenuLinkGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
727
745
|
export const amsMenuLinkOutlineOffset = "0.25rem";
|
|
728
746
|
export const amsMenuLinkPaddingBlock =
|
|
@@ -736,17 +754,6 @@ export const amsMenuLinkHoverColor = "#ffffff";
|
|
|
736
754
|
export const amsMenuLinkHoverTextDecorationLine = "underline";
|
|
737
755
|
export const amsMenuLinkWideGap =
|
|
738
756
|
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
739
|
-
export const amsMenuBackgroundColor = "#004699";
|
|
740
|
-
export const amsMenuFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
741
|
-
export const amsMenuFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
742
|
-
export const amsMenuFontWeight = "400";
|
|
743
|
-
export const amsMenuLineHeight = "1.8";
|
|
744
|
-
export const amsMenuPaddingBlock = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
745
|
-
export const amsMenuWideMaxInlineSize = "8rem";
|
|
746
|
-
export const amsMenuWidePaddingBlock =
|
|
747
|
-
"calc(clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) + 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)) clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
748
|
-
export const amsMenuWidePaddingInline =
|
|
749
|
-
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
750
757
|
export const amsMenuListGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
751
758
|
export const amsOrderedListColor = "#202020";
|
|
752
759
|
export const amsOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
@@ -754,10 +761,10 @@ export const amsOrderedListFontSize =
|
|
|
754
761
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
755
762
|
export const amsOrderedListFontWeight = "400";
|
|
756
763
|
export const amsOrderedListGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
757
|
-
export const amsOrderedListLineHeight = "1.
|
|
764
|
+
export const amsOrderedListLineHeight = "1.6";
|
|
758
765
|
export const amsOrderedListListStyleType = "decimal";
|
|
759
766
|
export const amsOrderedListSmallFontSize = "1rem";
|
|
760
|
-
export const amsOrderedListSmallLineHeight = "1.
|
|
767
|
+
export const amsOrderedListSmallLineHeight = "1.5";
|
|
761
768
|
export const amsOrderedListInverseColor = "#ffffff";
|
|
762
769
|
export const amsOrderedListItemMarginInlineStart = "2.25rem";
|
|
763
770
|
export const amsOrderedListItemPaddingInlineStart = "0.25rem";
|
|
@@ -788,7 +795,7 @@ export const amsPageFooterMenuLinkFontFamily =
|
|
|
788
795
|
export const amsPageFooterMenuLinkFontSize =
|
|
789
796
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
790
797
|
export const amsPageFooterMenuLinkFontWeight = "400";
|
|
791
|
-
export const amsPageFooterMenuLinkLineHeight = "1.
|
|
798
|
+
export const amsPageFooterMenuLinkLineHeight = "1.6";
|
|
792
799
|
export const amsPageFooterMenuLinkOutlineOffset = "0.25rem";
|
|
793
800
|
export const amsPageFooterMenuLinkTextDecorationLine = "none";
|
|
794
801
|
export const amsPageFooterMenuLinkTextDecorationThickness = "0.125rem";
|
|
@@ -836,7 +843,7 @@ export const amsPageHeaderMenuItemFontFamily =
|
|
|
836
843
|
export const amsPageHeaderMenuItemFontSize =
|
|
837
844
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
838
845
|
export const amsPageHeaderMenuItemFontWeight = "400";
|
|
839
|
-
export const amsPageHeaderMenuItemLineHeight = "1.
|
|
846
|
+
export const amsPageHeaderMenuItemLineHeight = "1.6";
|
|
840
847
|
export const amsPageHeaderMenuItemOutlineOffset = "0.25rem";
|
|
841
848
|
export const amsPageHeaderMenuItemPaddingBlock =
|
|
842
849
|
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
@@ -869,7 +876,7 @@ export const amsPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
|
869
876
|
export const amsPaginationFontSize =
|
|
870
877
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
871
878
|
export const amsPaginationFontWeight = "400";
|
|
872
|
-
export const amsPaginationLineHeight = "1.
|
|
879
|
+
export const amsPaginationLineHeight = "1.6";
|
|
873
880
|
export const amsPaginationLinkColor = "#004699";
|
|
874
881
|
export const amsPaginationLinkGap =
|
|
875
882
|
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
@@ -887,13 +894,13 @@ export const amsParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
|
887
894
|
export const amsParagraphFontSize =
|
|
888
895
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
889
896
|
export const amsParagraphFontWeight = "400";
|
|
890
|
-
export const amsParagraphLineHeight = "1.
|
|
897
|
+
export const amsParagraphLineHeight = "1.6";
|
|
891
898
|
export const amsParagraphInverseColor = "#ffffff";
|
|
892
899
|
export const amsParagraphSmallFontSize = "1rem";
|
|
893
|
-
export const amsParagraphSmallLineHeight = "1.
|
|
900
|
+
export const amsParagraphSmallLineHeight = "1.5";
|
|
894
901
|
export const amsParagraphLargeFontSize =
|
|
895
902
|
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
|
|
896
|
-
export const amsParagraphLargeLineHeight = "1.
|
|
903
|
+
export const amsParagraphLargeLineHeight = "1.5";
|
|
897
904
|
export const amsParagraphLargeTextWrap = "balance";
|
|
898
905
|
export const amsPasswordInputBackgroundColor = "#ffffff";
|
|
899
906
|
export const amsPasswordInputBorderColor = "currentColor";
|
|
@@ -929,6 +936,16 @@ export const amsProgressListHeading_4StepMarkerBlockSize =
|
|
|
929
936
|
"calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.4)";
|
|
930
937
|
export const amsProgressListHeading_4StepMarkerMarginBlockStart =
|
|
931
938
|
"calc((1.4 * clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)) / 2)";
|
|
939
|
+
export const amsProgressListButtonColor = "#004699";
|
|
940
|
+
export const amsProgressListButtonCursor = "pointer";
|
|
941
|
+
export const amsProgressListButtonGap =
|
|
942
|
+
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
943
|
+
export const amsProgressListButtonOutlineOffset = "0.25rem";
|
|
944
|
+
export const amsProgressListButtonPaddingBlock = "0";
|
|
945
|
+
export const amsProgressListButtonPaddingInline = "0";
|
|
946
|
+
export const amsProgressListButtonHoverColor = "#003677";
|
|
947
|
+
export const amsProgressListIconTransitionDuration = "0.3s";
|
|
948
|
+
export const amsProgressListIconTransitionTimingFunction = "ease";
|
|
932
949
|
export const amsProgressListStepGap =
|
|
933
950
|
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
934
951
|
export const amsProgressListStepMediumGap =
|
|
@@ -962,7 +979,7 @@ export const amsProgressListSubstepsStepIndicatorMarginInlineEnd =
|
|
|
962
979
|
export const amsProgressListSubstepsStepIndicatorMediumMarginInlineEnd =
|
|
963
980
|
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
|
|
964
981
|
export const amsProgressListSubstepsStepMarkerBlockSize =
|
|
965
|
-
"calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.
|
|
982
|
+
"calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)";
|
|
966
983
|
export const amsProgressListSubstepsStepMarkerInlineSize = "1.5rem";
|
|
967
984
|
export const amsProgressListSubstepsStepMarkerShapeBlockSize = "0.75rem";
|
|
968
985
|
export const amsProgressListSubstepsStepMarkerShapeBackgroundColor = "#ffffff";
|
|
@@ -977,7 +994,7 @@ export const amsProgressListSubstepsStepConnectorBorderInlineColor = "#767676";
|
|
|
977
994
|
export const amsProgressListSubstepsStepConnectorBorderInlineStyle = "dashed";
|
|
978
995
|
export const amsProgressListSubstepsStepConnectorBorderInlineWidth = "1px";
|
|
979
996
|
export const amsProgressListSubstepsStepConnectorMarginBlockStart =
|
|
980
|
-
"calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.
|
|
997
|
+
"calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6 / 2)";
|
|
981
998
|
export const amsProgressListSubstepsStepConnectorLastChildBorderInlineColor =
|
|
982
999
|
"#ffffff";
|
|
983
1000
|
export const amsProgressListSubstepsStepContentMarginBlockEnd =
|
|
@@ -1003,7 +1020,7 @@ export const amsRadioFontSize =
|
|
|
1003
1020
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1004
1021
|
export const amsRadioFontWeight = "400";
|
|
1005
1022
|
export const amsRadioGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1006
|
-
export const amsRadioLineHeight = "1.
|
|
1023
|
+
export const amsRadioLineHeight = "1.6";
|
|
1007
1024
|
export const amsRadioOutlineOffset = "0.25rem";
|
|
1008
1025
|
export const amsRadioTextDecorationThickness = "0.125rem";
|
|
1009
1026
|
export const amsRadioTextUnderlineOffset = "0.15625rem";
|
|
@@ -1029,7 +1046,7 @@ export const amsRadioDisabledCursor = "not-allowed";
|
|
|
1029
1046
|
export const amsRadioHoverColor = "#003677";
|
|
1030
1047
|
export const amsRadioHoverTextDecorationLine = "underline";
|
|
1031
1048
|
export const amsRadioIconContainerBlockSize =
|
|
1032
|
-
"calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.
|
|
1049
|
+
"calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)";
|
|
1033
1050
|
export const amsRadioIconContainerInlineSize =
|
|
1034
1051
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1035
1052
|
export const amsRowGapXSmall = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
|
|
@@ -1089,14 +1106,12 @@ export const amsSelectDisabledBackgroundImage =
|
|
|
1089
1106
|
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23767676' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")";
|
|
1090
1107
|
export const amsSelectDisabledColor = "#767676";
|
|
1091
1108
|
export const amsSelectDisabledCursor = "not-allowed";
|
|
1092
|
-
export const amsSelectHoverBoxShadow =
|
|
1093
|
-
"inset 0rem 0rem 0rem 0.0625rem currentColor";
|
|
1109
|
+
export const amsSelectHoverBoxShadow = "0 0 0 #000000";
|
|
1094
1110
|
export const amsSelectHoverBackgroundImage =
|
|
1095
1111
|
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23003677' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")";
|
|
1096
1112
|
export const amsSelectInvalidBorderColor = "#ec0000";
|
|
1097
1113
|
export const amsSelectInvalidHoverBorderColor = "#b70000";
|
|
1098
|
-
export const amsSelectInvalidHoverBoxShadow =
|
|
1099
|
-
"inset 0rem 0rem 0rem 0.0625rem #b70000";
|
|
1114
|
+
export const amsSelectInvalidHoverBoxShadow = "0 0 0 #000000";
|
|
1100
1115
|
export const amsSelectOptionDisabledColor = "#767676";
|
|
1101
1116
|
export const amsSkipLinkBackgroundColor = "#004699";
|
|
1102
1117
|
export const amsSkipLinkColor = "#ffffff";
|
|
@@ -1104,7 +1119,7 @@ export const amsSkipLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
|
1104
1119
|
export const amsSkipLinkFontSize =
|
|
1105
1120
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1106
1121
|
export const amsSkipLinkFontWeight = "400";
|
|
1107
|
-
export const amsSkipLinkLineHeight = "1.
|
|
1122
|
+
export const amsSkipLinkLineHeight = "1.6";
|
|
1108
1123
|
export const amsSkipLinkOutlineOffset = "0.25rem";
|
|
1109
1124
|
export const amsSkipLinkPaddingBlock =
|
|
1110
1125
|
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
@@ -1118,13 +1133,6 @@ export const amsSpotlightLimeBackgroundColor = "#bed200";
|
|
|
1118
1133
|
export const amsSpotlightMagentaBackgroundColor = "#e50082";
|
|
1119
1134
|
export const amsSpotlightOrangeBackgroundColor = "#ff9100";
|
|
1120
1135
|
export const amsSpotlightYellowBackgroundColor = "#ffe600";
|
|
1121
|
-
export const amsStandaloneLinkHoverTextDecorationThickness = "0.1875rem";
|
|
1122
|
-
export const amsStandaloneLinkHoverTextUnderlineOffset = "0.09375rem";
|
|
1123
|
-
export const amsStandaloneLinkHoverColor = "#003677";
|
|
1124
|
-
export const amsStandaloneLinkHoverTextDecorationLine = "underline";
|
|
1125
|
-
export const amsStandaloneLinkWithIconTextDecorationLine = "none";
|
|
1126
|
-
export const amsStandaloneLinkWithIconTextDecorationThickness = "0.125rem";
|
|
1127
|
-
export const amsStandaloneLinkWithIconHoverTextDecorationLine = "underline";
|
|
1128
1136
|
export const amsStandaloneLinkColor = "#004699";
|
|
1129
1137
|
export const amsStandaloneLinkColumnGap =
|
|
1130
1138
|
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
@@ -1133,11 +1141,18 @@ export const amsStandaloneLinkFontFamily =
|
|
|
1133
1141
|
export const amsStandaloneLinkFontSize =
|
|
1134
1142
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1135
1143
|
export const amsStandaloneLinkFontWeight = "400";
|
|
1136
|
-
export const amsStandaloneLinkLineHeight = "1.
|
|
1144
|
+
export const amsStandaloneLinkLineHeight = "1.6";
|
|
1137
1145
|
export const amsStandaloneLinkOutlineOffset = "0.25rem";
|
|
1138
1146
|
export const amsStandaloneLinkTextDecorationLine = "none";
|
|
1139
1147
|
export const amsStandaloneLinkTextDecorationThickness = "0.125rem";
|
|
1140
1148
|
export const amsStandaloneLinkTextUnderlineOffset = "0.15625rem";
|
|
1149
|
+
export const amsStandaloneLinkHoverColor = "#003677";
|
|
1150
|
+
export const amsStandaloneLinkHoverTextDecorationLine = "underline";
|
|
1151
|
+
export const amsStandaloneLinkHoverTextDecorationThickness = "0.1875rem";
|
|
1152
|
+
export const amsStandaloneLinkHoverTextUnderlineOffset = "0.09375rem";
|
|
1153
|
+
export const amsStandaloneLinkWithIconTextDecorationLine = "none";
|
|
1154
|
+
export const amsStandaloneLinkWithIconTextDecorationThickness = "0.125rem";
|
|
1155
|
+
export const amsStandaloneLinkWithIconHoverTextDecorationLine = "underline";
|
|
1141
1156
|
export const amsStandaloneLinkContrastColor = "#202020";
|
|
1142
1157
|
export const amsStandaloneLinkContrastHoverColor = "#202020";
|
|
1143
1158
|
export const amsStandaloneLinkInverseColor = "#ffffff";
|
|
@@ -1149,15 +1164,11 @@ export const amsSwitchInlineSize = "3.5rem";
|
|
|
1149
1164
|
export const amsSwitchThumbBackgroundColor = "#ffffff";
|
|
1150
1165
|
export const amsSwitchThumbBlockSize = "1.75rem";
|
|
1151
1166
|
export const amsSwitchThumbInlineSize = "1.75rem";
|
|
1152
|
-
export const amsSwitchThumbHoverBoxShadow = "
|
|
1167
|
+
export const amsSwitchThumbHoverBoxShadow = "0rem 0rem 0rem 0.125rem #003677";
|
|
1153
1168
|
export const amsSwitchThumbHoverColor = "#003677";
|
|
1154
1169
|
export const amsSwitchCheckedBackgroundColor = "#004699";
|
|
1155
1170
|
export const amsSwitchDisabledBackgroundColor = "#767676";
|
|
1156
1171
|
export const amsSwitchDisabledCursor = "not-allowed";
|
|
1157
|
-
export const amsTableOfContentsHeadingFontWeight = "800";
|
|
1158
|
-
export const amsTableOfContentsHeadingFontSize =
|
|
1159
|
-
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1160
|
-
export const amsTableOfContentsHeadingLineHeight = "1.4";
|
|
1161
1172
|
export const amsTableOfContentsFontFamily =
|
|
1162
1173
|
"'Amsterdam Sans', Arial, sans-serif";
|
|
1163
1174
|
export const amsTableOfContentsFontSize =
|
|
@@ -1165,7 +1176,11 @@ export const amsTableOfContentsFontSize =
|
|
|
1165
1176
|
export const amsTableOfContentsFontWeight = "400";
|
|
1166
1177
|
export const amsTableOfContentsGap =
|
|
1167
1178
|
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1168
|
-
export const amsTableOfContentsLineHeight = "1.
|
|
1179
|
+
export const amsTableOfContentsLineHeight = "1.6";
|
|
1180
|
+
export const amsTableOfContentsHeadingFontWeight = "800";
|
|
1181
|
+
export const amsTableOfContentsHeadingFontSize =
|
|
1182
|
+
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1183
|
+
export const amsTableOfContentsHeadingLineHeight = "1.4";
|
|
1169
1184
|
export const amsTableOfContentsLinkColor = "#004699";
|
|
1170
1185
|
export const amsTableOfContentsLinkOutlineOffset = "0.25rem";
|
|
1171
1186
|
export const amsTableOfContentsLinkTextDecorationLine = "none";
|
|
@@ -1184,7 +1199,7 @@ export const amsTableFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
|
1184
1199
|
export const amsTableFontSize =
|
|
1185
1200
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1186
1201
|
export const amsTableFontWeight = "400";
|
|
1187
|
-
export const amsTableLineHeight = "1.
|
|
1202
|
+
export const amsTableLineHeight = "1.6";
|
|
1188
1203
|
export const amsTableCaptionFontWeight = "800";
|
|
1189
1204
|
export const amsTableCellBorderBlockEnd = "0.0625rem solid #d1d1d1";
|
|
1190
1205
|
export const amsTableCellPaddingBlock =
|
|
@@ -1193,25 +1208,24 @@ export const amsTableCellPaddingInline =
|
|
|
1193
1208
|
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
1194
1209
|
export const amsTableHeaderCellFontWeight = "800";
|
|
1195
1210
|
export const amsTabsGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
1196
|
-
export const amsTabsListBoxShadow =
|
|
1197
|
-
"inset 0rem calc(0.125rem * -1) 0rem 0rem #d1d1d1";
|
|
1211
|
+
export const amsTabsListBoxShadow = "inset 0rem -0.125rem 0rem 0rem #d1d1d1";
|
|
1198
1212
|
export const amsTabsButtonColor = "#004699";
|
|
1199
1213
|
export const amsTabsButtonCursor = "pointer";
|
|
1200
1214
|
export const amsTabsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
1201
1215
|
export const amsTabsButtonFontSize =
|
|
1202
1216
|
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
|
|
1203
1217
|
export const amsTabsButtonFontWeight = "400";
|
|
1204
|
-
export const amsTabsButtonLineHeight = "1.
|
|
1218
|
+
export const amsTabsButtonLineHeight = "1.6";
|
|
1205
1219
|
export const amsTabsButtonOutlineOffset = "calc(0.25rem * -1)";
|
|
1206
1220
|
export const amsTabsButtonPaddingBlock =
|
|
1207
1221
|
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1208
1222
|
export const amsTabsButtonPaddingInline =
|
|
1209
1223
|
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
1210
1224
|
export const amsTabsButtonHoverBoxShadow =
|
|
1211
|
-
"inset 0rem
|
|
1225
|
+
"inset 0rem -0.125rem 0rem 0rem currentColor";
|
|
1212
1226
|
export const amsTabsButtonHoverColor = "#003677";
|
|
1213
1227
|
export const amsTabsButtonSelectedBoxShadow =
|
|
1214
|
-
"inset 0rem
|
|
1228
|
+
"inset 0rem -0.25rem 0rem 0rem currentColor";
|
|
1215
1229
|
export const amsTabsButtonSelectedFontWeight = "800";
|
|
1216
1230
|
export const amsTabsButtonDisabledColor = "#767676";
|
|
1217
1231
|
export const amsTabsButtonDisabledCursor = "not-allowed";
|
|
@@ -1226,7 +1240,7 @@ export const amsTextAreaFontSize =
|
|
|
1226
1240
|
export const amsTextAreaFontWeight = "400";
|
|
1227
1241
|
export const amsTextAreaLineHeight = "1.4";
|
|
1228
1242
|
export const amsTextAreaMinBlockSize =
|
|
1229
|
-
"calc(1.
|
|
1243
|
+
"calc(1.6 * 1em + 2 * clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem))";
|
|
1230
1244
|
export const amsTextAreaOutlineOffset = "0.25rem";
|
|
1231
1245
|
export const amsTextAreaPaddingBlock =
|
|
1232
1246
|
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
@@ -1256,28 +1270,11 @@ export const amsTextInputPaddingInline =
|
|
|
1256
1270
|
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
1257
1271
|
export const amsTextInputDisabledColor = "#767676";
|
|
1258
1272
|
export const amsTextInputDisabledCursor = "not-allowed";
|
|
1259
|
-
export const amsTextInputHoverBoxShadow =
|
|
1260
|
-
"inset 0rem 0rem 0rem 0.0625rem currentColor";
|
|
1273
|
+
export const amsTextInputHoverBoxShadow = "0 0 0 #000000";
|
|
1261
1274
|
export const amsTextInputInvalidBorderColor = "#ec0000";
|
|
1262
1275
|
export const amsTextInputInvalidHoverBorderColor = "#b70000";
|
|
1263
|
-
export const amsTextInputInvalidHoverBoxShadow =
|
|
1264
|
-
"inset 0rem 0rem 0rem 0.0625rem #b70000";
|
|
1276
|
+
export const amsTextInputInvalidHoverBoxShadow = "0 0 0 #000000";
|
|
1265
1277
|
export const amsTextInputPlaceholderColor = "#767676";
|
|
1266
|
-
export const amsTimeInputDisabledCalendarPickerIndicatorBackgroundImage =
|
|
1267
|
-
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
|
|
1268
|
-
export const amsTimeInputDisabledCalenderPickerIndicatorBackgroundImage =
|
|
1269
|
-
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
|
|
1270
|
-
export const amsTimeInputDisabledColor = "#767676";
|
|
1271
|
-
export const amsTimeInputDisabledCursor = "not-allowed";
|
|
1272
|
-
export const amsTimeInputHoverCalenderPickerIndicatorBackgroundImage =
|
|
1273
|
-
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
|
|
1274
|
-
export const amsTimeInputHoverBoxShadow =
|
|
1275
|
-
"inset 0rem 0rem 0rem 0.0625rem currentColor";
|
|
1276
|
-
export const amsTimeInputHoverCalendarPickerIndicatorBackgroundImage =
|
|
1277
|
-
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
|
|
1278
|
-
export const amsTimeInputCalenderPickerIndicatorBackgroundImage =
|
|
1279
|
-
"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>\")";
|
|
1280
|
-
export const amsTimeInputCalenderPickerIndicatorCursor = "pointer";
|
|
1281
1278
|
export const amsTimeInputBackgroundColor = "#ffffff";
|
|
1282
1279
|
export const amsTimeInputBorderColor = "currentColor";
|
|
1283
1280
|
export const amsTimeInputBorderStyle = "solid";
|
|
@@ -1293,13 +1290,26 @@ export const amsTimeInputPaddingBlock =
|
|
|
1293
1290
|
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1294
1291
|
export const amsTimeInputPaddingInline =
|
|
1295
1292
|
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
|
|
1293
|
+
export const amsTimeInputDisabledColor = "#767676";
|
|
1294
|
+
export const amsTimeInputDisabledCursor = "not-allowed";
|
|
1295
|
+
export const amsTimeInputDisabledCalendarPickerIndicatorBackgroundImage =
|
|
1296
|
+
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
|
|
1297
|
+
export const amsTimeInputDisabledCalenderPickerIndicatorBackgroundImage =
|
|
1298
|
+
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
|
|
1299
|
+
export const amsTimeInputHoverBoxShadow = "0 0 0 #000000";
|
|
1300
|
+
export const amsTimeInputHoverCalendarPickerIndicatorBackgroundImage =
|
|
1301
|
+
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
|
|
1302
|
+
export const amsTimeInputHoverCalenderPickerIndicatorBackgroundImage =
|
|
1303
|
+
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")";
|
|
1296
1304
|
export const amsTimeInputInvalidBorderColor = "#ec0000";
|
|
1297
1305
|
export const amsTimeInputInvalidHoverBorderColor = "#b70000";
|
|
1298
|
-
export const amsTimeInputInvalidHoverBoxShadow =
|
|
1299
|
-
"inset 0rem 0rem 0rem 0.0625rem #b70000";
|
|
1306
|
+
export const amsTimeInputInvalidHoverBoxShadow = "0 0 0 #000000";
|
|
1300
1307
|
export const amsTimeInputCalendarPickerIndicatorBackgroundImage =
|
|
1301
1308
|
"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>\")";
|
|
1302
1309
|
export const amsTimeInputCalendarPickerIndicatorCursor = "pointer";
|
|
1310
|
+
export const amsTimeInputCalenderPickerIndicatorBackgroundImage =
|
|
1311
|
+
"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>\")";
|
|
1312
|
+
export const amsTimeInputCalenderPickerIndicatorCursor = "pointer";
|
|
1303
1313
|
export const amsUnorderedListColor = "#202020";
|
|
1304
1314
|
export const amsUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
|
|
1305
1315
|
export const amsUnorderedListFontSize =
|
|
@@ -1307,11 +1317,11 @@ export const amsUnorderedListFontSize =
|
|
|
1307
1317
|
export const amsUnorderedListFontWeight = "400";
|
|
1308
1318
|
export const amsUnorderedListGap =
|
|
1309
1319
|
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
|
|
1310
|
-
export const amsUnorderedListLineHeight = "1.
|
|
1320
|
+
export const amsUnorderedListLineHeight = "1.6";
|
|
1311
1321
|
export const amsUnorderedListListStyleType = "'\\2022'";
|
|
1312
1322
|
export const amsUnorderedListInverseColor = "#ffffff";
|
|
1313
1323
|
export const amsUnorderedListSmallFontSize = "1rem";
|
|
1314
|
-
export const amsUnorderedListSmallLineHeight = "1.
|
|
1324
|
+
export const amsUnorderedListSmallLineHeight = "1.5";
|
|
1315
1325
|
export const amsUnorderedListItemMarginInlineStart = "1.625rem";
|
|
1316
1326
|
export const amsUnorderedListItemPaddingInlineStart = "0.875rem";
|
|
1317
1327
|
export const amsUnorderedListUnorderedListGap =
|