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