@amsterdam/design-system-tokens 0.1.4 → 0.1.6

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 (16) hide show
  1. package/dist/_variables.scss +49 -18
  2. package/dist/index.css +49 -18
  3. package/dist/index.d.ts +32 -1
  4. package/dist/index.js +103 -72
  5. package/dist/index.json +102 -71
  6. package/dist/index.tokens.json +122 -71
  7. package/dist/root.css +49 -18
  8. package/dist/tokens.d.ts +53 -2
  9. package/dist/tokens.js +734 -89
  10. package/dist/variables.less +49 -18
  11. package/package.json +2 -2
  12. package/src/brand/amsterdam/proportion.tokens.json +11 -0
  13. package/src/brand/amsterdam/typography.tokens.json +28 -16
  14. package/src/components/amsterdam/alert.tokens.json +40 -0
  15. package/src/components/amsterdam/aspect-ratio.tokens.json +11 -0
  16. package/src/components/amsterdam/page-menu.tokens.json +2 -1
package/dist/index.json CHANGED
@@ -15,32 +15,37 @@
15
15
  "amsterdamColorNeutralGrey2": "#B4B4B4",
16
16
  "amsterdamColorNeutralGrey3": "#767676",
17
17
  "amsterdamColorNeutralGrey4": "#323232",
18
+ "amsterdamProportionExtraTall": "9 / 16",
19
+ "amsterdamProportionTall": "4 / 5",
20
+ "amsterdamProportionSquare": "1 / 1",
21
+ "amsterdamProportionWide": "5 / 4",
22
+ "amsterdamProportionExtraWide": "16 / 9",
18
23
  "amsterdamTypographyFontFamily": "'Amsterdam Sans', Arial, sans-serif",
19
24
  "amsterdamTypographyFontWeightNormal": 400,
20
25
  "amsterdamTypographyFontWeightBold": 800,
21
- "amsterdamTypographyTextLevel0NarrowFontSize": "clamp(2rem, 2rem + (2 * (100vw - 20rem)) / 33.3125, 4rem)",
22
- "amsterdamTypographyTextLevel0WideFontSize": "clamp(4rem, 4rem + (1 * (100vw - 53.375rem)) / 36.625, 5rem)",
26
+ "amsterdamTypographyTextLevel0NarrowFontSize": "clamp(2rem, calc(2rem + (2 * (100vw - 20rem)) / 33.3125), 4rem)",
27
+ "amsterdamTypographyTextLevel0WideFontSize": "clamp(4rem, calc(4rem + (1 * (100vw - 53.375rem)) / 36.625), 5rem)",
23
28
  "amsterdamTypographyTextLevel0LineHeight": "1.1",
24
- "amsterdamTypographyTextLevel1NarrowFontSize": "clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem)",
25
- "amsterdamTypographyTextLevel1WideFontSize": "clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem)",
29
+ "amsterdamTypographyTextLevel1NarrowFontSize": "clamp(2rem, calc(2rem + (1 * (100vw - 20rem)) / 33.3125), 3rem)",
30
+ "amsterdamTypographyTextLevel1WideFontSize": "clamp(3rem, calc(3rem + (0.5 * (100vw - 53.375rem)) / 36.625), 3.5rem)",
26
31
  "amsterdamTypographyTextLevel1LineHeight": "1.2",
27
- "amsterdamTypographyTextLevel2NarrowFontSize": "clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem)",
28
- "amsterdamTypographyTextLevel2WideFontSize": "clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem)",
32
+ "amsterdamTypographyTextLevel2NarrowFontSize": "clamp(1.75rem, calc(1.75rem + (0.5 * (100vw - 20rem)) / 33.3125), 2.25rem)",
33
+ "amsterdamTypographyTextLevel2WideFontSize": "clamp(2.25rem, calc(2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625), 2.5rem)",
29
34
  "amsterdamTypographyTextLevel2LineHeight": "1.3",
30
- "amsterdamTypographyTextLevel3NarrowFontSize": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)",
31
- "amsterdamTypographyTextLevel3WideFontSize": "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)",
35
+ "amsterdamTypographyTextLevel3NarrowFontSize": "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)",
36
+ "amsterdamTypographyTextLevel3WideFontSize": "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)",
32
37
  "amsterdamTypographyTextLevel3LineHeight": "1.4",
33
- "amsterdamTypographyTextLevel4NarrowFontSize": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)",
34
- "amsterdamTypographyTextLevel4WideFontSize": "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)",
38
+ "amsterdamTypographyTextLevel4NarrowFontSize": "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)",
39
+ "amsterdamTypographyTextLevel4WideFontSize": "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)",
35
40
  "amsterdamTypographyTextLevel4LineHeight": "1.4",
36
- "amsterdamTypographyTextLevel5NarrowFontSize": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)",
37
- "amsterdamTypographyTextLevel5WideFontSize": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)",
41
+ "amsterdamTypographyTextLevel5NarrowFontSize": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)",
42
+ "amsterdamTypographyTextLevel5WideFontSize": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)",
38
43
  "amsterdamTypographyTextLevel5LineHeight": "1.5",
39
- "amsterdamTypographyTextLevel6NarrowFontSize": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
40
- "amsterdamTypographyTextLevel6WideFontSize": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
44
+ "amsterdamTypographyTextLevel6NarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
45
+ "amsterdamTypographyTextLevel6WideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
41
46
  "amsterdamTypographyTextLevel6LineHeight": "1.6",
42
- "amsterdamTypographyTextLevel7NarrowFontSize": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
43
- "amsterdamTypographyTextLevel7WideFontSize": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
47
+ "amsterdamTypographyTextLevel7NarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
48
+ "amsterdamTypographyTextLevel7WideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
44
49
  "amsterdamTypographyTextLevel7LineHeight": "1.6",
45
50
  "amsterdamBorderWidthSm": "1px",
46
51
  "amsterdamBorderWidthMd": "2px",
@@ -55,28 +60,53 @@
55
60
  "amsterdamAccordionButtonFontFamily": "'Amsterdam Sans', Arial, sans-serif",
56
61
  "amsterdamAccordionButtonFontWeight": 800,
57
62
  "amsterdamAccordionButtonLineHeight": "1.5",
58
- "amsterdamAccordionButtonNarrowFontSize": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)",
59
- "amsterdamAccordionButtonWideFontSize": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)",
63
+ "amsterdamAccordionButtonNarrowFontSize": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)",
64
+ "amsterdamAccordionButtonWideFontSize": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)",
60
65
  "amsterdamAccordionButtonHoverBoxShadow": "inset 0 0 0 2px #767676",
66
+ "amsterdamAlertBackgroundColor": "#FFE600",
67
+ "amsterdamAlertBorder": "4px solid #FFE600",
68
+ "amsterdamAlertGap": "1rem",
69
+ "amsterdamAlertPaddingBlockStart": "1rem",
70
+ "amsterdamAlertPaddingBlockEnd": "1rem",
71
+ "amsterdamAlertPaddingInlineStart": "1.5rem",
72
+ "amsterdamAlertPaddingInlineEnd": "1.5rem",
73
+ "amsterdamAlertTitleColor": "#000000",
74
+ "amsterdamAlertTitleFontFamily": "'Amsterdam Sans', Arial, sans-serif",
75
+ "amsterdamAlertTitleFontWeight": 800,
76
+ "amsterdamAlertTitleLineHeight": "1.5",
77
+ "amsterdamAlertTitleNarrowFontSize": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)",
78
+ "amsterdamAlertTitleWideFontSize": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)",
79
+ "amsterdamAlertErrorBackgroundColor": "#ffffff",
80
+ "amsterdamAlertErrorBorderColor": "#EC0000",
81
+ "amsterdamAlertSuccessBackgroundColor": "#ffffff",
82
+ "amsterdamAlertSuccessBorderColor": "#00A03C",
83
+ "amsterdamAlertCloseBackgroundColor": "transparent",
84
+ "amsterdamAlertCloseFill": "#000000",
85
+ "amsterdamAlertCloseHoverFill": "#004699",
86
+ "amsterdamAspectRatioExtraTall": "9 / 16",
87
+ "amsterdamAspectRatioTall": "4 / 5",
88
+ "amsterdamAspectRatioSquare": "1 / 1",
89
+ "amsterdamAspectRatioWide": "5 / 4",
90
+ "amsterdamAspectRatioExtraWide": "16 / 9",
61
91
  "amsterdamBlockquoteColor": "#000000",
62
92
  "amsterdamBlockquoteFontFamily": "'Amsterdam Sans', Arial, sans-serif",
63
93
  "amsterdamBlockquoteFontWeight": 800,
64
94
  "amsterdamBlockquoteInverseColor": "#ffffff",
65
95
  "amsterdamBlockquoteLineHeight": "1.4",
66
- "amsterdamBlockquoteNarrowFontSize": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)",
67
- "amsterdamBlockquoteWideFontSize": "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)",
96
+ "amsterdamBlockquoteNarrowFontSize": "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)",
97
+ "amsterdamBlockquoteWideFontSize": "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)",
68
98
  "amsterdamBreadcrumbColor": "#004699",
69
99
  "amsterdamBreadcrumbFontFamily": "'Amsterdam Sans', Arial, sans-serif",
70
100
  "amsterdamBreadcrumbLineHeight": "1.6",
71
- "amsterdamBreadcrumbNarrowFontSize": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
72
- "amsterdamBreadcrumbWideFontSize": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
101
+ "amsterdamBreadcrumbNarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
102
+ "amsterdamBreadcrumbWideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
73
103
  "amsterdamBreadcrumbItemLinkOutlineOffset": "2px",
74
104
  "amsterdamBreadcrumbItemLinkHoverColor": "#00387A",
75
105
  "amsterdamBreadcrumbItemLinkHoverBoxShadow": "inset 0 -2px 0 0 #00387A",
76
106
  "amsterdamBreadcrumbItemLinkFocusColor": "#00387A",
77
107
  "amsterdamBreadcrumbItemLinkFocusTextDecoration": "underline",
78
- "amsterdamButtonNarrowFontSize": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
79
- "amsterdamButtonWideFontSize": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
108
+ "amsterdamButtonNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
109
+ "amsterdamButtonWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
80
110
  "amsterdamButtonSecondaryBoxShadow": "inset 0 0 0 2px #004699",
81
111
  "amsterdamButtonSecondaryHoverBoxShadow": "inset 0 0 0 3px #00387A",
82
112
  "amsterdamButtonSecondaryDisabledBoxShadow": "inset 0 0 0 2px #B4B4B4",
@@ -102,8 +132,8 @@
102
132
  "amsterdamCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor": "#EC0000",
103
133
  "amsterdamCheckboxCheckmarkIndeterminateBackgroundColor": "#004699",
104
134
  "amsterdamCheckboxCheckmarkIndeterminateHoverBackgroundColor": "#00387A",
105
- "amsterdamCheckboxCheckmarkNarrowSize": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
106
- "amsterdamCheckboxCheckmarkWideSize": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
135
+ "amsterdamCheckboxCheckmarkNarrowSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
136
+ "amsterdamCheckboxCheckmarkWideSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
107
137
  "amsterdamCheckboxCheckmarkMultiplier": "1.6",
108
138
  "amsterdamCheckboxDisabledColor": "#767676",
109
139
  "amsterdamCheckboxFontFamily": "'Amsterdam Sans', Arial, sans-serif",
@@ -111,45 +141,45 @@
111
141
  "amsterdamCheckboxHoverColor": "#00387A",
112
142
  "amsterdamCheckboxOutlineOffset": "2px",
113
143
  "amsterdamCheckboxLineHeight": "1.6",
114
- "amsterdamCheckboxNarrowFontSize": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
115
- "amsterdamCheckboxWideFontSize": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
144
+ "amsterdamCheckboxNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
145
+ "amsterdamCheckboxWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
116
146
  "amsterdamFooterTopBackgroundColor": "#004699",
117
147
  "amsterdamFormLabelColor": "#000000",
118
148
  "amsterdamFormLabelFontFamily": "'Amsterdam Sans', Arial, sans-serif",
119
149
  "amsterdamFormLabelFontWeight": 800,
120
150
  "amsterdamFormLabelLineHeight": "1.6",
121
- "amsterdamFormLabelNarrowFontSize": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
122
- "amsterdamFormLabelWideFontSize": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
151
+ "amsterdamFormLabelNarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
152
+ "amsterdamFormLabelWideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
123
153
  "amsterdamHeading1LineHeight": "1.2",
124
- "amsterdamHeading1NarrowFontSize": "clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem)",
125
- "amsterdamHeading1WideFontSize": "clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem)",
154
+ "amsterdamHeading1NarrowFontSize": "clamp(2rem, calc(2rem + (1 * (100vw - 20rem)) / 33.3125), 3rem)",
155
+ "amsterdamHeading1WideFontSize": "clamp(3rem, calc(3rem + (0.5 * (100vw - 53.375rem)) / 36.625), 3.5rem)",
126
156
  "amsterdamHeading2LineHeight": "1.3",
127
- "amsterdamHeading2NarrowFontSize": "clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem)",
128
- "amsterdamHeading2WideFontSize": "clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem)",
157
+ "amsterdamHeading2NarrowFontSize": "clamp(1.75rem, calc(1.75rem + (0.5 * (100vw - 20rem)) / 33.3125), 2.25rem)",
158
+ "amsterdamHeading2WideFontSize": "clamp(2.25rem, calc(2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625), 2.5rem)",
129
159
  "amsterdamHeading3LineHeight": "1.4",
130
- "amsterdamHeading3NarrowFontSize": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)",
131
- "amsterdamHeading3WideFontSize": "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)",
160
+ "amsterdamHeading3NarrowFontSize": "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)",
161
+ "amsterdamHeading3WideFontSize": "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)",
132
162
  "amsterdamHeading4LineHeight": "1.4",
133
- "amsterdamHeading4NarrowFontSize": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)",
134
- "amsterdamHeading4WideFontSize": "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)",
163
+ "amsterdamHeading4NarrowFontSize": "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)",
164
+ "amsterdamHeading4WideFontSize": "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)",
135
165
  "amsterdamHeadingColor": "#000000",
136
166
  "amsterdamHeadingFontFamily": "'Amsterdam Sans', Arial, sans-serif",
137
167
  "amsterdamHeadingFontWeight": 800,
138
168
  "amsterdamHeadingInverseColor": "#ffffff",
139
- "amsterdamIconSize3IconSizeNarrow": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)",
140
- "amsterdamIconSize3IconSizeWide": "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)",
169
+ "amsterdamIconSize3IconSizeNarrow": "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)",
170
+ "amsterdamIconSize3IconSizeWide": "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)",
141
171
  "amsterdamIconSize3ContainerMultiplier": "1.4",
142
- "amsterdamIconSize4IconSizeNarrow": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)",
143
- "amsterdamIconSize4IconSizeWide": "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)",
172
+ "amsterdamIconSize4IconSizeNarrow": "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)",
173
+ "amsterdamIconSize4IconSizeWide": "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)",
144
174
  "amsterdamIconSize4ContainerMultiplier": "1.4",
145
- "amsterdamIconSize5IconSizeNarrow": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)",
146
- "amsterdamIconSize5IconSizeWide": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)",
175
+ "amsterdamIconSize5IconSizeNarrow": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)",
176
+ "amsterdamIconSize5IconSizeWide": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)",
147
177
  "amsterdamIconSize5ContainerMultiplier": "1.5",
148
- "amsterdamIconSize6IconSizeNarrow": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
149
- "amsterdamIconSize6IconSizeWide": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
178
+ "amsterdamIconSize6IconSizeNarrow": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
179
+ "amsterdamIconSize6IconSizeWide": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
150
180
  "amsterdamIconSize6ContainerMultiplier": "1.6",
151
- "amsterdamIconSize7IconSizeNarrow": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
152
- "amsterdamIconSize7IconSizeWide": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
181
+ "amsterdamIconSize7IconSizeNarrow": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
182
+ "amsterdamIconSize7IconSizeWide": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
153
183
  "amsterdamIconSize7ContainerMultiplier": "1.6",
154
184
  "amsterdamLinkColor": "#004699",
155
185
  "amsterdamLinkOutlineOffset": "2px",
@@ -169,15 +199,15 @@
169
199
  "amsterdamLinkInListFocusTextUnderlineOffset": "7px",
170
200
  "amsterdamLinkInListTextDecoration": "none",
171
201
  "amsterdamLinkInListLineHeight": "1.6",
172
- "amsterdamLinkInListNarrowFontSize": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
173
- "amsterdamLinkInListWideFontSize": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
202
+ "amsterdamLinkInListNarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
203
+ "amsterdamLinkInListWideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
174
204
  "amsterdamLinkStandaloneTextUnderlineOffset": "8px",
175
205
  "amsterdamLinkStandaloneTextDecorationThickness": "2px",
176
206
  "amsterdamLinkStandaloneFocusTextDecorationThickness": "3px",
177
207
  "amsterdamLinkStandaloneFocusTextUnderlineOffset": "7px",
178
208
  "amsterdamLinkStandaloneLineHeight": "1.6",
179
- "amsterdamLinkStandaloneNarrowFontSize": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
180
- "amsterdamLinkStandaloneWideFontSize": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
209
+ "amsterdamLinkStandaloneNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
210
+ "amsterdamLinkStandaloneWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
181
211
  "amsterdamLinkOnBackgroundDarkColor": "#ffffff",
182
212
  "amsterdamLinkOnBackgroundDarkHoverColor": "#ffffff",
183
213
  "amsterdamLinkOnBackgroundDarkVisitedColor": "#ffffff",
@@ -190,8 +220,8 @@
190
220
  "amsterdamOrderedListGap": "0.75rem",
191
221
  "amsterdamOrderedListLineHeight": "1.6",
192
222
  "amsterdamOrderedListListStyleType": "decimal",
193
- "amsterdamOrderedListNarrowFontSize": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
194
- "amsterdamOrderedListWideFontSize": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
223
+ "amsterdamOrderedListNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
224
+ "amsterdamOrderedListWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
195
225
  "amsterdamOrderedListItemMarginInlineStart": "2.25rem",
196
226
  "amsterdamOrderedListItemPaddingInlineStart": "0.25rem",
197
227
  "amsterdamOrderedListOrderedListListStyleType": "lower-alpha",
@@ -204,8 +234,8 @@
204
234
  "amsterdamPageHeadingColor": "#000000",
205
235
  "amsterdamPageHeadingFontFamily": "'Amsterdam Sans', Arial, sans-serif",
206
236
  "amsterdamPageHeadingLineHeight": "1.1",
207
- "amsterdamPageHeadingNarrowFontSize": "clamp(2rem, 2rem + (2 * (100vw - 20rem)) / 33.3125, 4rem)",
208
- "amsterdamPageHeadingWideFontSize": "clamp(4rem, 4rem + (1 * (100vw - 53.375rem)) / 36.625, 5rem)",
237
+ "amsterdamPageHeadingNarrowFontSize": "clamp(2rem, calc(2rem + (2 * (100vw - 20rem)) / 33.3125), 4rem)",
238
+ "amsterdamPageHeadingWideFontSize": "clamp(4rem, calc(4rem + (1 * (100vw - 53.375rem)) / 36.625), 5rem)",
209
239
  "amsterdamPageHeadingFontWeight": 800,
210
240
  "amsterdamPageHeadingInverseColor": "#ffffff",
211
241
  "amsterdamPageMenuColumnGap": "2.5rem",
@@ -216,35 +246,36 @@
216
246
  "amsterdamPageMenuItemGap": "0.5rem",
217
247
  "amsterdamPageMenuItemLineHeight": "1.6",
218
248
  "amsterdamPageMenuItemTextDecoration": "none",
219
- "amsterdamPageMenuItemNarrowFontSize": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
220
- "amsterdamPageMenuItemWideFontSize": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
221
- "amsterdamPageMenuItemHoverColor": "#00387A",
249
+ "amsterdamPageMenuItemNarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
250
+ "amsterdamPageMenuItemWideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
251
+ "amsterdamPageMenuItemHoverColor": "#000000",
252
+ "amsterdamPageMenuItemHoverTextDecoration": "underline",
222
253
  "amsterdamParagraphColor": "#000000",
223
254
  "amsterdamParagraphFontFamily": "'Amsterdam Sans', Arial, sans-serif",
224
255
  "amsterdamParagraphFontWeight": 400,
225
256
  "amsterdamParagraphInverseColor": "#ffffff",
226
257
  "amsterdamParagraphLineHeight": "1.6",
227
- "amsterdamParagraphNarrowFontSize": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
228
- "amsterdamParagraphWideFontSize": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
258
+ "amsterdamParagraphNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
259
+ "amsterdamParagraphWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
229
260
  "amsterdamParagraphSmallLineHeight": "1.6",
230
- "amsterdamParagraphSmallNarrowFontSize": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
231
- "amsterdamParagraphSmallWideFontSize": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
261
+ "amsterdamParagraphSmallNarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
262
+ "amsterdamParagraphSmallWideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
232
263
  "amsterdamParagraphLargeLineHeight": "1.5",
233
- "amsterdamParagraphLargeNarrowFontSize": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)",
234
- "amsterdamParagraphLargeWideFontSize": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)",
264
+ "amsterdamParagraphLargeNarrowFontSize": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)",
265
+ "amsterdamParagraphLargeWideFontSize": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)",
235
266
  "amsterdamTopTaskLinkDescriptionColor": "#000000",
236
267
  "amsterdamTopTaskLinkDescriptionFontFamily": "'Amsterdam Sans', Arial, sans-serif",
237
268
  "amsterdamTopTaskLinkDescriptionFontWeight": 400,
238
269
  "amsterdamTopTaskLinkDescriptionLineHeight": "1.6",
239
- "amsterdamTopTaskLinkDescriptionNarrowFontSize": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
240
- "amsterdamTopTaskLinkDescriptionWideFontSize": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
270
+ "amsterdamTopTaskLinkDescriptionNarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
271
+ "amsterdamTopTaskLinkDescriptionWideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
241
272
  "amsterdamTopTaskLinkLabelColor": "#004699",
242
273
  "amsterdamTopTaskLinkLabelFontFamily": "'Amsterdam Sans', Arial, sans-serif",
243
274
  "amsterdamTopTaskLinkLabelFontWeight": 800,
244
275
  "amsterdamTopTaskLinkLabelHoverColor": "#00387A",
245
276
  "amsterdamTopTaskLinkLabelLineHeight": "1.4",
246
- "amsterdamTopTaskLinkLabelNarrowFontSize": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)",
247
- "amsterdamTopTaskLinkLabelWideFontSize": "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)",
277
+ "amsterdamTopTaskLinkLabelNarrowFontSize": "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)",
278
+ "amsterdamTopTaskLinkLabelWideFontSize": "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)",
248
279
  "amsterdamTopTaskLinkOutlineOffset": "2px",
249
280
  "amsterdamUnorderedListColor": "#000000",
250
281
  "amsterdamUnorderedListFontFamily": "'Amsterdam Sans', Arial, sans-serif",
@@ -252,8 +283,8 @@
252
283
  "amsterdamUnorderedListGap": "0.75rem",
253
284
  "amsterdamUnorderedListLineHeight": "1.6",
254
285
  "amsterdamUnorderedListListStyleType": "'\\2022'",
255
- "amsterdamUnorderedListNarrowFontSize": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
256
- "amsterdamUnorderedListWideFontSize": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
286
+ "amsterdamUnorderedListNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
287
+ "amsterdamUnorderedListWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
257
288
  "amsterdamUnorderedListItemMarginInlineStart": "1.625rem",
258
289
  "amsterdamUnorderedListItemPaddingInlineStart": "0.875rem",
259
290
  "amsterdamUnorderedListUnorderedListListStyleType": "'\\2013'",