@amsterdam/design-system-tokens 0.1.2 → 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 +202 -86
  2. package/dist/index.css +202 -86
  3. package/dist/index.d.ts +195 -71
  4. package/dist/index.js +196 -80
  5. package/dist/index.json +195 -79
  6. package/dist/index.tokens.json +450 -176
  7. package/dist/root.css +202 -86
  8. package/dist/tokens.d.ts +439 -116
  9. package/dist/tokens.js +4337 -1690
  10. package/dist/variables.less +202 -86
  11. package/package.json +2 -2
  12. package/src/brand/amsterdam/typography.tokens.json +42 -26
  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 +26 -0
  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 +41 -0
  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.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)",
34
- "amsterdamTypographyTextLevel4FontSizeWide": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)",
35
- "amsterdamTypographyTextLevel4LineHeight": "1.5",
36
- "amsterdamTypographyTextLevel5FontSizeNarrow": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)",
37
- "amsterdamTypographyTextLevel5FontSizeWide": "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)",
38
- "amsterdamTypographyTextLevel5LineHeight": "1.4",
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)",
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
+ "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)",
38
+ "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)",
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",
@@ -50,39 +50,101 @@
50
50
  "amsterdamSpacingInsetMd": "1rem",
51
51
  "amsterdamSpacingInsetLg": "1.5rem",
52
52
  "amsterdamSpacingInsetXl": "2.5rem",
53
- "amsterdamButtonFontSizeNarrow": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
54
- "amsterdamButtonFontSizeWide": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
55
- "amsterdamButtonSecondaryHoverBoxShadow": "0 0 0 1px #00387A",
53
+ "amsterdamAccordionButtonColor": "#004699",
54
+ "amsterdamAccordionButtonFocusOutlineOffset": "2px",
55
+ "amsterdamAccordionButtonFontFamily": "'Amsterdam Sans', Arial, sans-serif",
56
+ "amsterdamAccordionButtonFontWeight": 800,
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
+ "amsterdamAccordionButtonHoverBoxShadow": "inset 0 0 0 2px #767676",
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",
56
117
  "amsterdamFormLabelColor": "#000000",
57
118
  "amsterdamFormLabelFontFamily": "'Amsterdam Sans', Arial, sans-serif",
58
- "amsterdamFormLabelFontSizeNarrow": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
59
- "amsterdamFormLabelFontSizeWide": "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)",
60
119
  "amsterdamFormLabelFontWeight": 800,
61
120
  "amsterdamFormLabelLineHeight": "1.6",
62
- "amsterdamHeading1FontSizeNarrow": "clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem)",
63
- "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)",
64
123
  "amsterdamHeading1LineHeight": "1.2",
65
- "amsterdamHeading2FontSizeNarrow": "clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem)",
66
- "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)",
67
126
  "amsterdamHeading2LineHeight": "1.3",
68
- "amsterdamHeading3FontSizeNarrow": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)",
69
- "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)",
70
129
  "amsterdamHeading3LineHeight": "1.4",
71
- "amsterdamHeading4FontSizeNarrow": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)",
72
- "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)",
73
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)",
74
135
  "amsterdamHeadingColor": "#000000",
75
136
  "amsterdamHeadingFontFamily": "'Amsterdam Sans', Arial, sans-serif",
76
137
  "amsterdamHeadingFontWeight": 800,
138
+ "amsterdamHeadingInverseColor": "#ffffff",
77
139
  "amsterdamIconSize3IconSizeNarrow": "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)",
78
140
  "amsterdamIconSize3IconSizeWide": "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)",
79
141
  "amsterdamIconSize3ContainerMultiplier": "1.4",
80
- "amsterdamIconSize4IconSizeNarrow": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)",
81
- "amsterdamIconSize4IconSizeWide": "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)",
82
- "amsterdamIconSize4ContainerMultiplier": "1.5",
83
- "amsterdamIconSize5IconSizeNarrow": "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)",
84
- "amsterdamIconSize5IconSizeWide": "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)",
85
- "amsterdamIconSize5ContainerMultiplier": "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)",
144
+ "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)",
147
+ "amsterdamIconSize5ContainerMultiplier": "1.5",
86
148
  "amsterdamIconSize6IconSizeNarrow": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
87
149
  "amsterdamIconSize6IconSizeWide": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
88
150
  "amsterdamIconSize6ContainerMultiplier": "1.6",
@@ -91,60 +153,119 @@
91
153
  "amsterdamIconSize7ContainerMultiplier": "1.6",
92
154
  "amsterdamLinkColor": "#004699",
93
155
  "amsterdamLinkOutlineOffset": "2px",
94
- "amsterdamLinkTextDecoration": "none",
95
- "amsterdamLinkTextUnderlineOffset": "9px",
96
- "amsterdamLinkTextDecorationThickness": "2px",
97
156
  "amsterdamLinkFontFamily": "'Amsterdam Sans', Arial, sans-serif",
98
- "amsterdamLinkFontSizeNarrow": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
99
- "amsterdamLinkFontSizeWide": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
100
157
  "amsterdamLinkFontWeight": 400,
101
158
  "amsterdamLinkFocusColor": "#00387A",
102
- "amsterdamLinkFocusTextDecoration": "underline",
103
- "amsterdamLinkHoverColor": "#00387A",
104
- "amsterdamLinkHoverTextDecoration": "underline",
105
- "amsterdamLinkHoverTextDecorationThickness": "2px",
106
- "amsterdamLinkLineHeight": "1.6",
107
- "amsterdamLinkVisitedColor": "#004699",
108
- "amsterdamLinkStandaloneBoldFontWeight": 800,
109
- "amsterdamLinkInlineTextUnderlineOffset": "3px",
159
+ "amsterdamLinkInlineFocusTextDecoration": "underline",
160
+ "amsterdamLinkInlineFocusTextUnderlineOffset": "3px",
110
161
  "amsterdamLinkInlineFontFamily": "inherit",
111
162
  "amsterdamLinkInlineFontSize": "inherit",
163
+ "amsterdamLinkInlineLineHeight": "inherit",
164
+ "amsterdamLinkInlineTextDecoration": "none",
112
165
  "amsterdamLinkInlineVisitedColor": "#A00078",
113
166
  "amsterdamLinkInListGap": "0.5em",
114
- "amsterdamLinkInListTextUnderlineOffset": "0.3em",
115
- "amsterdamLinkInListFontSizeNarrow": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
116
- "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",
117
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)",
118
181
  "amsterdamLinkOnBackgroundDarkColor": "#ffffff",
119
- "amsterdamLinkOnBackgroundDarkTextDecoration": "underline",
120
- "amsterdamLinkOnBackgroundDarkFocusColor": "#ffffff",
121
- "amsterdamLinkOnBackgroundDarkFocusTextDecoration": "underline",
122
182
  "amsterdamLinkOnBackgroundDarkHoverColor": "#ffffff",
123
- "amsterdamLinkOnBackgroundDarkHoverTextDecoration": "none",
124
183
  "amsterdamLinkOnBackgroundDarkVisitedColor": "#ffffff",
125
184
  "amsterdamLinkOnBackgroundLightColor": "#000000",
126
- "amsterdamLinkOnBackgroundLightTextDecoration": "underline",
127
- "amsterdamLinkOnBackgroundLightTextDecorationThickness": "2px",
128
- "amsterdamLinkOnBackgroundLightTextUnderlineOffset": "9px",
129
- "amsterdamLinkOnBackgroundLightActiveColor": "#000000",
130
- "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"]}},
131
- "amsterdamLinkOnBackgroundLightFocusColor": "#000000",
132
- "amsterdamLinkOnBackgroundLightFocusTextDecoration": "underline",
133
185
  "amsterdamLinkOnBackgroundLightHoverColor": "#000000",
134
- "amsterdamLinkOnBackgroundLightHoverTextDecoration": "none",
135
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",
136
222
  "amsterdamParagraphColor": "#000000",
137
223
  "amsterdamParagraphFontFamily": "'Amsterdam Sans', Arial, sans-serif",
138
- "amsterdamParagraphFontSizeNarrow": "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)",
139
- "amsterdamParagraphFontSizeWide": "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)",
140
224
  "amsterdamParagraphFontWeight": 400,
225
+ "amsterdamParagraphInverseColor": "#ffffff",
141
226
  "amsterdamParagraphLineHeight": "1.6",
142
- "amsterdamParagraphSmallFontSizeNarrow": "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)",
143
- "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)",
144
229
  "amsterdamParagraphSmallLineHeight": "1.6",
145
- "amsterdamParagraphLargeFontSizeNarrow": "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)",
146
- "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)",
147
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",
249
+ "amsterdamUnorderedListColor": "#000000",
250
+ "amsterdamUnorderedListFontFamily": "'Amsterdam Sans', Arial, sans-serif",
251
+ "amsterdamUnorderedListFontWeight": 400,
252
+ "amsterdamUnorderedListGap": "0.75rem",
253
+ "amsterdamUnorderedListLineHeight": "1.6",
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",
148
269
  "utrechtButtonBackgroundColor": "#004699",
149
270
  "utrechtButtonColor": "#ffffff",
150
271
  "utrechtButtonFontFamily": "'Amsterdam Sans', Arial, sans-serif",
@@ -155,25 +276,20 @@
155
276
  "utrechtButtonPaddingBlockEnd": "0.5rem",
156
277
  "utrechtButtonDisabledBackgroundColor": "#B4B4B4",
157
278
  "utrechtButtonDisabledColor": "#ffffff",
158
- "utrechtButtonDisabledBorderColor": "transparent",
159
- "utrechtButtonHoverBackgroundColor": "#00387A",
160
279
  "utrechtButtonPrimaryActionBackgroundColor": "#004699",
161
280
  "utrechtButtonPrimaryActionColor": "#ffffff",
162
281
  "utrechtButtonPrimaryActionDisabledBackgroundColor": "#B4B4B4",
163
282
  "utrechtButtonPrimaryActionHoverBackgroundColor": "#00387A",
283
+ "utrechtButtonPrimaryActionFocusBackgroundColor": "#00387A",
164
284
  "utrechtButtonSecondaryActionBackgroundColor": "#ffffff",
165
285
  "utrechtButtonSecondaryActionColor": "#004699",
166
- "utrechtButtonSecondaryActionBorderColor": "#004699",
167
- "utrechtButtonSecondaryActionBorderWidth": "2px",
168
286
  "utrechtButtonSecondaryActionHoverColor": "#00387A",
169
- "utrechtButtonSecondaryActionHoverBorderColor": "#00387A",
170
287
  "utrechtButtonSecondaryActionDisabledBackgroundColor": "#ffffff",
171
288
  "utrechtButtonSecondaryActionDisabledColor": "#B4B4B4",
172
- "utrechtButtonSecondaryActionDisabledBorderColor": "#B4B4B4",
173
289
  "utrechtButtonSubtleBackgroundColor": "transparent",
174
- "utrechtButtonSubtleBorderWidth": "2px",
175
290
  "utrechtButtonSubtleColor": "#004699",
176
- "utrechtButtonSubtleHoverBorderColor": "#767676",
291
+ "utrechtButtonSubtleHoverColor": "#00387A",
292
+ "utrechtButtonSubtleFocusColor": "#00387A",
177
293
  "utrechtButtonSubtleDisabledBackgroundColor": "transparent",
178
294
  "utrechtButtonSubtleDisabledColor": "#B4B4B4"
179
295
  }