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