@amsterdam/design-system-tokens 0.14.0 → 0.16.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 (98) hide show
  1. package/CHANGELOG.md +100 -0
  2. package/LICENSE.md +2 -2
  3. package/README.md +18 -11
  4. package/build.js +39 -16
  5. package/dist/compact.css +18 -18
  6. package/dist/compact.d.ts +18 -12
  7. package/dist/compact.json +21 -15
  8. package/dist/compact.mjs +21 -22
  9. package/dist/compact.scss +18 -18
  10. package/dist/compact.theme.css +18 -18
  11. package/dist/index.css +788 -780
  12. package/dist/index.d.ts +414 -410
  13. package/dist/index.json +700 -696
  14. package/dist/index.mjs +609 -585
  15. package/dist/index.scss +788 -780
  16. package/dist/index.theme.css +788 -780
  17. package/package.json +5 -4
  18. package/src/brand/ams/aspect-ratio.tokens.json +6 -6
  19. package/src/brand/ams/border.tokens.json +3 -3
  20. package/src/brand/ams/color.tokens.json +34 -15
  21. package/src/brand/ams/cursor.tokens.json +8 -0
  22. package/src/brand/ams/space.compact.tokens.json +6 -15
  23. package/src/brand/ams/space.tokens.json +5 -14
  24. package/src/brand/ams/{text.compact.tokens.json → typography.compact.tokens.json} +14 -2
  25. package/src/brand/ams/typography.tokens.json +60 -0
  26. package/src/common/ams/links.tokens.json +32 -0
  27. package/src/components/ams/accordion.tokens.json +12 -12
  28. package/src/components/ams/action-group.tokens.json +1 -1
  29. package/src/components/ams/alert.tokens.json +27 -15
  30. package/src/components/ams/avatar.tokens.json +23 -53
  31. package/src/components/ams/badge.tokens.json +22 -48
  32. package/src/components/ams/blockquote.tokens.json +8 -6
  33. package/src/components/ams/breadcrumb.tokens.json +10 -10
  34. package/src/components/ams/button.tokens.json +31 -33
  35. package/src/components/ams/card.tokens.json +14 -8
  36. package/src/components/ams/character-count.tokens.json +6 -6
  37. package/src/components/ams/checkbox.tokens.json +31 -29
  38. package/src/components/ams/column.tokens.json +5 -6
  39. package/src/components/ams/date-input.tokens.json +18 -16
  40. package/src/components/ams/description-list.tokens.json +21 -10
  41. package/src/components/ams/dialog.tokens.json +34 -8
  42. package/src/components/ams/error-message.tokens.json +5 -5
  43. package/src/components/ams/field-set.tokens.json +9 -8
  44. package/src/components/ams/field.tokens.json +3 -3
  45. package/src/components/ams/figure.tokens.json +9 -7
  46. package/src/components/ams/file-input.tokens.json +29 -26
  47. package/src/components/ams/file-list.tokens.json +8 -8
  48. package/src/components/ams/grid.compact.tokens.json +1 -1
  49. package/src/components/ams/grid.tokens.json +12 -10
  50. package/src/components/ams/heading.tokens.json +30 -29
  51. package/src/components/ams/hint.tokens.json +1 -1
  52. package/src/components/ams/icon-button.tokens.json +18 -16
  53. package/src/components/ams/icon.tokens.json +24 -14
  54. package/src/components/ams/image-slider.tokens.json +1 -1
  55. package/src/components/ams/image.tokens.json +1 -1
  56. package/src/components/ams/{form-error-list.tokens.json → invalid-form-alert.tokens.json} +1 -1
  57. package/src/components/ams/label.tokens.json +6 -5
  58. package/src/components/ams/link-list.tokens.json +22 -22
  59. package/src/components/ams/link.tokens.json +16 -46
  60. package/src/components/ams/logo.tokens.json +10 -7
  61. package/src/components/ams/mark.tokens.json +1 -1
  62. package/src/components/ams/ordered-list.tokens.json +13 -11
  63. package/src/components/ams/page-footer.tokens.json +36 -0
  64. package/src/components/ams/page-header.tokens.json +67 -0
  65. package/src/components/ams/page-heading.tokens.json +9 -6
  66. package/src/components/ams/page.tokens.json +8 -0
  67. package/src/components/ams/pagination.tokens.json +13 -13
  68. package/src/components/ams/paragraph.tokens.json +12 -10
  69. package/src/components/ams/password-input.tokens.json +17 -16
  70. package/src/components/ams/radio.tokens.json +30 -28
  71. package/src/components/ams/row.tokens.json +5 -6
  72. package/src/components/ams/search-field.tokens.json +17 -18
  73. package/src/components/ams/select.tokens.json +17 -16
  74. package/src/components/ams/skip-link.tokens.json +9 -9
  75. package/src/components/ams/spotlight.tokens.json +10 -10
  76. package/src/components/ams/standalone-link.tokens.json +40 -0
  77. package/src/components/ams/switch.tokens.json +7 -6
  78. package/src/components/ams/table-of-contents.tokens.json +17 -17
  79. package/src/components/ams/table.tokens.json +10 -13
  80. package/src/components/ams/tabs.tokens.json +16 -20
  81. package/src/components/ams/text-area.tokens.json +18 -18
  82. package/src/components/ams/text-input.tokens.json +17 -16
  83. package/src/components/ams/time-input.tokens.json +18 -16
  84. package/src/components/ams/unordered-list.tokens.json +15 -13
  85. package/src/brand/ams/text.tokens.json +0 -41
  86. package/src/common/ams/action.tokens.json +0 -12
  87. package/src/common/ams/hyphenation.tokens.json +0 -9
  88. package/src/common/ams/link-appearance.tokens.json +0 -43
  89. package/src/components/ams/breakout.tokens.json +0 -11
  90. package/src/components/ams/footer.tokens.json +0 -9
  91. package/src/components/ams/gap.tokens.json +0 -11
  92. package/src/components/ams/header.tokens.json +0 -56
  93. package/src/components/ams/margin.tokens.json +0 -11
  94. package/src/components/ams/mega-menu.tokens.json +0 -18
  95. package/src/components/ams/page-menu.tokens.json +0 -24
  96. package/src/components/ams/screen.tokens.json +0 -13
  97. package/src/components/ams/top-task-link.tokens.json +0 -29
  98. /package/src/{common → brand}/ams/focus.tokens.json +0 -0
package/dist/index.json CHANGED
@@ -1,130 +1,136 @@
1
1
  {
2
2
  "ams": {
3
3
  "aspect-ratio": {
4
- "x-tall": "9 / 16",
5
- "tall": "3 / 4",
6
- "square": "1 / 1",
7
- "wide": "4 / 3",
8
- "x-wide": "16 / 9",
9
- "2x-wide": "16 / 5"
4
+ "9-16": "9 / 16",
5
+ "3-4": "3 / 4",
6
+ "1-1": "1 / 1",
7
+ "4-3": "4 / 3",
8
+ "16-9": "16 / 9",
9
+ "16-5": "16 / 5"
10
10
  },
11
11
  "border": {
12
12
  "width": {
13
- "sm": "0.0625rem",
14
- "md": "0.125rem",
15
- "lg": "0.1875rem",
13
+ "s": "0.0625rem",
14
+ "m": "0.125rem",
15
+ "l": "0.1875rem",
16
16
  "xl": "0.25rem"
17
17
  }
18
18
  },
19
19
  "color": {
20
- "primary-black": "#000000",
21
- "primary-white": "#FFFFFF",
22
- "primary-blue": "#004699",
23
- "primary-red": "#EC0000",
24
- "dark-blue": "#102E62",
25
- "orange": "#FF9100",
26
- "yellow": "#FFE600",
27
- "green": "#BED200",
28
- "dark-green": "#00A03C",
29
- "blue": "#009DE6",
30
- "purple": "#A00078",
31
- "magenta": "#E50082",
32
- "neutral-grey1": "#E8E8E8",
33
- "neutral-grey2": "#BEBEBE",
34
- "neutral-grey3": "#767676"
20
+ "background": "#ffffff",
21
+ "feedback": {
22
+ "error": "#ec0000",
23
+ "info": "#009de6",
24
+ "success": "#00a03c",
25
+ "warning": "#ff9100"
26
+ },
27
+ "highlight": {
28
+ "azure": "#009de6",
29
+ "green": "#00a03c",
30
+ "lime": "#bed200",
31
+ "magenta": "#e50082",
32
+ "orange": "#ff9100",
33
+ "purple": "#a00078",
34
+ "yellow": "#ffe600"
35
+ },
36
+ "interactive": {
37
+ "contrast": "#000000",
38
+ "default": "#004699",
39
+ "disabled": "#767676",
40
+ "hover": "#003677",
41
+ "invalid": {
42
+ "default": "#ec0000",
43
+ "hover": "#b70000"
44
+ },
45
+ "inverse": "#ffffff",
46
+ "secondary": "#181818"
47
+ },
48
+ "separator": "#d1d1d1",
49
+ "text": {
50
+ "default": "#181818",
51
+ "inverse": "#ffffff",
52
+ "secondary": "#767676"
53
+ }
54
+ },
55
+ "cursor": {
56
+ "disabled": "not-allowed",
57
+ "interactive": "pointer"
58
+ },
59
+ "focus": {
60
+ "outline-offset": "0.125rem"
35
61
  },
36
62
  "space": {
37
63
  "xs": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
38
- "sm": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
39
- "md": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
40
- "lg": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
41
- "xl": "clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)",
42
- "grid": {
43
- "xs": "clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)",
44
- "sm": "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)",
45
- "md": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
46
- "lg": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)",
47
- "xl": "clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"
48
- }
64
+ "s": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
65
+ "m": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
66
+ "l": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
67
+ "xl": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
68
+ "2xl": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
49
69
  },
50
- "text": {
70
+ "typography": {
51
71
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
52
- "font-weight": {
53
- "normal": 400,
54
- "bold": 800
72
+ "hyphenate-limit-chars": "12 8 4",
73
+ "body-text": {
74
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
75
+ "font-weight": "400",
76
+ "line-height": "1.6667",
77
+ "bold": {
78
+ "font-weight": "800"
79
+ },
80
+ "small": {
81
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
82
+ "line-height": "1.5152"
83
+ },
84
+ "large": {
85
+ "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
86
+ "line-height": "1.5152"
87
+ },
88
+ "x-large": {
89
+ "font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
90
+ "line-height": "1.3776"
91
+ }
55
92
  },
56
- "level": {
93
+ "heading": {
57
94
  "0": {
58
95
  "font-size": "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)",
59
- "line-height": "1.15"
96
+ "line-height": "1.1386"
60
97
  },
61
98
  "1": {
62
99
  "font-size": "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)",
63
- "line-height": "1.2"
100
+ "line-height": "1.1754"
64
101
  },
65
102
  "2": {
66
103
  "font-size": "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)",
67
- "line-height": "1.25"
104
+ "line-height": "1.2133"
68
105
  },
69
106
  "3": {
70
107
  "font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
71
- "line-height": "1.3"
108
+ "line-height": "1.2524"
72
109
  },
73
110
  "4": {
74
111
  "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
75
- "line-height": "1.5"
112
+ "line-height": "1.2928"
76
113
  },
77
114
  "5": {
78
115
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
79
- "line-height": "1.6"
116
+ "line-height": "1.3345"
80
117
  },
81
118
  "6": {
82
119
  "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
83
- "line-height": "1.6"
84
- }
85
- }
86
- },
87
- "action": {
88
- "activate": {
89
- "cursor": "pointer"
90
- },
91
- "busy": {
92
- "cursor": "wait"
93
- },
94
- "disabled": {
95
- "cursor": "not-allowed"
96
- },
97
- "inert": {
98
- "cursor": "default"
99
- },
100
- "navigate": {
101
- "cursor": "pointer"
102
- },
103
- "submit": {
104
- "cursor": "pointer"
120
+ "line-height": "1.3776"
121
+ },
122
+ "font-weight": "800",
123
+ "text-wrap": "balance"
105
124
  }
106
125
  },
107
- "focus": {
108
- "outline-offset": "0.125rem"
109
- },
110
- "hyphenation": {
111
- "hyphenate-limit-chars": "12 8 4",
112
- "hyphens": "auto",
113
- "overflow-wrap": "break-word"
114
- },
115
- "link-appearance": {
126
+ "links": {
116
127
  "color": "#004699",
117
128
  "text-decoration-thickness": "0.125rem",
118
129
  "text-underline-offset": "0.3333em",
119
130
  "hover": {
120
- "color": "#102E62"
121
- },
122
- "regular": {
123
- "text-decoration-line": "underline",
124
- "hover": {
125
- "text-decoration-thickness": "0.1875rem",
126
- "text-underline-offset": "0.2778em"
127
- }
131
+ "color": "#003677",
132
+ "text-decoration-thickness": "0.1875rem",
133
+ "text-underline-offset": "0.2778em"
128
134
  },
129
135
  "subtle": {
130
136
  "text-decoration-line": "none",
@@ -136,18 +142,12 @@
136
142
  "color": "#000000",
137
143
  "hover": {
138
144
  "color": "#000000"
139
- },
140
- "visited": {
141
- "color": "#000000"
142
145
  }
143
146
  },
144
147
  "inverse": {
145
- "color": "#FFFFFF",
148
+ "color": "#ffffff",
146
149
  "hover": {
147
- "color": "#FFFFFF"
148
- },
149
- "visited": {
150
- "color": "#FFFFFF"
150
+ "color": "#ffffff"
151
151
  }
152
152
  }
153
153
  },
@@ -155,18 +155,18 @@
155
155
  "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
156
156
  "button": {
157
157
  "color": "#004699",
158
+ "cursor": "pointer",
158
159
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
159
- "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
160
- "font-weight": 800,
160
+ "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
161
+ "font-weight": "800",
161
162
  "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
162
- "line-height": "1.6",
163
+ "line-height": "1.2928",
164
+ "outline-offset": "0.125rem",
163
165
  "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
164
166
  "padding-inline": "0",
165
- "focus": {
166
- "outline-offset": "0.125rem"
167
- },
167
+ "text-wrap": "balance",
168
168
  "hover": {
169
- "color": "#102E62"
169
+ "color": "#003677"
170
170
  }
171
171
  },
172
172
  "panel": {
@@ -178,172 +178,130 @@
178
178
  "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
179
179
  },
180
180
  "alert": {
181
- "background-color": "#FFFFFF",
182
- "border-width": "0.25rem",
183
- "border-style": "solid",
184
- "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
185
- "padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
186
- "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
187
- "error": {
188
- "border-color": "#EC0000"
181
+ "background-color": "#ffffff",
182
+ "box-shadow": "inset 0 0 0 0.25rem #009de6",
183
+ "forced-colors": {
184
+ "border-width": "0.25rem"
189
185
  },
190
- "info": {
191
- "border-color": "#009DE6"
186
+ "severity-indicator": {
187
+ "background-color": "#009de6",
188
+ "padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
189
+ "padding-inline": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
190
+ },
191
+ "content": {
192
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
193
+ "padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
194
+ "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
195
+ },
196
+ "error": {
197
+ "box-shadow": "inset 0 0 0 0.25rem #ec0000",
198
+ "severity-indicator": {
199
+ "background-color": "#ec0000"
200
+ }
192
201
  },
193
202
  "success": {
194
- "border-color": "#00A03C"
203
+ "box-shadow": "inset 0 0 0 0.25rem #00a03c",
204
+ "severity-indicator": {
205
+ "background-color": "#00a03c"
206
+ }
195
207
  },
196
208
  "warning": {
197
- "border-color": "#FF9100"
198
- },
199
- "content": {
200
- "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
209
+ "box-shadow": "inset 0 0 0 0.25rem #ff9100",
210
+ "severity-indicator": {
211
+ "background-color": "#ff9100"
212
+ }
201
213
  }
202
214
  },
203
215
  "avatar": {
204
216
  "aspect-ratio": "1 / 1",
217
+ "background-color": "#a00078",
218
+ "color": "#ffffff",
205
219
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
206
220
  "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
207
- "font-weight": 400,
208
- "line-height": "1.6",
221
+ "font-weight": "400",
222
+ "line-height": "1.5152",
209
223
  "padding-block": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
210
224
  "padding-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
211
- "black": {
212
- "background-color": "#000000",
213
- "color": "#FFFFFF"
214
- },
215
- "blue": {
216
- "background-color": "#004699",
217
- "color": "#FFFFFF"
218
- },
219
- "dark-green": {
220
- "background-color": "#00A03C",
221
- "color": "#FFFFFF"
222
- },
223
225
  "forced-colors": {
224
226
  "border-width": "0.125rem"
225
227
  },
226
- "green": {
227
- "background-color": "#BED200",
228
- "color": "#000000"
229
- },
230
- "grey-1": {
231
- "background-color": "#E8E8E8",
232
- "color": "#000000"
228
+ "azure": {
229
+ "background-color": "#009de6",
230
+ "color": "#ffffff"
233
231
  },
234
- "grey-2": {
235
- "background-color": "#BEBEBE",
236
- "color": "#000000"
237
- },
238
- "grey-3": {
239
- "background-color": "#767676",
240
- "color": "#FFFFFF"
232
+ "green": {
233
+ "background-color": "#00a03c",
234
+ "color": "#ffffff"
241
235
  },
242
- "light-blue": {
243
- "background-color": "#009DE6",
244
- "color": "#000000"
236
+ "lime": {
237
+ "background-color": "#bed200",
238
+ "color": "#181818"
245
239
  },
246
240
  "magenta": {
247
- "background-color": "#E50082",
248
- "color": "#FFFFFF"
241
+ "background-color": "#e50082",
242
+ "color": "#ffffff"
249
243
  },
250
244
  "orange": {
251
- "background-color": "#FF9100",
252
- "color": "#000000"
253
- },
254
- "purple": {
255
- "background-color": "#A00078",
256
- "color": "#FFFFFF"
257
- },
258
- "red": {
259
- "background-color": "#EC0000",
260
- "color": "#FFFFFF"
261
- },
262
- "white": {
263
- "background-color": "#FFFFFF",
264
- "color": "#000000"
245
+ "background-color": "#ff9100",
246
+ "color": "#181818"
265
247
  },
266
248
  "yellow": {
267
- "background-color": "#FFE600",
268
- "color": "#000000"
249
+ "background-color": "#ffe600",
250
+ "color": "#181818"
269
251
  }
270
252
  },
271
253
  "badge": {
254
+ "background-color": "#00a03c",
255
+ "color": "#ffffff",
272
256
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
273
257
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
274
- "font-weight": 800,
275
- "line-height": "1.6",
258
+ "font-weight": "800",
259
+ "line-height": "1.6667",
276
260
  "padding-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
277
- "black": {
278
- "background-color": "#000000",
279
- "color": "#FFFFFF"
280
- },
281
- "blue": {
282
- "background-color": "#004699",
283
- "color": "#FFFFFF"
261
+ "azure": {
262
+ "background-color": "#009de6",
263
+ "color": "#ffffff"
284
264
  },
285
- "dark-green": {
286
- "background-color": "#00A03C",
287
- "color": "#FFFFFF"
288
- },
289
- "green": {
290
- "background-color": "#BED200",
291
- "color": "#000000"
292
- },
293
- "grey-1": {
294
- "background-color": "#E8E8E8",
295
- "color": "#000000"
296
- },
297
- "grey-2": {
298
- "background-color": "#BEBEBE",
299
- "color": "#000000"
300
- },
301
- "grey-3": {
302
- "background-color": "#767676",
303
- "color": "#FFFFFF"
304
- },
305
- "light-blue": {
306
- "background-color": "#009DE6",
307
- "color": "#000000"
265
+ "lime": {
266
+ "background-color": "#bed200",
267
+ "color": "#181818"
308
268
  },
309
269
  "magenta": {
310
- "background-color": "#E50082",
311
- "color": "#FFFFFF"
270
+ "background-color": "#e50082",
271
+ "color": "#ffffff"
312
272
  },
313
273
  "orange": {
314
- "background-color": "#FF9100",
315
- "color": "#000000"
274
+ "background-color": "#ff9100",
275
+ "color": "#181818"
316
276
  },
317
277
  "purple": {
318
- "background-color": "#A00078",
319
- "color": "#FFFFFF"
278
+ "background-color": "#a00078",
279
+ "color": "#ffffff"
320
280
  },
321
281
  "red": {
322
- "background-color": "#EC0000",
323
- "color": "#FFFFFF"
324
- },
325
- "white": {
326
- "background-color": "#FFFFFF",
327
- "color": "#000000"
282
+ "background-color": "#ec0000",
283
+ "color": "#ffffff"
328
284
  },
329
285
  "yellow": {
330
- "background-color": "#FFE600",
331
- "color": "#000000"
286
+ "background-color": "#ffe600",
287
+ "color": "#181818"
332
288
  }
333
289
  },
334
290
  "blockquote": {
335
- "color": "#000000",
291
+ "color": "#181818",
336
292
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
337
293
  "font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
338
- "font-weight": 800,
339
- "line-height": "1.3",
340
- "inverse-color": "#FFFFFF"
294
+ "font-weight": "800",
295
+ "line-height": "1.3776",
296
+ "inverse": {
297
+ "color": "#ffffff"
298
+ }
341
299
  },
342
300
  "breadcrumb": {
343
301
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
344
302
  "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
345
- "font-weight": 400,
346
- "line-height": "1.6",
303
+ "font-weight": "400",
304
+ "line-height": "1.5152",
347
305
  "separator": {
348
306
  "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23000000' fill-rule='evenodd' d='m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z'/></svg>\")",
349
307
  "block-size": "1ex",
@@ -357,23 +315,17 @@
357
315
  "text-decoration-thickness": "0.125rem",
358
316
  "text-underline-offset": "0.3333em",
359
317
  "hover": {
360
- "color": "#102E62",
318
+ "color": "#003677",
361
319
  "text-decoration-line": "underline"
362
320
  }
363
321
  }
364
322
  },
365
- "breakout": {
366
- "row-gap": {
367
- "sm": "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)",
368
- "md": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
369
- "lg": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"
370
- }
371
- },
372
323
  "button": {
373
324
  "cursor": "pointer",
374
325
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
375
326
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
376
- "line-height": "1.6",
327
+ "font-weight": "400",
328
+ "line-height": "1.6667",
377
329
  "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
378
330
  "outline-offset": "0.125rem",
379
331
  "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
@@ -387,39 +339,36 @@
387
339
  "primary": {
388
340
  "background-color": "#004699",
389
341
  "box-shadow": "inset 0 0 0 0.125rem #004699",
390
- "color": "#FFFFFF",
342
+ "color": "#ffffff",
391
343
  "disabled": {
392
344
  "background-color": "#767676",
393
345
  "box-shadow": "inset 0 0 0 0.125rem #767676"
394
346
  },
395
347
  "hover": {
396
- "background-color": "#102E62",
397
- "box-shadow": "inset 0 0 0 0.125rem #102E62"
348
+ "background-color": "#003677",
349
+ "box-shadow": "inset 0 0 0 0.125rem #003677"
398
350
  }
399
351
  },
400
352
  "secondary": {
401
- "background-color": "#FFFFFF",
353
+ "background-color": "#ffffff",
402
354
  "color": "#004699",
403
355
  "box-shadow": "inset 0 0 0 0.125rem #004699",
404
356
  "hover": {
405
- "box-shadow": "inset 0 0 0 0.1875rem #102E62",
406
- "color": "#102E62"
357
+ "box-shadow": "inset 0 0 0 0.1875rem #003677",
358
+ "color": "#003677"
407
359
  },
408
360
  "disabled": {
409
- "background-color": "#FFFFFF",
361
+ "background-color": "#ffffff",
410
362
  "box-shadow": "inset 0 0 0 0.125rem #767676",
411
363
  "color": "#767676"
412
- },
413
- "focus": {
414
- "box-shadow": "inset 0 0 0 0.125rem #004699"
415
364
  }
416
365
  },
417
366
  "tertiary": {
418
367
  "background-color": "transparent",
419
368
  "color": "#004699",
420
369
  "hover": {
421
- "box-shadow": "inset 0 0 0 0.125rem #102E62",
422
- "color": "#102E62"
370
+ "box-shadow": "inset 0 0 0 0.125rem #003677",
371
+ "color": "#003677"
423
372
  },
424
373
  "disabled": {
425
374
  "background-color": "transparent",
@@ -432,9 +381,15 @@
432
381
  }
433
382
  },
434
383
  "card": {
435
- "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
384
+ "heading": {
385
+ "margin-block-end": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"
386
+ },
436
387
  "heading-group": {
437
- "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
388
+ "gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
389
+ "margin-block-end": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"
390
+ },
391
+ "image": {
392
+ "margin-block-end": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
438
393
  },
439
394
  "link": {
440
395
  "color": "#004699",
@@ -442,29 +397,30 @@
442
397
  "text-decoration-thickness": "0.125rem",
443
398
  "text-underline-offset": "0.3333em",
444
399
  "hover": {
445
- "color": "#102E62",
400
+ "color": "#003677",
446
401
  "text-decoration-line": "underline"
447
402
  }
448
403
  },
449
404
  "outline-offset": "0.125rem"
450
405
  },
451
406
  "character-count": {
452
- "color": "#000000",
407
+ "color": "#181818",
453
408
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
454
409
  "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
455
- "font-weight": 400,
456
- "line-height": "1.6",
410
+ "font-weight": "400",
411
+ "line-height": "1.5152",
457
412
  "error": {
458
- "color": "#EC0000"
413
+ "color": "#ec0000"
459
414
  }
460
415
  },
461
416
  "checkbox": {
462
- "color": "#000000",
417
+ "color": "#181818",
418
+ "cursor": "pointer",
463
419
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
464
420
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
465
- "font-weight": 400,
421
+ "font-weight": "400",
466
422
  "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
467
- "line-height": "1.6",
423
+ "line-height": "1.6667",
468
424
  "outline-offset": "0.125rem",
469
425
  "checkmark": {
470
426
  "border-color": "#004699",
@@ -473,7 +429,7 @@
473
429
  "background-color": "#004699",
474
430
  "background-image": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E\")",
475
431
  "hover": {
476
- "background-color": "#102E62"
432
+ "background-color": "#003677"
477
433
  }
478
434
  },
479
435
  "disabled": {
@@ -493,24 +449,24 @@
493
449
  }
494
450
  },
495
451
  "hover": {
496
- "border-color": "#102E62",
452
+ "border-color": "#003677",
497
453
  "border-width": "0.1875rem"
498
454
  },
499
455
  "invalid": {
500
- "border-color": "#EC0000",
456
+ "border-color": "#ec0000",
501
457
  "checked": {
502
- "background-color": "#EC0000",
458
+ "background-color": "#ec0000",
503
459
  "hover": {
504
- "background-color": "#EC0000"
460
+ "background-color": "#b70000"
505
461
  }
506
462
  },
507
463
  "hover": {
508
- "border-color": "#EC0000"
464
+ "border-color": "#b70000"
509
465
  },
510
466
  "indeterminate": {
511
- "background-color": "#EC0000",
467
+ "background-color": "#ec0000",
512
468
  "hover": {
513
- "background-color": "#EC0000"
469
+ "background-color": "#b70000"
514
470
  }
515
471
  }
516
472
  },
@@ -518,142 +474,184 @@
518
474
  "background-color": "#004699",
519
475
  "background-image": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath fill-rule='evenodd' d='M0 13.714h32v4H0z'/%3E%3C/svg%3E\")",
520
476
  "hover": {
521
- "background-color": "#102E62"
477
+ "background-color": "#003677"
522
478
  }
523
479
  }
524
480
  },
525
481
  "disabled": {
482
+ "cursor": "not-allowed",
526
483
  "color": "#767676"
527
484
  },
528
485
  "hover": {
529
- "color": "#102E62",
486
+ "color": "#003677",
530
487
  "text-decoration-thickness": "0.125rem"
531
488
  }
532
489
  },
533
490
  "column": {
534
491
  "gap": {
535
- "no": "0",
536
- "xs": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
537
- "sm": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
538
- "md": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
539
- "lg": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
540
- "xl": "clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)"
492
+ "x-small": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
493
+ "small": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
494
+ "medium": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
495
+ "large": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
496
+ "x-large": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
541
497
  }
542
498
  },
543
499
  "date-input": {
544
- "background-color": "#FFFFFF",
545
- "box-shadow": "inset 0 0 0 0.0625rem #000000",
546
- "color": "#000000",
500
+ "background-color": "#ffffff",
501
+ "box-shadow": "inset 0 0 0 0.0625rem #181818",
502
+ "color": "#181818",
547
503
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
548
504
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
549
- "font-weight": 400,
550
- "line-height": "1.6",
505
+ "font-weight": "400",
506
+ "line-height": "1.6667",
551
507
  "outline-offset": "0.125rem",
552
508
  "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
553
509
  "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
554
510
  "calender-picker-indicator": {
555
- "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
511
+ "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")",
512
+ "cursor": "pointer"
556
513
  },
557
514
  "disabled": {
558
- "background-color": "#FFFFFF",
515
+ "background-color": "#ffffff",
559
516
  "box-shadow": "inset 0 0 0 0.0625rem #767676",
560
517
  "color": "#767676",
518
+ "cursor": "not-allowed",
561
519
  "calender-picker-indicator": {
562
520
  "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23BEBEBE'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
563
521
  }
564
522
  },
565
523
  "hover": {
566
- "box-shadow": "inset 0 0 0 0.125rem #000000",
524
+ "box-shadow": "inset 0 0 0 0.125rem #181818",
567
525
  "calender-picker-indicator": {
568
526
  "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23102E62'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
569
527
  }
570
528
  },
571
529
  "invalid": {
572
- "box-shadow": "inset 0 0 0 0.0625rem #EC0000",
530
+ "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
573
531
  "hover": {
574
- "box-shadow": "inset 0 0 0 0.125rem #EC0000"
532
+ "box-shadow": "inset 0 0 0 0.125rem #b70000"
575
533
  }
576
534
  }
577
535
  },
578
536
  "description-list": {
579
- "color": "#000000",
537
+ "color": "#181818",
580
538
  "column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
581
539
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
582
540
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
583
- "inverse-color": "#FFFFFF",
584
- "line-height": "1.6",
541
+ "line-height": "1.6667",
585
542
  "row-gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
543
+ "inverse": {
544
+ "color": "#ffffff"
545
+ },
586
546
  "term": {
587
- "font-weight": 800
547
+ "font-weight": "800"
588
548
  },
589
549
  "description": {
590
- "font-weight": 400,
550
+ "font-weight": "400",
591
551
  "padding-inline-start": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"
552
+ },
553
+ "narrow": {
554
+ "grid-template-columns": "1fr 4fr"
555
+ },
556
+ "medium": {
557
+ "grid-template-columns": "1fr 2fr"
558
+ },
559
+ "wide": {
560
+ "grid-template-columns": "1fr 1fr"
592
561
  }
593
562
  },
594
563
  "dialog": {
595
- "background-color": "#FFFFFF",
596
- "border": "0",
564
+ "background-color": "#ffffff",
565
+ "border": "0.125rem solid #ffffff",
597
566
  "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
598
- "inline-size": "calc(100% - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))",
599
- "max-block-size": "calc(100dvh - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))",
567
+ "inline-size": "calc(100% - 2 * clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem))",
568
+ "max-block-size": "calc(100dvh - 2 * clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem))",
600
569
  "max-inline-size": "48rem",
601
- "padding-block": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
602
- "padding-inline": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)",
570
+ "medium": {
571
+ "inline-size": "calc(100% - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))",
572
+ "max-block-size": "calc(100dvh - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))"
573
+ },
574
+ "backdrop": {
575
+ "background-color": "rgb(24 24 24 / 62.5%)"
576
+ },
603
577
  "header": {
604
- "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
578
+ "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
579
+ "padding-block": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem) 0",
580
+ "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
581
+ "medium": {
582
+ "padding-block": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem) 0",
583
+ "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
584
+ }
585
+ },
586
+ "body": {
587
+ "padding-block": "0",
588
+ "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
589
+ "medium": {
590
+ "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
591
+ }
592
+ },
593
+ "footer": {
594
+ "padding-block": "0 clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
595
+ "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
596
+ "medium": {
597
+ "padding-block": "0 clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
598
+ "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
599
+ }
605
600
  }
606
601
  },
607
602
  "error-message": {
608
- "color": "#EC0000",
603
+ "color": "#ec0000",
609
604
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
610
605
  "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
611
- "font-weight": 400,
606
+ "font-weight": "400",
612
607
  "gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
613
- "line-height": "1.6"
608
+ "line-height": "1.5152"
614
609
  },
615
610
  "field-set": {
616
611
  "invalid": {
617
- "border-inline-start": "0.1875rem solid #EC0000",
612
+ "border-inline-start": "0.1875rem solid #ec0000",
618
613
  "padding-inline-start": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
619
614
  },
620
615
  "legend": {
621
- "color": "#000000",
616
+ "color": "#181818",
622
617
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
623
618
  "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
624
- "font-weight": 800,
625
- "line-height": "1.5",
626
- "margin-block-end": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
619
+ "font-weight": "800",
620
+ "line-height": "1.2928",
621
+ "margin-block-end": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
622
+ "text-wrap": "balance"
627
623
  }
628
624
  },
629
625
  "field": {
630
626
  "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
631
627
  "invalid": {
632
- "border-inline-start": "0.1875rem solid #EC0000",
628
+ "border-inline-start": "0.1875rem solid #ec0000",
633
629
  "padding-inline-start": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
634
630
  }
635
631
  },
636
632
  "figure": {
637
633
  "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
638
634
  "caption": {
639
- "color": "#000000",
635
+ "color": "#181818",
640
636
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
641
637
  "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
642
- "font-weight": 400,
643
- "line-height": "1.6",
644
- "inverse-color": "#FFFFFF"
638
+ "font-weight": "400",
639
+ "line-height": "1.5152",
640
+ "inverse": {
641
+ "color": "#ffffff"
642
+ }
645
643
  }
646
644
  },
647
645
  "file-input": {
648
- "background-color": "#FFFFFF",
649
- "border": "0.0625rem dashed #767676",
650
- "color": "#000000",
646
+ "background-color": "#ffffff",
647
+ "border": "0.0625rem dashed #181818",
648
+ "color": "#181818",
651
649
  "cursor": "pointer",
652
650
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
653
651
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
654
- "font-weight": 400,
655
- "line-height": "1.6",
656
- "outline-offset": "0.125rem",
652
+ "font-weight": "400",
653
+ "line-height": "1.6667",
654
+ "outline-offset": "calc(0.125rem * 2)",
657
655
  "padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
658
656
  "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
659
657
  "disabled": {
@@ -661,7 +659,7 @@
661
659
  "cursor": "not-allowed"
662
660
  },
663
661
  "file-selector-button": {
664
- "background-color": "#FFFFFF",
662
+ "background-color": "#ffffff",
665
663
  "box-shadow": "inset 0 0 0 0.125rem #004699",
666
664
  "color": "#004699",
667
665
  "cursor": "pointer",
@@ -669,8 +667,8 @@
669
667
  "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
670
668
  "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
671
669
  "hover": {
672
- "box-shadow": "inset 0 0 0 0.1875rem #102E62",
673
- "color": "#102E62"
670
+ "box-shadow": "inset 0 0 0 0.1875rem #003677",
671
+ "color": "#003677"
674
672
  },
675
673
  "disabled": {
676
674
  "box-shadow": "inset 0 0 0 0.125rem #767676",
@@ -688,9 +686,9 @@
688
686
  "file": {
689
687
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
690
688
  "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
691
- "font-weight": 400,
689
+ "font-weight": "400",
692
690
  "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
693
- "line-height": "1.6",
691
+ "line-height": "1.5152",
694
692
  "details": {
695
693
  "color": "#767676"
696
694
  },
@@ -699,121 +697,60 @@
699
697
  }
700
698
  }
701
699
  },
702
- "footer": {
703
- "top": {
704
- "background-color": "#004699"
705
- }
706
- },
707
- "form-error-list": {
708
- "outline-offset": "0.125rem"
709
- },
710
- "gap": {
711
- "xs": "clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)",
712
- "sm": "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)",
713
- "md": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
714
- "lg": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)",
715
- "xl": "clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"
716
- },
717
700
  "grid": {
718
701
  "column-count": "4",
719
- "column-gap": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
702
+ "column-gap": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
720
703
  "padding-block": {
721
- "sm": "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)",
722
- "md": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
723
- "lg": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"
704
+ "l": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
705
+ "xl": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
706
+ "2xl": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
724
707
  },
725
- "padding-inline": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)",
708
+ "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
726
709
  "row-gap": {
727
- "sm": "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)",
728
- "md": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
729
- "lg": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"
710
+ "l": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
711
+ "xl": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
712
+ "2xl": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
730
713
  },
731
714
  "medium": {
732
- "column-count": "8"
715
+ "column-count": "8",
716
+ "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
733
717
  },
734
718
  "wide": {
735
- "column-count": "12"
719
+ "column-count": "12",
720
+ "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
736
721
  }
737
722
  },
738
- "header": {
739
- "padding-block": "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)",
740
- "padding-inline": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)",
741
- "branding": {
742
- "column-gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
743
- "row-gap": "clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)"
723
+ "heading": {
724
+ "1": {
725
+ "font-size": "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)",
726
+ "line-height": "1.1754"
744
727
  },
745
- "logo-link": {
746
- "outline-offset": "0.125rem"
728
+ "2": {
729
+ "font-size": "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)",
730
+ "line-height": "1.2133"
747
731
  },
748
- "mega-menu": {
749
- "button": {
750
- "label": {
751
- "open": {
752
- "font-weight": 800
753
- }
754
- }
755
- }
732
+ "3": {
733
+ "font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
734
+ "line-height": "1.2524"
756
735
  },
757
- "menu": {
758
- "column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
759
- "row-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
760
- "item": {
761
- "color": "#004699",
762
- "column-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
763
- "font-family": "'Amsterdam Sans', Arial, sans-serif",
764
- "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
765
- "font-weight": 400,
766
- "line-height": "1.6",
767
- "outline-offset": "0.125rem",
768
- "padding-block": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
769
- "hover": {
770
- "color": "#102E62"
771
- }
772
- },
773
- "link": {
774
- "text-decoration-line": "none",
775
- "text-decoration-thickness": "0.125rem",
776
- "text-underline-offset": "0.3333em",
777
- "hover": {
778
- "text-decoration-line": "underline"
779
- }
780
- }
736
+ "4": {
737
+ "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
738
+ "line-height": "1.2928"
781
739
  },
782
- "navigation": {
783
- "column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
784
- "row-gap": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)"
785
- }
786
- },
787
- "heading": {
788
- "color": "#000000",
740
+ "5": {
741
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
742
+ "line-height": "1.3345"
743
+ },
744
+ "6": {
745
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
746
+ "line-height": "1.3776"
747
+ },
748
+ "color": "#181818",
789
749
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
790
- "font-weight": 800,
791
- "inverse-color": "#FFFFFF",
792
- "level": {
793
- "1": {
794
- "font-size": "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)",
795
- "line-height": "1.2"
796
- },
797
- "2": {
798
- "font-size": "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)",
799
- "line-height": "1.25"
800
- },
801
- "3": {
802
- "font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
803
- "line-height": "1.3"
804
- },
805
- "4": {
806
- "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
807
- "line-height": "1.5"
808
- },
809
- "5": {
810
- "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
811
- "line-height": "1.6"
812
- },
813
- "6": {
814
- "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
815
- "line-height": "1.6"
816
- }
750
+ "font-weight": "800",
751
+ "text-wrap": "balance",
752
+ "inverse": {
753
+ "color": "#ffffff"
817
754
  }
818
755
  },
819
756
  "hint": {
@@ -821,56 +758,68 @@
821
758
  },
822
759
  "icon-button": {
823
760
  "color": "#004699",
761
+ "cursor": "pointer",
824
762
  "outline-offset": "0.125rem",
825
763
  "hover": {
826
- "background-color": "rgba(0, 70, 153, 0.125)",
827
- "color": "#102E62"
764
+ "background-color": "rgb(0 70 153 / 12.5%)",
765
+ "color": "#003677"
828
766
  },
829
767
  "disabled": {
830
- "color": "#767676"
768
+ "color": "#767676",
769
+ "cursor": "not-allowed"
831
770
  },
832
- "contrast-color": {
771
+ "contrast": {
833
772
  "color": "#000000",
834
773
  "hover": {
835
- "background-color": "rgba(0, 0, 0, 0.125)",
774
+ "background-color": "rgb(0 0 0 / 12.5%)",
836
775
  "color": "#000000"
837
776
  },
838
777
  "disabled": {
839
778
  "color": "#767676"
840
779
  }
841
780
  },
842
- "inverse-color": {
781
+ "inverse": {
843
782
  "background-color": "#004699",
844
- "color": "#FFFFFF",
783
+ "color": "#ffffff",
845
784
  "hover": {
846
- "background-color": "#102E62",
847
- "color": "#FFFFFF"
785
+ "background-color": "#003677",
786
+ "color": "#ffffff"
848
787
  },
849
788
  "disabled": {
850
- "color": "#FFFFFF",
789
+ "color": "#ffffff",
851
790
  "background-color": "#767676"
852
791
  }
853
792
  }
854
793
  },
855
794
  "icon": {
856
- "inverse": {
857
- "color": "#FFFFFF"
795
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
796
+ "line-height": "1.6667",
797
+ "small": {
798
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
799
+ "line-height": "1.5152"
858
800
  },
859
- "size-3": {
801
+ "large": {
802
+ "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
803
+ "line-height": "1.5152"
804
+ },
805
+ "heading-3": {
860
806
  "font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
861
- "line-height": "1.3"
807
+ "line-height": "1.2524"
862
808
  },
863
- "size-4": {
809
+ "heading-4": {
864
810
  "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
865
- "line-height": "1.5"
811
+ "line-height": "1.2928"
866
812
  },
867
- "size-5": {
813
+ "heading-5": {
868
814
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
869
- "line-height": "1.6"
815
+ "line-height": "1.3345"
870
816
  },
871
- "size-6": {
817
+ "heading-6": {
872
818
  "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
873
- "line-height": "1.6"
819
+ "line-height": "1.3776"
820
+ },
821
+ "inverse": {
822
+ "color": "#ffffff"
874
823
  }
875
824
  },
876
825
  "image-slider": {
@@ -898,12 +847,16 @@
898
847
  "image": {
899
848
  "aspect-ratio": "16 / 9"
900
849
  },
850
+ "invalid-form-alert": {
851
+ "outline-offset": "0.125rem"
852
+ },
901
853
  "label": {
902
- "color": "#000000",
854
+ "color": "#181818",
903
855
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
904
856
  "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
905
- "font-weight": 800,
906
- "line-height": "1.5"
857
+ "font-weight": "800",
858
+ "line-height": "1.2928",
859
+ "text-wrap": "balance"
907
860
  },
908
861
  "link-list": {
909
862
  "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
@@ -911,135 +864,96 @@
911
864
  "color": "#004699",
912
865
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
913
866
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
914
- "font-weight": 400,
867
+ "font-weight": "400",
915
868
  "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
916
- "line-height": "1.6",
869
+ "line-height": "1.6667",
917
870
  "outline-offset": "0.125rem",
918
871
  "text-decoration-line": "none",
919
872
  "text-decoration-thickness": "0.125rem",
920
873
  "text-underline-offset": "0.3333em",
921
874
  "small": {
922
875
  "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
923
- "line-height": "1.6"
876
+ "line-height": "1.5152"
924
877
  },
925
878
  "large": {
926
879
  "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
927
- "line-height": "1.5"
880
+ "line-height": "1.5152"
928
881
  },
929
882
  "hover": {
930
- "color": "#102E62",
883
+ "color": "#003677",
931
884
  "text-decoration-line": "underline"
932
885
  },
933
- "contrast-color": {
886
+ "contrast": {
934
887
  "color": "#000000",
935
888
  "hover": {
936
889
  "color": "#000000"
937
890
  }
938
891
  },
939
- "inverse-color": {
940
- "color": "#FFFFFF",
892
+ "inverse": {
893
+ "color": "#ffffff",
941
894
  "hover": {
942
- "color": "#FFFFFF"
895
+ "color": "#ffffff"
943
896
  }
944
897
  }
945
898
  }
946
899
  },
947
900
  "link": {
948
901
  "color": "#004699",
949
- "font-family": "'Amsterdam Sans', Arial, sans-serif",
950
- "font-weight": 400,
902
+ "font-family": "inherit",
903
+ "font-size": "inherit",
904
+ "font-weight": "400",
905
+ "line-height": "inherit",
951
906
  "outline-offset": "0.125rem",
907
+ "text-decoration-thickness": "0.125rem",
908
+ "text-underline-offset": "0.3333em",
952
909
  "hover": {
953
- "color": "#102E62"
954
- },
955
- "inline": {
956
- "text-decoration-line": "underline",
957
- "text-decoration-thickness": "0.125rem",
958
- "text-underline-offset": "0.3333em",
959
- "font-family": "inherit",
960
- "font-size": "inherit",
961
- "line-height": "inherit",
962
- "hover": {
963
- "text-decoration-thickness": "0.1875rem",
964
- "text-underline-offset": "0.2778em"
965
- },
966
- "visited": {
967
- "color": "#A00078"
968
- }
910
+ "color": "#003677",
911
+ "text-decoration-thickness": "0.1875rem",
912
+ "text-underline-offset": "0.2778em"
969
913
  },
970
- "standalone": {
971
- "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
972
- "line-height": "1.6",
973
- "text-decoration-line": "underline",
974
- "text-decoration-thickness": "0.125rem",
975
- "text-underline-offset": "0.3333em",
976
- "hover": {
977
- "text-decoration-thickness": "0.1875rem",
978
- "text-underline-offset": "0.2778em"
979
- }
980
- },
981
- "contrast-color": {
914
+ "contrast": {
982
915
  "color": "#000000",
983
916
  "hover": {
984
917
  "color": "#000000"
985
- },
986
- "visited": {
987
- "color": "#000000"
988
918
  }
989
919
  },
990
- "inverse-color": {
991
- "color": "#FFFFFF",
920
+ "inverse": {
921
+ "color": "#ffffff",
992
922
  "hover": {
993
- "color": "#FFFFFF"
994
- },
995
- "visited": {
996
- "color": "#FFFFFF"
923
+ "color": "#ffffff"
997
924
  }
998
925
  }
999
926
  },
1000
927
  "logo": {
1001
- "block-size": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
928
+ "block-size": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
929
+ "min-block-size": "2.5rem",
1002
930
  "emblem": {
1003
- "color": "#EC0000"
931
+ "color": "#ec0000"
1004
932
  },
1005
- "min-block-size": "2.5rem",
1006
933
  "subsite": {
1007
- "color": "#000000"
934
+ "color": "#181818"
1008
935
  },
1009
936
  "title": {
1010
- "color": "#EC0000"
937
+ "color": "#ec0000"
1011
938
  }
1012
939
  },
1013
- "margin": {
1014
- "xs": "clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)",
1015
- "sm": "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)",
1016
- "md": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
1017
- "lg": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)",
1018
- "xl": "clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"
1019
- },
1020
940
  "mark": {
1021
- "background-color": "#FFE600"
1022
- },
1023
- "mega-menu": {
1024
- "list-category": {
1025
- "column-gap": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
1026
- "column-width": "20rem",
1027
- "padding-block-start": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1028
- "padding-block-end": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)"
1029
- }
941
+ "background-color": "#ffe600"
1030
942
  },
1031
943
  "ordered-list": {
1032
- "color": "#000000",
944
+ "color": "#181818",
1033
945
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1034
946
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1035
- "font-weight": 400,
947
+ "font-weight": "400",
1036
948
  "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1037
- "inverse-color": "#FFFFFF",
1038
- "line-height": "1.6",
949
+ "line-height": "1.6667",
1039
950
  "list-style-type": "decimal",
1040
951
  "small": {
1041
952
  "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
1042
- "line-height": "1.6"
953
+ "line-height": "1.5152"
954
+ },
955
+ "inverse": {
956
+ "color": "#ffffff"
1043
957
  },
1044
958
  "item": {
1045
959
  "margin-inline-start": "2.25rem",
@@ -1056,41 +970,120 @@
1056
970
  }
1057
971
  }
1058
972
  },
973
+ "page-footer": {
974
+ "menu": {
975
+ "column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
976
+ "padding-block": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
977
+ "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
978
+ "row-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
979
+ "medium": {
980
+ "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
981
+ },
982
+ "wide": {
983
+ "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
984
+ },
985
+ "link": {
986
+ "color": "#004699",
987
+ "font-family": "'Amsterdam Sans', Arial, sans-serif",
988
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
989
+ "font-weight": "400",
990
+ "line-height": "1.5152",
991
+ "outline-offset": "0.125rem",
992
+ "text-decoration-line": "none",
993
+ "text-decoration-thickness": "0.125rem",
994
+ "text-underline-offset": "0.3333em",
995
+ "hover": {
996
+ "color": "#003677",
997
+ "text-decoration-line": "underline"
998
+ }
999
+ }
1000
+ },
1001
+ "spotlight": {
1002
+ "background-color": "#004699"
1003
+ }
1004
+ },
1005
+ "page-header": {
1006
+ "font-family": "'Amsterdam Sans', Arial, sans-serif",
1007
+ "padding-block": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
1008
+ "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
1009
+ "medium": {
1010
+ "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
1011
+ },
1012
+ "wide": {
1013
+ "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
1014
+ },
1015
+ "logo-link": {
1016
+ "column-gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1017
+ "outline-offset": "0.125rem"
1018
+ },
1019
+ "brand-name": {
1020
+ "color": "#181818",
1021
+ "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
1022
+ "font-weight": "800",
1023
+ "text-wrap": "balance"
1024
+ },
1025
+ "mega-menu": {
1026
+ "button": {
1027
+ "cursor": "pointer",
1028
+ "label": {
1029
+ "open": {
1030
+ "font-weight": "800"
1031
+ }
1032
+ }
1033
+ }
1034
+ },
1035
+ "menu": {
1036
+ "column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
1037
+ "row-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
1038
+ "item": {
1039
+ "color": "#004699",
1040
+ "column-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
1041
+ "font-family": "'Amsterdam Sans', Arial, sans-serif",
1042
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1043
+ "font-weight": "400",
1044
+ "line-height": "1.6667",
1045
+ "outline-offset": "0.125rem",
1046
+ "padding-block": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
1047
+ "hover": {
1048
+ "color": "#003677"
1049
+ }
1050
+ },
1051
+ "link": {
1052
+ "text-decoration-line": "none",
1053
+ "text-decoration-thickness": "0.125rem",
1054
+ "text-underline-offset": "0.3333em",
1055
+ "hover": {
1056
+ "text-decoration-line": "underline"
1057
+ }
1058
+ }
1059
+ },
1060
+ "navigation": {
1061
+ "column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
1062
+ "row-gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
1063
+ }
1064
+ },
1059
1065
  "page-heading": {
1060
- "color": "#000000",
1066
+ "color": "#181818",
1061
1067
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1062
1068
  "font-size": "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)",
1063
- "font-weight": 800,
1064
- "inverse-color": "#FFFFFF",
1065
- "line-height": "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)"
1066
- },
1067
- "page-menu": {
1068
- "column-gap": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
1069
- "row-gap": "clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)",
1070
- "item": {
1071
- "color": "#004699",
1072
- "font-family": "'Amsterdam Sans', Arial, sans-serif",
1073
- "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
1074
- "font-weight": 400,
1075
- "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1076
- "line-height": "1.6",
1077
- "outline-offset": "0.125rem",
1078
- "text-decoration-line": "none",
1079
- "text-decoration-thickness": "0.125rem",
1080
- "text-underline-offset": "0.3333em",
1081
- "hover": {
1082
- "color": "#102E62",
1083
- "text-decoration-line": "underline"
1084
- }
1069
+ "font-weight": "800",
1070
+ "line-height": "1.1386",
1071
+ "text-wrap": "balance",
1072
+ "inverse": {
1073
+ "color": "#ffffff"
1085
1074
  }
1086
1075
  },
1076
+ "page": {
1077
+ "background-color": "#ffffff",
1078
+ "max-inline-size": "100rem"
1079
+ },
1087
1080
  "pagination": {
1088
- "color": "#004699",
1089
1081
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1090
1082
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1091
- "font-weight": 400,
1092
- "line-height": "1.6",
1093
- "button": {
1083
+ "font-weight": "400",
1084
+ "line-height": "1.6667",
1085
+ "link": {
1086
+ "color": "#004699",
1094
1087
  "gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
1095
1088
  "outline-offset": "0.125rem",
1096
1089
  "padding-inline": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
@@ -1098,53 +1091,56 @@
1098
1091
  "text-decoration-thickness": "0.125rem",
1099
1092
  "text-underline-offset": "0.3333em",
1100
1093
  "current": {
1101
- "font-weight": 800
1094
+ "font-weight": "800"
1102
1095
  },
1103
1096
  "hover": {
1104
- "color": "#102E62",
1097
+ "color": "#003677",
1105
1098
  "text-decoration-line": "underline"
1106
1099
  }
1107
1100
  }
1108
1101
  },
1109
1102
  "paragraph": {
1110
- "color": "#000000",
1103
+ "color": "#181818",
1111
1104
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1112
1105
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1113
- "font-weight": 400,
1114
- "line-height": "1.6",
1115
- "inverse-color": "#FFFFFF",
1106
+ "font-weight": "400",
1107
+ "line-height": "1.6667",
1108
+ "inverse": {
1109
+ "color": "#ffffff"
1110
+ },
1116
1111
  "small": {
1117
1112
  "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
1118
- "line-height": "1.6"
1113
+ "line-height": "1.5152"
1119
1114
  },
1120
1115
  "large": {
1121
1116
  "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
1122
- "line-height": "1.5"
1117
+ "line-height": "1.5152"
1123
1118
  }
1124
1119
  },
1125
1120
  "password-input": {
1126
- "background-color": "#FFFFFF",
1127
- "box-shadow": "inset 0 0 0 0.0625rem #000000",
1128
- "color": "#000000",
1121
+ "background-color": "#ffffff",
1122
+ "box-shadow": "inset 0 0 0 0.0625rem #181818",
1123
+ "color": "#181818",
1129
1124
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1130
1125
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1131
- "font-weight": 400,
1132
- "line-height": "1.6",
1126
+ "font-weight": "400",
1127
+ "line-height": "1.6667",
1133
1128
  "outline-offset": "0.125rem",
1134
1129
  "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1135
1130
  "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1136
1131
  "disabled": {
1137
- "background-color": "#FFFFFF",
1132
+ "background-color": "#ffffff",
1138
1133
  "box-shadow": "inset 0 0 0 0.0625rem #767676",
1139
- "color": "#767676"
1134
+ "color": "#767676",
1135
+ "cursor": "not-allowed"
1140
1136
  },
1141
1137
  "hover": {
1142
- "box-shadow": "inset 0 0 0 0.125rem #000000"
1138
+ "box-shadow": "inset 0 0 0 0.125rem #181818"
1143
1139
  },
1144
1140
  "invalid": {
1145
- "box-shadow": "inset 0 0 0 0.0625rem #EC0000",
1141
+ "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
1146
1142
  "hover": {
1147
- "box-shadow": "inset 0 0 0 0.125rem #EC0000"
1143
+ "box-shadow": "inset 0 0 0 0.125rem #b70000"
1148
1144
  }
1149
1145
  },
1150
1146
  "placeholder": {
@@ -1152,12 +1148,13 @@
1152
1148
  }
1153
1149
  },
1154
1150
  "radio": {
1155
- "color": "#000000",
1151
+ "color": "#181818",
1152
+ "cursor": "pointer",
1156
1153
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1157
1154
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1158
- "font-weight": 400,
1155
+ "font-weight": "400",
1159
1156
  "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1160
- "line-height": "1.6",
1157
+ "line-height": "1.6667",
1161
1158
  "outline-offset": "0.125rem",
1162
1159
  "text-decoration-thickness": "0.125rem",
1163
1160
  "text-underline-offset": "0.3333em",
@@ -1173,28 +1170,28 @@
1173
1170
  }
1174
1171
  },
1175
1172
  "hover": {
1176
- "fill": "#102E62"
1173
+ "fill": "#003677"
1177
1174
  },
1178
1175
  "invalid": {
1179
- "fill": "#EC0000",
1176
+ "fill": "#ec0000",
1180
1177
  "hover": {
1181
- "fill": "#EC0000"
1178
+ "fill": "#b70000"
1182
1179
  }
1183
1180
  }
1184
1181
  },
1185
1182
  "hover-indicator": {
1186
1183
  "stroke-width": "3px",
1187
1184
  "hover": {
1188
- "stroke": "#004699"
1185
+ "stroke": "#003677"
1189
1186
  },
1190
1187
  "invalid": {
1191
1188
  "hover": {
1192
- "stroke": "#EC0000"
1189
+ "stroke": "#b70000"
1193
1190
  }
1194
1191
  }
1195
1192
  },
1196
1193
  "circle": {
1197
- "fill": "#FFFFFF",
1194
+ "fill": "#ffffff",
1198
1195
  "stroke": "#004699",
1199
1196
  "stroke-width": "2px",
1200
1197
  "disabled": {
@@ -1207,55 +1204,46 @@
1207
1204
  }
1208
1205
  },
1209
1206
  "hover": {
1210
- "stroke": "#102E62"
1207
+ "stroke": "#003677"
1211
1208
  },
1212
1209
  "invalid": {
1213
- "stroke": "#EC0000",
1210
+ "stroke": "#ec0000",
1214
1211
  "hover": {
1215
- "stroke": "#EC0000"
1212
+ "stroke": "#b70000"
1216
1213
  }
1217
1214
  }
1218
1215
  },
1219
1216
  "disabled": {
1220
- "color": "#767676"
1217
+ "color": "#767676",
1218
+ "cursor": "not-allowed"
1221
1219
  },
1222
1220
  "hover": {
1223
- "color": "#102E62",
1221
+ "color": "#003677",
1224
1222
  "text-decoration-line": "underline"
1225
1223
  },
1226
1224
  "icon-container": {
1227
- "block-size": "calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6)",
1225
+ "block-size": "calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6667)",
1228
1226
  "inline-size": "1.5rem"
1229
1227
  }
1230
1228
  },
1231
1229
  "row": {
1232
1230
  "gap": {
1233
- "no": "0",
1234
- "xs": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
1235
- "sm": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1236
- "md": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1237
- "lg": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
1238
- "xl": "clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)"
1239
- }
1240
- },
1241
- "screen": {
1242
- "background-color": "#FFFFFF",
1243
- "wide": {
1244
- "max-inline-size": "100rem"
1245
- },
1246
- "x-wide": {
1247
- "max-inline-size": "132rem"
1231
+ "x-small": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
1232
+ "small": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1233
+ "medium": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1234
+ "large": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
1235
+ "x-large": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
1248
1236
  }
1249
1237
  },
1250
1238
  "search-field": {
1251
1239
  "input": {
1252
- "background-color": "#FFFFFF",
1253
- "box-shadow": "inset 0 0 0 0.0625rem #000000",
1254
- "color": "#000000",
1240
+ "background-color": "#ffffff",
1241
+ "box-shadow": "inset 0 0 0 0.0625rem #181818",
1242
+ "color": "#181818",
1255
1243
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1256
1244
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1257
- "font-weight": 400,
1258
- "line-height": "1.6",
1245
+ "font-weight": "400",
1246
+ "line-height": "1.6667",
1259
1247
  "outline-offset": "0.125rem",
1260
1248
  "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1261
1249
  "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
@@ -1263,15 +1251,16 @@
1263
1251
  "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z'/></svg>\")",
1264
1252
  "block-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1265
1253
  "color": "#004699",
1254
+ "cursor": "pointer",
1266
1255
  "inline-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"
1267
1256
  },
1268
1257
  "hover": {
1269
- "box-shadow": "inset 0 0 0 0.125rem #000000"
1258
+ "box-shadow": "inset 0 0 0 0.125rem #181818"
1270
1259
  },
1271
1260
  "invalid": {
1272
- "box-shadow": "inset 0 0 0 0.0625rem #EC0000",
1261
+ "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
1273
1262
  "hover": {
1274
- "box-shadow": "inset 0 0 0 0.125rem #EC0000"
1263
+ "box-shadow": "inset 0 0 0 0.125rem #b70000"
1275
1264
  }
1276
1265
  },
1277
1266
  "placeholder": {
@@ -1280,30 +1269,31 @@
1280
1269
  }
1281
1270
  },
1282
1271
  "select": {
1283
- "background-color": "#FFFFFF",
1272
+ "background-color": "#ffffff",
1284
1273
  "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")",
1285
1274
  "background-position": "right clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) center",
1286
- "box-shadow": "inset 0 0 0 0.0625rem #000000",
1287
- "color": "#000000",
1275
+ "box-shadow": "inset 0 0 0 0.0625rem #181818",
1276
+ "color": "#181818",
1288
1277
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1289
1278
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1290
- "font-weight": 400,
1291
- "line-height": "1.6",
1279
+ "font-weight": "400",
1280
+ "line-height": "1.6667",
1292
1281
  "outline-offset": "0.125rem",
1293
1282
  "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1294
1283
  "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) calc(2 * clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) + 1em)",
1295
1284
  "disabled": {
1296
1285
  "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23BEBEBE' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")",
1297
1286
  "box-shadow": "inset 0 0 0 0.0625rem #767676",
1298
- "color": "#767676"
1287
+ "color": "#767676",
1288
+ "cursor": "not-allowed"
1299
1289
  },
1300
1290
  "hover": {
1301
- "box-shadow": "inset 0 0 0 0.125rem #000000"
1291
+ "box-shadow": "inset 0 0 0 0.125rem #181818"
1302
1292
  },
1303
1293
  "invalid": {
1304
- "box-shadow": "inset 0 0 0 0.0625rem #EC0000",
1294
+ "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
1305
1295
  "hover": {
1306
- "box-shadow": "inset 0 0 0 0.125rem #EC0000"
1296
+ "box-shadow": "inset 0 0 0 0.125rem #b70000"
1307
1297
  }
1308
1298
  },
1309
1299
  "option": {
@@ -1314,66 +1304,101 @@
1314
1304
  },
1315
1305
  "skip-link": {
1316
1306
  "background-color": "#004699",
1317
- "color": "#FFFFFF",
1307
+ "color": "#ffffff",
1318
1308
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1319
1309
  "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
1320
- "font-weight": 400,
1321
- "line-height": "1.6",
1310
+ "font-weight": "400",
1311
+ "line-height": "1.5152",
1322
1312
  "outline-offset": "0.125rem",
1323
1313
  "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1324
1314
  "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1325
1315
  "hover": {
1326
- "background-color": "#102E62"
1316
+ "background-color": "#003677"
1327
1317
  }
1328
1318
  },
1329
1319
  "spotlight": {
1330
- "background-color": "#A00078",
1331
- "blue": {
1332
- "background-color": "#009DE6"
1333
- },
1334
- "dark-green": {
1335
- "background-color": "#00A03C"
1320
+ "background-color": "#a00078",
1321
+ "azure": {
1322
+ "background-color": "#009de6"
1336
1323
  },
1337
1324
  "green": {
1338
- "background-color": "#BED200"
1325
+ "background-color": "#00a03c"
1326
+ },
1327
+ "lime": {
1328
+ "background-color": "#bed200"
1339
1329
  },
1340
1330
  "magenta": {
1341
- "background-color": "#E50082"
1331
+ "background-color": "#e50082"
1342
1332
  },
1343
1333
  "orange": {
1344
- "background-color": "#FF9100"
1334
+ "background-color": "#ff9100"
1345
1335
  },
1346
1336
  "yellow": {
1347
- "background-color": "#FFE600"
1337
+ "background-color": "#ffe600"
1338
+ }
1339
+ },
1340
+ "standalone-link": {
1341
+ "color": "#004699",
1342
+ "column-gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1343
+ "font-family": "'Amsterdam Sans', Arial, sans-serif",
1344
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1345
+ "font-weight": "400",
1346
+ "line-height": "1.6667",
1347
+ "outline-offset": "0.125rem",
1348
+ "text-decoration-thickness": "0.125rem",
1349
+ "text-underline-offset": "0.3333em",
1350
+ "contrast": {
1351
+ "color": "#000000",
1352
+ "hover": {
1353
+ "color": "#000000"
1354
+ }
1355
+ },
1356
+ "hover": {
1357
+ "color": "#003677",
1358
+ "text-decoration-thickness": "0.1875rem",
1359
+ "text-underline-offset": "0.2778em"
1360
+ },
1361
+ "inverse": {
1362
+ "color": "#ffffff",
1363
+ "hover": {
1364
+ "color": "#ffffff"
1365
+ }
1366
+ },
1367
+ "with-icon": {
1368
+ "text-decoration-line": "none",
1369
+ "hover": {
1370
+ "text-decoration-line": "underline"
1371
+ }
1348
1372
  }
1349
1373
  },
1350
1374
  "switch": {
1351
1375
  "background-color": "#767676",
1352
- "font-family": "'Amsterdam Sans', Arial, sans-serif",
1376
+ "cursor": "pointer",
1353
1377
  "outline-offset": "0.125rem",
1354
1378
  "inline-size": "3.5rem",
1355
1379
  "thumb": {
1356
- "background-color": "#FFFFFF",
1380
+ "background-color": "#ffffff",
1357
1381
  "inline-size": "1.75rem",
1358
1382
  "block-size": "1.75rem",
1359
1383
  "hover": {
1360
- "box-shadow": "0 0 0 0.125rem #102E62",
1361
- "color": "#102E62"
1384
+ "box-shadow": "0 0 0 0.125rem #003677",
1385
+ "color": "#003677"
1362
1386
  }
1363
1387
  },
1364
1388
  "checked": {
1365
1389
  "background-color": "#004699"
1366
1390
  },
1367
1391
  "disabled": {
1368
- "background-color": "#767676"
1392
+ "background-color": "#767676",
1393
+ "cursor": "not-allowed"
1369
1394
  }
1370
1395
  },
1371
1396
  "table-of-contents": {
1372
1397
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1373
1398
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1374
- "font-weight": 400,
1399
+ "font-weight": "400",
1375
1400
  "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1376
- "line-height": "1.6",
1401
+ "line-height": "1.6667",
1377
1402
  "link": {
1378
1403
  "color": "#004699",
1379
1404
  "outline-offset": "0.125rem",
@@ -1381,7 +1406,7 @@
1381
1406
  "text-decoration-thickness": "0.125rem",
1382
1407
  "text-underline-offset": "0.3333em",
1383
1408
  "hover": {
1384
- "color": "#102E62",
1409
+ "color": "#003677",
1385
1410
  "text-decoration-line": "underline"
1386
1411
  }
1387
1412
  },
@@ -1393,19 +1418,19 @@
1393
1418
  }
1394
1419
  },
1395
1420
  "heading": {
1396
- "font-weight": 800,
1421
+ "font-weight": "800",
1397
1422
  "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
1398
- "line-height": "1.5"
1423
+ "line-height": "1.2928"
1399
1424
  }
1400
1425
  },
1401
1426
  "table": {
1402
- "color": "#000000",
1427
+ "color": "#181818",
1403
1428
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1404
1429
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1405
- "font-weight": 400,
1406
- "line-height": "1.6",
1430
+ "font-weight": "400",
1431
+ "line-height": "1.6667",
1407
1432
  "caption": {
1408
- "font-weight": 800
1433
+ "font-weight": "800"
1409
1434
  },
1410
1435
  "cell": {
1411
1436
  "border-block-end": "0.0625rem solid #d1d1d1",
@@ -1413,7 +1438,7 @@
1413
1438
  "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
1414
1439
  },
1415
1440
  "header-cell": {
1416
- "font-weight": 800
1441
+ "font-weight": "800"
1417
1442
  }
1418
1443
  },
1419
1444
  "tabs": {
@@ -1426,19 +1451,18 @@
1426
1451
  "cursor": "pointer",
1427
1452
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1428
1453
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1429
- "font-weight": 400,
1430
- "line-height": "1.6",
1454
+ "font-weight": "400",
1455
+ "line-height": "1.6667",
1431
1456
  "outline-offset": "-0.25rem",
1432
1457
  "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1433
1458
  "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1434
1459
  "hover": {
1435
- "color": "#102E62",
1436
- "box-shadow": "inset 0 calc(0.125rem * -1) #102E62"
1460
+ "color": "#003677",
1461
+ "box-shadow": "inset 0 calc(0.125rem * -1)"
1437
1462
  },
1438
1463
  "selected": {
1439
- "box-shadow": "inset 0 calc(0.25rem * -1) #004699",
1440
- "color": "#004699",
1441
- "font-weight": 800
1464
+ "box-shadow": "inset 0 calc(0.25rem * -1)",
1465
+ "font-weight": "800"
1442
1466
  },
1443
1467
  "disabled": {
1444
1468
  "color": "#767676",
@@ -1447,30 +1471,30 @@
1447
1471
  }
1448
1472
  },
1449
1473
  "text-area": {
1450
- "background-color": "#FFFFFF",
1451
- "box-shadow": "inset 0 0 0 0.0625rem #000000",
1452
- "color": "#000000",
1474
+ "background-color": "#ffffff",
1475
+ "box-shadow": "inset 0 0 0 0.0625rem #181818",
1476
+ "color": "#181818",
1453
1477
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1454
1478
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1455
- "font-weight": 400,
1456
- "line-height": "1.6",
1457
- "min-block-size": "calc(1.6 * 1em + 2 * clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem))",
1479
+ "font-weight": "400",
1480
+ "line-height": "1.6667",
1481
+ "min-block-size": "calc(1.6667 * 1em + 2 * clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem))",
1458
1482
  "outline-offset": "0.125rem",
1459
1483
  "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1460
1484
  "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1461
1485
  "disabled": {
1462
- "background-color": "#FFFFFF",
1486
+ "background-color": "#ffffff",
1463
1487
  "box-shadow": "inset 0 0 0 0.0625rem #767676",
1464
1488
  "color": "#767676",
1465
1489
  "cursor": "not-allowed"
1466
1490
  },
1467
1491
  "hover": {
1468
- "box-shadow": "inset 0 0 0 0.125rem #000000"
1492
+ "box-shadow": "inset 0 0 0 0.125rem #181818"
1469
1493
  },
1470
1494
  "invalid": {
1471
- "box-shadow": "inset 0 0 0 0.0625rem #EC0000",
1495
+ "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
1472
1496
  "hover": {
1473
- "box-shadow": "inset 0 0 0 0.125rem #EC0000"
1497
+ "box-shadow": "inset 0 0 0 0.125rem #b70000"
1474
1498
  }
1475
1499
  },
1476
1500
  "placeholder": {
@@ -1478,28 +1502,29 @@
1478
1502
  }
1479
1503
  },
1480
1504
  "text-input": {
1481
- "background-color": "#FFFFFF",
1482
- "box-shadow": "inset 0 0 0 0.0625rem #000000",
1483
- "color": "#000000",
1505
+ "background-color": "#ffffff",
1506
+ "box-shadow": "inset 0 0 0 0.0625rem #181818",
1507
+ "color": "#181818",
1484
1508
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1485
1509
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1486
- "font-weight": 400,
1487
- "line-height": "1.6",
1510
+ "font-weight": "400",
1511
+ "line-height": "1.6667",
1488
1512
  "outline-offset": "0.125rem",
1489
1513
  "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1490
1514
  "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1491
1515
  "disabled": {
1492
- "background-color": "#FFFFFF",
1516
+ "background-color": "#ffffff",
1493
1517
  "box-shadow": "inset 0 0 0 0.0625rem #767676",
1494
- "color": "#767676"
1518
+ "color": "#767676",
1519
+ "cursor": "not-allowed"
1495
1520
  },
1496
1521
  "hover": {
1497
- "box-shadow": "inset 0 0 0 0.125rem #000000"
1522
+ "box-shadow": "inset 0 0 0 0.125rem #181818"
1498
1523
  },
1499
1524
  "invalid": {
1500
- "box-shadow": "inset 0 0 0 0.0625rem #EC0000",
1525
+ "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
1501
1526
  "hover": {
1502
- "box-shadow": "inset 0 0 0 0.125rem #EC0000"
1527
+ "box-shadow": "inset 0 0 0 0.125rem #b70000"
1503
1528
  }
1504
1529
  },
1505
1530
  "placeholder": {
@@ -1507,74 +1532,57 @@
1507
1532
  }
1508
1533
  },
1509
1534
  "time-input": {
1510
- "background-color": "#FFFFFF",
1511
- "box-shadow": "inset 0 0 0 0.0625rem #000000",
1512
- "color": "#000000",
1535
+ "background-color": "#ffffff",
1536
+ "box-shadow": "inset 0 0 0 0.0625rem #181818",
1537
+ "color": "#181818",
1513
1538
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1514
1539
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1515
- "font-weight": 400,
1516
- "line-height": "1.6",
1540
+ "font-weight": "400",
1541
+ "line-height": "1.6667",
1517
1542
  "outline-offset": "0.125rem",
1518
1543
  "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1519
1544
  "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1520
1545
  "calender-picker-indicator": {
1521
- "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23004699'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")"
1546
+ "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23004699'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")",
1547
+ "cursor": "pointer"
1522
1548
  },
1523
1549
  "disabled": {
1524
- "background-color": "#FFFFFF",
1550
+ "background-color": "#ffffff",
1525
1551
  "box-shadow": "inset 0 0 0 0.0625rem #767676",
1526
1552
  "color": "#767676",
1553
+ "cursor": "not-allowed",
1527
1554
  "calender-picker-indicator": {
1528
1555
  "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23BEBEBE'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")"
1529
1556
  }
1530
1557
  },
1531
1558
  "hover": {
1532
- "box-shadow": "inset 0 0 0 0.125rem #000000",
1559
+ "box-shadow": "inset 0 0 0 0.125rem #181818",
1533
1560
  "calender-picker-indicator": {
1534
1561
  "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23102E62'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")"
1535
1562
  }
1536
1563
  },
1537
1564
  "invalid": {
1538
- "box-shadow": "inset 0 0 0 0.0625rem #EC0000",
1565
+ "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
1539
1566
  "hover": {
1540
- "box-shadow": "inset 0 0 0 0.125rem #EC0000"
1567
+ "box-shadow": "inset 0 0 0 0.125rem #b70000"
1541
1568
  }
1542
1569
  }
1543
1570
  },
1544
- "top-task-link": {
1545
- "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1546
- "description": {
1547
- "color": "#000000",
1548
- "font-family": "'Amsterdam Sans', Arial, sans-serif",
1549
- "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
1550
- "font-weight": 400,
1551
- "line-height": "1.6"
1552
- },
1553
- "label": {
1554
- "color": "#004699",
1555
- "font-family": "'Amsterdam Sans', Arial, sans-serif",
1556
- "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
1557
- "font-weight": 800,
1558
- "line-height": "1.5",
1559
- "text-decoration-line": "none",
1560
- "text-decoration-thickness": "0.125rem",
1561
- "text-underline-offset": "0.3333em",
1562
- "hover": {
1563
- "color": "#102E62",
1564
- "text-decoration-line": "underline"
1565
- }
1566
- },
1567
- "outline-offset": "0.125rem"
1568
- },
1569
1571
  "unordered-list": {
1570
- "color": "#000000",
1572
+ "color": "#181818",
1571
1573
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1572
1574
  "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1573
- "font-weight": 400,
1575
+ "font-weight": "400",
1574
1576
  "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1575
- "inverse-color": "#FFFFFF",
1576
- "line-height": "1.6",
1577
+ "line-height": "1.6667",
1577
1578
  "list-style-type": "'\\2022'",
1579
+ "inverse": {
1580
+ "color": "#ffffff"
1581
+ },
1582
+ "small": {
1583
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
1584
+ "line-height": "1.5152"
1585
+ },
1578
1586
  "item": {
1579
1587
  "margin-inline-start": "1.625rem",
1580
1588
  "padding-inline-start": "0.875rem"
@@ -1588,10 +1596,6 @@
1588
1596
  "margin-inline-start": "0.875rem",
1589
1597
  "padding-inline-start": "0.875rem"
1590
1598
  }
1591
- },
1592
- "small": {
1593
- "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
1594
- "line-height": "1.6"
1595
1599
  }
1596
1600
  }
1597
1601
  }