@amsterdam/design-system-tokens 0.1.3 → 0.1.4

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 (32) hide show
  1. package/dist/_variables.scss +188 -93
  2. package/dist/index.css +188 -93
  3. package/dist/index.d.ts +183 -80
  4. package/dist/index.js +178 -83
  5. package/dist/index.json +177 -82
  6. package/dist/index.tokens.json +416 -183
  7. package/dist/root.css +188 -93
  8. package/dist/tokens.d.ts +411 -129
  9. package/dist/tokens.js +4089 -1901
  10. package/dist/variables.less +188 -93
  11. package/package.json +2 -2
  12. package/src/brand/amsterdam/typography.tokens.json +40 -24
  13. package/src/common/utrecht/action.tokens.json +12 -0
  14. package/src/common/utrecht/focus.tokens.json +7 -0
  15. package/src/components/amsterdam/accordion.tokens.json +6 -4
  16. package/src/components/amsterdam/blockquote.tokens.json +17 -0
  17. package/src/components/amsterdam/breadcrumb.tokens.json +42 -0
  18. package/src/components/amsterdam/button.tokens.json +34 -4
  19. package/src/components/amsterdam/checkbox.tokens.json +121 -0
  20. package/src/components/amsterdam/footer.tokens.json +11 -0
  21. package/src/components/amsterdam/form-label.tokens.json +7 -5
  22. package/src/components/amsterdam/heading.tokens.json +25 -16
  23. package/src/components/amsterdam/icon.tokens.json +10 -10
  24. package/src/components/amsterdam/link.tokens.json +38 -51
  25. package/src/components/amsterdam/ordered-list.tokens.json +41 -0
  26. package/src/components/amsterdam/page-grid.tokens.json +20 -0
  27. package/src/components/amsterdam/page-heading.tokens.json +17 -0
  28. package/src/components/amsterdam/page-menu.tokens.json +25 -0
  29. package/src/components/amsterdam/paragraph.tokens.json +19 -12
  30. package/src/components/amsterdam/top-task-link.tokens.json +34 -0
  31. package/src/components/amsterdam/unordered-list.tokens.json +25 -11
  32. package/src/components/utrecht/button.tokens.json +17 -27
package/dist/index.json CHANGED
@@ -18,29 +18,29 @@
18
18
  "amsterdamTypographyFontFamily": "'Amsterdam Sans', Arial, sans-serif",
19
19
  "amsterdamTypographyFontWeightNormal": 400,
20
20
  "amsterdamTypographyFontWeightBold": 800,
21
- "amsterdamTypographyTextLevel0FontSizeNarrow": "clamp(2rem, 2rem + (2 * (100vw - 20rem)) / 33.3125, 4rem)",
22
- "amsterdamTypographyTextLevel0FontSizeWide": "clamp(4rem, 4rem + (1 * (100vw - 53.375rem)) / 36.625, 5rem)",
21
+ "amsterdamTypographyTextLevel0NarrowFontSize": "clamp(2rem, 2rem + (2 * (100vw - 20rem)) / 33.3125, 4rem)",
22
+ "amsterdamTypographyTextLevel0WideFontSize": "clamp(4rem, 4rem + (1 * (100vw - 53.375rem)) / 36.625, 5rem)",
23
23
  "amsterdamTypographyTextLevel0LineHeight": "1.1",
24
- "amsterdamTypographyTextLevel1FontSizeNarrow": "clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem)",
25
- "amsterdamTypographyTextLevel1FontSizeWide": "clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem)",
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)",
26
26
  "amsterdamTypographyTextLevel1LineHeight": "1.2",
27
- "amsterdamTypographyTextLevel2FontSizeNarrow": "clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem)",
28
- "amsterdamTypographyTextLevel2FontSizeWide": "clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem)",
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)",
29
29
  "amsterdamTypographyTextLevel2LineHeight": "1.3",
30
- "amsterdamTypographyTextLevel3FontSizeNarrow": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)",
31
- "amsterdamTypographyTextLevel3FontSizeWide": "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)",
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)",
32
32
  "amsterdamTypographyTextLevel3LineHeight": "1.4",
33
- "amsterdamTypographyTextLevel4FontSizeNarrow": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)",
34
- "amsterdamTypographyTextLevel4FontSizeWide": "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)",
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)",
35
35
  "amsterdamTypographyTextLevel4LineHeight": "1.4",
36
- "amsterdamTypographyTextLevel5FontSizeNarrow": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)",
37
- "amsterdamTypographyTextLevel5FontSizeWide": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)",
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)",
38
38
  "amsterdamTypographyTextLevel5LineHeight": "1.5",
39
- "amsterdamTypographyTextLevel6FontSizeNarrow": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
40
- "amsterdamTypographyTextLevel6FontSizeWide": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
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)",
41
41
  "amsterdamTypographyTextLevel6LineHeight": "1.6",
42
- "amsterdamTypographyTextLevel7FontSizeNarrow": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
43
- "amsterdamTypographyTextLevel7FontSizeWide": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
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)",
44
44
  "amsterdamTypographyTextLevel7LineHeight": "1.6",
45
45
  "amsterdamBorderWidthSm": "1px",
46
46
  "amsterdamBorderWidthMd": "2px",
@@ -53,35 +53,89 @@
53
53
  "amsterdamAccordionButtonColor": "#004699",
54
54
  "amsterdamAccordionButtonFocusOutlineOffset": "2px",
55
55
  "amsterdamAccordionButtonFontFamily": "'Amsterdam Sans', Arial, sans-serif",
56
- "amsterdamAccordionButtonFontSizeNarrow": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)",
57
- "amsterdamAccordionButtonFontSizeWide": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)",
58
56
  "amsterdamAccordionButtonFontWeight": 800,
59
57
  "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)",
60
60
  "amsterdamAccordionButtonHoverBoxShadow": "inset 0 0 0 2px #767676",
61
- "amsterdamButtonFontSizeNarrow": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
62
- "amsterdamButtonFontSizeWide": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
63
- "amsterdamButtonSecondaryHoverBoxShadow": "0 0 0 1px #00387A",
61
+ "amsterdamBlockquoteColor": "#000000",
62
+ "amsterdamBlockquoteFontFamily": "'Amsterdam Sans', Arial, sans-serif",
63
+ "amsterdamBlockquoteFontWeight": 800,
64
+ "amsterdamBlockquoteInverseColor": "#ffffff",
65
+ "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)",
68
+ "amsterdamBreadcrumbColor": "#004699",
69
+ "amsterdamBreadcrumbFontFamily": "'Amsterdam Sans', Arial, sans-serif",
70
+ "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)",
73
+ "amsterdamBreadcrumbItemLinkOutlineOffset": "2px",
74
+ "amsterdamBreadcrumbItemLinkHoverColor": "#00387A",
75
+ "amsterdamBreadcrumbItemLinkHoverBoxShadow": "inset 0 -2px 0 0 #00387A",
76
+ "amsterdamBreadcrumbItemLinkFocusColor": "#00387A",
77
+ "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)",
80
+ "amsterdamButtonSecondaryBoxShadow": "inset 0 0 0 2px #004699",
81
+ "amsterdamButtonSecondaryHoverBoxShadow": "inset 0 0 0 3px #00387A",
82
+ "amsterdamButtonSecondaryDisabledBoxShadow": "inset 0 0 0 2px #B4B4B4",
83
+ "amsterdamButtonSecondaryFocusBoxShadow": "inset 0 0 0 3px #00387A",
84
+ "amsterdamButtonSecondaryFocusColor": "#00387A",
85
+ "amsterdamButtonTertiaryHoverBoxShadow": "inset 0 0 0 2px #767676",
86
+ "amsterdamButtonTertiaryFocusBoxShadow": "inset 0 0 0 2px #767676",
87
+ "amsterdamCheckboxColor": "#000000",
88
+ "amsterdamCheckboxCheckmarkBorderColor": "#004699",
89
+ "amsterdamCheckboxCheckmarkCheckedBackgroundColor": "#004699",
90
+ "amsterdamCheckboxCheckmarkCheckedHoverBackgroundColor": "#00387A",
91
+ "amsterdamCheckboxCheckmarkDisabledBorderColor": "#767676",
92
+ "amsterdamCheckboxCheckmarkDisabledCheckedBackgroundColor": "#767676",
93
+ "amsterdamCheckboxCheckmarkDisabledCheckedHoverBackgroundColor": "#767676",
94
+ "amsterdamCheckboxCheckmarkDisabledIndeterminateBackgroundColor": "#767676",
95
+ "amsterdamCheckboxCheckmarkDisabledIndeterminateHoverBackgroundColor": "#767676",
96
+ "amsterdamCheckboxCheckmarkHoverBorderColor": "#00387A",
97
+ "amsterdamCheckboxCheckmarkInvalidBorderColor": "#EC0000",
98
+ "amsterdamCheckboxCheckmarkInvalidCheckedBackgroundColor": "#EC0000",
99
+ "amsterdamCheckboxCheckmarkInvalidCheckedHoverBackgroundColor": "#EC0000",
100
+ "amsterdamCheckboxCheckmarkInvalidHoverBorderColor": "#EC0000",
101
+ "amsterdamCheckboxCheckmarkInvalidIndeterminateBackgroundColor": "#EC0000",
102
+ "amsterdamCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor": "#EC0000",
103
+ "amsterdamCheckboxCheckmarkIndeterminateBackgroundColor": "#004699",
104
+ "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)",
107
+ "amsterdamCheckboxCheckmarkMultiplier": "1.6",
108
+ "amsterdamCheckboxDisabledColor": "#767676",
109
+ "amsterdamCheckboxFontFamily": "'Amsterdam Sans', Arial, sans-serif",
110
+ "amsterdamCheckboxFontWeight": 400,
111
+ "amsterdamCheckboxHoverColor": "#00387A",
112
+ "amsterdamCheckboxOutlineOffset": "2px",
113
+ "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)",
116
+ "amsterdamFooterTopBackgroundColor": "#004699",
64
117
  "amsterdamFormLabelColor": "#000000",
65
118
  "amsterdamFormLabelFontFamily": "'Amsterdam Sans', Arial, sans-serif",
66
- "amsterdamFormLabelFontSizeNarrow": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
67
- "amsterdamFormLabelFontSizeWide": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
68
119
  "amsterdamFormLabelFontWeight": 800,
69
120
  "amsterdamFormLabelLineHeight": "1.6",
70
- "amsterdamHeading1FontSizeNarrow": "clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem)",
71
- "amsterdamHeading1FontSizeWide": "clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem)",
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)",
72
123
  "amsterdamHeading1LineHeight": "1.2",
73
- "amsterdamHeading2FontSizeNarrow": "clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem)",
74
- "amsterdamHeading2FontSizeWide": "clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem)",
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)",
75
126
  "amsterdamHeading2LineHeight": "1.3",
76
- "amsterdamHeading3FontSizeNarrow": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)",
77
- "amsterdamHeading3FontSizeWide": "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)",
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)",
78
129
  "amsterdamHeading3LineHeight": "1.4",
79
- "amsterdamHeading4FontSizeNarrow": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)",
80
- "amsterdamHeading4FontSizeWide": "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)",
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)",
81
132
  "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)",
82
135
  "amsterdamHeadingColor": "#000000",
83
136
  "amsterdamHeadingFontFamily": "'Amsterdam Sans', Arial, sans-serif",
84
137
  "amsterdamHeadingFontWeight": 800,
138
+ "amsterdamHeadingInverseColor": "#ffffff",
85
139
  "amsterdamIconSize3IconSizeNarrow": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)",
86
140
  "amsterdamIconSize3IconSizeWide": "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)",
87
141
  "amsterdamIconSize3ContainerMultiplier": "1.4",
@@ -99,73 +153,119 @@
99
153
  "amsterdamIconSize7ContainerMultiplier": "1.6",
100
154
  "amsterdamLinkColor": "#004699",
101
155
  "amsterdamLinkOutlineOffset": "2px",
102
- "amsterdamLinkTextDecoration": "none",
103
- "amsterdamLinkTextUnderlineOffset": "9px",
104
- "amsterdamLinkTextDecorationThickness": "2px",
105
156
  "amsterdamLinkFontFamily": "'Amsterdam Sans', Arial, sans-serif",
106
- "amsterdamLinkFontSizeNarrow": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
107
- "amsterdamLinkFontSizeWide": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
108
157
  "amsterdamLinkFontWeight": 400,
109
158
  "amsterdamLinkFocusColor": "#00387A",
110
- "amsterdamLinkFocusTextDecoration": "underline",
111
- "amsterdamLinkHoverColor": "#00387A",
112
- "amsterdamLinkHoverTextDecoration": "underline",
113
- "amsterdamLinkHoverTextDecorationThickness": "2px",
114
- "amsterdamLinkLineHeight": "1.6",
115
- "amsterdamLinkVisitedColor": "#004699",
116
- "amsterdamLinkStandaloneBoldFontWeight": 800,
117
- "amsterdamLinkInlineTextUnderlineOffset": "3px",
159
+ "amsterdamLinkInlineFocusTextDecoration": "underline",
160
+ "amsterdamLinkInlineFocusTextUnderlineOffset": "3px",
118
161
  "amsterdamLinkInlineFontFamily": "inherit",
119
162
  "amsterdamLinkInlineFontSize": "inherit",
163
+ "amsterdamLinkInlineLineHeight": "inherit",
164
+ "amsterdamLinkInlineTextDecoration": "none",
120
165
  "amsterdamLinkInlineVisitedColor": "#A00078",
121
166
  "amsterdamLinkInListGap": "0.5em",
122
- "amsterdamLinkInListTextUnderlineOffset": "0.3em",
123
- "amsterdamLinkInListFontSizeNarrow": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
124
- "amsterdamLinkInListFontSizeWide": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
167
+ "amsterdamLinkInListFocusTextDecoration": "underline",
168
+ "amsterdamLinkInListFocusTextDecorationThickness": "2px",
169
+ "amsterdamLinkInListFocusTextUnderlineOffset": "7px",
170
+ "amsterdamLinkInListTextDecoration": "none",
125
171
  "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)",
174
+ "amsterdamLinkStandaloneTextUnderlineOffset": "8px",
175
+ "amsterdamLinkStandaloneTextDecorationThickness": "2px",
176
+ "amsterdamLinkStandaloneFocusTextDecorationThickness": "3px",
177
+ "amsterdamLinkStandaloneFocusTextUnderlineOffset": "7px",
178
+ "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)",
126
181
  "amsterdamLinkOnBackgroundDarkColor": "#ffffff",
127
- "amsterdamLinkOnBackgroundDarkTextDecoration": "underline",
128
- "amsterdamLinkOnBackgroundDarkFocusColor": "#ffffff",
129
- "amsterdamLinkOnBackgroundDarkFocusTextDecoration": "underline",
130
182
  "amsterdamLinkOnBackgroundDarkHoverColor": "#ffffff",
131
- "amsterdamLinkOnBackgroundDarkHoverTextDecoration": "none",
132
183
  "amsterdamLinkOnBackgroundDarkVisitedColor": "#ffffff",
133
184
  "amsterdamLinkOnBackgroundLightColor": "#000000",
134
- "amsterdamLinkOnBackgroundLightTextDecoration": "underline",
135
- "amsterdamLinkOnBackgroundLightTextDecorationThickness": "2px",
136
- "amsterdamLinkOnBackgroundLightTextUnderlineOffset": "9px",
137
- "amsterdamLinkOnBackgroundLightActiveColor": "#000000",
138
- "amsterdamLinkOnBackgroundLightFontSize": {"narrow":{"value":"clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)","filePath":"./src/brand/amsterdam/typography.tokens.json","isSource":true,"original":{"value":"clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)"},"name":"amsterdamTypographyTextLevel6FontSizeNarrow","attributes":{"category":"amsterdam","type":"typography","item":"text-level","subitem":"6","state":"font-size"},"path":["amsterdam","typography","text-level","6","font-size","narrow"]},"wide":{"value":"clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)","filePath":"./src/brand/amsterdam/typography.tokens.json","isSource":true,"original":{"value":"clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)"},"name":"amsterdamTypographyTextLevel6FontSizeWide","attributes":{"category":"amsterdam","type":"typography","item":"text-level","subitem":"6","state":"font-size"},"path":["amsterdam","typography","text-level","6","font-size","wide"]}},
139
- "amsterdamLinkOnBackgroundLightFocusColor": "#000000",
140
- "amsterdamLinkOnBackgroundLightFocusTextDecoration": "underline",
141
185
  "amsterdamLinkOnBackgroundLightHoverColor": "#000000",
142
- "amsterdamLinkOnBackgroundLightHoverTextDecoration": "none",
143
186
  "amsterdamLinkOnBackgroundLightVisitedColor": "#000000",
187
+ "amsterdamOrderedListColor": "#000000",
188
+ "amsterdamOrderedListFontFamily": "'Amsterdam Sans', Arial, sans-serif",
189
+ "amsterdamOrderedListFontWeight": 400,
190
+ "amsterdamOrderedListGap": "0.75rem",
191
+ "amsterdamOrderedListLineHeight": "1.6",
192
+ "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)",
195
+ "amsterdamOrderedListItemMarginInlineStart": "2.25rem",
196
+ "amsterdamOrderedListItemPaddingInlineStart": "0.25rem",
197
+ "amsterdamOrderedListOrderedListListStyleType": "lower-alpha",
198
+ "amsterdamOrderedListOrderedListItemMarginInlineStart": "1.5rem",
199
+ "amsterdamOrderedListOrderedListItemPaddingInlineStart": "0.25rem",
200
+ "amsterdamPageGridColumnCountNarrow": "4",
201
+ "amsterdamPageGridColumnCountWide": "12",
202
+ "amsterdamPageGridColumnGap": "clamp(0.5rem, calc(0.5rem + 0.0142857143 * (100vw - 20rem)), 1.5rem)",
203
+ "amsterdamPageGridMaxWidth": "1440px",
204
+ "amsterdamPageHeadingColor": "#000000",
205
+ "amsterdamPageHeadingFontFamily": "'Amsterdam Sans', Arial, sans-serif",
206
+ "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)",
209
+ "amsterdamPageHeadingFontWeight": 800,
210
+ "amsterdamPageHeadingInverseColor": "#ffffff",
211
+ "amsterdamPageMenuColumnGap": "2.5rem",
212
+ "amsterdamPageMenuRowGap": "0.5rem",
213
+ "amsterdamPageMenuItemColor": "#000000",
214
+ "amsterdamPageMenuItemFontFamily": "'Amsterdam Sans', Arial, sans-serif",
215
+ "amsterdamPageMenuItemFontWeight": 400,
216
+ "amsterdamPageMenuItemGap": "0.5rem",
217
+ "amsterdamPageMenuItemLineHeight": "1.6",
218
+ "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",
144
222
  "amsterdamParagraphColor": "#000000",
145
223
  "amsterdamParagraphFontFamily": "'Amsterdam Sans', Arial, sans-serif",
146
- "amsterdamParagraphFontSizeNarrow": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
147
- "amsterdamParagraphFontSizeWide": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
148
224
  "amsterdamParagraphFontWeight": 400,
225
+ "amsterdamParagraphInverseColor": "#ffffff",
149
226
  "amsterdamParagraphLineHeight": "1.6",
150
- "amsterdamParagraphSmallFontSizeNarrow": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
151
- "amsterdamParagraphSmallFontSizeWide": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
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)",
152
229
  "amsterdamParagraphSmallLineHeight": "1.6",
153
- "amsterdamParagraphLargeFontSizeNarrow": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)",
154
- "amsterdamParagraphLargeFontSizeWide": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)",
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)",
155
232
  "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)",
235
+ "amsterdamTopTaskLinkDescriptionColor": "#000000",
236
+ "amsterdamTopTaskLinkDescriptionFontFamily": "'Amsterdam Sans', Arial, sans-serif",
237
+ "amsterdamTopTaskLinkDescriptionFontWeight": 400,
238
+ "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)",
241
+ "amsterdamTopTaskLinkLabelColor": "#004699",
242
+ "amsterdamTopTaskLinkLabelFontFamily": "'Amsterdam Sans', Arial, sans-serif",
243
+ "amsterdamTopTaskLinkLabelFontWeight": 800,
244
+ "amsterdamTopTaskLinkLabelHoverColor": "#00387A",
245
+ "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)",
248
+ "amsterdamTopTaskLinkOutlineOffset": "2px",
156
249
  "amsterdamUnorderedListColor": "#000000",
157
250
  "amsterdamUnorderedListFontFamily": "'Amsterdam Sans', Arial, sans-serif",
158
- "amsterdamUnorderedListFontSizeNarrow": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
159
- "amsterdamUnorderedListFontSizeWide": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
160
251
  "amsterdamUnorderedListFontWeight": 400,
161
- "amsterdamUnorderedListGap": "0.5rem",
252
+ "amsterdamUnorderedListGap": "0.75rem",
162
253
  "amsterdamUnorderedListLineHeight": "1.6",
163
- "amsterdamUnorderedListListStyle": "square",
164
- "amsterdamUnorderedListItemPaddingInline": "3px 0",
165
- "amsterdamUnorderedListUnorderedListPaddingBlock": "4px 0",
166
- "amsterdamUnorderedListUnorderedListPaddingInline": "14px 0",
167
- "amsterdamUnorderedListUnorderedListListStyleType": "'–'",
168
- "amsterdamUnorderedListUnorderedListItemPaddingInline": "11px 0",
254
+ "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)",
257
+ "amsterdamUnorderedListItemMarginInlineStart": "1.625rem",
258
+ "amsterdamUnorderedListItemPaddingInlineStart": "0.875rem",
259
+ "amsterdamUnorderedListUnorderedListListStyleType": "'\\2013'",
260
+ "amsterdamUnorderedListUnorderedListItemMarginInlineStart": "0.875rem",
261
+ "amsterdamUnorderedListUnorderedListItemPaddingInlineStart": "0.875rem",
262
+ "utrechtActionActivateCursor": "pointer",
263
+ "utrechtActionBusyCursor": "wait",
264
+ "utrechtActionDisabledCursor": "not-allowed",
265
+ "utrechtActionInertCursor": "default",
266
+ "utrechtActionNavigateCursor": "pointer",
267
+ "utrechtActionSubmitCursor": "pointer",
268
+ "utrechtFocusOutlineOffset": "2px",
169
269
  "utrechtButtonBackgroundColor": "#004699",
170
270
  "utrechtButtonColor": "#ffffff",
171
271
  "utrechtButtonFontFamily": "'Amsterdam Sans', Arial, sans-serif",
@@ -176,25 +276,20 @@
176
276
  "utrechtButtonPaddingBlockEnd": "0.5rem",
177
277
  "utrechtButtonDisabledBackgroundColor": "#B4B4B4",
178
278
  "utrechtButtonDisabledColor": "#ffffff",
179
- "utrechtButtonDisabledBorderColor": "transparent",
180
- "utrechtButtonHoverBackgroundColor": "#00387A",
181
279
  "utrechtButtonPrimaryActionBackgroundColor": "#004699",
182
280
  "utrechtButtonPrimaryActionColor": "#ffffff",
183
281
  "utrechtButtonPrimaryActionDisabledBackgroundColor": "#B4B4B4",
184
282
  "utrechtButtonPrimaryActionHoverBackgroundColor": "#00387A",
283
+ "utrechtButtonPrimaryActionFocusBackgroundColor": "#00387A",
185
284
  "utrechtButtonSecondaryActionBackgroundColor": "#ffffff",
186
285
  "utrechtButtonSecondaryActionColor": "#004699",
187
- "utrechtButtonSecondaryActionBorderColor": "#004699",
188
- "utrechtButtonSecondaryActionBorderWidth": "2px",
189
286
  "utrechtButtonSecondaryActionHoverColor": "#00387A",
190
- "utrechtButtonSecondaryActionHoverBorderColor": "#00387A",
191
287
  "utrechtButtonSecondaryActionDisabledBackgroundColor": "#ffffff",
192
288
  "utrechtButtonSecondaryActionDisabledColor": "#B4B4B4",
193
- "utrechtButtonSecondaryActionDisabledBorderColor": "#B4B4B4",
194
289
  "utrechtButtonSubtleBackgroundColor": "transparent",
195
- "utrechtButtonSubtleBorderWidth": "2px",
196
290
  "utrechtButtonSubtleColor": "#004699",
197
- "utrechtButtonSubtleHoverBorderColor": "#767676",
291
+ "utrechtButtonSubtleHoverColor": "#00387A",
292
+ "utrechtButtonSubtleFocusColor": "#00387A",
198
293
  "utrechtButtonSubtleDisabledBackgroundColor": "transparent",
199
294
  "utrechtButtonSubtleDisabledColor": "#B4B4B4"
200
295
  }