@amsterdam/design-system-tokens 0.1.8 → 0.3.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 (45) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/dist/_variables.scss +274 -163
  3. package/dist/index.css +274 -163
  4. package/dist/index.d.ts +255 -144
  5. package/dist/index.js +261 -150
  6. package/dist/index.json +260 -149
  7. package/dist/index.tokens.json +455 -297
  8. package/dist/root.css +274 -163
  9. package/dist/tokens.d.ts +442 -284
  10. package/dist/tokens.js +5618 -3116
  11. package/dist/variables.less +274 -163
  12. package/package.json +3 -3
  13. package/src/brand/amsterdam/typography.tokens.json +62 -84
  14. package/src/common/amsterdam/border.tokens.json +3 -9
  15. package/src/common/amsterdam/link-appearance.tokens.json +31 -0
  16. package/src/common/amsterdam/spacing.tokens.json +4 -12
  17. package/src/components/amsterdam/accordion.tokens.json +8 -9
  18. package/src/components/amsterdam/alert.tokens.json +6 -5
  19. package/src/components/amsterdam/blockquote.tokens.json +6 -5
  20. package/src/components/amsterdam/breadcrumb.tokens.json +21 -34
  21. package/src/components/amsterdam/button.tokens.json +11 -19
  22. package/src/components/amsterdam/card.tokens.json +6 -2
  23. package/src/components/amsterdam/checkbox.tokens.json +27 -73
  24. package/src/components/amsterdam/dialog.tokens.json +6 -5
  25. package/src/components/amsterdam/form-label.tokens.json +6 -5
  26. package/src/components/amsterdam/grid.tokens.json +5 -11
  27. package/src/components/amsterdam/header.tokens.json +7 -0
  28. package/src/components/amsterdam/heading.tokens.json +44 -28
  29. package/src/components/amsterdam/icon.tokens.json +29 -28
  30. package/src/components/amsterdam/link.tokens.json +43 -45
  31. package/src/components/amsterdam/mark.tokens.json +7 -0
  32. package/src/components/amsterdam/ordered-list.tokens.json +6 -5
  33. package/src/components/amsterdam/page-heading.tokens.json +9 -8
  34. package/src/components/amsterdam/page-menu.tokens.json +13 -9
  35. package/src/components/amsterdam/pagination.tokens.json +17 -18
  36. package/src/components/amsterdam/paragraph.tokens.json +22 -19
  37. package/src/components/amsterdam/search-field.tokens.json +47 -0
  38. package/src/components/amsterdam/skip-link.tokens.json +20 -0
  39. package/src/components/amsterdam/spotlight.tokens.json +30 -0
  40. package/src/components/amsterdam/switch.tokens.json +10 -30
  41. package/src/components/amsterdam/text-input.tokens.json +36 -0
  42. package/src/components/amsterdam/top-task-link.tokens.json +25 -47
  43. package/src/components/amsterdam/unordered-list.tokens.json +6 -5
  44. package/src/components/utrecht/button.tokens.json +25 -75
  45. package/src/components/amsterdam/highlight.tokens.json +0 -46
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 27 Nov 2023 11:07:10 GMT
3
+ * Generated on Fri, 22 Dec 2023 12:50:01 GMT
4
4
  */
5
5
 
6
6
  export const amsterdamColorPrimaryBlack : string;
@@ -28,34 +28,49 @@ export const amsterdamProportion2xWide : string;
28
28
  export const amsterdamTypographyFontFamily : string;
29
29
  export const amsterdamTypographyFontWeightNormal : number;
30
30
  export const amsterdamTypographyFontWeightBold : number;
31
- export const amsterdamTypographyTextLevel0NarrowFontSize : string;
32
- export const amsterdamTypographyTextLevel0WideFontSize : string;
33
- export const amsterdamTypographyTextLevel0LineHeight : string;
34
- export const amsterdamTypographyTextLevel1NarrowFontSize : string;
35
- export const amsterdamTypographyTextLevel1WideFontSize : string;
36
- export const amsterdamTypographyTextLevel1LineHeight : string;
37
- export const amsterdamTypographyTextLevel2NarrowFontSize : string;
38
- export const amsterdamTypographyTextLevel2WideFontSize : string;
39
- export const amsterdamTypographyTextLevel2LineHeight : string;
40
- export const amsterdamTypographyTextLevel3NarrowFontSize : string;
41
- export const amsterdamTypographyTextLevel3WideFontSize : string;
42
- export const amsterdamTypographyTextLevel3LineHeight : string;
43
- export const amsterdamTypographyTextLevel4NarrowFontSize : string;
44
- export const amsterdamTypographyTextLevel4WideFontSize : string;
45
- export const amsterdamTypographyTextLevel4LineHeight : string;
46
- export const amsterdamTypographyTextLevel5NarrowFontSize : string;
47
- export const amsterdamTypographyTextLevel5WideFontSize : string;
48
- export const amsterdamTypographyTextLevel5LineHeight : string;
49
- export const amsterdamTypographyTextLevel6NarrowFontSize : string;
50
- export const amsterdamTypographyTextLevel6WideFontSize : string;
51
- export const amsterdamTypographyTextLevel6LineHeight : string;
52
- export const amsterdamTypographyTextLevel7NarrowFontSize : string;
53
- export const amsterdamTypographyTextLevel7WideFontSize : string;
54
- export const amsterdamTypographyTextLevel7LineHeight : string;
31
+ export const amsterdamTypographySpaciousTextLevel0FontSize : string;
32
+ export const amsterdamTypographySpaciousTextLevel0LineHeight : string;
33
+ export const amsterdamTypographySpaciousTextLevel1FontSize : string;
34
+ export const amsterdamTypographySpaciousTextLevel1LineHeight : string;
35
+ export const amsterdamTypographySpaciousTextLevel2FontSize : string;
36
+ export const amsterdamTypographySpaciousTextLevel2LineHeight : string;
37
+ export const amsterdamTypographySpaciousTextLevel3FontSize : string;
38
+ export const amsterdamTypographySpaciousTextLevel3LineHeight : string;
39
+ export const amsterdamTypographySpaciousTextLevel4FontSize : string;
40
+ export const amsterdamTypographySpaciousTextLevel4LineHeight : string;
41
+ export const amsterdamTypographySpaciousTextLevel5FontSize : string;
42
+ export const amsterdamTypographySpaciousTextLevel5LineHeight : string;
43
+ export const amsterdamTypographySpaciousTextLevel6FontSize : string;
44
+ export const amsterdamTypographySpaciousTextLevel6LineHeight : string;
45
+ export const amsterdamTypographyCompactTextLevel0FontSize : string;
46
+ export const amsterdamTypographyCompactTextLevel0LineHeight : string;
47
+ export const amsterdamTypographyCompactTextLevel1FontSize : string;
48
+ export const amsterdamTypographyCompactTextLevel1LineHeight : string;
49
+ export const amsterdamTypographyCompactTextLevel2FontSize : string;
50
+ export const amsterdamTypographyCompactTextLevel2LineHeight : string;
51
+ export const amsterdamTypographyCompactTextLevel3FontSize : string;
52
+ export const amsterdamTypographyCompactTextLevel3LineHeight : string;
53
+ export const amsterdamTypographyCompactTextLevel4FontSize : string;
54
+ export const amsterdamTypographyCompactTextLevel4LineHeight : string;
55
+ export const amsterdamTypographyCompactTextLevel5FontSize : string;
56
+ export const amsterdamTypographyCompactTextLevel5LineHeight : string;
57
+ export const amsterdamTypographyCompactTextLevel6FontSize : string;
58
+ export const amsterdamTypographyCompactTextLevel6LineHeight : string;
55
59
  export const amsterdamBorderWidthSm : string;
56
60
  export const amsterdamBorderWidthMd : string;
57
61
  export const amsterdamBorderWidthLg : string;
58
62
  export const amsterdamFocusOutlineOffset : string;
63
+ export const amsterdamLinkAppearanceColor : string;
64
+ export const amsterdamLinkAppearanceTextDecorationThickness : string;
65
+ export const amsterdamLinkAppearanceTextUnderlineOffset : string;
66
+ export const amsterdamLinkAppearanceHoverColor : string;
67
+ export const amsterdamLinkAppearanceOnBackgroundDarkColor : string;
68
+ export const amsterdamLinkAppearanceOnBackgroundLightColor : string;
69
+ export const amsterdamLinkAppearanceRegularTextDecorationLine : string;
70
+ export const amsterdamLinkAppearanceRegularHoverTextDecorationThickness : string;
71
+ export const amsterdamLinkAppearanceRegularHoverTextUnderlineOffset : string;
72
+ export const amsterdamLinkAppearanceSubtleTextDecorationLine : string;
73
+ export const amsterdamLinkAppearanceSubtleHoverTextDecorationLine : string;
59
74
  export const amsterdamSpacingInsetSm : string;
60
75
  export const amsterdamSpacingInsetMd : string;
61
76
  export const amsterdamSpacingInsetLg : string;
@@ -64,10 +79,11 @@ export const amsterdamAccordionButtonColor : string;
64
79
  export const amsterdamAccordionButtonFocusOutlineOffset : string;
65
80
  export const amsterdamAccordionButtonFontFamily : string;
66
81
  export const amsterdamAccordionButtonFontWeight : number;
67
- export const amsterdamAccordionButtonLineHeight : string;
68
- export const amsterdamAccordionButtonNarrowFontSize : string;
69
- export const amsterdamAccordionButtonWideFontSize : string;
70
82
  export const amsterdamAccordionButtonHoverBoxShadow : string;
83
+ export const amsterdamAccordionButtonSpaciousFontSize : string;
84
+ export const amsterdamAccordionButtonSpaciousLineHeight : string;
85
+ export const amsterdamAccordionButtonCompactFontSize : string;
86
+ export const amsterdamAccordionButtonCompactLineHeight : string;
71
87
  export const amsterdamAlertBackgroundColor : string;
72
88
  export const amsterdamAlertBorder : string;
73
89
  export const amsterdamAlertGap : string;
@@ -78,9 +94,10 @@ export const amsterdamAlertPaddingInlineEnd : string;
78
94
  export const amsterdamAlertTitleColor : string;
79
95
  export const amsterdamAlertTitleFontFamily : string;
80
96
  export const amsterdamAlertTitleFontWeight : number;
81
- export const amsterdamAlertTitleLineHeight : string;
82
- export const amsterdamAlertTitleNarrowFontSize : string;
83
- export const amsterdamAlertTitleWideFontSize : string;
97
+ export const amsterdamAlertTitleSpaciousFontSize : string;
98
+ export const amsterdamAlertTitleSpaciousLineHeight : string;
99
+ export const amsterdamAlertTitleCompactFontSize : string;
100
+ export const amsterdamAlertTitleCompactLineHeight : string;
84
101
  export const amsterdamAlertErrorBackgroundColor : string;
85
102
  export const amsterdamAlertErrorBorderColor : string;
86
103
  export const amsterdamAlertSuccessBackgroundColor : string;
@@ -98,29 +115,39 @@ export const amsterdamBlockquoteColor : string;
98
115
  export const amsterdamBlockquoteFontFamily : string;
99
116
  export const amsterdamBlockquoteFontWeight : number;
100
117
  export const amsterdamBlockquoteInverseColor : string;
101
- export const amsterdamBlockquoteLineHeight : string;
102
- export const amsterdamBlockquoteNarrowFontSize : string;
103
- export const amsterdamBlockquoteWideFontSize : string;
104
- export const amsterdamBreadcrumbColor : string;
118
+ export const amsterdamBlockquoteSpaciousFontSize : string;
119
+ export const amsterdamBlockquoteSpaciousLineHeight : string;
120
+ export const amsterdamBlockquoteCompactFontSize : string;
121
+ export const amsterdamBlockquoteCompactLineHeight : string;
105
122
  export const amsterdamBreadcrumbFontFamily : string;
106
123
  export const amsterdamBreadcrumbFontWeight : number;
107
- export const amsterdamBreadcrumbLineHeight : string;
108
- export const amsterdamBreadcrumbNarrowFontSize : string;
109
- export const amsterdamBreadcrumbWideFontSize : string;
124
+ export const amsterdamBreadcrumbSeparatorBackgroundImage : string;
125
+ export const amsterdamBreadcrumbItemLinkColor : string;
110
126
  export const amsterdamBreadcrumbItemLinkOutlineOffset : string;
127
+ export const amsterdamBreadcrumbItemLinkTextDecorationLine : string;
128
+ export const amsterdamBreadcrumbItemLinkTextDecorationThickness : string;
129
+ export const amsterdamBreadcrumbItemLinkTextUnderlineOffset : string;
111
130
  export const amsterdamBreadcrumbItemLinkHoverColor : string;
112
- export const amsterdamBreadcrumbItemLinkHoverBoxShadow : string;
113
- export const amsterdamBreadcrumbItemLinkFocusColor : string;
114
- export const amsterdamBreadcrumbItemLinkFocusTextDecoration : string;
115
- export const amsterdamButtonNarrowFontSize : string;
116
- export const amsterdamButtonWideFontSize : string;
131
+ export const amsterdamBreadcrumbItemLinkHoverTextDecorationLine : string;
132
+ export const amsterdamBreadcrumbSpaciousFontSize : string;
133
+ export const amsterdamBreadcrumbSpaciousLineHeight : string;
134
+ export const amsterdamBreadcrumbCompactFontSize : string;
135
+ export const amsterdamBreadcrumbCompactLineHeight : string;
136
+ export const amsterdamButtonSpaciousFontSize : string;
137
+ export const amsterdamButtonSpaciousLineHeight : string;
138
+ export const amsterdamButtonCompactFontSize : string;
139
+ export const amsterdamButtonCompactLineHeight : string;
117
140
  export const amsterdamButtonSecondaryBoxShadow : string;
118
141
  export const amsterdamButtonSecondaryHoverBoxShadow : string;
119
142
  export const amsterdamButtonSecondaryDisabledBoxShadow : string;
120
143
  export const amsterdamButtonSecondaryFocusBoxShadow : string;
121
144
  export const amsterdamButtonTertiaryHoverBoxShadow : string;
122
145
  export const amsterdamCardLinkColor : string;
146
+ export const amsterdamCardLinkTextDecorationLine : string;
147
+ export const amsterdamCardLinkTextDecorationThickness : string;
148
+ export const amsterdamCardLinkTextUnderlineOffset : string;
123
149
  export const amsterdamCardLinkHoverColor : string;
150
+ export const amsterdamCardLinkHoverTextDecorationLine : string;
124
151
  export const amsterdamCardOutlineOffset : string;
125
152
  export const amsterdamCheckboxColor : string;
126
153
  export const amsterdamCheckboxCheckmarkBorderColor : string;
@@ -140,26 +167,25 @@ export const amsterdamCheckboxCheckmarkInvalidIndeterminateBackgroundColor : str
140
167
  export const amsterdamCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor : string;
141
168
  export const amsterdamCheckboxCheckmarkIndeterminateBackgroundColor : string;
142
169
  export const amsterdamCheckboxCheckmarkIndeterminateHoverBackgroundColor : string;
143
- export const amsterdamCheckboxCheckmarkNarrowSize : string;
144
- export const amsterdamCheckboxCheckmarkWideSize : string;
145
- export const amsterdamCheckboxCheckmarkMultiplier : string;
146
170
  export const amsterdamCheckboxDisabledColor : string;
147
171
  export const amsterdamCheckboxFontFamily : string;
148
172
  export const amsterdamCheckboxFontWeight : number;
149
173
  export const amsterdamCheckboxHoverColor : string;
150
174
  export const amsterdamCheckboxOutlineOffset : string;
151
- export const amsterdamCheckboxLineHeight : string;
152
- export const amsterdamCheckboxNarrowFontSize : string;
153
- export const amsterdamCheckboxWideFontSize : string;
175
+ export const amsterdamCheckboxSpaciousFontSize : string;
176
+ export const amsterdamCheckboxSpaciousLineHeight : string;
177
+ export const amsterdamCheckboxCompactFontSize : string;
178
+ export const amsterdamCheckboxCompactLineHeight : string;
154
179
  export const amsterdamDialogBackgroundColor : string;
155
180
  export const amsterdamDialogBorder : string;
156
181
  export const amsterdamDialogMaxInlineSize : string;
157
182
  export const amsterdamDialogTitleColor : string;
158
183
  export const amsterdamDialogTitleFontFamily : string;
159
184
  export const amsterdamDialogTitleFontWeight : number;
160
- export const amsterdamDialogTitleLineHeight : string;
161
- export const amsterdamDialogTitleNarrowFontSize : string;
162
- export const amsterdamDialogTitleWideFontSize : string;
185
+ export const amsterdamDialogTitleSpaciousFontSize : string;
186
+ export const amsterdamDialogTitleSpaciousLineHeight : string;
187
+ export const amsterdamDialogTitleCompactFontSize : string;
188
+ export const amsterdamDialogTitleCompactLineHeight : string;
163
189
  export const amsterdamDialogBackdropBackground : string;
164
190
  export const amsterdamDialogCloseBackgroundColor : string;
165
191
  export const amsterdamDialogCloseFill : string;
@@ -175,87 +201,98 @@ export const amsterdamDialogFooterPaddingBlock : string;
175
201
  export const amsterdamFormLabelColor : string;
176
202
  export const amsterdamFormLabelFontFamily : string;
177
203
  export const amsterdamFormLabelFontWeight : number;
178
- export const amsterdamFormLabelLineHeight : string;
179
- export const amsterdamFormLabelNarrowFontSize : string;
180
- export const amsterdamFormLabelWideFontSize : string;
204
+ export const amsterdamFormLabelSpaciousFontSize : string;
205
+ export const amsterdamFormLabelSpaciousLineHeight : string;
206
+ export const amsterdamFormLabelCompactFontSize : string;
207
+ export const amsterdamFormLabelCompactLineHeight : string;
181
208
  export const amsterdamGridColumnCount : string;
182
209
  /** Grows from 16px at 320px wide to 56px at 1600px wide. */
183
- export const amsterdamGridDensityLowGap : string;
210
+ export const amsterdamGridSpaciousGap : string;
184
211
  /** Equals 1.5 times the gap. */
185
- export const amsterdamGridDensityLowPaddingInline : string;
212
+ export const amsterdamGridSpaciousPaddingInline : string;
186
213
  /** Grows from 16px at 1088px wide to 40px at 2624px wide. */
187
- export const amsterdamGridDensityHighGap : string;
214
+ export const amsterdamGridCompactGap : string;
188
215
  /** Equals the gap. */
189
- export const amsterdamGridDensityHighPaddingInline : string;
216
+ export const amsterdamGridCompactPaddingInline : string;
190
217
  export const amsterdamGridMediumColumnCount : string;
191
218
  export const amsterdamGridWideColumnCount : string;
192
- export const amsterdamHeading1LineHeight : string;
193
- export const amsterdamHeading1NarrowFontSize : string;
194
- export const amsterdamHeading1WideFontSize : string;
195
- export const amsterdamHeading2LineHeight : string;
196
- export const amsterdamHeading2NarrowFontSize : string;
197
- export const amsterdamHeading2WideFontSize : string;
198
- export const amsterdamHeading3LineHeight : string;
199
- export const amsterdamHeading3NarrowFontSize : string;
200
- export const amsterdamHeading3WideFontSize : string;
201
- export const amsterdamHeading4LineHeight : string;
202
- export const amsterdamHeading4NarrowFontSize : string;
203
- export const amsterdamHeading4WideFontSize : string;
219
+ export const amsterdamHeaderColumnGap : string;
204
220
  export const amsterdamHeadingColor : string;
205
221
  export const amsterdamHeadingFontFamily : string;
206
222
  export const amsterdamHeadingFontWeight : number;
207
223
  export const amsterdamHeadingInverseColor : string;
208
- export const amsterdamHighlightBlueBackgroundColor : string;
209
- export const amsterdamHighlightDarkGreenBackgroundColor : string;
210
- export const amsterdamHighlightGreenBackgroundColor : string;
211
- export const amsterdamHighlightLightBlueBackgroundColor : string;
212
- export const amsterdamHighlightMagentaBackgroundColor : string;
213
- export const amsterdamHighlightOrangeBackgroundColor : string;
214
- export const amsterdamHighlightPurpleBackgroundColor : string;
215
- export const amsterdamHighlightYellowBackgroundColor : string;
216
- export const amsterdamIconSize3IconSizeNarrow : string;
217
- export const amsterdamIconSize3IconSizeWide : string;
218
- export const amsterdamIconSize3ContainerMultiplier : string;
219
- export const amsterdamIconSize4IconSizeNarrow : string;
220
- export const amsterdamIconSize4IconSizeWide : string;
221
- export const amsterdamIconSize4ContainerMultiplier : string;
222
- export const amsterdamIconSize5IconSizeNarrow : string;
223
- export const amsterdamIconSize5IconSizeWide : string;
224
- export const amsterdamIconSize5ContainerMultiplier : string;
225
- export const amsterdamIconSize6IconSizeNarrow : string;
226
- export const amsterdamIconSize6IconSizeWide : string;
227
- export const amsterdamIconSize6ContainerMultiplier : string;
228
- export const amsterdamIconSize7IconSizeNarrow : string;
229
- export const amsterdamIconSize7IconSizeWide : string;
230
- export const amsterdamIconSize7ContainerMultiplier : string;
224
+ export const amsterdamHeadingSpaciousLevel1LineHeight : string;
225
+ export const amsterdamHeadingSpaciousLevel1FontSize : string;
226
+ export const amsterdamHeadingSpaciousLevel2LineHeight : string;
227
+ export const amsterdamHeadingSpaciousLevel2FontSize : string;
228
+ export const amsterdamHeadingSpaciousLevel3LineHeight : string;
229
+ export const amsterdamHeadingSpaciousLevel3FontSize : string;
230
+ export const amsterdamHeadingSpaciousLevel4LineHeight : string;
231
+ export const amsterdamHeadingSpaciousLevel4FontSize : string;
232
+ export const amsterdamHeadingSpaciousLevel5LineHeight : string;
233
+ export const amsterdamHeadingSpaciousLevel5FontSize : string;
234
+ export const amsterdamHeadingSpaciousLevel6LineHeight : string;
235
+ export const amsterdamHeadingSpaciousLevel6FontSize : string;
236
+ export const amsterdamHeadingCompactLevel1LineHeight : string;
237
+ export const amsterdamHeadingCompactLevel1FontSize : string;
238
+ export const amsterdamHeadingCompactLevel2LineHeight : string;
239
+ export const amsterdamHeadingCompactLevel2FontSize : string;
240
+ export const amsterdamHeadingCompactLevel3LineHeight : string;
241
+ export const amsterdamHeadingCompactLevel3FontSize : string;
242
+ export const amsterdamHeadingCompactLevel4LineHeight : string;
243
+ export const amsterdamHeadingCompactLevel4FontSize : string;
244
+ export const amsterdamHeadingCompactLevel5LineHeight : string;
245
+ export const amsterdamHeadingCompactLevel5FontSize : string;
246
+ export const amsterdamHeadingCompactLevel6LineHeight : string;
247
+ export const amsterdamHeadingCompactLevel6FontSize : string;
248
+ export const amsterdamIconSpaciousSize3FontSize : string;
249
+ export const amsterdamIconSpaciousSize3LineHeight : string;
250
+ export const amsterdamIconSpaciousSize4FontSize : string;
251
+ export const amsterdamIconSpaciousSize4LineHeight : string;
252
+ export const amsterdamIconSpaciousSize5FontSize : string;
253
+ export const amsterdamIconSpaciousSize5LineHeight : string;
254
+ export const amsterdamIconSpaciousSize6FontSize : string;
255
+ export const amsterdamIconSpaciousSize6LineHeight : string;
256
+ export const amsterdamIconCompactSize3FontSize : string;
257
+ export const amsterdamIconCompactSize3LineHeight : string;
258
+ export const amsterdamIconCompactSize4FontSize : string;
259
+ export const amsterdamIconCompactSize4LineHeight : string;
260
+ export const amsterdamIconCompactSize5FontSize : string;
261
+ export const amsterdamIconCompactSize5LineHeight : string;
262
+ export const amsterdamIconCompactSize6FontSize : string;
263
+ export const amsterdamIconCompactSize6LineHeight : string;
231
264
  export const amsterdamLinkColor : string;
232
- export const amsterdamLinkOutlineOffset : string;
233
265
  export const amsterdamLinkFontFamily : string;
234
266
  export const amsterdamLinkFontWeight : number;
267
+ export const amsterdamLinkOutlineOffset : string;
235
268
  export const amsterdamLinkHoverColor : string;
236
- export const amsterdamLinkInlineHoverTextDecoration : string;
237
- export const amsterdamLinkInlineHoverTextUnderlineOffset : string;
269
+ export const amsterdamLinkInlineTextDecorationLine : string;
270
+ export const amsterdamLinkInlineTextDecorationThickness : string;
271
+ export const amsterdamLinkInlineTextUnderlineOffset : string;
238
272
  export const amsterdamLinkInlineFontFamily : string;
239
273
  export const amsterdamLinkInlineFontSize : string;
240
274
  export const amsterdamLinkInlineLineHeight : string;
241
- export const amsterdamLinkInlineTextDecoration : string;
242
- export const amsterdamLinkInlineTextDecorationThickness : string;
275
+ export const amsterdamLinkInlineHoverTextDecorationThickness : string;
276
+ export const amsterdamLinkInlineHoverTextUnderlineOffset : string;
243
277
  export const amsterdamLinkInlineVisitedColor : string;
244
278
  export const amsterdamLinkInListGap : string;
245
- export const amsterdamLinkInListHoverTextDecoration : string;
246
- export const amsterdamLinkInListHoverTextDecorationThickness : string;
247
- export const amsterdamLinkInListHoverTextUnderlineOffset : string;
248
- export const amsterdamLinkInListTextDecoration : string;
249
- export const amsterdamLinkInListLineHeight : string;
250
- export const amsterdamLinkInListNarrowFontSize : string;
251
- export const amsterdamLinkInListWideFontSize : string;
252
- export const amsterdamLinkStandaloneTextUnderlineOffset : string;
279
+ export const amsterdamLinkInListTextDecorationLine : string;
280
+ export const amsterdamLinkInListTextDecorationThickness : string;
281
+ export const amsterdamLinkInListTextUnderlineOffset : string;
282
+ export const amsterdamLinkInListHoverTextDecorationLine : string;
283
+ export const amsterdamLinkInListSpaciousFontSize : string;
284
+ export const amsterdamLinkInListSpaciousLineHeight : string;
285
+ export const amsterdamLinkInListCompactFontSize : string;
286
+ export const amsterdamLinkInListCompactLineHeight : string;
287
+ export const amsterdamLinkStandaloneTextDecorationLine : string;
253
288
  export const amsterdamLinkStandaloneTextDecorationThickness : string;
289
+ export const amsterdamLinkStandaloneTextUnderlineOffset : string;
254
290
  export const amsterdamLinkStandaloneHoverTextDecorationThickness : string;
255
291
  export const amsterdamLinkStandaloneHoverTextUnderlineOffset : string;
256
- export const amsterdamLinkStandaloneLineHeight : string;
257
- export const amsterdamLinkStandaloneNarrowFontSize : string;
258
- export const amsterdamLinkStandaloneWideFontSize : string;
292
+ export const amsterdamLinkStandaloneSpaciousFontSize : string;
293
+ export const amsterdamLinkStandaloneSpaciousLineHeight : string;
294
+ export const amsterdamLinkStandaloneCompactFontSize : string;
295
+ export const amsterdamLinkStandaloneCompactLineHeight : string;
259
296
  export const amsterdamLinkOnBackgroundDarkColor : string;
260
297
  export const amsterdamLinkOnBackgroundDarkHoverColor : string;
261
298
  export const amsterdamLinkOnBackgroundDarkVisitedColor : string;
@@ -266,14 +303,16 @@ export const amsterdamLogoHeight : string;
266
303
  export const amsterdamLogoEmblemColor : string;
267
304
  export const amsterdamLogoTitleColor : string;
268
305
  export const amsterdamLogoSubsiteColor : string;
306
+ export const amsterdamMarkBackgroundColor : string;
269
307
  export const amsterdamOrderedListColor : string;
270
308
  export const amsterdamOrderedListFontFamily : string;
271
309
  export const amsterdamOrderedListFontWeight : number;
272
310
  export const amsterdamOrderedListGap : string;
273
- export const amsterdamOrderedListLineHeight : string;
274
311
  export const amsterdamOrderedListListStyleType : string;
275
- export const amsterdamOrderedListNarrowFontSize : string;
276
- export const amsterdamOrderedListWideFontSize : string;
312
+ export const amsterdamOrderedListSpaciousFontSize : string;
313
+ export const amsterdamOrderedListSpaciousLineHeight : string;
314
+ export const amsterdamOrderedListCompactFontSize : string;
315
+ export const amsterdamOrderedListCompactLineHeight : string;
277
316
  /** Divide your total indentation width over margin and padding to position the marker. */
278
317
  export const amsterdamOrderedListItemMarginInlineStart : string;
279
318
  /** The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem. */
@@ -285,47 +324,97 @@ export const amsterdamOrderedListOrderedListItemMarginInlineStart : string;
285
324
  export const amsterdamOrderedListOrderedListItemPaddingInlineStart : string;
286
325
  export const amsterdamPageHeadingColor : string;
287
326
  export const amsterdamPageHeadingFontFamily : string;
288
- export const amsterdamPageHeadingLineHeight : string;
289
- export const amsterdamPageHeadingNarrowFontSize : string;
290
- export const amsterdamPageHeadingWideFontSize : string;
291
327
  export const amsterdamPageHeadingFontWeight : number;
292
328
  export const amsterdamPageHeadingInverseColor : string;
329
+ export const amsterdamPageHeadingSpaciousFontSize : string;
330
+ export const amsterdamPageHeadingSpaciousLineHeight : string;
331
+ export const amsterdamPageHeadingCompactFontSize : string;
332
+ export const amsterdamPageHeadingCompactLineHeight : string;
293
333
  export const amsterdamPageMenuColumnGap : string;
294
334
  export const amsterdamPageMenuRowGap : string;
295
335
  export const amsterdamPageMenuItemColor : string;
296
336
  export const amsterdamPageMenuItemFontFamily : string;
297
337
  export const amsterdamPageMenuItemFontWeight : number;
298
338
  export const amsterdamPageMenuItemGap : string;
299
- export const amsterdamPageMenuItemLineHeight : string;
300
- export const amsterdamPageMenuItemTextDecoration : string;
301
- export const amsterdamPageMenuItemNarrowFontSize : string;
302
- export const amsterdamPageMenuItemWideFontSize : string;
339
+ export const amsterdamPageMenuItemOutlineOffset : string;
340
+ export const amsterdamPageMenuItemTextDecorationLine : string;
341
+ export const amsterdamPageMenuItemTextDecorationThickness : string;
342
+ export const amsterdamPageMenuItemTextUnderlineOffset : string;
343
+ export const amsterdamPageMenuItemSpaciousFontSize : string;
344
+ export const amsterdamPageMenuItemSpaciousLineHeight : string;
345
+ export const amsterdamPageMenuItemCompactFontSize : string;
346
+ export const amsterdamPageMenuItemCompactLineHeight : string;
303
347
  export const amsterdamPageMenuItemHoverColor : string;
304
- export const amsterdamPageMenuItemHoverTextDecoration : string;
348
+ export const amsterdamPageMenuItemHoverTextDecorationLine : string;
305
349
  export const amsterdamPaginationColor : string;
306
350
  export const amsterdamPaginationFontFamily : string;
307
351
  export const amsterdamPaginationFontWeight : number;
308
- export const amsterdamPaginationLineHeight : string;
309
- export const amsterdamPaginationNarrowFontSize : string;
310
- export const amsterdamPaginationWideFontSize : string;
352
+ export const amsterdamPaginationSpaciousFontSize : string;
353
+ export const amsterdamPaginationSpaciousLineHeight : string;
354
+ export const amsterdamPaginationCompactFontSize : string;
355
+ export const amsterdamPaginationCompactLineHeight : string;
356
+ export const amsterdamPaginationButtonOutlineOffset : string;
357
+ export const amsterdamPaginationButtonTextDecorationLine : string;
358
+ export const amsterdamPaginationButtonTextDecorationThickness : string;
359
+ export const amsterdamPaginationButtonTextUnderlineOffset : string;
311
360
  export const amsterdamPaginationButtonCurrentFontWeight : number;
312
361
  export const amsterdamPaginationButtonHoverColor : string;
313
- export const amsterdamPaginationButtonOutlineOffset : string;
362
+ export const amsterdamPaginationButtonHoverTextDecorationLine : string;
314
363
  export const amsterdamParagraphColor : string;
315
364
  export const amsterdamParagraphFontFamily : string;
316
365
  export const amsterdamParagraphFontWeight : number;
317
366
  export const amsterdamParagraphInverseColor : string;
318
- export const amsterdamParagraphLineHeight : string;
319
- export const amsterdamParagraphNarrowFontSize : string;
320
- export const amsterdamParagraphWideFontSize : string;
321
- export const amsterdamParagraphSmallLineHeight : string;
322
- export const amsterdamParagraphSmallNarrowFontSize : string;
323
- export const amsterdamParagraphSmallWideFontSize : string;
324
- export const amsterdamParagraphLargeLineHeight : string;
325
- export const amsterdamParagraphLargeNarrowFontSize : string;
326
- export const amsterdamParagraphLargeWideFontSize : string;
367
+ export const amsterdamParagraphSpaciousSmallFontSize : string;
368
+ export const amsterdamParagraphSpaciousSmallLineHeight : string;
369
+ export const amsterdamParagraphSpaciousMediumFontSize : string;
370
+ export const amsterdamParagraphSpaciousMediumLineHeight : string;
371
+ export const amsterdamParagraphSpaciousLargeFontSize : string;
372
+ export const amsterdamParagraphSpaciousLargeLineHeight : string;
373
+ export const amsterdamParagraphCompactSmallFontSize : string;
374
+ export const amsterdamParagraphCompactSmallLineHeight : string;
375
+ export const amsterdamParagraphCompactMediumFontSize : string;
376
+ export const amsterdamParagraphCompactMediumLineHeight : string;
377
+ export const amsterdamParagraphCompactLargeFontSize : string;
378
+ export const amsterdamParagraphCompactLargeLineHeight : string;
327
379
  export const amsterdamScreenWideMaxWidth : string;
328
380
  export const amsterdamScreenXWideMaxWidth : string;
381
+ export const amsterdamSearchFieldButtonBackgroundColor : string;
382
+ export const amsterdamSearchFieldButtonColor : string;
383
+ export const amsterdamSearchFieldButtonOutlineOffset : string;
384
+ export const amsterdamSearchFieldButtonHoverBackgroundColor : string;
385
+ export const amsterdamSearchFieldInputBoxShadow : string;
386
+ export const amsterdamSearchFieldInputColor : string;
387
+ export const amsterdamSearchFieldInputFontFamily : string;
388
+ export const amsterdamSearchFieldInputFontWeight : number;
389
+ export const amsterdamSearchFieldInputOutlineOffset : string;
390
+ export const amsterdamSearchFieldInputCancelButtonBackgroundImage : string;
391
+ export const amsterdamSearchFieldInputCancelButtonColor : string;
392
+ export const amsterdamSearchFieldInputCancelButtonHeight : string;
393
+ export const amsterdamSearchFieldInputCancelButtonWidth : string;
394
+ export const amsterdamSearchFieldInputHoverBoxShadow : string;
395
+ export const amsterdamSearchFieldInputPlaceholderColor : string;
396
+ export const amsterdamSearchFieldInputCompactFontSize : string;
397
+ export const amsterdamSearchFieldInputCompactLineHeight : string;
398
+ export const amsterdamSearchFieldInputSpaciousFontSize : string;
399
+ export const amsterdamSearchFieldInputSpaciousLineHeight : string;
400
+ export const amsterdamSkipLinkBackgroundColor : string;
401
+ export const amsterdamSkipLinkColor : string;
402
+ export const amsterdamSkipLinkFontFamily : string;
403
+ export const amsterdamSkipLinkFontWeight : number;
404
+ export const amsterdamSkipLinkFontSize : string;
405
+ export const amsterdamSkipLinkLineHeight : string;
406
+ export const amsterdamSkipLinkOutlineOffset : string;
407
+ export const amsterdamSkipLinkCompactFontSize : string;
408
+ export const amsterdamSkipLinkCompactLineHeight : string;
409
+ export const amsterdamSkipLinkHoverBackgroundColor : string;
410
+ export const amsterdamSpotlightBlueBackgroundColor : string;
411
+ export const amsterdamSpotlightDarkGreenBackgroundColor : string;
412
+ export const amsterdamSpotlightGreenBackgroundColor : string;
413
+ export const amsterdamSpotlightLightBlueBackgroundColor : string;
414
+ export const amsterdamSpotlightMagentaBackgroundColor : string;
415
+ export const amsterdamSpotlightOrangeBackgroundColor : string;
416
+ export const amsterdamSpotlightPurpleBackgroundColor : string;
417
+ export const amsterdamSpotlightYellowBackgroundColor : string;
329
418
  export const amsterdamSwitchFontFamily : string;
330
419
  export const amsterdamSwitchBackgroundColor : string;
331
420
  export const amsterdamSwitchWidth : string;
@@ -336,28 +425,51 @@ export const amsterdamSwitchThumbHoverColor : string;
336
425
  export const amsterdamSwitchCheckedBackgroundColor : string;
337
426
  export const amsterdamSwitchOutlineOffset : string;
338
427
  export const amsterdamSwitchDisabledBackgroundColor : string;
428
+ export const amsterdamTextInputBoxShadow : string;
429
+ export const amsterdamTextInputColor : string;
430
+ export const amsterdamTextInputFontFamily : string;
431
+ export const amsterdamTextInputFontWeight : number;
432
+ export const amsterdamTextInputOutlineOffset : string;
433
+ export const amsterdamTextInputDisabledBackgroundColor : string;
434
+ export const amsterdamTextInputDisabledBoxShadow : string;
435
+ export const amsterdamTextInputDisabledColor : string;
436
+ export const amsterdamTextInputHoverBoxShadow : string;
437
+ export const amsterdamTextInputInvalidBoxShadow : string;
438
+ export const amsterdamTextInputInvalidHoverBoxShadow : string;
439
+ export const amsterdamTextInputPlaceholderColor : string;
440
+ export const amsterdamTextInputCompactFontSize : string;
441
+ export const amsterdamTextInputCompactLineHeight : string;
442
+ export const amsterdamTextInputSpaciousFontSize : string;
443
+ export const amsterdamTextInputSpaciousLineHeight : string;
339
444
  export const amsterdamTopTaskLinkDescriptionColor : string;
340
445
  export const amsterdamTopTaskLinkDescriptionFontFamily : string;
341
446
  export const amsterdamTopTaskLinkDescriptionFontWeight : number;
342
- export const amsterdamTopTaskLinkDescriptionLineHeight : string;
343
- export const amsterdamTopTaskLinkDescriptionNarrowFontSize : string;
344
- export const amsterdamTopTaskLinkDescriptionWideFontSize : string;
447
+ export const amsterdamTopTaskLinkDescriptionSpaciousFontSize : string;
448
+ export const amsterdamTopTaskLinkDescriptionSpaciousLineHeight : string;
449
+ export const amsterdamTopTaskLinkDescriptionCompactFontSize : string;
450
+ export const amsterdamTopTaskLinkDescriptionCompactLineHeight : string;
345
451
  export const amsterdamTopTaskLinkLabelColor : string;
346
452
  export const amsterdamTopTaskLinkLabelFontFamily : string;
347
453
  export const amsterdamTopTaskLinkLabelFontWeight : number;
454
+ export const amsterdamTopTaskLinkLabelTextDecorationLine : string;
455
+ export const amsterdamTopTaskLinkLabelTextDecorationThickness : string;
456
+ export const amsterdamTopTaskLinkLabelTextUnderlineOffset : string;
348
457
  export const amsterdamTopTaskLinkLabelHoverColor : string;
349
- export const amsterdamTopTaskLinkLabelLineHeight : string;
350
- export const amsterdamTopTaskLinkLabelNarrowFontSize : string;
351
- export const amsterdamTopTaskLinkLabelWideFontSize : string;
458
+ export const amsterdamTopTaskLinkLabelHoverTextDecorationLine : string;
459
+ export const amsterdamTopTaskLinkLabelSpaciousFontSize : string;
460
+ export const amsterdamTopTaskLinkLabelSpaciousLineHeight : string;
461
+ export const amsterdamTopTaskLinkLabelCompactFontSize : string;
462
+ export const amsterdamTopTaskLinkLabelCompactLineHeight : string;
352
463
  export const amsterdamTopTaskLinkOutlineOffset : string;
353
464
  export const amsterdamUnorderedListColor : string;
354
465
  export const amsterdamUnorderedListFontFamily : string;
355
466
  export const amsterdamUnorderedListFontWeight : number;
356
467
  export const amsterdamUnorderedListGap : string;
357
- export const amsterdamUnorderedListLineHeight : string;
358
468
  export const amsterdamUnorderedListListStyleType : string;
359
- export const amsterdamUnorderedListNarrowFontSize : string;
360
- export const amsterdamUnorderedListWideFontSize : string;
469
+ export const amsterdamUnorderedListSpaciousFontSize : string;
470
+ export const amsterdamUnorderedListSpaciousLineHeight : string;
471
+ export const amsterdamUnorderedListCompactFontSize : string;
472
+ export const amsterdamUnorderedListCompactLineHeight : string;
361
473
  /** Divide your total indentation width over margin and padding to position the marker. */
362
474
  export const amsterdamUnorderedListItemMarginInlineStart : string;
363
475
  /** The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem. */
@@ -377,7 +489,6 @@ export const utrechtFocusOutlineOffset : string;
377
489
  export const utrechtButtonBackgroundColor : string;
378
490
  export const utrechtButtonColor : string;
379
491
  export const utrechtButtonFontFamily : string;
380
- export const utrechtButtonLineHeight : string;
381
492
  export const utrechtButtonPaddingInlineStart : string;
382
493
  export const utrechtButtonPaddingInlineEnd : string;
383
494
  export const utrechtButtonPaddingBlockStart : string;