@amsterdam/design-system-tokens 0.4.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/build.js +99 -0
  3. package/dist/compact.css +16 -0
  4. package/dist/compact.d.ts +56 -0
  5. package/dist/compact.json +33 -0
  6. package/dist/compact.mjs +14 -0
  7. package/dist/compact.scss +13 -0
  8. package/dist/compact.theme.css +16 -0
  9. package/dist/index.css +102 -201
  10. package/dist/index.d.ts +1103 -580
  11. package/dist/index.json +1082 -567
  12. package/dist/{index.js → index.mjs} +92 -191
  13. package/dist/{_variables.scss → index.scss} +101 -200
  14. package/dist/{root.css → index.theme.css} +102 -201
  15. package/package.json +7 -10
  16. package/src/brand/amsterdam/typography.compact.tokens.json +29 -0
  17. package/src/brand/amsterdam/typography.tokens.json +28 -62
  18. package/src/common/amsterdam/hyphenation.tokens.json +9 -0
  19. package/src/components/amsterdam/accordion.tokens.json +4 -10
  20. package/src/components/amsterdam/alert.tokens.json +0 -13
  21. package/src/components/amsterdam/badge.tokens.json +2 -8
  22. package/src/components/amsterdam/blockquote.tokens.json +3 -9
  23. package/src/components/amsterdam/breadcrumb.tokens.json +2 -8
  24. package/src/components/amsterdam/button.tokens.json +2 -8
  25. package/src/components/amsterdam/checkbox.tokens.json +5 -11
  26. package/src/components/amsterdam/dialog.tokens.json +2 -8
  27. package/src/components/amsterdam/form-label.tokens.json +2 -8
  28. package/src/components/amsterdam/grid.compact.tokens.json +14 -0
  29. package/src/components/amsterdam/grid.tokens.json +6 -18
  30. package/src/components/amsterdam/header.tokens.json +1 -1
  31. package/src/components/amsterdam/heading.tokens.json +22 -50
  32. package/src/components/amsterdam/icon.tokens.json +14 -34
  33. package/src/components/amsterdam/link-list.tokens.json +10 -26
  34. package/src/components/amsterdam/link.tokens.json +2 -25
  35. package/src/components/amsterdam/mega-menu.tokens.json +2 -2
  36. package/src/components/amsterdam/ordered-list.tokens.json +2 -8
  37. package/src/components/amsterdam/page-heading.tokens.json +2 -8
  38. package/src/components/amsterdam/page-menu.tokens.json +2 -8
  39. package/src/components/amsterdam/pagination.tokens.json +2 -8
  40. package/src/components/amsterdam/paragraph.tokens.json +10 -26
  41. package/src/components/amsterdam/search-field.tokens.json +4 -10
  42. package/src/components/amsterdam/skip-link.tokens.json +2 -6
  43. package/src/components/amsterdam/table.tokens.json +2 -2
  44. package/src/components/amsterdam/text-input.tokens.json +2 -8
  45. package/src/components/amsterdam/top-task-link.tokens.json +4 -16
  46. package/src/components/amsterdam/unordered-list.tokens.json +2 -8
  47. package/dist/index.tokens.json +0 -1341
  48. package/dist/tokens.d.ts +0 -1364
  49. package/dist/tokens.js +0 -12927
  50. package/dist/variables.less +0 -571
  51. package/style-dictionary.config.json +0 -101
package/dist/{index.js → index.mjs} RENAMED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 31 Jan 2024 12:56:24 GMT
3
+ * Generated on Fri, 09 Feb 2024 16:26:11 GMT
4
4
  */
5
5
 
6
6
  export const amsterdamColorPrimaryBlack = "#000000";
@@ -27,38 +27,27 @@ export const amsterdamProportion2xWide = "32 / 9";
27
27
  export const amsterdamTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
28
28
  export const amsterdamTypographyFontWeightNormal = 400;
29
29
  export const amsterdamTypographyFontWeightBold = 800;
30
- export const amsterdamTypographySpaciousTextLevel0FontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
31
- export const amsterdamTypographySpaciousTextLevel0LineHeight = "1.15";
32
- export const amsterdamTypographySpaciousTextLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
33
- export const amsterdamTypographySpaciousTextLevel1LineHeight = "1.2";
34
- export const amsterdamTypographySpaciousTextLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
35
- export const amsterdamTypographySpaciousTextLevel2LineHeight = "1.25";
36
- export const amsterdamTypographySpaciousTextLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
37
- export const amsterdamTypographySpaciousTextLevel3LineHeight = "1.3";
38
- export const amsterdamTypographySpaciousTextLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
39
- export const amsterdamTypographySpaciousTextLevel4LineHeight = "1.5";
40
- export const amsterdamTypographySpaciousTextLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
41
- export const amsterdamTypographySpaciousTextLevel5LineHeight = "1.6";
42
- export const amsterdamTypographySpaciousTextLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
43
- export const amsterdamTypographySpaciousTextLevel6LineHeight = "1.6";
44
- export const amsterdamTypographyCompactTextLevel0FontSize = "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)";
45
- export const amsterdamTypographyCompactTextLevel0LineHeight = "1.15";
46
- export const amsterdamTypographyCompactTextLevel1FontSize = "clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem)";
47
- export const amsterdamTypographyCompactTextLevel1LineHeight = "1.2";
48
- export const amsterdamTypographyCompactTextLevel2FontSize = "clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem)";
49
- export const amsterdamTypographyCompactTextLevel2LineHeight = "1.25";
50
- export const amsterdamTypographyCompactTextLevel3FontSize = "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)";
51
- export const amsterdamTypographyCompactTextLevel3LineHeight = "1.3";
52
- export const amsterdamTypographyCompactTextLevel4FontSize = "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)";
53
- export const amsterdamTypographyCompactTextLevel4LineHeight = "1.5";
54
- export const amsterdamTypographyCompactTextLevel5FontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
55
- export const amsterdamTypographyCompactTextLevel5LineHeight = "1.6";
56
- export const amsterdamTypographyCompactTextLevel6FontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
57
- export const amsterdamTypographyCompactTextLevel6LineHeight = "1.6";
30
+ export const amsterdamTypographyTextLevel0FontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
31
+ export const amsterdamTypographyTextLevel0LineHeight = "1.15";
32
+ export const amsterdamTypographyTextLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
33
+ export const amsterdamTypographyTextLevel1LineHeight = "1.2";
34
+ export const amsterdamTypographyTextLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
35
+ export const amsterdamTypographyTextLevel2LineHeight = "1.25";
36
+ export const amsterdamTypographyTextLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
37
+ export const amsterdamTypographyTextLevel3LineHeight = "1.3";
38
+ export const amsterdamTypographyTextLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
39
+ export const amsterdamTypographyTextLevel4LineHeight = "1.5";
40
+ export const amsterdamTypographyTextLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
41
+ export const amsterdamTypographyTextLevel5LineHeight = "1.6";
42
+ export const amsterdamTypographyTextLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
43
+ export const amsterdamTypographyTextLevel6LineHeight = "1.6";
58
44
  export const amsterdamBorderWidthSm = "1px";
59
45
  export const amsterdamBorderWidthMd = "2px";
60
46
  export const amsterdamBorderWidthLg = "3px";
61
47
  export const amsterdamFocusOutlineOffset = "2px";
48
+ export const amsterdamHyphenationHyphenateLimitChars = "12 8 4";
49
+ export const amsterdamHyphenationHyphens = "auto";
50
+ export const amsterdamHyphenationOverflowWrap = "break-word";
62
51
  export const amsterdamLinkAppearanceColor = "#004699";
63
52
  export const amsterdamLinkAppearanceTextDecorationThickness = "0.125rem";
64
53
  export const amsterdamLinkAppearanceTextUnderlineOffset = "0.375rem";
@@ -75,14 +64,12 @@ export const amsterdamSpacingInsetMd = "1rem";
75
64
  export const amsterdamSpacingInsetLg = "1.5rem";
76
65
  export const amsterdamSpacingInsetXl = "2.5rem";
77
66
  export const amsterdamAccordionButtonColor = "#004699";
78
- export const amsterdamAccordionButtonFocusOutlineOffset = "2px";
79
67
  export const amsterdamAccordionButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
68
+ export const amsterdamAccordionButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
80
69
  export const amsterdamAccordionButtonFontWeight = 800;
70
+ export const amsterdamAccordionButtonLineHeight = "1.6";
71
+ export const amsterdamAccordionButtonFocusOutlineOffset = "2px";
81
72
  export const amsterdamAccordionButtonHoverBoxShadow = "inset 0 0 0 2px #767676";
82
- export const amsterdamAccordionButtonSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
83
- export const amsterdamAccordionButtonSpaciousLineHeight = "1.6";
84
- export const amsterdamAccordionButtonCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
85
- export const amsterdamAccordionButtonCompactLineHeight = "1.6";
86
73
  export const amsterdamAlertBorderWidth = "4px";
87
74
  export const amsterdamAlertBorderStyle = "solid";
88
75
  export const amsterdamAlertGap = "1rem";
@@ -90,13 +77,6 @@ export const amsterdamAlertPaddingBlockStart = "1rem";
90
77
  export const amsterdamAlertPaddingBlockEnd = "1rem";
91
78
  export const amsterdamAlertPaddingInlineStart = "1.5rem";
92
79
  export const amsterdamAlertPaddingInlineEnd = "1.5rem";
93
- export const amsterdamAlertTitleColor = "#000000";
94
- export const amsterdamAlertTitleFontFamily = "'Amsterdam Sans', Arial, sans-serif";
95
- export const amsterdamAlertTitleFontWeight = 800;
96
- export const amsterdamAlertTitleSpaciousFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
97
- export const amsterdamAlertTitleSpaciousLineHeight = "1.5";
98
- export const amsterdamAlertTitleCompactFontSize = "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)";
99
- export const amsterdamAlertTitleCompactLineHeight = "1.5";
100
80
  export const amsterdamAlertErrorBorderColor = "#EC0000";
101
81
  export const amsterdamAlertInfoBorderColor = "#004699";
102
82
  export const amsterdamAlertSuccessBorderColor = "#00A03C";
@@ -110,12 +90,10 @@ export const amsterdamAspectRatioWide = "5 / 4";
110
90
  export const amsterdamAspectRatioXWide = "16 / 9";
111
91
  export const amsterdamAspectRatio2xWide = "32 / 9";
112
92
  export const amsterdamBadgeFontFamily = "'Amsterdam Sans', Arial, sans-serif";
93
+ export const amsterdamBadgeFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
113
94
  export const amsterdamBadgeFontWeight = 800;
95
+ export const amsterdamBadgeLineHeight = "1.6";
114
96
  export const amsterdamBadgePaddingInline = "0.5rem";
115
- export const amsterdamBadgeSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
116
- export const amsterdamBadgeSpaciousLineHeight = "1.6";
117
- export const amsterdamBadgeCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
118
- export const amsterdamBadgeCompactLineHeight = "1.6";
119
97
  export const amsterdamBadgeBlueBackgroundColor = "#009DE6";
120
98
  export const amsterdamBadgeBlueColor = "#000000";
121
99
  export const amsterdamBadgeDarkBlueBackgroundColor = "#004699";
@@ -134,14 +112,14 @@ export const amsterdamBadgeYellowBackgroundColor = "#FFE600";
134
112
  export const amsterdamBadgeYellowColor = "#000000";
135
113
  export const amsterdamBlockquoteColor = "#000000";
136
114
  export const amsterdamBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif";
115
+ export const amsterdamBlockquoteFontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
137
116
  export const amsterdamBlockquoteFontWeight = 800;
117
+ export const amsterdamBlockquoteLineHeight = "1.3";
138
118
  export const amsterdamBlockquoteInverseColor = "#FFFFFF";
139
- export const amsterdamBlockquoteSpaciousFontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
140
- export const amsterdamBlockquoteSpaciousLineHeight = "1.3";
141
- export const amsterdamBlockquoteCompactFontSize = "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)";
142
- export const amsterdamBlockquoteCompactLineHeight = "1.3";
143
119
  export const amsterdamBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
120
+ export const amsterdamBreadcrumbFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
144
121
  export const amsterdamBreadcrumbFontWeight = 400;
122
+ export const amsterdamBreadcrumbLineHeight = "1.6";
145
123
  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>\")";
146
124
  export const amsterdamBreadcrumbItemLinkColor = "#004699";
147
125
  export const amsterdamBreadcrumbItemLinkOutlineOffset = "2px";
@@ -150,14 +128,8 @@ export const amsterdamBreadcrumbItemLinkTextDecorationThickness = "0.125rem";
150
128
  export const amsterdamBreadcrumbItemLinkTextUnderlineOffset = "0.375rem";
151
129
  export const amsterdamBreadcrumbItemLinkHoverColor = "#102E62";
152
130
  export const amsterdamBreadcrumbItemLinkHoverTextDecorationLine = "underline";
153
- export const amsterdamBreadcrumbSpaciousFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
154
- export const amsterdamBreadcrumbSpaciousLineHeight = "1.6";
155
- export const amsterdamBreadcrumbCompactFontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
156
- export const amsterdamBreadcrumbCompactLineHeight = "1.6";
157
- export const amsterdamButtonSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
158
- export const amsterdamButtonSpaciousLineHeight = "1.6";
159
- export const amsterdamButtonCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
160
- export const amsterdamButtonCompactLineHeight = "1.6";
131
+ export const amsterdamButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
132
+ export const amsterdamButtonLineHeight = "1.6";
161
133
  export const amsterdamButtonSecondaryBoxShadow = "inset 0 0 0 2px #004699";
162
134
  export const amsterdamButtonSecondaryHoverBoxShadow = "inset 0 0 0 3px #102E62";
163
135
  export const amsterdamButtonSecondaryDisabledBoxShadow = "inset 0 0 0 2px #BEBEBE";
@@ -171,6 +143,11 @@ export const amsterdamCardLinkHoverColor = "#102E62";
171
143
  export const amsterdamCardLinkHoverTextDecorationLine = "underline";
172
144
  export const amsterdamCardOutlineOffset = "2px";
173
145
  export const amsterdamCheckboxColor = "#000000";
146
+ export const amsterdamCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
147
+ export const amsterdamCheckboxFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
148
+ export const amsterdamCheckboxFontWeight = 400;
149
+ export const amsterdamCheckboxLineHeight = "1.6";
150
+ export const amsterdamCheckboxOutlineOffset = "2px";
174
151
  export const amsterdamCheckboxCheckmarkBorderColor = "#004699";
175
152
  export const amsterdamCheckboxCheckmarkCheckedBackgroundColor = "#004699";
176
153
  export const amsterdamCheckboxCheckmarkCheckedHoverBackgroundColor = "#102E62";
@@ -189,24 +166,15 @@ export const amsterdamCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor
189
166
  export const amsterdamCheckboxCheckmarkIndeterminateBackgroundColor = "#004699";
190
167
  export const amsterdamCheckboxCheckmarkIndeterminateHoverBackgroundColor = "#102E62";
191
168
  export const amsterdamCheckboxDisabledColor = "#767676";
192
- export const amsterdamCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
193
- export const amsterdamCheckboxFontWeight = 400;
194
169
  export const amsterdamCheckboxHoverColor = "#102E62";
195
- export const amsterdamCheckboxOutlineOffset = "2px";
196
- export const amsterdamCheckboxSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
197
- export const amsterdamCheckboxSpaciousLineHeight = "1.6";
198
- export const amsterdamCheckboxCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
199
- export const amsterdamCheckboxCompactLineHeight = "1.6";
200
170
  export const amsterdamDialogBackgroundColor = "#FFFFFF";
201
171
  export const amsterdamDialogBorder = "0";
202
172
  export const amsterdamDialogMaxInlineSize = "min(87.69vw, 45rem)";
203
173
  export const amsterdamDialogTitleColor = "#000000";
204
174
  export const amsterdamDialogTitleFontFamily = "'Amsterdam Sans', Arial, sans-serif";
175
+ export const amsterdamDialogTitleFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
205
176
  export const amsterdamDialogTitleFontWeight = 800;
206
- export const amsterdamDialogTitleSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
207
- export const amsterdamDialogTitleSpaciousLineHeight = "1.6";
208
- export const amsterdamDialogTitleCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
209
- export const amsterdamDialogTitleCompactLineHeight = "1.6";
177
+ export const amsterdamDialogTitleLineHeight = "1.6";
210
178
  export const amsterdamDialogBackdropBackground = "#0006";
211
179
  export const amsterdamDialogFormGap = "1.5rem";
212
180
  export const amsterdamDialogFormPaddingBlock = "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)";
@@ -218,16 +186,12 @@ export const amsterdamDialogFooterGap = "1rem";
218
186
  export const amsterdamDialogFooterPaddingBlock = "1.5rem 0";
219
187
  export const amsterdamFormLabelColor = "#000000";
220
188
  export const amsterdamFormLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
189
+ export const amsterdamFormLabelFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
221
190
  export const amsterdamFormLabelFontWeight = 800;
222
- export const amsterdamFormLabelSpaciousFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
223
- export const amsterdamFormLabelSpaciousLineHeight = "1.5";
224
- export const amsterdamFormLabelCompactFontSize = "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)";
225
- export const amsterdamFormLabelCompactLineHeight = "1.5";
191
+ export const amsterdamFormLabelLineHeight = "1.5";
226
192
  export const amsterdamGridColumnCount = "4";
227
- export const amsterdamGridSpaciousGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Grows from 16px at 320px wide to 56px at 1600px wide.
228
- export const amsterdamGridSpaciousPaddingInline = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)"; // Equals 1.5 times the gap.
229
- export const amsterdamGridCompactGap = "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)"; // Grows from 16px at 1088px wide to 40px at 2624px wide.
230
- export const amsterdamGridCompactPaddingInline = "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)"; // Equals the gap.
193
+ export const amsterdamGridGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Grows from 16px at 320px wide to 56px at 1600px wide.
194
+ export const amsterdamGridPaddingInline = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)"; // Equals 1.5 times the gap.
231
195
  export const amsterdamGridMediumColumnCount = "8";
232
196
  export const amsterdamGridWideColumnCount = "12";
233
197
  export const amsterdamHeaderColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
@@ -235,30 +199,18 @@ export const amsterdamHeadingColor = "#000000";
235
199
  export const amsterdamHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
236
200
  export const amsterdamHeadingFontWeight = 800;
237
201
  export const amsterdamHeadingInverseColor = "#FFFFFF";
238
- export const amsterdamHeadingSpaciousLevel1LineHeight = "1.2";
239
- export const amsterdamHeadingSpaciousLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
240
- export const amsterdamHeadingSpaciousLevel2LineHeight = "1.25";
241
- export const amsterdamHeadingSpaciousLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
242
- export const amsterdamHeadingSpaciousLevel3LineHeight = "1.3";
243
- export const amsterdamHeadingSpaciousLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
244
- export const amsterdamHeadingSpaciousLevel4LineHeight = "1.5";
245
- export const amsterdamHeadingSpaciousLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
246
- export const amsterdamHeadingSpaciousLevel5LineHeight = "1.6";
247
- export const amsterdamHeadingSpaciousLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
248
- export const amsterdamHeadingSpaciousLevel6LineHeight = "1.6";
249
- export const amsterdamHeadingSpaciousLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
250
- export const amsterdamHeadingCompactLevel1LineHeight = "1.2";
251
- export const amsterdamHeadingCompactLevel1FontSize = "clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem)";
252
- export const amsterdamHeadingCompactLevel2LineHeight = "1.25";
253
- export const amsterdamHeadingCompactLevel2FontSize = "clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem)";
254
- export const amsterdamHeadingCompactLevel3LineHeight = "1.3";
255
- export const amsterdamHeadingCompactLevel3FontSize = "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)";
256
- export const amsterdamHeadingCompactLevel4LineHeight = "1.5";
257
- export const amsterdamHeadingCompactLevel4FontSize = "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)";
258
- export const amsterdamHeadingCompactLevel5LineHeight = "1.6";
259
- export const amsterdamHeadingCompactLevel5FontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
260
- export const amsterdamHeadingCompactLevel6LineHeight = "1.6";
261
- export const amsterdamHeadingCompactLevel6FontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
202
+ export const amsterdamHeadingLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
203
+ export const amsterdamHeadingLevel1LineHeight = "1.2";
204
+ export const amsterdamHeadingLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
205
+ export const amsterdamHeadingLevel2LineHeight = "1.25";
206
+ export const amsterdamHeadingLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
207
+ export const amsterdamHeadingLevel3LineHeight = "1.3";
208
+ export const amsterdamHeadingLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
209
+ export const amsterdamHeadingLevel4LineHeight = "1.5";
210
+ export const amsterdamHeadingLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
211
+ export const amsterdamHeadingLevel5LineHeight = "1.6";
212
+ export const amsterdamHeadingLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
213
+ export const amsterdamHeadingLevel6LineHeight = "1.6";
262
214
  export const amsterdamIconButtonColor = "#004699";
263
215
  export const amsterdamIconButtonOutlineOffset = "2px";
264
216
  export const amsterdamIconButtonHoverBackgroundColor = "rgba(0, 70, 153, 0.125)";
@@ -274,22 +226,14 @@ export const amsterdamIconButtonOnBackgroundDarkHoverBackgroundColor = "#102E62"
274
226
  export const amsterdamIconButtonOnBackgroundDarkHoverColor = "#FFFFFF";
275
227
  export const amsterdamIconButtonOnBackgroundDarkDisabledColor = "#FFFFFF";
276
228
  export const amsterdamIconButtonOnBackgroundDarkDisabledBackgroundColor = "#BEBEBE";
277
- export const amsterdamIconSpaciousSize3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
278
- export const amsterdamIconSpaciousSize3LineHeight = "1.3";
279
- export const amsterdamIconSpaciousSize4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
280
- export const amsterdamIconSpaciousSize4LineHeight = "1.5";
281
- export const amsterdamIconSpaciousSize5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
282
- export const amsterdamIconSpaciousSize5LineHeight = "1.6";
283
- export const amsterdamIconSpaciousSize6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
284
- export const amsterdamIconSpaciousSize6LineHeight = "1.6";
285
- export const amsterdamIconCompactSize3FontSize = "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)";
286
- export const amsterdamIconCompactSize3LineHeight = "1.3";
287
- export const amsterdamIconCompactSize4FontSize = "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)";
288
- export const amsterdamIconCompactSize4LineHeight = "1.5";
289
- export const amsterdamIconCompactSize5FontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
290
- export const amsterdamIconCompactSize5LineHeight = "1.6";
291
- export const amsterdamIconCompactSize6FontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
292
- export const amsterdamIconCompactSize6LineHeight = "1.6";
229
+ export const amsterdamIconSize3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
230
+ export const amsterdamIconSize3LineHeight = "1.3";
231
+ export const amsterdamIconSize4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
232
+ export const amsterdamIconSize4LineHeight = "1.5";
233
+ export const amsterdamIconSize5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
234
+ export const amsterdamIconSize5LineHeight = "1.6";
235
+ export const amsterdamIconSize6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
236
+ export const amsterdamIconSize6LineHeight = "1.6";
293
237
  export const amsterdamLinkListGap = "0.5em";
294
238
  export const amsterdamLinkListLinkColor = "#004699";
295
239
  export const amsterdamLinkListLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
@@ -299,18 +243,12 @@ export const amsterdamLinkListLinkOutlineOffset = "2px";
299
243
  export const amsterdamLinkListLinkTextDecorationLine = "none";
300
244
  export const amsterdamLinkListLinkTextDecorationThickness = "0.125rem";
301
245
  export const amsterdamLinkListLinkTextUnderlineOffset = "0.375rem";
302
- export const amsterdamLinkListLinkSpaciousSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
303
- export const amsterdamLinkListLinkSpaciousSmallLineHeight = "1.6";
304
- export const amsterdamLinkListLinkSpaciousMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
305
- export const amsterdamLinkListLinkSpaciousMediumLineHeight = "1.6";
306
- export const amsterdamLinkListLinkSpaciousLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
307
- export const amsterdamLinkListLinkSpaciousLargeLineHeight = "1.5";
308
- export const amsterdamLinkListLinkCompactSmallFontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
309
- export const amsterdamLinkListLinkCompactSmallLineHeight = "1.6";
310
- export const amsterdamLinkListLinkCompactMediumFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
311
- export const amsterdamLinkListLinkCompactMediumLineHeight = "1.6";
312
- export const amsterdamLinkListLinkCompactLargeFontSize = "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)";
313
- export const amsterdamLinkListLinkCompactLargeLineHeight = "1.5";
246
+ export const amsterdamLinkListLinkSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
247
+ export const amsterdamLinkListLinkSmallLineHeight = "1.6";
248
+ export const amsterdamLinkListLinkMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
249
+ export const amsterdamLinkListLinkMediumLineHeight = "1.6";
250
+ export const amsterdamLinkListLinkLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
251
+ export const amsterdamLinkListLinkLargeLineHeight = "1.5";
314
252
  export const amsterdamLinkListLinkHoverColor = "#102E62";
315
253
  export const amsterdamLinkListLinkHoverTextDecorationLine = "underline";
316
254
  export const amsterdamLinkListLinkOnBackgroundDarkColor = "#FFFFFF";
@@ -331,24 +269,13 @@ export const amsterdamLinkInlineLineHeight = "inherit";
331
269
  export const amsterdamLinkInlineHoverTextDecorationThickness = "0.1875rem";
332
270
  export const amsterdamLinkInlineHoverTextUnderlineOffset = "0.3125rem";
333
271
  export const amsterdamLinkInlineVisitedColor = "#A00078";
334
- export const amsterdamLinkInListGap = "0.5em";
335
- export const amsterdamLinkInListTextDecorationLine = "none";
336
- export const amsterdamLinkInListTextDecorationThickness = "0.125rem";
337
- export const amsterdamLinkInListTextUnderlineOffset = "0.375rem";
338
- export const amsterdamLinkInListHoverTextDecorationLine = "underline";
339
- export const amsterdamLinkInListSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
340
- export const amsterdamLinkInListSpaciousLineHeight = "1.6";
341
- export const amsterdamLinkInListCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
342
- export const amsterdamLinkInListCompactLineHeight = "1.6";
272
+ export const amsterdamLinkStandaloneFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
273
+ export const amsterdamLinkStandaloneLineHeight = "1.6";
343
274
  export const amsterdamLinkStandaloneTextDecorationLine = "underline";
344
275
  export const amsterdamLinkStandaloneTextDecorationThickness = "0.125rem";
345
276
  export const amsterdamLinkStandaloneTextUnderlineOffset = "0.375rem";
346
277
  export const amsterdamLinkStandaloneHoverTextDecorationThickness = "0.1875rem";
347
278
  export const amsterdamLinkStandaloneHoverTextUnderlineOffset = "0.3125rem";
348
- export const amsterdamLinkStandaloneSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
349
- export const amsterdamLinkStandaloneSpaciousLineHeight = "1.6";
350
- export const amsterdamLinkStandaloneCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
351
- export const amsterdamLinkStandaloneCompactLineHeight = "1.6";
352
279
  export const amsterdamLinkOnBackgroundDarkColor = "#FFFFFF";
353
280
  export const amsterdamLinkOnBackgroundDarkHoverColor = "#FFFFFF";
354
281
  export const amsterdamLinkOnBackgroundDarkVisitedColor = "#FFFFFF";
@@ -366,13 +293,11 @@ export const amsterdamMegaMenuListCategoryPaddingBlockStart = "1rem";
366
293
  export const amsterdamMegaMenuListCategoryPaddingBlockEnd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
367
294
  export const amsterdamOrderedListColor = "#000000";
368
295
  export const amsterdamOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
296
+ export const amsterdamOrderedListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
369
297
  export const amsterdamOrderedListFontWeight = 400;
370
298
  export const amsterdamOrderedListGap = "0.75rem";
299
+ export const amsterdamOrderedListLineHeight = "1.6";
371
300
  export const amsterdamOrderedListListStyleType = "decimal";
372
- export const amsterdamOrderedListSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
373
- export const amsterdamOrderedListSpaciousLineHeight = "1.6";
374
- export const amsterdamOrderedListCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
375
- export const amsterdamOrderedListCompactLineHeight = "1.6";
376
301
  export const amsterdamOrderedListItemMarginInlineStart = "2.25rem"; // Divide your total indentation width over margin and padding to position the marker.
377
302
  export const amsterdamOrderedListItemPaddingInlineStart = "0.25rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
378
303
  export const amsterdamOrderedListOrderedListListStyleType = "lower-alpha";
@@ -380,35 +305,29 @@ export const amsterdamOrderedListOrderedListItemMarginInlineStart = "1.5rem"; //
380
305
  export const amsterdamOrderedListOrderedListItemPaddingInlineStart = "0.25rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
381
306
  export const amsterdamPageHeadingColor = "#000000";
382
307
  export const amsterdamPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
308
+ export const amsterdamPageHeadingFontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
383
309
  export const amsterdamPageHeadingFontWeight = 800;
384
310
  export const amsterdamPageHeadingInverseColor = "#FFFFFF";
385
- export const amsterdamPageHeadingSpaciousFontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
386
- export const amsterdamPageHeadingSpaciousLineHeight = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
387
- export const amsterdamPageHeadingCompactFontSize = "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)";
388
- export const amsterdamPageHeadingCompactLineHeight = "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)";
311
+ export const amsterdamPageHeadingLineHeight = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
389
312
  export const amsterdamPageMenuColumnGap = "2.5rem";
390
313
  export const amsterdamPageMenuRowGap = "0.5rem";
391
314
  export const amsterdamPageMenuItemColor = "#004699";
392
315
  export const amsterdamPageMenuItemFontFamily = "'Amsterdam Sans', Arial, sans-serif";
316
+ export const amsterdamPageMenuItemFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
393
317
  export const amsterdamPageMenuItemFontWeight = 400;
394
318
  export const amsterdamPageMenuItemGap = "0.5rem";
319
+ export const amsterdamPageMenuItemLineHeight = "1.6";
395
320
  export const amsterdamPageMenuItemOutlineOffset = "2px";
396
321
  export const amsterdamPageMenuItemTextDecorationLine = "none";
397
322
  export const amsterdamPageMenuItemTextDecorationThickness = "0.125rem";
398
323
  export const amsterdamPageMenuItemTextUnderlineOffset = "0.375rem";
399
- export const amsterdamPageMenuItemSpaciousFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
400
- export const amsterdamPageMenuItemSpaciousLineHeight = "1.6";
401
- export const amsterdamPageMenuItemCompactFontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
402
- export const amsterdamPageMenuItemCompactLineHeight = "1.6";
403
324
  export const amsterdamPageMenuItemHoverColor = "#102E62";
404
325
  export const amsterdamPageMenuItemHoverTextDecorationLine = "underline";
405
326
  export const amsterdamPaginationColor = "#004699";
406
327
  export const amsterdamPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
328
+ export const amsterdamPaginationFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
407
329
  export const amsterdamPaginationFontWeight = 400;
408
- export const amsterdamPaginationSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
409
- export const amsterdamPaginationSpaciousLineHeight = "1.6";
410
- export const amsterdamPaginationCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
411
- export const amsterdamPaginationCompactLineHeight = "1.6";
330
+ export const amsterdamPaginationLineHeight = "1.6";
412
331
  export const amsterdamPaginationButtonOutlineOffset = "2px";
413
332
  export const amsterdamPaginationButtonTextDecorationLine = "none";
414
333
  export const amsterdamPaginationButtonTextDecorationThickness = "0.125rem";
@@ -420,18 +339,12 @@ export const amsterdamParagraphColor = "#000000";
420
339
  export const amsterdamParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
421
340
  export const amsterdamParagraphFontWeight = 400;
422
341
  export const amsterdamParagraphInverseColor = "#FFFFFF";
423
- export const amsterdamParagraphSpaciousSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
424
- export const amsterdamParagraphSpaciousSmallLineHeight = "1.6";
425
- export const amsterdamParagraphSpaciousMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
426
- export const amsterdamParagraphSpaciousMediumLineHeight = "1.6";
427
- export const amsterdamParagraphSpaciousLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
428
- export const amsterdamParagraphSpaciousLargeLineHeight = "1.5";
429
- export const amsterdamParagraphCompactSmallFontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
430
- export const amsterdamParagraphCompactSmallLineHeight = "1.6";
431
- export const amsterdamParagraphCompactMediumFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
432
- export const amsterdamParagraphCompactMediumLineHeight = "1.6";
433
- export const amsterdamParagraphCompactLargeFontSize = "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)";
434
- export const amsterdamParagraphCompactLargeLineHeight = "1.5";
342
+ export const amsterdamParagraphSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
343
+ export const amsterdamParagraphSmallLineHeight = "1.6";
344
+ export const amsterdamParagraphMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
345
+ export const amsterdamParagraphMediumLineHeight = "1.6";
346
+ export const amsterdamParagraphLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
347
+ export const amsterdamParagraphLargeLineHeight = "1.5";
435
348
  export const amsterdamScreenWideMaxWidth = "100rem";
436
349
  export const amsterdamScreenXWideMaxWidth = "132rem";
437
350
  export const amsterdamSearchFieldButtonBackgroundColor = "#004699";
@@ -441,7 +354,9 @@ export const amsterdamSearchFieldButtonHoverBackgroundColor = "#102E62";
441
354
  export const amsterdamSearchFieldInputBoxShadow = "inset 0 0 0 1px #000000";
442
355
  export const amsterdamSearchFieldInputColor = "#000000";
443
356
  export const amsterdamSearchFieldInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
357
+ export const amsterdamSearchFieldInputFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
444
358
  export const amsterdamSearchFieldInputFontWeight = 400;
359
+ export const amsterdamSearchFieldInputLineHeight = "1.6";
445
360
  export const amsterdamSearchFieldInputOutlineOffset = "2px";
446
361
  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>\")";
447
362
  export const amsterdamSearchFieldInputCancelButtonColor = "#004699";
@@ -449,10 +364,6 @@ export const amsterdamSearchFieldInputCancelButtonHeight = "clamp(0.964rem, calc
449
364
  export const amsterdamSearchFieldInputCancelButtonWidth = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
450
365
  export const amsterdamSearchFieldInputHoverBoxShadow = "inset 0 0 0 2px #000000";
451
366
  export const amsterdamSearchFieldInputPlaceholderColor = "#767676";
452
- export const amsterdamSearchFieldInputCompactFontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
453
- export const amsterdamSearchFieldInputCompactLineHeight = "1.6";
454
- export const amsterdamSearchFieldInputSpaciousFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
455
- export const amsterdamSearchFieldInputSpaciousLineHeight = "1.6";
456
367
  export const amsterdamSkipLinkBackgroundColor = "#004699";
457
368
  export const amsterdamSkipLinkColor = "#FFFFFF";
458
369
  export const amsterdamSkipLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
@@ -460,8 +371,6 @@ export const amsterdamSkipLinkFontWeight = 400;
460
371
  export const amsterdamSkipLinkFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
461
372
  export const amsterdamSkipLinkLineHeight = "1.6";
462
373
  export const amsterdamSkipLinkOutlineOffset = "2px";
463
- export const amsterdamSkipLinkCompactFontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
464
- export const amsterdamSkipLinkCompactLineHeight = "1.6";
465
374
  export const amsterdamSkipLinkHoverBackgroundColor = "#102E62";
466
375
  export const amsterdamSpotlightBlueBackgroundColor = "#009DE6";
467
376
  export const amsterdamSpotlightDarkBlueBackgroundColor = "#004699";
@@ -492,7 +401,9 @@ export const amsterdamTableHeaderCellFontWeight = 800;
492
401
  export const amsterdamTextInputBoxShadow = "inset 0 0 0 1px #000000";
493
402
  export const amsterdamTextInputColor = "#000000";
494
403
  export const amsterdamTextInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
404
+ export const amsterdamTextInputFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
495
405
  export const amsterdamTextInputFontWeight = 400;
406
+ export const amsterdamTextInputLineHeight = "1.6";
496
407
  export const amsterdamTextInputOutlineOffset = "2px";
497
408
  export const amsterdamTextInputDisabledBackgroundColor = "#FFFFFF";
498
409
  export const amsterdamTextInputDisabledBoxShadow = "inset 0 0 0 1px #BEBEBE";
@@ -501,39 +412,29 @@ export const amsterdamTextInputHoverBoxShadow = "inset 0 0 0 2px #000000";
501
412
  export const amsterdamTextInputInvalidBoxShadow = "inset 0 0 0 1px #EC0000";
502
413
  export const amsterdamTextInputInvalidHoverBoxShadow = "inset 0 0 0 2px #EC0000";
503
414
  export const amsterdamTextInputPlaceholderColor = "#767676";
504
- export const amsterdamTextInputCompactFontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
505
- export const amsterdamTextInputCompactLineHeight = "1.6";
506
- export const amsterdamTextInputSpaciousFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
507
- export const amsterdamTextInputSpaciousLineHeight = "1.6";
508
415
  export const amsterdamTopTaskLinkDescriptionColor = "#000000";
509
416
  export const amsterdamTopTaskLinkDescriptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
417
+ export const amsterdamTopTaskLinkDescriptionFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
510
418
  export const amsterdamTopTaskLinkDescriptionFontWeight = 400;
511
- export const amsterdamTopTaskLinkDescriptionSpaciousFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
512
- export const amsterdamTopTaskLinkDescriptionSpaciousLineHeight = "1.6";
513
- export const amsterdamTopTaskLinkDescriptionCompactFontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
514
- export const amsterdamTopTaskLinkDescriptionCompactLineHeight = "1.6";
419
+ export const amsterdamTopTaskLinkDescriptionLineHeight = "1.6";
515
420
  export const amsterdamTopTaskLinkLabelColor = "#004699";
516
421
  export const amsterdamTopTaskLinkLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
422
+ export const amsterdamTopTaskLinkLabelFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
517
423
  export const amsterdamTopTaskLinkLabelFontWeight = 800;
424
+ export const amsterdamTopTaskLinkLabelLineHeight = "1.5";
518
425
  export const amsterdamTopTaskLinkLabelTextDecorationLine = "none";
519
426
  export const amsterdamTopTaskLinkLabelTextDecorationThickness = "0.125rem";
520
427
  export const amsterdamTopTaskLinkLabelTextUnderlineOffset = "0.375rem";
521
428
  export const amsterdamTopTaskLinkLabelHoverColor = "#102E62";
522
429
  export const amsterdamTopTaskLinkLabelHoverTextDecorationLine = "underline";
523
- export const amsterdamTopTaskLinkLabelSpaciousFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
524
- export const amsterdamTopTaskLinkLabelSpaciousLineHeight = "1.5";
525
- export const amsterdamTopTaskLinkLabelCompactFontSize = "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)";
526
- export const amsterdamTopTaskLinkLabelCompactLineHeight = "1.5";
527
430
  export const amsterdamTopTaskLinkOutlineOffset = "2px";
528
431
  export const amsterdamUnorderedListColor = "#000000";
529
432
  export const amsterdamUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
433
+ export const amsterdamUnorderedListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
530
434
  export const amsterdamUnorderedListFontWeight = 400;
531
435
  export const amsterdamUnorderedListGap = "0.75rem";
436
+ export const amsterdamUnorderedListLineHeight = "1.6";
532
437
  export const amsterdamUnorderedListListStyleType = "'\\2022'";
533
- export const amsterdamUnorderedListSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
534
- export const amsterdamUnorderedListSpaciousLineHeight = "1.6";
535
- export const amsterdamUnorderedListCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
536
- export const amsterdamUnorderedListCompactLineHeight = "1.6";
537
438
  export const amsterdamUnorderedListItemMarginInlineStart = "1.625rem"; // Divide your total indentation width over margin and padding to position the marker.
538
439
  export const amsterdamUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
539
440
  export const amsterdamUnorderedListUnorderedListListStyleType = "'\\2013'";