@amsterdam/design-system-tokens 0.6.1 → 0.7.1

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 (111) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/build.js +1 -1
  3. package/dist/compact.css +14 -14
  4. package/dist/compact.d.ts +4 -4
  5. package/dist/compact.json +3 -3
  6. package/dist/compact.mjs +14 -14
  7. package/dist/compact.scss +14 -14
  8. package/dist/compact.theme.css +15 -15
  9. package/dist/index.css +607 -581
  10. package/dist/index.d.ts +84 -34
  11. package/dist/index.json +83 -33
  12. package/dist/index.mjs +607 -581
  13. package/dist/index.scss +607 -581
  14. package/dist/index.theme.css +608 -582
  15. package/package.json +1 -1
  16. package/src/brand/{amsterdam → ams}/color.tokens.json +1 -1
  17. package/src/brand/{amsterdam → ams}/proportion.tokens.json +1 -1
  18. package/src/brand/{amsterdam → ams}/space.compact.tokens.json +1 -1
  19. package/src/brand/{amsterdam → ams}/space.tokens.json +1 -1
  20. package/src/brand/{amsterdam/typography.compact.tokens.json → ams/text.compact.tokens.json} +3 -3
  21. package/src/brand/{amsterdam/typography.tokens.json → ams/text.tokens.json} +3 -3
  22. package/src/common/{amsterdam → ams}/action.tokens.json +1 -1
  23. package/src/common/{amsterdam → ams}/border.tokens.json +1 -1
  24. package/src/common/{amsterdam → ams}/focus.tokens.json +1 -1
  25. package/src/common/{amsterdam → ams}/hyphenation.tokens.json +1 -1
  26. package/src/common/{amsterdam → ams}/link-appearance.tokens.json +5 -5
  27. package/src/components/ams/accordion.tokens.json +25 -0
  28. package/src/components/ams/alert.tokens.json +29 -0
  29. package/src/components/ams/aspect-ratio.tokens.json +12 -0
  30. package/src/components/ams/avatar.tokens.json +49 -0
  31. package/src/components/ams/badge.tokens.json +43 -0
  32. package/src/components/ams/blockquote.tokens.json +12 -0
  33. package/src/components/ams/breadcrumb.tokens.json +26 -0
  34. package/src/components/ams/button.tokens.json +59 -0
  35. package/src/components/ams/card.tokens.json +17 -0
  36. package/src/components/ams/checkbox.tokens.json +75 -0
  37. package/src/components/ams/column.tokens.json +13 -0
  38. package/src/components/{amsterdam → ams}/dialog.tokens.json +2 -9
  39. package/src/components/ams/fieldset.tokens.json +13 -0
  40. package/src/components/ams/form-field-character-counter.tokens.json +14 -0
  41. package/src/components/ams/form-label.tokens.json +11 -0
  42. package/src/components/ams/gap.tokens.json +11 -0
  43. package/src/components/ams/grid.compact.tokens.json +7 -0
  44. package/src/components/ams/grid.tokens.json +25 -0
  45. package/src/components/ams/header.tokens.json +14 -0
  46. package/src/components/ams/heading.tokens.json +36 -0
  47. package/src/components/ams/icon-button.tokens.json +37 -0
  48. package/src/components/ams/icon.tokens.json +22 -0
  49. package/src/components/ams/link-list.tokens.json +45 -0
  50. package/src/components/ams/link.tokens.json +61 -0
  51. package/src/components/ams/logo.tokens.json +10 -0
  52. package/src/components/ams/margin.tokens.json +11 -0
  53. package/src/components/ams/mark.tokens.json +7 -0
  54. package/src/components/ams/mega-menu.tokens.json +18 -0
  55. package/src/components/{amsterdam → ams}/ordered-list.tokens.json +7 -7
  56. package/src/components/ams/page-heading.tokens.json +12 -0
  57. package/src/components/ams/page-menu.tokens.json +24 -0
  58. package/src/components/ams/pagination.tokens.json +25 -0
  59. package/src/components/ams/paragraph.tokens.json +22 -0
  60. package/src/components/{amsterdam → ams}/radio.tokens.json +14 -14
  61. package/src/components/ams/row.tokens.json +13 -0
  62. package/src/components/{amsterdam → ams}/screen.tokens.json +1 -1
  63. package/src/components/ams/search-field.tokens.json +45 -0
  64. package/src/components/ams/skip-link.tokens.json +18 -0
  65. package/src/components/ams/spotlight.tokens.json +30 -0
  66. package/src/components/ams/switch.tokens.json +24 -0
  67. package/src/components/ams/table.tokens.json +22 -0
  68. package/src/components/ams/tabs.tokens.json +34 -0
  69. package/src/components/ams/text-area.tokens.json +36 -0
  70. package/src/components/ams/text-input.tokens.json +32 -0
  71. package/src/components/ams/top-task-link.tokens.json +28 -0
  72. package/src/components/{amsterdam → ams}/unordered-list.tokens.json +7 -7
  73. package/src/components/amsterdam/accordion.tokens.json +0 -25
  74. package/src/components/amsterdam/alert.tokens.json +0 -29
  75. package/src/components/amsterdam/aspect-ratio.tokens.json +0 -12
  76. package/src/components/amsterdam/badge.tokens.json +0 -43
  77. package/src/components/amsterdam/blockquote.tokens.json +0 -12
  78. package/src/components/amsterdam/breadcrumb.tokens.json +0 -26
  79. package/src/components/amsterdam/button.tokens.json +0 -59
  80. package/src/components/amsterdam/card.tokens.json +0 -17
  81. package/src/components/amsterdam/checkbox.tokens.json +0 -75
  82. package/src/components/amsterdam/column.tokens.json +0 -13
  83. package/src/components/amsterdam/fieldset.tokens.json +0 -13
  84. package/src/components/amsterdam/form-label.tokens.json +0 -11
  85. package/src/components/amsterdam/gap.tokens.json +0 -11
  86. package/src/components/amsterdam/grid.compact.tokens.json +0 -7
  87. package/src/components/amsterdam/grid.tokens.json +0 -25
  88. package/src/components/amsterdam/header.tokens.json +0 -14
  89. package/src/components/amsterdam/heading.tokens.json +0 -34
  90. package/src/components/amsterdam/icon-button.tokens.json +0 -37
  91. package/src/components/amsterdam/icon.tokens.json +0 -22
  92. package/src/components/amsterdam/link-list.tokens.json +0 -45
  93. package/src/components/amsterdam/link.tokens.json +0 -61
  94. package/src/components/amsterdam/logo.tokens.json +0 -10
  95. package/src/components/amsterdam/margin.tokens.json +0 -11
  96. package/src/components/amsterdam/mark.tokens.json +0 -7
  97. package/src/components/amsterdam/mega-menu.tokens.json +0 -18
  98. package/src/components/amsterdam/page-heading.tokens.json +0 -12
  99. package/src/components/amsterdam/page-menu.tokens.json +0 -24
  100. package/src/components/amsterdam/pagination.tokens.json +0 -25
  101. package/src/components/amsterdam/paragraph.tokens.json +0 -22
  102. package/src/components/amsterdam/row.tokens.json +0 -13
  103. package/src/components/amsterdam/search-field.tokens.json +0 -45
  104. package/src/components/amsterdam/skip-link.tokens.json +0 -18
  105. package/src/components/amsterdam/spotlight.tokens.json +0 -30
  106. package/src/components/amsterdam/switch.tokens.json +0 -24
  107. package/src/components/amsterdam/table.tokens.json +0 -22
  108. package/src/components/amsterdam/tabs.tokens.json +0 -34
  109. package/src/components/amsterdam/text-area.tokens.json +0 -36
  110. package/src/components/amsterdam/text-input.tokens.json +0 -32
  111. package/src/components/amsterdam/top-task-link.tokens.json +0 -28
package/dist/index.mjs CHANGED
@@ -1,585 +1,611 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 11 Mar 2024 17:19:31 GMT
3
+ * Generated on Fri, 22 Mar 2024 15:51:05 GMT
4
4
  */
5
5
 
6
- export const amsterdamColorPrimaryBlack = "#000000";
7
- export const amsterdamColorPrimaryWhite = "#FFFFFF";
8
- export const amsterdamColorPrimaryBlue = "#004699";
9
- export const amsterdamColorPrimaryRed = "#EC0000";
10
- export const amsterdamColorDarkBlue = "#102E62";
11
- export const amsterdamColorOrange = "#FF9100";
12
- export const amsterdamColorYellow = "#FFE600";
13
- export const amsterdamColorGreen = "#BED200";
14
- export const amsterdamColorDarkGreen = "#00A03C";
15
- export const amsterdamColorBlue = "#009DE6";
16
- export const amsterdamColorPurple = "#A00078";
17
- export const amsterdamColorMagenta = "#E50082";
18
- export const amsterdamColorNeutralGrey1 = "#E8E8E8";
19
- export const amsterdamColorNeutralGrey2 = "#BEBEBE";
20
- export const amsterdamColorNeutralGrey3 = "#767676";
21
- export const amsterdamProportionXTall = "9 / 16";
22
- export const amsterdamProportionTall = "4 / 5";
23
- export const amsterdamProportionSquare = "1 / 1";
24
- export const amsterdamProportionWide = "5 / 4";
25
- export const amsterdamProportionXWide = "16 / 9";
26
- export const amsterdamProportion2xWide = "32 / 9";
27
- export const amsterdamSpaceGridXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
28
- export const amsterdamSpaceGridSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
29
- export const amsterdamSpaceGridMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Grows from 16px at 320px wide to 56px at 1600px wide.
30
- export const amsterdamSpaceGridLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
31
- export const amsterdamSpaceGridXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
32
- export const amsterdamSpaceInsideXs = ".5rem";
33
- export const amsterdamSpaceInsideSm = ".75rem";
34
- export const amsterdamSpaceInsideMd = "1rem";
35
- export const amsterdamSpaceInsideLg = "1.5rem";
36
- export const amsterdamSpaceInsideXl = "2rem";
37
- export const amsterdamSpaceStackXs = ".5rem";
38
- export const amsterdamSpaceStackSm = ".75rem";
39
- export const amsterdamSpaceStackMd = "1rem";
40
- export const amsterdamSpaceStackLg = "1.5rem";
41
- export const amsterdamSpaceStackXl = "2rem";
42
- export const amsterdamTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
43
- export const amsterdamTypographyFontWeightNormal = 400;
44
- export const amsterdamTypographyFontWeightBold = 800;
45
- export const amsterdamTypographyTextLevel0FontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
46
- export const amsterdamTypographyTextLevel0LineHeight = "1.15";
47
- export const amsterdamTypographyTextLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
48
- export const amsterdamTypographyTextLevel1LineHeight = "1.2";
49
- export const amsterdamTypographyTextLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
50
- export const amsterdamTypographyTextLevel2LineHeight = "1.25";
51
- export const amsterdamTypographyTextLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
52
- export const amsterdamTypographyTextLevel3LineHeight = "1.3";
53
- export const amsterdamTypographyTextLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
54
- export const amsterdamTypographyTextLevel4LineHeight = "1.5";
55
- export const amsterdamTypographyTextLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
56
- export const amsterdamTypographyTextLevel5LineHeight = "1.6";
57
- export const amsterdamTypographyTextLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
58
- export const amsterdamTypographyTextLevel6LineHeight = "1.6";
59
- export const amsterdamActionActivateCursor = "pointer";
60
- export const amsterdamActionBusyCursor = "wait";
61
- export const amsterdamActionDisabledCursor = "not-allowed";
62
- export const amsterdamActionInertCursor = "default";
63
- export const amsterdamActionNavigateCursor = "pointer";
64
- export const amsterdamActionSubmitCursor = "pointer";
65
- export const amsterdamBorderWidthSm = "1px";
66
- export const amsterdamBorderWidthMd = "2px";
67
- export const amsterdamBorderWidthLg = "3px";
68
- export const amsterdamFocusOutlineOffset = "2px";
69
- export const amsterdamHyphenationHyphenateLimitChars = "12 8 4";
70
- export const amsterdamHyphenationHyphens = "auto";
71
- export const amsterdamHyphenationOverflowWrap = "break-word";
72
- export const amsterdamLinkAppearanceColor = "#004699";
73
- export const amsterdamLinkAppearanceTextDecorationThickness = "0.125rem";
74
- export const amsterdamLinkAppearanceTextUnderlineOffset = "0.375rem";
75
- export const amsterdamLinkAppearanceHoverColor = "#102E62";
76
- export const amsterdamLinkAppearanceOnBackgroundDarkColor = "#FFFFFF";
77
- export const amsterdamLinkAppearanceOnBackgroundLightColor = "#000000";
78
- export const amsterdamLinkAppearanceRegularTextDecorationLine = "underline";
79
- export const amsterdamLinkAppearanceRegularHoverTextDecorationThickness = "0.1875rem";
80
- export const amsterdamLinkAppearanceRegularHoverTextUnderlineOffset = "0.3125rem";
81
- export const amsterdamLinkAppearanceSubtleTextDecorationLine = "none";
82
- export const amsterdamLinkAppearanceSubtleHoverTextDecorationLine = "underline";
83
- export const amsterdamAccordionButtonColor = "#004699";
84
- export const amsterdamAccordionButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
85
- export const amsterdamAccordionButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
86
- export const amsterdamAccordionButtonFontWeight = 800;
87
- export const amsterdamAccordionButtonLineHeight = "1.6";
88
- export const amsterdamAccordionButtonPaddingBlock = ".75rem";
89
- export const amsterdamAccordionButtonPaddingInline = "1rem";
90
- export const amsterdamAccordionButtonFocusOutlineOffset = "2px";
91
- export const amsterdamAccordionButtonHoverBoxShadow = "inset 0 0 0 2px #767676";
92
- export const amsterdamAccordionPanelPaddingBlock = "1rem";
93
- export const amsterdamAccordionPanelPaddingInline = "1rem";
94
- export const amsterdamAlertBorderWidth = "4px";
95
- export const amsterdamAlertBorderStyle = "solid";
96
- export const amsterdamAlertGap = "1rem";
97
- export const amsterdamAlertPaddingBlock = "1rem";
98
- export const amsterdamAlertPaddingInline = "1.5rem";
99
- export const amsterdamAlertErrorBorderColor = "#EC0000";
100
- export const amsterdamAlertInfoBorderColor = "#004699";
101
- export const amsterdamAlertSuccessBorderColor = "#00A03C";
102
- export const amsterdamAlertWarningBorderColor = "#FF9100";
103
- export const amsterdamAlertCloseFill = "#000000";
104
- export const amsterdamAlertCloseHoverFill = "#004699";
105
- export const amsterdamAspectRatioXTall = "9 / 16";
106
- export const amsterdamAspectRatioTall = "4 / 5";
107
- export const amsterdamAspectRatioSquare = "1 / 1";
108
- export const amsterdamAspectRatioWide = "5 / 4";
109
- export const amsterdamAspectRatioXWide = "16 / 9";
110
- export const amsterdamAspectRatio2xWide = "32 / 9";
111
- export const amsterdamBadgeFontFamily = "'Amsterdam Sans', Arial, sans-serif";
112
- export const amsterdamBadgeFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
113
- export const amsterdamBadgeFontWeight = 800;
114
- export const amsterdamBadgeLineHeight = "1.6";
115
- export const amsterdamBadgePaddingInline = ".5rem";
116
- export const amsterdamBadgeBlueBackgroundColor = "#009DE6";
117
- export const amsterdamBadgeBlueColor = "#000000";
118
- export const amsterdamBadgeDarkBlueBackgroundColor = "#004699";
119
- export const amsterdamBadgeDarkBlueColor = "#FFFFFF";
120
- export const amsterdamBadgeDarkGreenBackgroundColor = "#00A03C";
121
- export const amsterdamBadgeDarkGreenColor = "#FFFFFF";
122
- export const amsterdamBadgeGreenBackgroundColor = "#BED200";
123
- export const amsterdamBadgeGreenColor = "#000000";
124
- export const amsterdamBadgeMagentaBackgroundColor = "#E50082";
125
- export const amsterdamBadgeMagentaColor = "#FFFFFF";
126
- export const amsterdamBadgeOrangeBackgroundColor = "#FF9100";
127
- export const amsterdamBadgeOrangeColor = "#000000";
128
- export const amsterdamBadgePurpleBackgroundColor = "#A00078";
129
- export const amsterdamBadgePurpleColor = "#FFFFFF";
130
- export const amsterdamBadgeYellowBackgroundColor = "#FFE600";
131
- export const amsterdamBadgeYellowColor = "#000000";
132
- export const amsterdamBlockquoteColor = "#000000";
133
- export const amsterdamBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif";
134
- export const amsterdamBlockquoteFontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
135
- export const amsterdamBlockquoteFontWeight = 800;
136
- export const amsterdamBlockquoteLineHeight = "1.3";
137
- export const amsterdamBlockquoteInverseColor = "#FFFFFF";
138
- export const amsterdamBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
139
- export const amsterdamBreadcrumbFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
140
- export const amsterdamBreadcrumbFontWeight = 400;
141
- export const amsterdamBreadcrumbLineHeight = "1.6";
142
- export const amsterdamBreadcrumbSeparatorBackgroundImage = "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>\")";
143
- export const amsterdamBreadcrumbItemLinkColor = "#004699";
144
- export const amsterdamBreadcrumbItemLinkOutlineOffset = "2px";
145
- export const amsterdamBreadcrumbItemLinkTextDecorationLine = "none";
146
- export const amsterdamBreadcrumbItemLinkTextDecorationThickness = "0.125rem";
147
- export const amsterdamBreadcrumbItemLinkTextUnderlineOffset = "0.375rem";
148
- export const amsterdamBreadcrumbItemLinkHoverColor = "#102E62";
149
- export const amsterdamBreadcrumbItemLinkHoverTextDecorationLine = "underline";
150
- export const amsterdamButtonCursor = "pointer";
151
- export const amsterdamButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
152
- export const amsterdamButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
153
- export const amsterdamButtonLineHeight = "1.6";
154
- export const amsterdamButtonGap = "1rem";
155
- export const amsterdamButtonPaddingBlock = ".5rem";
156
- export const amsterdamButtonPaddingInline = "1rem";
157
- export const amsterdamButtonOutlineOffset = "2px";
158
- export const amsterdamButtonDisabledCursor = "not-allowed";
159
- export const amsterdamButtonPrimaryBackgroundColor = "#004699";
160
- export const amsterdamButtonPrimaryBoxShadow = "inset 0 0 0 2px #004699";
161
- export const amsterdamButtonPrimaryColor = "#FFFFFF";
162
- export const amsterdamButtonPrimaryDisabledBackgroundColor = "#BEBEBE";
163
- export const amsterdamButtonPrimaryDisabledBoxShadow = "inset 0 0 0 2px #BEBEBE";
164
- export const amsterdamButtonPrimaryHoverBackgroundColor = "#102E62";
165
- export const amsterdamButtonPrimaryHoverBoxShadow = "inset 0 0 0 2px #102E62";
166
- export const amsterdamButtonSecondaryBackgroundColor = "#FFFFFF";
167
- export const amsterdamButtonSecondaryColor = "#004699";
168
- export const amsterdamButtonSecondaryBoxShadow = "inset 0 0 0 2px #004699";
169
- export const amsterdamButtonSecondaryHoverBoxShadow = "inset 0 0 0 3px #102E62";
170
- export const amsterdamButtonSecondaryHoverColor = "#102E62";
171
- export const amsterdamButtonSecondaryDisabledBackgroundColor = "#FFFFFF";
172
- export const amsterdamButtonSecondaryDisabledBoxShadow = "inset 0 0 0 2px #BEBEBE";
173
- export const amsterdamButtonSecondaryDisabledColor = "#BEBEBE";
174
- export const amsterdamButtonSecondaryFocusBoxShadow = "inset 0 0 0 2px #004699";
175
- export const amsterdamButtonTertiaryBackgroundColor = "transparent";
176
- export const amsterdamButtonTertiaryColor = "#004699";
177
- export const amsterdamButtonTertiaryHoverBoxShadow = "inset 0 0 0 2px #102E62";
178
- export const amsterdamButtonTertiaryHoverColor = "#102E62";
179
- export const amsterdamButtonTertiaryDisabledBackgroundColor = "transparent";
180
- export const amsterdamButtonTertiaryDisabledColor = "#BEBEBE";
181
- export const amsterdamCardLinkColor = "#004699";
182
- export const amsterdamCardLinkTextDecorationLine = "none";
183
- export const amsterdamCardLinkTextDecorationThickness = "0.125rem";
184
- export const amsterdamCardLinkTextUnderlineOffset = "0.375rem";
185
- export const amsterdamCardLinkHoverColor = "#102E62";
186
- export const amsterdamCardLinkHoverTextDecorationLine = "underline";
187
- export const amsterdamCardOutlineOffset = "2px";
188
- export const amsterdamCheckboxColor = "#000000";
189
- export const amsterdamCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
190
- export const amsterdamCheckboxFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
191
- export const amsterdamCheckboxFontWeight = 400;
192
- export const amsterdamCheckboxLineHeight = "1.6";
193
- export const amsterdamCheckboxOutlineOffset = "2px";
194
- export const amsterdamCheckboxCheckmarkBorderColor = "#004699";
195
- export const amsterdamCheckboxCheckmarkCheckedBackgroundColor = "#004699";
196
- export const amsterdamCheckboxCheckmarkCheckedBackgroundImage = "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\")";
197
- export const amsterdamCheckboxCheckmarkCheckedHoverBackgroundColor = "#102E62";
198
- export const amsterdamCheckboxCheckmarkDisabledBorderColor = "#767676";
199
- export const amsterdamCheckboxCheckmarkDisabledCheckedBackgroundColor = "#767676";
200
- export const amsterdamCheckboxCheckmarkDisabledCheckedHoverBackgroundColor = "#767676";
201
- export const amsterdamCheckboxCheckmarkDisabledIndeterminateBackgroundColor = "#767676";
202
- export const amsterdamCheckboxCheckmarkDisabledIndeterminateHoverBackgroundColor = "#767676";
203
- export const amsterdamCheckboxCheckmarkHoverBorderColor = "#102E62";
204
- export const amsterdamCheckboxCheckmarkInvalidBorderColor = "#EC0000";
205
- export const amsterdamCheckboxCheckmarkInvalidCheckedBackgroundColor = "#EC0000";
206
- export const amsterdamCheckboxCheckmarkInvalidCheckedHoverBackgroundColor = "#EC0000";
207
- export const amsterdamCheckboxCheckmarkInvalidHoverBorderColor = "#EC0000";
208
- export const amsterdamCheckboxCheckmarkInvalidIndeterminateBackgroundColor = "#EC0000";
209
- export const amsterdamCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor = "#EC0000";
210
- export const amsterdamCheckboxCheckmarkIndeterminateBackgroundColor = "#004699";
211
- export const amsterdamCheckboxCheckmarkIndeterminateBackgroundImage = "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\")";
212
- export const amsterdamCheckboxCheckmarkIndeterminateHoverBackgroundColor = "#102E62";
213
- export const amsterdamCheckboxDisabledColor = "#767676";
214
- export const amsterdamCheckboxHoverColor = "#102E62";
215
- export const amsterdamColumnGapXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
216
- export const amsterdamColumnGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
217
- export const amsterdamColumnGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
218
- export const amsterdamColumnGapLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
219
- export const amsterdamColumnGapXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
220
- export const amsterdamDialogBackgroundColor = "#FFFFFF";
221
- export const amsterdamDialogBorder = "0";
222
- export const amsterdamDialogMaxInlineSize = "min(87.69vw, 45rem)";
223
- export const amsterdamDialogTitleColor = "#000000";
224
- export const amsterdamDialogTitleFontFamily = "'Amsterdam Sans', Arial, sans-serif";
225
- export const amsterdamDialogTitleFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
226
- export const amsterdamDialogTitleFontWeight = 800;
227
- export const amsterdamDialogTitleLineHeight = "1.6";
228
- export const amsterdamDialogFormGap = "1.5rem";
229
- export const amsterdamDialogFormPaddingBlock = "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)";
230
- export const amsterdamDialogFormPaddingInline = "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)";
231
- export const amsterdamDialogFormMaxBlockSize = "75vh";
232
- export const amsterdamDialogHeaderGap = "1rem";
233
- export const amsterdamDialogFooterGap = "1rem";
234
- export const amsterdamFieldsetLegendColor = "#000000";
235
- export const amsterdamFieldsetLegendFontFamily = "'Amsterdam Sans', Arial, sans-serif";
236
- export const amsterdamFieldsetLegendFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
237
- export const amsterdamFieldsetLegendFontWeight = 800;
238
- export const amsterdamFieldsetLegendLineHeight = "1.5";
239
- export const amsterdamFormLabelColor = "#000000";
240
- export const amsterdamFormLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
241
- export const amsterdamFormLabelFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
242
- export const amsterdamFormLabelFontWeight = 800;
243
- export const amsterdamFormLabelLineHeight = "1.5";
244
- export const amsterdamGapXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
245
- export const amsterdamGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
246
- export const amsterdamGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
247
- export const amsterdamGapLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
248
- export const amsterdamGapXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
249
- export const amsterdamGridColumnCount = "4";
250
- export const amsterdamGridColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
251
- export const amsterdamGridPaddingBlockSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
252
- export const amsterdamGridPaddingBlockMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
253
- export const amsterdamGridPaddingBlockLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
254
- export const amsterdamGridPaddingInline = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
255
- export const amsterdamGridRowGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
256
- export const amsterdamGridRowGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
257
- export const amsterdamGridRowGapLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
258
- export const amsterdamGridMediumColumnCount = "8";
259
- export const amsterdamGridWideColumnCount = "12";
260
- export const amsterdamHeaderColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Must have the same value as `amsterdam.grid.column-gap`.
261
- export const amsterdamHeaderPaddingBlock = "1rem";
262
- export const amsterdamHeaderLogoLinkOutlineOffset = "2px";
263
- export const amsterdamHeadingColor = "#000000";
264
- export const amsterdamHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
265
- export const amsterdamHeadingFontWeight = 800;
266
- export const amsterdamHeadingInverseColor = "#FFFFFF";
267
- export const amsterdamHeadingLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
268
- export const amsterdamHeadingLevel1LineHeight = "1.2";
269
- export const amsterdamHeadingLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
270
- export const amsterdamHeadingLevel2LineHeight = "1.25";
271
- export const amsterdamHeadingLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
272
- export const amsterdamHeadingLevel3LineHeight = "1.3";
273
- export const amsterdamHeadingLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
274
- export const amsterdamHeadingLevel4LineHeight = "1.5";
275
- export const amsterdamHeadingLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
276
- export const amsterdamHeadingLevel5LineHeight = "1.6";
277
- export const amsterdamHeadingLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
278
- export const amsterdamHeadingLevel6LineHeight = "1.6";
279
- export const amsterdamIconButtonColor = "#004699";
280
- export const amsterdamIconButtonOutlineOffset = "2px";
281
- export const amsterdamIconButtonHoverBackgroundColor = "rgba(0, 70, 153, 0.125)";
282
- export const amsterdamIconButtonHoverColor = "#102E62";
283
- export const amsterdamIconButtonDisabledColor = "#BEBEBE";
284
- export const amsterdamIconButtonOnBackgroundLightColor = "#000000";
285
- export const amsterdamIconButtonOnBackgroundLightHoverBackgroundColor = "rgba(0, 0, 0, 0.125)";
286
- export const amsterdamIconButtonOnBackgroundLightHoverColor = "#000000";
287
- export const amsterdamIconButtonOnBackgroundLightDisabledColor = "#BEBEBE";
288
- export const amsterdamIconButtonOnBackgroundDarkBackgroundColor = "#004699";
289
- export const amsterdamIconButtonOnBackgroundDarkColor = "#FFFFFF";
290
- export const amsterdamIconButtonOnBackgroundDarkHoverBackgroundColor = "#102E62";
291
- export const amsterdamIconButtonOnBackgroundDarkHoverColor = "#FFFFFF";
292
- export const amsterdamIconButtonOnBackgroundDarkDisabledColor = "#FFFFFF";
293
- export const amsterdamIconButtonOnBackgroundDarkDisabledBackgroundColor = "#BEBEBE";
294
- export const amsterdamIconSize3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
295
- export const amsterdamIconSize3LineHeight = "1.3";
296
- export const amsterdamIconSize4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
297
- export const amsterdamIconSize4LineHeight = "1.5";
298
- export const amsterdamIconSize5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
299
- export const amsterdamIconSize5LineHeight = "1.6";
300
- export const amsterdamIconSize6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
301
- export const amsterdamIconSize6LineHeight = "1.6";
302
- export const amsterdamLinkListGap = "0.5em";
303
- export const amsterdamLinkListLinkColor = "#004699";
304
- export const amsterdamLinkListLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
305
- export const amsterdamLinkListLinkFontWeight = 400;
306
- export const amsterdamLinkListLinkGap = "0.5em";
307
- export const amsterdamLinkListLinkOutlineOffset = "2px";
308
- export const amsterdamLinkListLinkTextDecorationLine = "none";
309
- export const amsterdamLinkListLinkTextDecorationThickness = "0.125rem";
310
- export const amsterdamLinkListLinkTextUnderlineOffset = "0.375rem";
311
- export const amsterdamLinkListLinkSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
312
- export const amsterdamLinkListLinkSmallLineHeight = "1.6";
313
- export const amsterdamLinkListLinkMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
314
- export const amsterdamLinkListLinkMediumLineHeight = "1.6";
315
- export const amsterdamLinkListLinkLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
316
- export const amsterdamLinkListLinkLargeLineHeight = "1.5";
317
- export const amsterdamLinkListLinkHoverColor = "#102E62";
318
- export const amsterdamLinkListLinkHoverTextDecorationLine = "underline";
319
- export const amsterdamLinkListLinkOnBackgroundDarkColor = "#FFFFFF";
320
- export const amsterdamLinkListLinkOnBackgroundDarkHoverColor = "#FFFFFF";
321
- export const amsterdamLinkListLinkOnBackgroundLightColor = "#000000";
322
- export const amsterdamLinkListLinkOnBackgroundLightHoverColor = "#000000";
323
- export const amsterdamLinkColor = "#004699";
324
- export const amsterdamLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
325
- export const amsterdamLinkFontWeight = 400;
326
- export const amsterdamLinkOutlineOffset = "2px";
327
- export const amsterdamLinkHoverColor = "#102E62";
328
- export const amsterdamLinkInlineTextDecorationLine = "underline";
329
- export const amsterdamLinkInlineTextDecorationThickness = "0.125rem";
330
- export const amsterdamLinkInlineTextUnderlineOffset = "0.375rem";
331
- export const amsterdamLinkInlineFontFamily = "inherit";
332
- export const amsterdamLinkInlineFontSize = "inherit";
333
- export const amsterdamLinkInlineLineHeight = "inherit";
334
- export const amsterdamLinkInlineHoverTextDecorationThickness = "0.1875rem";
335
- export const amsterdamLinkInlineHoverTextUnderlineOffset = "0.3125rem";
336
- export const amsterdamLinkInlineVisitedColor = "#A00078";
337
- export const amsterdamLinkStandaloneFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
338
- export const amsterdamLinkStandaloneLineHeight = "1.6";
339
- export const amsterdamLinkStandaloneTextDecorationLine = "underline";
340
- export const amsterdamLinkStandaloneTextDecorationThickness = "0.125rem";
341
- export const amsterdamLinkStandaloneTextUnderlineOffset = "0.375rem";
342
- export const amsterdamLinkStandaloneHoverTextDecorationThickness = "0.1875rem";
343
- export const amsterdamLinkStandaloneHoverTextUnderlineOffset = "0.3125rem";
344
- export const amsterdamLinkOnBackgroundDarkColor = "#FFFFFF";
345
- export const amsterdamLinkOnBackgroundDarkHoverColor = "#FFFFFF";
346
- export const amsterdamLinkOnBackgroundDarkVisitedColor = "#FFFFFF";
347
- export const amsterdamLinkOnBackgroundLightColor = "#000000";
348
- export const amsterdamLinkOnBackgroundLightHoverColor = "#000000";
349
- export const amsterdamLinkOnBackgroundLightVisitedColor = "#000000";
350
- export const amsterdamLogoHeight = "2.5rem";
351
- export const amsterdamLogoEmblemColor = "#EC0000";
352
- export const amsterdamLogoTitleColor = "#EC0000";
353
- export const amsterdamLogoSubsiteColor = "#000000";
354
- export const amsterdamMarginXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
355
- export const amsterdamMarginSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
356
- export const amsterdamMarginMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
357
- export const amsterdamMarginLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
358
- export const amsterdamMarginXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
359
- export const amsterdamMarkBackgroundColor = "#FFE600";
360
- export const amsterdamMegaMenuListCategoryColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Must have the same value as `amsterdam.grid.column-gap`.
361
- export const amsterdamMegaMenuListCategoryColumnWidth = "20rem";
362
- export const amsterdamMegaMenuListCategoryPaddingBlockStart = "1rem";
363
- export const amsterdamMegaMenuListCategoryPaddingBlockEnd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Must have the same value as `amsterdam.grid.row-gap.md`.
364
- export const amsterdamOrderedListColor = "#000000";
365
- export const amsterdamOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
366
- export const amsterdamOrderedListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
367
- export const amsterdamOrderedListFontWeight = 400;
368
- export const amsterdamOrderedListGap = "0.75rem";
369
- export const amsterdamOrderedListInverseColor = "#FFFFFF";
370
- export const amsterdamOrderedListLineHeight = "1.6";
371
- export const amsterdamOrderedListListStyleType = "decimal";
372
- export const amsterdamOrderedListItemMarginInlineStart = "2.25rem"; // Divide your total indentation width over margin and padding to position the marker.
373
- export const amsterdamOrderedListItemPaddingInlineStart = "0.25rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
374
- export const amsterdamOrderedListOrderedListListStyleType = "lower-alpha";
375
- export const amsterdamOrderedListOrderedListItemMarginInlineStart = "1.5rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
376
- export const amsterdamOrderedListOrderedListItemPaddingInlineStart = "0.25rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
377
- export const amsterdamPageHeadingColor = "#000000";
378
- export const amsterdamPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
379
- export const amsterdamPageHeadingFontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
380
- export const amsterdamPageHeadingFontWeight = 800;
381
- export const amsterdamPageHeadingInverseColor = "#FFFFFF";
382
- export const amsterdamPageHeadingLineHeight = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
383
- export const amsterdamPageMenuColumnGap = "2.5rem";
384
- export const amsterdamPageMenuRowGap = "0.5rem";
385
- export const amsterdamPageMenuItemColor = "#004699";
386
- export const amsterdamPageMenuItemFontFamily = "'Amsterdam Sans', Arial, sans-serif";
387
- export const amsterdamPageMenuItemFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
388
- export const amsterdamPageMenuItemFontWeight = 400;
389
- export const amsterdamPageMenuItemGap = "0.5rem";
390
- export const amsterdamPageMenuItemLineHeight = "1.6";
391
- export const amsterdamPageMenuItemOutlineOffset = "2px";
392
- export const amsterdamPageMenuItemTextDecorationLine = "none";
393
- export const amsterdamPageMenuItemTextDecorationThickness = "0.125rem";
394
- export const amsterdamPageMenuItemTextUnderlineOffset = "0.375rem";
395
- export const amsterdamPageMenuItemHoverColor = "#102E62";
396
- export const amsterdamPageMenuItemHoverTextDecorationLine = "underline";
397
- export const amsterdamPaginationColor = "#004699";
398
- export const amsterdamPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
399
- export const amsterdamPaginationFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
400
- export const amsterdamPaginationFontWeight = 400;
401
- export const amsterdamPaginationLineHeight = "1.6";
402
- export const amsterdamPaginationButtonOutlineOffset = "2px";
403
- export const amsterdamPaginationButtonPaddingInline = ".75rem";
404
- export const amsterdamPaginationButtonTextDecorationLine = "none";
405
- export const amsterdamPaginationButtonTextDecorationThickness = "0.125rem";
406
- export const amsterdamPaginationButtonTextUnderlineOffset = "0.375rem";
407
- export const amsterdamPaginationButtonCurrentFontWeight = 800;
408
- export const amsterdamPaginationButtonHoverColor = "#102E62";
409
- export const amsterdamPaginationButtonHoverTextDecorationLine = "underline";
410
- export const amsterdamParagraphColor = "#000000";
411
- export const amsterdamParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
412
- export const amsterdamParagraphFontWeight = 400;
413
- export const amsterdamParagraphInverseColor = "#FFFFFF";
414
- export const amsterdamParagraphSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
415
- export const amsterdamParagraphSmallLineHeight = "1.6";
416
- export const amsterdamParagraphMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
417
- export const amsterdamParagraphMediumLineHeight = "1.6";
418
- export const amsterdamParagraphLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
419
- export const amsterdamParagraphLargeLineHeight = "1.5";
420
- export const amsterdamRadioColor = "#000000";
421
- export const amsterdamRadioFontFamily = "'Amsterdam Sans', Arial, sans-serif";
422
- export const amsterdamRadioFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
423
- export const amsterdamRadioFontWeight = 400;
424
- export const amsterdamRadioLineHeight = "1.6";
425
- export const amsterdamRadioOutlineOffset = "2px";
426
- export const amsterdamRadioCircleBorderColor = "#004699";
427
- export const amsterdamRadioCircleCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23004699'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
428
- export const amsterdamRadioCircleCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23102E62'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
429
- export const amsterdamRadioCircleDisabledBorderColor = "#767676";
430
- export const amsterdamRadioCircleDisabledCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23767676'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
431
- export const amsterdamRadioCircleDisabledCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23767676'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
432
- export const amsterdamRadioCircleHoverBorderColor = "#102E62";
433
- export const amsterdamRadioCircleInvalidBorderColor = "#EC0000";
434
- export const amsterdamRadioCircleInvalidCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23EC0000'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
435
- export const amsterdamRadioCircleInvalidCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23EC0000'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
436
- export const amsterdamRadioCircleInvalidHoverBorderColor = "#EC0000";
437
- export const amsterdamRadioDisabledColor = "#767676";
438
- export const amsterdamRadioHoverColor = "#102E62";
439
- export const amsterdamRowGapXs = ".5rem";
440
- export const amsterdamRowGapSm = ".75rem";
441
- export const amsterdamRowGapMd = "1rem";
442
- export const amsterdamRowGapLg = "1.5rem";
443
- export const amsterdamRowGapXl = "2rem";
444
- export const amsterdamScreenWideMaxWidth = "100rem";
445
- export const amsterdamScreenXWideMaxWidth = "132rem";
446
- export const amsterdamSearchFieldButtonBackgroundColor = "#004699";
447
- export const amsterdamSearchFieldButtonColor = "#FFFFFF";
448
- export const amsterdamSearchFieldButtonOutlineOffset = "2px";
449
- export const amsterdamSearchFieldButtonHoverBackgroundColor = "#102E62";
450
- export const amsterdamSearchFieldButtonPaddingBlock = ".5rem";
451
- export const amsterdamSearchFieldButtonPaddingInline = ".5rem";
452
- export const amsterdamSearchFieldInputBoxShadow = "inset 0 0 0 1px #000000";
453
- export const amsterdamSearchFieldInputColor = "#000000";
454
- export const amsterdamSearchFieldInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
455
- export const amsterdamSearchFieldInputFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
456
- export const amsterdamSearchFieldInputFontWeight = 400;
457
- export const amsterdamSearchFieldInputLineHeight = "1.6";
458
- export const amsterdamSearchFieldInputOutlineOffset = "2px";
459
- export const amsterdamSearchFieldInputPaddingBlock = ".5rem";
460
- export const amsterdamSearchFieldInputPaddingInline = "1rem";
461
- export const amsterdamSearchFieldInputCancelButtonBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z'/></svg>\")";
462
- export const amsterdamSearchFieldInputCancelButtonColor = "#004699";
463
- export const amsterdamSearchFieldInputCancelButtonHeight = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
464
- export const amsterdamSearchFieldInputCancelButtonWidth = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
465
- export const amsterdamSearchFieldInputHoverBoxShadow = "inset 0 0 0 2px #000000";
466
- export const amsterdamSearchFieldInputPlaceholderColor = "#767676";
467
- export const amsterdamSkipLinkBackgroundColor = "#004699";
468
- export const amsterdamSkipLinkColor = "#FFFFFF";
469
- export const amsterdamSkipLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
470
- export const amsterdamSkipLinkFontWeight = 400;
471
- export const amsterdamSkipLinkFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
472
- export const amsterdamSkipLinkLineHeight = "1.6";
473
- export const amsterdamSkipLinkOutlineOffset = "2px";
474
- export const amsterdamSkipLinkPaddingBlock = ".5rem";
475
- export const amsterdamSkipLinkPaddingInline = "1rem";
476
- export const amsterdamSkipLinkHoverBackgroundColor = "#102E62";
477
- export const amsterdamSpotlightBlueBackgroundColor = "#009DE6";
478
- export const amsterdamSpotlightDarkBlueBackgroundColor = "#004699";
479
- export const amsterdamSpotlightDarkGreenBackgroundColor = "#00A03C";
480
- export const amsterdamSpotlightGreenBackgroundColor = "#BED200";
481
- export const amsterdamSpotlightMagentaBackgroundColor = "#E50082";
482
- export const amsterdamSpotlightOrangeBackgroundColor = "#FF9100";
483
- export const amsterdamSpotlightPurpleBackgroundColor = "#A00078";
484
- export const amsterdamSpotlightYellowBackgroundColor = "#FFE600";
485
- export const amsterdamSwitchFontFamily = "'Amsterdam Sans', Arial, sans-serif";
486
- export const amsterdamSwitchBackgroundColor = "#767676";
487
- export const amsterdamSwitchWidth = "3.5rem";
488
- export const amsterdamSwitchThumbBackgroundColor = "#FFFFFF";
489
- export const amsterdamSwitchThumbWidth = "1.75rem";
490
- export const amsterdamSwitchThumbHeight = "1.75rem";
491
- export const amsterdamSwitchThumbHoverColor = "#102E62";
492
- export const amsterdamSwitchCheckedBackgroundColor = "#004699";
493
- export const amsterdamSwitchOutlineOffset = "2px";
494
- export const amsterdamSwitchDisabledBackgroundColor = "#BEBEBE";
495
- export const amsterdamTableColor = "#000000";
496
- export const amsterdamTableFontFamily = "'Amsterdam Sans', Arial, sans-serif";
497
- export const amsterdamTableFontWeight = 400;
498
- export const amsterdamTableFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
499
- export const amsterdamTableLineHeight = "1.6";
500
- export const amsterdamTableCaptionFontWeight = 800;
501
- export const amsterdamTableCellBorderBottom = "1px solid #E8E8E8";
502
- export const amsterdamTableCellPaddingBlock = "1rem";
503
- export const amsterdamTableCellPaddingInline = "1rem";
504
- export const amsterdamTableHeaderCellFontWeight = 800;
505
- export const amsterdamTabsListBorderBottom = ".125rem solid #004699";
506
- export const amsterdamTabsButtonBackgroundColor = "transparent";
507
- export const amsterdamTabsButtonBorder = "none";
508
- export const amsterdamTabsButtonColor = "#004699";
509
- export const amsterdamTabsButtonCursor = "pointer";
510
- export const amsterdamTabsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
511
- export const amsterdamTabsButtonFontWeight = 400;
512
- export const amsterdamTabsButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
513
- export const amsterdamTabsButtonLineHeight = "1.6";
514
- export const amsterdamTabsButtonOutlineOffset = "-0.25rem";
515
- export const amsterdamTabsButtonPaddingBlock = ".5rem";
516
- export const amsterdamTabsButtonPaddingInline = "1rem";
517
- export const amsterdamTabsButtonHoverColor = "#102E62";
518
- export const amsterdamTabsButtonHoverBoxShadow = "inset 0 -0.125rem 0 0 #102E62";
519
- export const amsterdamTabsButtonSelectedBackgroundColor = "#004699";
520
- export const amsterdamTabsButtonSelectedColor = "#FFFFFF";
521
- export const amsterdamTabsButtonDisabledColor = "#BEBEBE";
522
- export const amsterdamTabsButtonDisabledCursor = "not-allowed";
523
- export const amsterdamTextAreaBoxShadow = "inset 0 0 0 1px #000000";
524
- export const amsterdamTextAreaColor = "#000000";
525
- export const amsterdamTextAreaFontFamily = "'Amsterdam Sans', Arial, sans-serif";
526
- export const amsterdamTextAreaFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
527
- export const amsterdamTextAreaFontWeight = 400;
528
- export const amsterdamTextAreaLineHeight = "1.6";
529
- export const amsterdamTextAreaMinHeight = "calc(1.6 * 1em + 2 * 0.5rem)";
530
- export const amsterdamTextAreaOutlineOffset = "2px";
531
- export const amsterdamTextAreaPaddingBlock = "0.5rem";
532
- export const amsterdamTextAreaPaddingInline = "1rem";
533
- export const amsterdamTextAreaDisabledBackgroundColor = "#FFFFFF";
534
- export const amsterdamTextAreaDisabledBoxShadow = "inset 0 0 0 1px #BEBEBE";
535
- export const amsterdamTextAreaDisabledColor = "#BEBEBE";
536
- export const amsterdamTextAreaDisabledCursor = "not-allowed";
537
- export const amsterdamTextAreaHoverBoxShadow = "inset 0 0 0 2px #000000";
538
- export const amsterdamTextAreaInvalidBoxShadow = "inset 0 0 0 1px #EC0000";
539
- export const amsterdamTextAreaInvalidHoverBoxShadow = "inset 0 0 0 2px #EC0000";
540
- export const amsterdamTextAreaPlaceholderColor = "#767676";
541
- export const amsterdamTextInputBoxShadow = "inset 0 0 0 1px #000000";
542
- export const amsterdamTextInputColor = "#000000";
543
- export const amsterdamTextInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
544
- export const amsterdamTextInputFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
545
- export const amsterdamTextInputFontWeight = 400;
546
- export const amsterdamTextInputLineHeight = "1.6";
547
- export const amsterdamTextInputOutlineOffset = "2px";
548
- export const amsterdamTextInputPaddingBlock = ".5rem";
549
- export const amsterdamTextInputPaddingInline = "1rem";
550
- export const amsterdamTextInputDisabledBackgroundColor = "#FFFFFF";
551
- export const amsterdamTextInputDisabledBoxShadow = "inset 0 0 0 1px #BEBEBE";
552
- export const amsterdamTextInputDisabledColor = "#BEBEBE";
553
- export const amsterdamTextInputHoverBoxShadow = "inset 0 0 0 2px #000000";
554
- export const amsterdamTextInputInvalidBoxShadow = "inset 0 0 0 1px #EC0000";
555
- export const amsterdamTextInputInvalidHoverBoxShadow = "inset 0 0 0 2px #EC0000";
556
- export const amsterdamTextInputPlaceholderColor = "#767676";
557
- export const amsterdamTopTaskLinkDescriptionColor = "#000000";
558
- export const amsterdamTopTaskLinkDescriptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
559
- export const amsterdamTopTaskLinkDescriptionFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
560
- export const amsterdamTopTaskLinkDescriptionFontWeight = 400;
561
- export const amsterdamTopTaskLinkDescriptionLineHeight = "1.6";
562
- export const amsterdamTopTaskLinkLabelColor = "#004699";
563
- export const amsterdamTopTaskLinkLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
564
- export const amsterdamTopTaskLinkLabelFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
565
- export const amsterdamTopTaskLinkLabelFontWeight = 800;
566
- export const amsterdamTopTaskLinkLabelLineHeight = "1.5";
567
- export const amsterdamTopTaskLinkLabelTextDecorationLine = "none";
568
- export const amsterdamTopTaskLinkLabelTextDecorationThickness = "0.125rem";
569
- export const amsterdamTopTaskLinkLabelTextUnderlineOffset = "0.375rem";
570
- export const amsterdamTopTaskLinkLabelHoverColor = "#102E62";
571
- export const amsterdamTopTaskLinkLabelHoverTextDecorationLine = "underline";
572
- export const amsterdamTopTaskLinkOutlineOffset = "2px";
573
- export const amsterdamUnorderedListColor = "#000000";
574
- export const amsterdamUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
575
- export const amsterdamUnorderedListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
576
- export const amsterdamUnorderedListFontWeight = 400;
577
- export const amsterdamUnorderedListGap = "0.75rem";
578
- export const amsterdamUnorderedListInverseColor = "#FFFFFF";
579
- export const amsterdamUnorderedListLineHeight = "1.6";
580
- export const amsterdamUnorderedListListStyleType = "'\\2022'";
581
- export const amsterdamUnorderedListItemMarginInlineStart = "1.625rem"; // Divide your total indentation width over margin and padding to position the marker.
582
- export const amsterdamUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
583
- export const amsterdamUnorderedListUnorderedListListStyleType = "'\\2013'";
584
- export const amsterdamUnorderedListUnorderedListItemMarginInlineStart = "0.875rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
585
- export const amsterdamUnorderedListUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
6
+ export const amsColorPrimaryBlack = "#000000";
7
+ export const amsColorPrimaryWhite = "#FFFFFF";
8
+ export const amsColorPrimaryBlue = "#004699";
9
+ export const amsColorPrimaryRed = "#EC0000";
10
+ export const amsColorDarkBlue = "#102E62";
11
+ export const amsColorOrange = "#FF9100";
12
+ export const amsColorYellow = "#FFE600";
13
+ export const amsColorGreen = "#BED200";
14
+ export const amsColorDarkGreen = "#00A03C";
15
+ export const amsColorBlue = "#009DE6";
16
+ export const amsColorPurple = "#A00078";
17
+ export const amsColorMagenta = "#E50082";
18
+ export const amsColorNeutralGrey1 = "#E8E8E8";
19
+ export const amsColorNeutralGrey2 = "#BEBEBE";
20
+ export const amsColorNeutralGrey3 = "#767676";
21
+ export const amsProportionXTall = "9 / 16";
22
+ export const amsProportionTall = "4 / 5";
23
+ export const amsProportionSquare = "1 / 1";
24
+ export const amsProportionWide = "5 / 4";
25
+ export const amsProportionXWide = "16 / 9";
26
+ export const amsProportion2xWide = "32 / 9";
27
+ export const amsSpaceGridXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
28
+ export const amsSpaceGridSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
29
+ export const amsSpaceGridMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Grows from 16px at 320px wide to 56px at 1600px wide.
30
+ export const amsSpaceGridLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
31
+ export const amsSpaceGridXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
32
+ export const amsSpaceInsideXs = ".5rem";
33
+ export const amsSpaceInsideSm = ".75rem";
34
+ export const amsSpaceInsideMd = "1rem";
35
+ export const amsSpaceInsideLg = "1.5rem";
36
+ export const amsSpaceInsideXl = "2rem";
37
+ export const amsSpaceStackXs = ".5rem";
38
+ export const amsSpaceStackSm = ".75rem";
39
+ export const amsSpaceStackMd = "1rem";
40
+ export const amsSpaceStackLg = "1.5rem";
41
+ export const amsSpaceStackXl = "2rem";
42
+ export const amsTextFontFamily = "'Amsterdam Sans', Arial, sans-serif";
43
+ export const amsTextFontWeightNormal = 400;
44
+ export const amsTextFontWeightBold = 800;
45
+ export const amsTextLevel0FontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
46
+ export const amsTextLevel0LineHeight = "1.15";
47
+ export const amsTextLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
48
+ export const amsTextLevel1LineHeight = "1.2";
49
+ export const amsTextLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
50
+ export const amsTextLevel2LineHeight = "1.25";
51
+ export const amsTextLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
52
+ export const amsTextLevel3LineHeight = "1.3";
53
+ export const amsTextLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
54
+ export const amsTextLevel4LineHeight = "1.5";
55
+ export const amsTextLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
56
+ export const amsTextLevel5LineHeight = "1.6";
57
+ export const amsTextLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
58
+ export const amsTextLevel6LineHeight = "1.6";
59
+ export const amsActionActivateCursor = "pointer";
60
+ export const amsActionBusyCursor = "wait";
61
+ export const amsActionDisabledCursor = "not-allowed";
62
+ export const amsActionInertCursor = "default";
63
+ export const amsActionNavigateCursor = "pointer";
64
+ export const amsActionSubmitCursor = "pointer";
65
+ export const amsBorderWidthSm = "1px";
66
+ export const amsBorderWidthMd = "2px";
67
+ export const amsBorderWidthLg = "3px";
68
+ export const amsFocusOutlineOffset = "2px";
69
+ export const amsHyphenationHyphenateLimitChars = "12 8 4";
70
+ export const amsHyphenationHyphens = "auto";
71
+ export const amsHyphenationOverflowWrap = "break-word";
72
+ export const amsLinkAppearanceColor = "#004699";
73
+ export const amsLinkAppearanceTextDecorationThickness = "0.125rem";
74
+ export const amsLinkAppearanceTextUnderlineOffset = "0.375rem";
75
+ export const amsLinkAppearanceHoverColor = "#102E62";
76
+ export const amsLinkAppearanceOnBackgroundDarkColor = "#FFFFFF";
77
+ export const amsLinkAppearanceOnBackgroundLightColor = "#000000";
78
+ export const amsLinkAppearanceRegularTextDecorationLine = "underline";
79
+ export const amsLinkAppearanceRegularHoverTextDecorationThickness = "0.1875rem";
80
+ export const amsLinkAppearanceRegularHoverTextUnderlineOffset = "0.3125rem";
81
+ export const amsLinkAppearanceSubtleTextDecorationLine = "none";
82
+ export const amsLinkAppearanceSubtleHoverTextDecorationLine = "underline";
83
+ export const amsAccordionButtonColor = "#004699";
84
+ export const amsAccordionButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
85
+ export const amsAccordionButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
86
+ export const amsAccordionButtonFontWeight = 800;
87
+ export const amsAccordionButtonLineHeight = "1.6";
88
+ export const amsAccordionButtonPaddingBlock = ".75rem";
89
+ export const amsAccordionButtonPaddingInline = "1rem";
90
+ export const amsAccordionButtonFocusOutlineOffset = "2px";
91
+ export const amsAccordionButtonHoverBoxShadow = "inset 0 0 0 2px #767676";
92
+ export const amsAccordionPanelPaddingBlock = "1rem";
93
+ export const amsAccordionPanelPaddingInline = "1rem";
94
+ export const amsAlertBorderWidth = "4px";
95
+ export const amsAlertBorderStyle = "solid";
96
+ export const amsAlertGap = "1rem";
97
+ export const amsAlertPaddingBlock = "1rem";
98
+ export const amsAlertPaddingInline = "1.5rem";
99
+ export const amsAlertErrorBorderColor = "#EC0000";
100
+ export const amsAlertInfoBorderColor = "#004699";
101
+ export const amsAlertSuccessBorderColor = "#00A03C";
102
+ export const amsAlertWarningBorderColor = "#FF9100";
103
+ export const amsAlertCloseFill = "#000000";
104
+ export const amsAlertCloseHoverFill = "#004699";
105
+ export const amsAspectRatioXTall = "9 / 16";
106
+ export const amsAspectRatioTall = "4 / 5";
107
+ export const amsAspectRatioSquare = "1 / 1";
108
+ export const amsAspectRatioWide = "5 / 4";
109
+ export const amsAspectRatioXWide = "16 / 9";
110
+ export const amsAspectRatio2xWide = "32 / 9";
111
+ export const amsAvatarAspectRatio = "1 / 1";
112
+ export const amsAvatarFontFamily = "'Amsterdam Sans', Arial, sans-serif";
113
+ export const amsAvatarFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
114
+ export const amsAvatarFontWeight = 400;
115
+ export const amsAvatarLineHeight = "1.6";
116
+ export const amsAvatarPaddingBlock = "0.25rem";
117
+ export const amsAvatarPaddingInline = "0.25rem";
118
+ export const amsAvatarBlueBackgroundColor = "#009DE6";
119
+ export const amsAvatarBlueColor = "#000000";
120
+ export const amsAvatarDarkBlueBackgroundColor = "#004699";
121
+ export const amsAvatarDarkBlueColor = "#FFFFFF";
122
+ export const amsAvatarDarkGreenBackgroundColor = "#00A03C";
123
+ export const amsAvatarDarkGreenColor = "#FFFFFF";
124
+ export const amsAvatarGreenBackgroundColor = "#BED200";
125
+ export const amsAvatarGreenColor = "#000000";
126
+ export const amsAvatarMagentaBackgroundColor = "#E50082";
127
+ export const amsAvatarMagentaColor = "#FFFFFF";
128
+ export const amsAvatarOrangeBackgroundColor = "#FF9100";
129
+ export const amsAvatarOrangeColor = "#000000";
130
+ export const amsAvatarPurpleBackgroundColor = "#A00078";
131
+ export const amsAvatarPurpleColor = "#FFFFFF";
132
+ export const amsAvatarRedBackgroundColor = "#EC0000";
133
+ export const amsAvatarRedColor = "#FFFFFF";
134
+ export const amsAvatarYellowBackgroundColor = "#FFE600";
135
+ export const amsAvatarYellowColor = "#000000";
136
+ export const amsBadgeFontFamily = "'Amsterdam Sans', Arial, sans-serif";
137
+ export const amsBadgeFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
138
+ export const amsBadgeFontWeight = 800;
139
+ export const amsBadgeLineHeight = "1.6";
140
+ export const amsBadgePaddingInline = ".5rem";
141
+ export const amsBadgeBlueBackgroundColor = "#009DE6";
142
+ export const amsBadgeBlueColor = "#000000";
143
+ export const amsBadgeDarkBlueBackgroundColor = "#004699";
144
+ export const amsBadgeDarkBlueColor = "#FFFFFF";
145
+ export const amsBadgeDarkGreenBackgroundColor = "#00A03C";
146
+ export const amsBadgeDarkGreenColor = "#FFFFFF";
147
+ export const amsBadgeGreenBackgroundColor = "#BED200";
148
+ export const amsBadgeGreenColor = "#000000";
149
+ export const amsBadgeMagentaBackgroundColor = "#E50082";
150
+ export const amsBadgeMagentaColor = "#FFFFFF";
151
+ export const amsBadgeOrangeBackgroundColor = "#FF9100";
152
+ export const amsBadgeOrangeColor = "#000000";
153
+ export const amsBadgePurpleBackgroundColor = "#A00078";
154
+ export const amsBadgePurpleColor = "#FFFFFF";
155
+ export const amsBadgeYellowBackgroundColor = "#FFE600";
156
+ export const amsBadgeYellowColor = "#000000";
157
+ export const amsBlockquoteColor = "#000000";
158
+ export const amsBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif";
159
+ export const amsBlockquoteFontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
160
+ export const amsBlockquoteFontWeight = 800;
161
+ export const amsBlockquoteLineHeight = "1.3";
162
+ export const amsBlockquoteInverseColor = "#FFFFFF";
163
+ export const amsBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
164
+ export const amsBreadcrumbFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
165
+ export const amsBreadcrumbFontWeight = 400;
166
+ export const amsBreadcrumbLineHeight = "1.6";
167
+ export const amsBreadcrumbSeparatorBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23000000' fill-rule='evenodd' d='m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z'/></svg>\")";
168
+ export const amsBreadcrumbItemLinkColor = "#004699";
169
+ export const amsBreadcrumbItemLinkOutlineOffset = "2px";
170
+ export const amsBreadcrumbItemLinkTextDecorationLine = "none";
171
+ export const amsBreadcrumbItemLinkTextDecorationThickness = "0.125rem";
172
+ export const amsBreadcrumbItemLinkTextUnderlineOffset = "0.375rem";
173
+ export const amsBreadcrumbItemLinkHoverColor = "#102E62";
174
+ export const amsBreadcrumbItemLinkHoverTextDecorationLine = "underline";
175
+ export const amsButtonCursor = "pointer";
176
+ export const amsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
177
+ export const amsButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
178
+ export const amsButtonLineHeight = "1.6";
179
+ export const amsButtonGap = "1rem";
180
+ export const amsButtonPaddingBlock = ".5rem";
181
+ export const amsButtonPaddingInline = "1rem";
182
+ export const amsButtonOutlineOffset = "2px";
183
+ export const amsButtonDisabledCursor = "not-allowed";
184
+ export const amsButtonPrimaryBackgroundColor = "#004699";
185
+ export const amsButtonPrimaryBoxShadow = "inset 0 0 0 2px #004699";
186
+ export const amsButtonPrimaryColor = "#FFFFFF";
187
+ export const amsButtonPrimaryDisabledBackgroundColor = "#BEBEBE";
188
+ export const amsButtonPrimaryDisabledBoxShadow = "inset 0 0 0 2px #BEBEBE";
189
+ export const amsButtonPrimaryHoverBackgroundColor = "#102E62";
190
+ export const amsButtonPrimaryHoverBoxShadow = "inset 0 0 0 2px #102E62";
191
+ export const amsButtonSecondaryBackgroundColor = "#FFFFFF";
192
+ export const amsButtonSecondaryColor = "#004699";
193
+ export const amsButtonSecondaryBoxShadow = "inset 0 0 0 2px #004699";
194
+ export const amsButtonSecondaryHoverBoxShadow = "inset 0 0 0 3px #102E62";
195
+ export const amsButtonSecondaryHoverColor = "#102E62";
196
+ export const amsButtonSecondaryDisabledBackgroundColor = "#FFFFFF";
197
+ export const amsButtonSecondaryDisabledBoxShadow = "inset 0 0 0 2px #BEBEBE";
198
+ export const amsButtonSecondaryDisabledColor = "#BEBEBE";
199
+ export const amsButtonSecondaryFocusBoxShadow = "inset 0 0 0 2px #004699";
200
+ export const amsButtonTertiaryBackgroundColor = "transparent";
201
+ export const amsButtonTertiaryColor = "#004699";
202
+ export const amsButtonTertiaryHoverBoxShadow = "inset 0 0 0 2px #102E62";
203
+ export const amsButtonTertiaryHoverColor = "#102E62";
204
+ export const amsButtonTertiaryDisabledBackgroundColor = "transparent";
205
+ export const amsButtonTertiaryDisabledColor = "#BEBEBE";
206
+ export const amsCardLinkColor = "#004699";
207
+ export const amsCardLinkTextDecorationLine = "none";
208
+ export const amsCardLinkTextDecorationThickness = "0.125rem";
209
+ export const amsCardLinkTextUnderlineOffset = "0.375rem";
210
+ export const amsCardLinkHoverColor = "#102E62";
211
+ export const amsCardLinkHoverTextDecorationLine = "underline";
212
+ export const amsCardOutlineOffset = "2px";
213
+ export const amsCheckboxColor = "#000000";
214
+ export const amsCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
215
+ export const amsCheckboxFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
216
+ export const amsCheckboxFontWeight = 400;
217
+ export const amsCheckboxLineHeight = "1.6";
218
+ export const amsCheckboxOutlineOffset = "2px";
219
+ export const amsCheckboxCheckmarkBorderColor = "#004699";
220
+ export const amsCheckboxCheckmarkCheckedBackgroundColor = "#004699";
221
+ export const amsCheckboxCheckmarkCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E\")";
222
+ export const amsCheckboxCheckmarkCheckedHoverBackgroundColor = "#102E62";
223
+ export const amsCheckboxCheckmarkDisabledBorderColor = "#767676";
224
+ export const amsCheckboxCheckmarkDisabledCheckedBackgroundColor = "#767676";
225
+ export const amsCheckboxCheckmarkDisabledCheckedHoverBackgroundColor = "#767676";
226
+ export const amsCheckboxCheckmarkDisabledIndeterminateBackgroundColor = "#767676";
227
+ export const amsCheckboxCheckmarkDisabledIndeterminateHoverBackgroundColor = "#767676";
228
+ export const amsCheckboxCheckmarkHoverBorderColor = "#102E62";
229
+ export const amsCheckboxCheckmarkInvalidBorderColor = "#EC0000";
230
+ export const amsCheckboxCheckmarkInvalidCheckedBackgroundColor = "#EC0000";
231
+ export const amsCheckboxCheckmarkInvalidCheckedHoverBackgroundColor = "#EC0000";
232
+ export const amsCheckboxCheckmarkInvalidHoverBorderColor = "#EC0000";
233
+ export const amsCheckboxCheckmarkInvalidIndeterminateBackgroundColor = "#EC0000";
234
+ export const amsCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor = "#EC0000";
235
+ export const amsCheckboxCheckmarkIndeterminateBackgroundColor = "#004699";
236
+ export const amsCheckboxCheckmarkIndeterminateBackgroundImage = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath fill-rule='evenodd' d='M0 13.714h32v4H0z'/%3E%3C/svg%3E\")";
237
+ export const amsCheckboxCheckmarkIndeterminateHoverBackgroundColor = "#102E62";
238
+ export const amsCheckboxDisabledColor = "#767676";
239
+ export const amsCheckboxHoverColor = "#102E62";
240
+ export const amsColumnGapXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
241
+ export const amsColumnGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
242
+ export const amsColumnGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
243
+ export const amsColumnGapLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
244
+ export const amsColumnGapXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
245
+ export const amsDialogBackgroundColor = "#FFFFFF";
246
+ export const amsDialogBorder = "0";
247
+ export const amsDialogMaxInlineSize = "min(87.69vw, 45rem)";
248
+ export const amsDialogFormGap = "1.5rem";
249
+ export const amsDialogFormPaddingBlock = "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)";
250
+ export const amsDialogFormPaddingInline = "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)";
251
+ export const amsDialogFormMaxBlockSize = "75vh";
252
+ export const amsDialogHeaderGap = "1rem";
253
+ export const amsDialogFooterGap = "1rem";
254
+ export const amsFieldsetLegendColor = "#000000";
255
+ export const amsFieldsetLegendFontFamily = "'Amsterdam Sans', Arial, sans-serif";
256
+ export const amsFieldsetLegendFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
257
+ export const amsFieldsetLegendFontWeight = 800;
258
+ export const amsFieldsetLegendLineHeight = "1.5";
259
+ export const amsFormFieldCharacterCounterColor = "#000000";
260
+ export const amsFormFieldCharacterCounterFontFamily = "'Amsterdam Sans', Arial, sans-serif";
261
+ export const amsFormFieldCharacterCounterFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
262
+ export const amsFormFieldCharacterCounterFontWeight = 400;
263
+ export const amsFormFieldCharacterCounterLineHeight = "1.6";
264
+ export const amsFormFieldCharacterCounterErrorColor = "#EC0000";
265
+ export const amsFormLabelColor = "#000000";
266
+ export const amsFormLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
267
+ export const amsFormLabelFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
268
+ export const amsFormLabelFontWeight = 800;
269
+ export const amsFormLabelLineHeight = "1.5";
270
+ export const amsGapXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
271
+ export const amsGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
272
+ export const amsGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
273
+ export const amsGapLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
274
+ export const amsGapXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
275
+ export const amsGridColumnCount = "4";
276
+ export const amsGridColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
277
+ export const amsGridPaddingBlockSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
278
+ export const amsGridPaddingBlockMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
279
+ export const amsGridPaddingBlockLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
280
+ export const amsGridPaddingInline = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
281
+ export const amsGridRowGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
282
+ export const amsGridRowGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
283
+ export const amsGridRowGapLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
284
+ export const amsGridMediumColumnCount = "8";
285
+ export const amsGridWideColumnCount = "12";
286
+ export const amsHeaderColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Must have the same value as `ams.grid.column-gap`.
287
+ export const amsHeaderPaddingBlock = "1rem";
288
+ export const amsHeaderLogoLinkOutlineOffset = "2px";
289
+ export const amsHeadingColor = "#000000";
290
+ export const amsHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
291
+ export const amsHeadingFontWeight = 800;
292
+ export const amsHeadingInverseColor = "#FFFFFF";
293
+ export const amsHeadingLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
294
+ export const amsHeadingLevel1LineHeight = "1.2";
295
+ export const amsHeadingLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
296
+ export const amsHeadingLevel2LineHeight = "1.25";
297
+ export const amsHeadingLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
298
+ export const amsHeadingLevel3LineHeight = "1.3";
299
+ export const amsHeadingLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
300
+ export const amsHeadingLevel4LineHeight = "1.5";
301
+ export const amsHeadingLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
302
+ export const amsHeadingLevel5LineHeight = "1.6";
303
+ export const amsHeadingLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
304
+ export const amsHeadingLevel6LineHeight = "1.6";
305
+ export const amsIconButtonColor = "#004699";
306
+ export const amsIconButtonOutlineOffset = "2px";
307
+ export const amsIconButtonHoverBackgroundColor = "rgba(0, 70, 153, 0.125)";
308
+ export const amsIconButtonHoverColor = "#102E62";
309
+ export const amsIconButtonDisabledColor = "#BEBEBE";
310
+ export const amsIconButtonOnBackgroundLightColor = "#000000";
311
+ export const amsIconButtonOnBackgroundLightHoverBackgroundColor = "rgba(0, 0, 0, 0.125)";
312
+ export const amsIconButtonOnBackgroundLightHoverColor = "#000000";
313
+ export const amsIconButtonOnBackgroundLightDisabledColor = "#BEBEBE";
314
+ export const amsIconButtonOnBackgroundDarkBackgroundColor = "#004699";
315
+ export const amsIconButtonOnBackgroundDarkColor = "#FFFFFF";
316
+ export const amsIconButtonOnBackgroundDarkHoverBackgroundColor = "#102E62";
317
+ export const amsIconButtonOnBackgroundDarkHoverColor = "#FFFFFF";
318
+ export const amsIconButtonOnBackgroundDarkDisabledColor = "#FFFFFF";
319
+ export const amsIconButtonOnBackgroundDarkDisabledBackgroundColor = "#BEBEBE";
320
+ export const amsIconSize3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
321
+ export const amsIconSize3LineHeight = "1.3";
322
+ export const amsIconSize4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
323
+ export const amsIconSize4LineHeight = "1.5";
324
+ export const amsIconSize5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
325
+ export const amsIconSize5LineHeight = "1.6";
326
+ export const amsIconSize6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
327
+ export const amsIconSize6LineHeight = "1.6";
328
+ export const amsLinkListGap = "0.5em";
329
+ export const amsLinkListLinkColor = "#004699";
330
+ export const amsLinkListLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
331
+ export const amsLinkListLinkFontWeight = 400;
332
+ export const amsLinkListLinkGap = "0.5em";
333
+ export const amsLinkListLinkOutlineOffset = "2px";
334
+ export const amsLinkListLinkTextDecorationLine = "none";
335
+ export const amsLinkListLinkTextDecorationThickness = "0.125rem";
336
+ export const amsLinkListLinkTextUnderlineOffset = "0.375rem";
337
+ export const amsLinkListLinkSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
338
+ export const amsLinkListLinkSmallLineHeight = "1.6";
339
+ export const amsLinkListLinkMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
340
+ export const amsLinkListLinkMediumLineHeight = "1.6";
341
+ export const amsLinkListLinkLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
342
+ export const amsLinkListLinkLargeLineHeight = "1.5";
343
+ export const amsLinkListLinkHoverColor = "#102E62";
344
+ export const amsLinkListLinkHoverTextDecorationLine = "underline";
345
+ export const amsLinkListLinkOnBackgroundDarkColor = "#FFFFFF";
346
+ export const amsLinkListLinkOnBackgroundDarkHoverColor = "#FFFFFF";
347
+ export const amsLinkListLinkOnBackgroundLightColor = "#000000";
348
+ export const amsLinkListLinkOnBackgroundLightHoverColor = "#000000";
349
+ export const amsLinkColor = "#004699";
350
+ export const amsLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
351
+ export const amsLinkFontWeight = 400;
352
+ export const amsLinkOutlineOffset = "2px";
353
+ export const amsLinkHoverColor = "#102E62";
354
+ export const amsLinkInlineTextDecorationLine = "underline";
355
+ export const amsLinkInlineTextDecorationThickness = "0.125rem";
356
+ export const amsLinkInlineTextUnderlineOffset = "0.375rem";
357
+ export const amsLinkInlineFontFamily = "inherit";
358
+ export const amsLinkInlineFontSize = "inherit";
359
+ export const amsLinkInlineLineHeight = "inherit";
360
+ export const amsLinkInlineHoverTextDecorationThickness = "0.1875rem";
361
+ export const amsLinkInlineHoverTextUnderlineOffset = "0.3125rem";
362
+ export const amsLinkInlineVisitedColor = "#A00078";
363
+ export const amsLinkStandaloneFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
364
+ export const amsLinkStandaloneLineHeight = "1.6";
365
+ export const amsLinkStandaloneTextDecorationLine = "underline";
366
+ export const amsLinkStandaloneTextDecorationThickness = "0.125rem";
367
+ export const amsLinkStandaloneTextUnderlineOffset = "0.375rem";
368
+ export const amsLinkStandaloneHoverTextDecorationThickness = "0.1875rem";
369
+ export const amsLinkStandaloneHoverTextUnderlineOffset = "0.3125rem";
370
+ export const amsLinkOnBackgroundDarkColor = "#FFFFFF";
371
+ export const amsLinkOnBackgroundDarkHoverColor = "#FFFFFF";
372
+ export const amsLinkOnBackgroundDarkVisitedColor = "#FFFFFF";
373
+ export const amsLinkOnBackgroundLightColor = "#000000";
374
+ export const amsLinkOnBackgroundLightHoverColor = "#000000";
375
+ export const amsLinkOnBackgroundLightVisitedColor = "#000000";
376
+ export const amsLogoHeight = "2.5rem";
377
+ export const amsLogoEmblemColor = "#EC0000";
378
+ export const amsLogoTitleColor = "#EC0000";
379
+ export const amsLogoSubsiteColor = "#000000";
380
+ export const amsMarginXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
381
+ export const amsMarginSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
382
+ export const amsMarginMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
383
+ export const amsMarginLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
384
+ export const amsMarginXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
385
+ export const amsMarkBackgroundColor = "#FFE600";
386
+ export const amsMegaMenuListCategoryColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Must have the same value as `ams.grid.column-gap`.
387
+ export const amsMegaMenuListCategoryColumnWidth = "20rem";
388
+ export const amsMegaMenuListCategoryPaddingBlockStart = "1rem";
389
+ export const amsMegaMenuListCategoryPaddingBlockEnd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Must have the same value as `ams.grid.row-gap.md`.
390
+ export const amsOrderedListColor = "#000000";
391
+ export const amsOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
392
+ export const amsOrderedListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
393
+ export const amsOrderedListFontWeight = 400;
394
+ export const amsOrderedListGap = "0.75rem";
395
+ export const amsOrderedListInverseColor = "#FFFFFF";
396
+ export const amsOrderedListLineHeight = "1.6";
397
+ export const amsOrderedListListStyleType = "decimal";
398
+ export const amsOrderedListItemMarginInlineStart = "2.25rem"; // Divide your total indentation width over margin and padding to position the marker.
399
+ export const amsOrderedListItemPaddingInlineStart = "0.25rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
400
+ export const amsOrderedListOrderedListListStyleType = "lower-alpha";
401
+ export const amsOrderedListOrderedListItemMarginInlineStart = "1.5rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
402
+ export const amsOrderedListOrderedListItemPaddingInlineStart = "0.25rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
403
+ export const amsPageHeadingColor = "#000000";
404
+ export const amsPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
405
+ export const amsPageHeadingFontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
406
+ export const amsPageHeadingFontWeight = 800;
407
+ export const amsPageHeadingInverseColor = "#FFFFFF";
408
+ export const amsPageHeadingLineHeight = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
409
+ export const amsPageMenuColumnGap = "2.5rem";
410
+ export const amsPageMenuRowGap = "0.5rem";
411
+ export const amsPageMenuItemColor = "#004699";
412
+ export const amsPageMenuItemFontFamily = "'Amsterdam Sans', Arial, sans-serif";
413
+ export const amsPageMenuItemFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
414
+ export const amsPageMenuItemFontWeight = 400;
415
+ export const amsPageMenuItemGap = "0.5rem";
416
+ export const amsPageMenuItemLineHeight = "1.6";
417
+ export const amsPageMenuItemOutlineOffset = "2px";
418
+ export const amsPageMenuItemTextDecorationLine = "none";
419
+ export const amsPageMenuItemTextDecorationThickness = "0.125rem";
420
+ export const amsPageMenuItemTextUnderlineOffset = "0.375rem";
421
+ export const amsPageMenuItemHoverColor = "#102E62";
422
+ export const amsPageMenuItemHoverTextDecorationLine = "underline";
423
+ export const amsPaginationColor = "#004699";
424
+ export const amsPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
425
+ export const amsPaginationFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
426
+ export const amsPaginationFontWeight = 400;
427
+ export const amsPaginationLineHeight = "1.6";
428
+ export const amsPaginationButtonOutlineOffset = "2px";
429
+ export const amsPaginationButtonPaddingInline = ".75rem";
430
+ export const amsPaginationButtonTextDecorationLine = "none";
431
+ export const amsPaginationButtonTextDecorationThickness = "0.125rem";
432
+ export const amsPaginationButtonTextUnderlineOffset = "0.375rem";
433
+ export const amsPaginationButtonCurrentFontWeight = 800;
434
+ export const amsPaginationButtonHoverColor = "#102E62";
435
+ export const amsPaginationButtonHoverTextDecorationLine = "underline";
436
+ export const amsParagraphColor = "#000000";
437
+ export const amsParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
438
+ export const amsParagraphFontWeight = 400;
439
+ export const amsParagraphInverseColor = "#FFFFFF";
440
+ export const amsParagraphSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
441
+ export const amsParagraphSmallLineHeight = "1.6";
442
+ export const amsParagraphMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
443
+ export const amsParagraphMediumLineHeight = "1.6";
444
+ export const amsParagraphLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
445
+ export const amsParagraphLargeLineHeight = "1.5";
446
+ export const amsRadioColor = "#000000";
447
+ export const amsRadioFontFamily = "'Amsterdam Sans', Arial, sans-serif";
448
+ export const amsRadioFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
449
+ export const amsRadioFontWeight = 400;
450
+ export const amsRadioLineHeight = "1.6";
451
+ export const amsRadioOutlineOffset = "2px";
452
+ export const amsRadioCircleBorderColor = "#004699";
453
+ export const amsRadioCircleCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23004699'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
454
+ export const amsRadioCircleCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23102E62'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
455
+ export const amsRadioCircleDisabledBorderColor = "#767676";
456
+ export const amsRadioCircleDisabledCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23767676'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
457
+ export const amsRadioCircleDisabledCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23767676'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
458
+ export const amsRadioCircleHoverBorderColor = "#102E62";
459
+ export const amsRadioCircleInvalidBorderColor = "#EC0000";
460
+ export const amsRadioCircleInvalidCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23EC0000'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
461
+ export const amsRadioCircleInvalidCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23EC0000'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
462
+ export const amsRadioCircleInvalidHoverBorderColor = "#EC0000";
463
+ export const amsRadioDisabledColor = "#767676";
464
+ export const amsRadioHoverColor = "#102E62";
465
+ export const amsRowGapXs = ".5rem";
466
+ export const amsRowGapSm = ".75rem";
467
+ export const amsRowGapMd = "1rem";
468
+ export const amsRowGapLg = "1.5rem";
469
+ export const amsRowGapXl = "2rem";
470
+ export const amsScreenWideMaxWidth = "100rem";
471
+ export const amsScreenXWideMaxWidth = "132rem";
472
+ export const amsSearchFieldButtonBackgroundColor = "#004699";
473
+ export const amsSearchFieldButtonColor = "#FFFFFF";
474
+ export const amsSearchFieldButtonOutlineOffset = "2px";
475
+ export const amsSearchFieldButtonHoverBackgroundColor = "#102E62";
476
+ export const amsSearchFieldButtonPaddingBlock = ".5rem";
477
+ export const amsSearchFieldButtonPaddingInline = ".5rem";
478
+ export const amsSearchFieldInputBoxShadow = "inset 0 0 0 1px #000000";
479
+ export const amsSearchFieldInputColor = "#000000";
480
+ export const amsSearchFieldInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
481
+ export const amsSearchFieldInputFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
482
+ export const amsSearchFieldInputFontWeight = 400;
483
+ export const amsSearchFieldInputLineHeight = "1.6";
484
+ export const amsSearchFieldInputOutlineOffset = "2px";
485
+ export const amsSearchFieldInputPaddingBlock = ".5rem";
486
+ export const amsSearchFieldInputPaddingInline = "1rem";
487
+ export const amsSearchFieldInputCancelButtonBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z'/></svg>\")";
488
+ export const amsSearchFieldInputCancelButtonColor = "#004699";
489
+ export const amsSearchFieldInputCancelButtonHeight = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
490
+ export const amsSearchFieldInputCancelButtonWidth = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
491
+ export const amsSearchFieldInputHoverBoxShadow = "inset 0 0 0 2px #000000";
492
+ export const amsSearchFieldInputPlaceholderColor = "#767676";
493
+ export const amsSkipLinkBackgroundColor = "#004699";
494
+ export const amsSkipLinkColor = "#FFFFFF";
495
+ export const amsSkipLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
496
+ export const amsSkipLinkFontWeight = 400;
497
+ export const amsSkipLinkFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
498
+ export const amsSkipLinkLineHeight = "1.6";
499
+ export const amsSkipLinkOutlineOffset = "2px";
500
+ export const amsSkipLinkPaddingBlock = ".5rem";
501
+ export const amsSkipLinkPaddingInline = "1rem";
502
+ export const amsSkipLinkHoverBackgroundColor = "#102E62";
503
+ export const amsSpotlightBlueBackgroundColor = "#009DE6";
504
+ export const amsSpotlightDarkBlueBackgroundColor = "#004699";
505
+ export const amsSpotlightDarkGreenBackgroundColor = "#00A03C";
506
+ export const amsSpotlightGreenBackgroundColor = "#BED200";
507
+ export const amsSpotlightMagentaBackgroundColor = "#E50082";
508
+ export const amsSpotlightOrangeBackgroundColor = "#FF9100";
509
+ export const amsSpotlightPurpleBackgroundColor = "#A00078";
510
+ export const amsSpotlightYellowBackgroundColor = "#FFE600";
511
+ export const amsSwitchFontFamily = "'Amsterdam Sans', Arial, sans-serif";
512
+ export const amsSwitchBackgroundColor = "#767676";
513
+ export const amsSwitchWidth = "3.5rem";
514
+ export const amsSwitchThumbBackgroundColor = "#FFFFFF";
515
+ export const amsSwitchThumbWidth = "1.75rem";
516
+ export const amsSwitchThumbHeight = "1.75rem";
517
+ export const amsSwitchThumbHoverColor = "#102E62";
518
+ export const amsSwitchCheckedBackgroundColor = "#004699";
519
+ export const amsSwitchOutlineOffset = "2px";
520
+ export const amsSwitchDisabledBackgroundColor = "#BEBEBE";
521
+ export const amsTableColor = "#000000";
522
+ export const amsTableFontFamily = "'Amsterdam Sans', Arial, sans-serif";
523
+ export const amsTableFontWeight = 400;
524
+ export const amsTableFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
525
+ export const amsTableLineHeight = "1.6";
526
+ export const amsTableCaptionFontWeight = 800;
527
+ export const amsTableCellBorderBottom = "1px solid #E8E8E8";
528
+ export const amsTableCellPaddingBlock = "1rem";
529
+ export const amsTableCellPaddingInline = "1rem";
530
+ export const amsTableHeaderCellFontWeight = 800;
531
+ export const amsTabsListBorderBottom = ".125rem solid #004699";
532
+ export const amsTabsButtonBackgroundColor = "transparent";
533
+ export const amsTabsButtonBorder = "none";
534
+ export const amsTabsButtonColor = "#004699";
535
+ export const amsTabsButtonCursor = "pointer";
536
+ export const amsTabsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
537
+ export const amsTabsButtonFontWeight = 400;
538
+ export const amsTabsButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
539
+ export const amsTabsButtonLineHeight = "1.6";
540
+ export const amsTabsButtonOutlineOffset = "-0.25rem";
541
+ export const amsTabsButtonPaddingBlock = ".5rem";
542
+ export const amsTabsButtonPaddingInline = "1rem";
543
+ export const amsTabsButtonHoverColor = "#102E62";
544
+ export const amsTabsButtonHoverBoxShadow = "inset 0 -0.125rem 0 0 #102E62";
545
+ export const amsTabsButtonSelectedBackgroundColor = "#004699";
546
+ export const amsTabsButtonSelectedColor = "#FFFFFF";
547
+ export const amsTabsButtonDisabledColor = "#BEBEBE";
548
+ export const amsTabsButtonDisabledCursor = "not-allowed";
549
+ export const amsTextAreaBoxShadow = "inset 0 0 0 1px #000000";
550
+ export const amsTextAreaColor = "#000000";
551
+ export const amsTextAreaFontFamily = "'Amsterdam Sans', Arial, sans-serif";
552
+ export const amsTextAreaFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
553
+ export const amsTextAreaFontWeight = 400;
554
+ export const amsTextAreaLineHeight = "1.6";
555
+ export const amsTextAreaMinHeight = "calc(1.6 * 1em + 2 * 0.5rem)";
556
+ export const amsTextAreaOutlineOffset = "2px";
557
+ export const amsTextAreaPaddingBlock = "0.5rem";
558
+ export const amsTextAreaPaddingInline = "1rem";
559
+ export const amsTextAreaDisabledBackgroundColor = "#FFFFFF";
560
+ export const amsTextAreaDisabledBoxShadow = "inset 0 0 0 1px #BEBEBE";
561
+ export const amsTextAreaDisabledColor = "#BEBEBE";
562
+ export const amsTextAreaDisabledCursor = "not-allowed";
563
+ export const amsTextAreaHoverBoxShadow = "inset 0 0 0 2px #000000";
564
+ export const amsTextAreaInvalidBoxShadow = "inset 0 0 0 1px #EC0000";
565
+ export const amsTextAreaInvalidHoverBoxShadow = "inset 0 0 0 2px #EC0000";
566
+ export const amsTextAreaPlaceholderColor = "#767676";
567
+ export const amsTextInputBoxShadow = "inset 0 0 0 1px #000000";
568
+ export const amsTextInputColor = "#000000";
569
+ export const amsTextInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
570
+ export const amsTextInputFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
571
+ export const amsTextInputFontWeight = 400;
572
+ export const amsTextInputLineHeight = "1.6";
573
+ export const amsTextInputOutlineOffset = "2px";
574
+ export const amsTextInputPaddingBlock = ".5rem";
575
+ export const amsTextInputPaddingInline = "1rem";
576
+ export const amsTextInputDisabledBackgroundColor = "#FFFFFF";
577
+ export const amsTextInputDisabledBoxShadow = "inset 0 0 0 1px #BEBEBE";
578
+ export const amsTextInputDisabledColor = "#BEBEBE";
579
+ export const amsTextInputHoverBoxShadow = "inset 0 0 0 2px #000000";
580
+ export const amsTextInputInvalidBoxShadow = "inset 0 0 0 1px #EC0000";
581
+ export const amsTextInputInvalidHoverBoxShadow = "inset 0 0 0 2px #EC0000";
582
+ export const amsTextInputPlaceholderColor = "#767676";
583
+ export const amsTopTaskLinkDescriptionColor = "#000000";
584
+ export const amsTopTaskLinkDescriptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
585
+ export const amsTopTaskLinkDescriptionFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
586
+ export const amsTopTaskLinkDescriptionFontWeight = 400;
587
+ export const amsTopTaskLinkDescriptionLineHeight = "1.6";
588
+ export const amsTopTaskLinkLabelColor = "#004699";
589
+ export const amsTopTaskLinkLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
590
+ export const amsTopTaskLinkLabelFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
591
+ export const amsTopTaskLinkLabelFontWeight = 800;
592
+ export const amsTopTaskLinkLabelLineHeight = "1.5";
593
+ export const amsTopTaskLinkLabelTextDecorationLine = "none";
594
+ export const amsTopTaskLinkLabelTextDecorationThickness = "0.125rem";
595
+ export const amsTopTaskLinkLabelTextUnderlineOffset = "0.375rem";
596
+ export const amsTopTaskLinkLabelHoverColor = "#102E62";
597
+ export const amsTopTaskLinkLabelHoverTextDecorationLine = "underline";
598
+ export const amsTopTaskLinkOutlineOffset = "2px";
599
+ export const amsUnorderedListColor = "#000000";
600
+ export const amsUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
601
+ export const amsUnorderedListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
602
+ export const amsUnorderedListFontWeight = 400;
603
+ export const amsUnorderedListGap = "0.75rem";
604
+ export const amsUnorderedListInverseColor = "#FFFFFF";
605
+ export const amsUnorderedListLineHeight = "1.6";
606
+ export const amsUnorderedListListStyleType = "'\\2022'";
607
+ export const amsUnorderedListItemMarginInlineStart = "1.625rem"; // Divide your total indentation width over margin and padding to position the marker.
608
+ export const amsUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
609
+ export const amsUnorderedListUnorderedListListStyleType = "'\\2013'";
610
+ export const amsUnorderedListUnorderedListItemMarginInlineStart = "0.875rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
611
+ export const amsUnorderedListUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.