@amsterdam/design-system-tokens 0.9.0 → 0.11.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 (56) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/build.js +15 -14
  3. package/dist/compact.css +13 -9
  4. package/dist/compact.d.ts +10 -12
  5. package/dist/compact.json +12 -7
  6. package/dist/compact.mjs +13 -9
  7. package/dist/compact.scss +13 -9
  8. package/dist/compact.theme.css +13 -9
  9. package/dist/index.css +145 -108
  10. package/dist/index.d.ts +96 -41
  11. package/dist/index.json +254 -192
  12. package/dist/index.mjs +223 -186
  13. package/dist/index.scss +145 -108
  14. package/dist/index.theme.css +145 -108
  15. package/package.json +3 -2
  16. package/src/brand/ams/proportion.tokens.json +3 -3
  17. package/src/brand/ams/space.compact.tokens.json +5 -0
  18. package/src/brand/ams/space.tokens.json +10 -19
  19. package/src/brand/ams/text.compact.tokens.json +7 -7
  20. package/src/brand/ams/text.tokens.json +7 -7
  21. package/src/components/ams/accordion.tokens.json +4 -4
  22. package/src/components/ams/alert.tokens.json +6 -3
  23. package/src/components/ams/avatar.tokens.json +26 -6
  24. package/src/components/ams/badge.tokens.json +1 -1
  25. package/src/components/ams/breadcrumb.tokens.json +4 -1
  26. package/src/components/ams/button.tokens.json +3 -3
  27. package/src/components/ams/card.tokens.json +4 -0
  28. package/src/components/ams/{form-field-character-counter.tokens.json → character-count.tokens.json} +1 -1
  29. package/src/components/ams/checkbox.tokens.json +1 -0
  30. package/src/components/ams/column.tokens.json +6 -5
  31. package/src/components/ams/date-input.tokens.json +2 -2
  32. package/src/components/ams/description-list.tokens.json +3 -3
  33. package/src/components/ams/dialog.tokens.json +8 -7
  34. package/src/components/ams/field-set.tokens.json +3 -7
  35. package/src/components/ams/field.tokens.json +3 -9
  36. package/src/components/ams/file-input.tokens.json +5 -5
  37. package/src/components/ams/form-error-list.tokens.json +7 -0
  38. package/src/components/ams/header.tokens.json +1 -1
  39. package/src/components/ams/link-list.tokens.json +2 -2
  40. package/src/components/ams/mega-menu.tokens.json +1 -1
  41. package/src/components/ams/ordered-list.tokens.json +1 -1
  42. package/src/components/ams/page-menu.tokens.json +1 -1
  43. package/src/components/ams/pagination.tokens.json +2 -1
  44. package/src/components/ams/radio.tokens.json +1 -0
  45. package/src/components/ams/row.tokens.json +6 -5
  46. package/src/components/ams/search-field.tokens.json +4 -4
  47. package/src/components/ams/select.tokens.json +3 -3
  48. package/src/components/ams/skip-link.tokens.json +2 -2
  49. package/src/components/ams/table-of-contents.tokens.json +34 -0
  50. package/src/components/ams/table.tokens.json +2 -2
  51. package/src/components/ams/tabs.tokens.json +3 -2
  52. package/src/components/ams/text-area.tokens.json +2 -2
  53. package/src/components/ams/text-input.tokens.json +2 -2
  54. package/src/components/ams/time-input.tokens.json +2 -2
  55. package/src/components/ams/top-task-link.tokens.json +1 -0
  56. package/src/components/ams/unordered-list.tokens.json +1 -1
package/dist/index.json CHANGED
@@ -27,33 +27,24 @@
27
27
  },
28
28
  "proportion": {
29
29
  "x-tall": "9 / 16",
30
- "tall": "4 / 5",
30
+ "tall": "3 / 4",
31
31
  "square": "1 / 1",
32
- "wide": "5 / 4",
32
+ "wide": "4 / 3",
33
33
  "x-wide": "16 / 9",
34
- "2x-wide": "32 / 9"
34
+ "2x-wide": "16 / 5"
35
35
  },
36
36
  "space": {
37
+ "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)",
37
42
  "grid": {
38
- "xs": "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)",
39
- "sm": "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",
40
- "md": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
41
- "lg": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
42
- "xl": "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)"
43
- },
44
- "inside": {
45
- "xs": ".5rem",
46
- "sm": ".75rem",
47
- "md": "1rem",
48
- "lg": "1.5rem",
49
- "xl": "2rem"
50
- },
51
- "stack": {
52
- "xs": ".5rem",
53
- "sm": ".75rem",
54
- "md": "1rem",
55
- "lg": "1.5rem",
56
- "xl": "2rem"
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)"
57
48
  }
58
49
  },
59
50
  "text": {
@@ -64,31 +55,31 @@
64
55
  },
65
56
  "level": {
66
57
  "0": {
67
- "font-size": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)",
58
+ "font-size": "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)",
68
59
  "line-height": "1.15"
69
60
  },
70
61
  "1": {
71
- "font-size": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)",
62
+ "font-size": "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)",
72
63
  "line-height": "1.2"
73
64
  },
74
65
  "2": {
75
- "font-size": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)",
66
+ "font-size": "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)",
76
67
  "line-height": "1.25"
77
68
  },
78
69
  "3": {
79
- "font-size": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
70
+ "font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
80
71
  "line-height": "1.3"
81
72
  },
82
73
  "4": {
83
- "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
74
+ "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
84
75
  "line-height": "1.5"
85
76
  },
86
77
  "5": {
87
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
78
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
88
79
  "line-height": "1.6"
89
80
  },
90
81
  "6": {
91
- "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
82
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
92
83
  "line-height": "1.6"
93
84
  }
94
85
  }
@@ -149,15 +140,15 @@
149
140
  }
150
141
  },
151
142
  "accordion": {
152
- "gap": ".5rem",
143
+ "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
153
144
  "button": {
154
145
  "color": "#004699",
155
146
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
156
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
147
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
157
148
  "font-weight": 800,
158
- "gap": "1rem",
149
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
159
150
  "line-height": "1.6",
160
- "padding-block": ".75rem",
151
+ "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
161
152
  "padding-inline": "0",
162
153
  "focus": {
163
154
  "outline-offset": "0.125rem"
@@ -167,16 +158,16 @@
167
158
  }
168
159
  },
169
160
  "panel": {
170
- "padding-block": "0 1rem",
161
+ "padding-block": "0",
171
162
  "padding-inline": "0"
172
163
  }
173
164
  },
174
165
  "alert": {
175
166
  "border-width": "0.25rem",
176
167
  "border-style": "solid",
177
- "gap": "1rem",
178
- "padding-block": "1rem",
179
- "padding-inline": "1.5rem",
168
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
169
+ "padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
170
+ "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
180
171
  "error": {
181
172
  "border-color": "#EC0000"
182
173
  },
@@ -194,29 +185,32 @@
194
185
  "hover": {
195
186
  "fill": "#004699"
196
187
  }
188
+ },
189
+ "content": {
190
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
197
191
  }
198
192
  },
199
193
  "aspect-ratio": {
200
194
  "x-tall": "9 / 16",
201
- "tall": "4 / 5",
195
+ "tall": "3 / 4",
202
196
  "square": "1 / 1",
203
- "wide": "5 / 4",
197
+ "wide": "4 / 3",
204
198
  "x-wide": "16 / 9",
205
- "2x-wide": "32 / 9"
199
+ "2x-wide": "16 / 5"
206
200
  },
207
201
  "avatar": {
208
202
  "aspect-ratio": "1 / 1",
209
203
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
210
- "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
204
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
211
205
  "font-weight": 400,
212
206
  "line-height": "1.6",
213
- "padding-block": "0.25rem",
214
- "padding-inline": "0.25rem",
215
- "blue": {
216
- "background-color": "#009DE6",
217
- "color": "#000000"
207
+ "padding-block": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
208
+ "padding-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
209
+ "black": {
210
+ "background-color": "#000000",
211
+ "color": "#FFFFFF"
218
212
  },
219
- "dark-blue": {
213
+ "blue": {
220
214
  "background-color": "#004699",
221
215
  "color": "#FFFFFF"
222
216
  },
@@ -228,6 +222,22 @@
228
222
  "background-color": "#BED200",
229
223
  "color": "#000000"
230
224
  },
225
+ "grey-1": {
226
+ "background-color": "#E8E8E8",
227
+ "color": "#000000"
228
+ },
229
+ "grey-2": {
230
+ "background-color": "#BEBEBE",
231
+ "color": "#000000"
232
+ },
233
+ "grey-3": {
234
+ "background-color": "#767676",
235
+ "color": "#FFFFFF"
236
+ },
237
+ "light-blue": {
238
+ "background-color": "#009DE6",
239
+ "color": "#000000"
240
+ },
231
241
  "magenta": {
232
242
  "background-color": "#E50082",
233
243
  "color": "#FFFFFF"
@@ -244,6 +254,10 @@
244
254
  "background-color": "#EC0000",
245
255
  "color": "#FFFFFF"
246
256
  },
257
+ "white": {
258
+ "background-color": "#FFFFFF",
259
+ "color": "#000000"
260
+ },
247
261
  "yellow": {
248
262
  "background-color": "#FFE600",
249
263
  "color": "#000000"
@@ -251,10 +265,10 @@
251
265
  },
252
266
  "badge": {
253
267
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
254
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
268
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
255
269
  "font-weight": 800,
256
270
  "line-height": "1.6",
257
- "padding-inline": ".5rem",
271
+ "padding-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
258
272
  "black": {
259
273
  "background-color": "#000000",
260
274
  "color": "#FFFFFF"
@@ -315,18 +329,21 @@
315
329
  "blockquote": {
316
330
  "color": "#000000",
317
331
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
318
- "font-size": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
332
+ "font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
319
333
  "font-weight": 800,
320
334
  "line-height": "1.3",
321
335
  "inverse-color": "#FFFFFF"
322
336
  },
323
337
  "breadcrumb": {
324
338
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
325
- "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
339
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
326
340
  "font-weight": 400,
327
341
  "line-height": "1.6",
328
342
  "separator": {
329
- "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>\")"
343
+ "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>\")",
344
+ "block-size": "1ex",
345
+ "inline-size": "1ex",
346
+ "margin-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"
330
347
  },
331
348
  "link": {
332
349
  "color": "#004699",
@@ -343,12 +360,12 @@
343
360
  "button": {
344
361
  "cursor": "pointer",
345
362
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
346
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
363
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
347
364
  "line-height": "1.6",
348
- "gap": "1rem",
349
- "padding-block": ".5rem",
350
- "padding-inline": "1rem",
365
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
351
366
  "outline-offset": "0.125rem",
367
+ "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
368
+ "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
352
369
  "disabled": {
353
370
  "cursor": "not-allowed"
354
371
  },
@@ -399,6 +416,10 @@
399
416
  }
400
417
  },
401
418
  "card": {
419
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
420
+ "heading-group": {
421
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
422
+ },
402
423
  "link": {
403
424
  "color": "#004699",
404
425
  "text-decoration-line": "none",
@@ -411,11 +432,22 @@
411
432
  },
412
433
  "outline-offset": "0.125rem"
413
434
  },
435
+ "character-count": {
436
+ "color": "#000000",
437
+ "font-family": "'Amsterdam Sans', Arial, sans-serif",
438
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
439
+ "font-weight": 400,
440
+ "line-height": "1.6",
441
+ "error": {
442
+ "color": "#EC0000"
443
+ }
444
+ },
414
445
  "checkbox": {
415
446
  "color": "#000000",
416
447
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
417
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
448
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
418
449
  "font-weight": 400,
450
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
419
451
  "line-height": "1.6",
420
452
  "outline-offset": "0.125rem",
421
453
  "checkmark": {
@@ -484,11 +516,12 @@
484
516
  },
485
517
  "column": {
486
518
  "gap": {
487
- "xs": "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)",
488
- "sm": "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",
489
- "md": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
490
- "lg": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
491
- "xl": "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)"
519
+ "no": "0",
520
+ "xs": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
521
+ "sm": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
522
+ "md": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
523
+ "lg": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
524
+ "xl": "clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)"
492
525
  }
493
526
  },
494
527
  "date-input": {
@@ -496,12 +529,12 @@
496
529
  "box-shadow": "inset 0 0 0 0.0625rem #000000",
497
530
  "color": "#000000",
498
531
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
499
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
532
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
500
533
  "font-weight": 400,
501
534
  "line-height": "1.6",
502
535
  "outline-offset": "0.125rem",
503
- "padding-block": ".5rem",
504
- "padding-inline": "1.5rem",
536
+ "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
537
+ "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
505
538
  "calender-picker-indicator": {
506
539
  "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>\")"
507
540
  },
@@ -529,62 +562,63 @@
529
562
  "description-list": {
530
563
  "color": "#000000",
531
564
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
532
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
565
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
533
566
  "font-weight": 400,
534
- "gap": "1rem",
567
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
535
568
  "inverse-color": "#FFFFFF",
536
569
  "line-height": "1.6",
537
570
  "row": {
538
- "gap": "1rem"
571
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
539
572
  },
540
573
  "details": {
541
574
  "font-weight": 800,
542
- "padding-inline-start": "2rem"
575
+ "padding-inline-start": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"
543
576
  }
544
577
  },
545
578
  "dialog": {
546
579
  "background-color": "#FFFFFF",
547
580
  "border": "0",
548
- "max-inline-size": "min(87.69vw, 45rem)",
581
+ "inline-size": "calc(100% - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))",
582
+ "max-block-size": "calc(100% - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))",
583
+ "max-inline-size": "48rem",
549
584
  "form": {
550
- "gap": "1.5rem",
551
- "padding-block": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)",
552
- "padding-inline": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)",
553
- "max-block-size": "75vh"
585
+ "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
586
+ "padding-block": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
587
+ "padding-inline": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"
554
588
  },
555
589
  "header": {
556
- "gap": "1rem"
590
+ "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
557
591
  },
558
592
  "footer": {
559
- "gap": "1rem"
593
+ "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
560
594
  }
561
595
  },
562
596
  "error-message": {
563
597
  "color": "#EC0000",
564
598
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
565
- "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
599
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
566
600
  "font-weight": 400,
567
601
  "line-height": "1.6"
568
602
  },
569
603
  "field-set": {
570
604
  "invalid": {
571
605
  "border-inline-start": "0.1875rem solid #EC0000",
572
- "padding-inline-start": "1rem"
606
+ "padding-inline-start": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
573
607
  },
574
608
  "legend": {
575
609
  "color": "#000000",
576
610
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
577
- "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
611
+ "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
578
612
  "font-weight": 800,
579
613
  "line-height": "1.5",
580
- "margin-block-end": "1rem"
614
+ "margin-block-end": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
581
615
  }
582
616
  },
583
617
  "field": {
584
- "gap": ".75rem",
618
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
585
619
  "invalid": {
586
620
  "border-inline-start": "0.1875rem solid #EC0000",
587
- "padding-inline-start": "1rem"
621
+ "padding-inline-start": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
588
622
  }
589
623
  },
590
624
  "file-input": {
@@ -593,12 +627,12 @@
593
627
  "color": "#000000",
594
628
  "cursor": "pointer",
595
629
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
596
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
630
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
597
631
  "font-weight": 400,
598
632
  "line-height": "1.6",
599
633
  "outline-offset": "0.125rem",
600
- "padding-block": "1rem",
601
- "padding-inline": "1rem",
634
+ "padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
635
+ "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
602
636
  "disabled": {
603
637
  "color": "#BEBEBE",
604
638
  "cursor": "not-allowed"
@@ -608,9 +642,9 @@
608
642
  "box-shadow": "inset 0 0 0 0.125rem #004699",
609
643
  "color": "#004699",
610
644
  "cursor": "pointer",
611
- "margin-inline-end": "1rem",
612
- "padding-block": ".5rem",
613
- "padding-inline": "1rem",
645
+ "margin-inline-end": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
646
+ "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
647
+ "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
614
648
  "hover": {
615
649
  "box-shadow": "inset 0 0 0 0.1875rem #102E62",
616
650
  "color": "#102E62"
@@ -625,36 +659,29 @@
625
659
  }
626
660
  }
627
661
  },
628
- "form-field-character-counter": {
629
- "color": "#000000",
630
- "font-family": "'Amsterdam Sans', Arial, sans-serif",
631
- "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
632
- "font-weight": 400,
633
- "line-height": "1.6",
634
- "error": {
635
- "color": "#EC0000"
636
- }
662
+ "form-error-list": {
663
+ "outline-offset": "0.125rem"
637
664
  },
638
665
  "gap": {
639
- "xs": "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)",
640
- "sm": "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",
641
- "md": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
642
- "lg": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
643
- "xl": "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)"
666
+ "xs": "clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)",
667
+ "sm": "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)",
668
+ "md": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
669
+ "lg": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)",
670
+ "xl": "clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"
644
671
  },
645
672
  "grid": {
646
673
  "column-count": "4",
647
- "column-gap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
674
+ "column-gap": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
648
675
  "padding-block": {
649
- "sm": "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",
650
- "md": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
651
- "lg": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)"
676
+ "sm": "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)",
677
+ "md": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
678
+ "lg": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"
652
679
  },
653
- "padding-inline": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
680
+ "padding-inline": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)",
654
681
  "row-gap": {
655
- "sm": "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",
656
- "md": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
657
- "lg": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)"
682
+ "sm": "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)",
683
+ "md": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
684
+ "lg": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"
658
685
  },
659
686
  "medium": {
660
687
  "column-count": "8"
@@ -664,8 +691,8 @@
664
691
  }
665
692
  },
666
693
  "header": {
667
- "column-gap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
668
- "padding-block": "1rem",
694
+ "column-gap": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
695
+ "padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
669
696
  "logo-link": {
670
697
  "outline-offset": "0.125rem"
671
698
  }
@@ -677,27 +704,27 @@
677
704
  "inverse-color": "#FFFFFF",
678
705
  "level": {
679
706
  "1": {
680
- "font-size": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)",
707
+ "font-size": "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)",
681
708
  "line-height": "1.2"
682
709
  },
683
710
  "2": {
684
- "font-size": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)",
711
+ "font-size": "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)",
685
712
  "line-height": "1.25"
686
713
  },
687
714
  "3": {
688
- "font-size": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
715
+ "font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
689
716
  "line-height": "1.3"
690
717
  },
691
718
  "4": {
692
- "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
719
+ "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
693
720
  "line-height": "1.5"
694
721
  },
695
722
  "5": {
696
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
723
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
697
724
  "line-height": "1.6"
698
725
  },
699
726
  "6": {
700
- "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
727
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
701
728
  "line-height": "1.6"
702
729
  }
703
730
  }
@@ -737,48 +764,48 @@
737
764
  },
738
765
  "icon": {
739
766
  "size-3": {
740
- "font-size": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
767
+ "font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
741
768
  "line-height": "1.3"
742
769
  },
743
770
  "size-4": {
744
- "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
771
+ "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
745
772
  "line-height": "1.5"
746
773
  },
747
774
  "size-5": {
748
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
775
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
749
776
  "line-height": "1.6"
750
777
  },
751
778
  "size-6": {
752
- "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
779
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
753
780
  "line-height": "1.6"
754
781
  }
755
782
  },
756
783
  "label": {
757
784
  "color": "#000000",
758
785
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
759
- "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
786
+ "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
760
787
  "font-weight": 800,
761
788
  "line-height": "1.5"
762
789
  },
763
790
  "link-list": {
764
- "gap": "0.5em",
791
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
765
792
  "link": {
766
793
  "color": "#004699",
767
794
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
768
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
795
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
769
796
  "font-weight": 400,
770
- "gap": "0.5em",
797
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
771
798
  "line-height": "1.6",
772
799
  "outline-offset": "0.125rem",
773
800
  "text-decoration-line": "none",
774
801
  "text-decoration-thickness": "0.125rem",
775
802
  "text-underline-offset": "0.3333em",
776
803
  "small": {
777
- "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
804
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
778
805
  "line-height": "1.6"
779
806
  },
780
807
  "large": {
781
- "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
808
+ "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
782
809
  "line-height": "1.5"
783
810
  },
784
811
  "hover": {
@@ -823,7 +850,7 @@
823
850
  }
824
851
  },
825
852
  "standalone": {
826
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
853
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
827
854
  "line-height": "1.6",
828
855
  "text-decoration-line": "underline",
829
856
  "text-decoration-thickness": "0.125rem",
@@ -865,34 +892,34 @@
865
892
  }
866
893
  },
867
894
  "margin": {
868
- "xs": "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)",
869
- "sm": "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)",
870
- "md": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
871
- "lg": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
872
- "xl": "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)"
895
+ "xs": "clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)",
896
+ "sm": "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)",
897
+ "md": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
898
+ "lg": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)",
899
+ "xl": "clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"
873
900
  },
874
901
  "mark": {
875
902
  "background-color": "#FFE600"
876
903
  },
877
904
  "mega-menu": {
878
905
  "list-category": {
879
- "column-gap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
906
+ "column-gap": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
880
907
  "column-width": "20rem",
881
- "padding-block-start": "1rem",
882
- "padding-block-end": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"
908
+ "padding-block-start": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
909
+ "padding-block-end": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)"
883
910
  }
884
911
  },
885
912
  "ordered-list": {
886
913
  "color": "#000000",
887
914
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
888
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
915
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
889
916
  "font-weight": 400,
890
- "gap": "0.75rem",
917
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
891
918
  "inverse-color": "#FFFFFF",
892
919
  "line-height": "1.6",
893
920
  "list-style-type": "decimal",
894
921
  "small": {
895
- "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
922
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
896
923
  "line-height": "1.6"
897
924
  },
898
925
  "item": {
@@ -910,20 +937,20 @@
910
937
  "page-heading": {
911
938
  "color": "#000000",
912
939
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
913
- "font-size": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)",
940
+ "font-size": "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)",
914
941
  "font-weight": 800,
915
942
  "inverse-color": "#FFFFFF",
916
- "line-height": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)"
943
+ "line-height": "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)"
917
944
  },
918
945
  "page-menu": {
919
- "column-gap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
920
- "row-gap": "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)",
946
+ "column-gap": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
947
+ "row-gap": "clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)",
921
948
  "item": {
922
949
  "color": "#004699",
923
950
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
924
- "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
951
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
925
952
  "font-weight": 400,
926
- "gap": "0.5rem",
953
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
927
954
  "line-height": "1.6",
928
955
  "outline-offset": "0.125rem",
929
956
  "text-decoration-line": "none",
@@ -938,12 +965,13 @@
938
965
  "pagination": {
939
966
  "color": "#004699",
940
967
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
941
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
968
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
942
969
  "font-weight": 400,
943
970
  "line-height": "1.6",
944
971
  "button": {
972
+ "gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
945
973
  "outline-offset": "0.125rem",
946
- "padding-inline": ".75rem",
974
+ "padding-inline": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
947
975
  "text-decoration-line": "none",
948
976
  "text-decoration-thickness": "0.125rem",
949
977
  "text-underline-offset": "0.3333em",
@@ -959,24 +987,25 @@
959
987
  "paragraph": {
960
988
  "color": "#000000",
961
989
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
962
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
990
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
963
991
  "font-weight": 400,
964
992
  "line-height": "1.6",
965
993
  "inverse-color": "#FFFFFF",
966
994
  "small": {
967
- "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
995
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
968
996
  "line-height": "1.6"
969
997
  },
970
998
  "large": {
971
- "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
999
+ "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
972
1000
  "line-height": "1.5"
973
1001
  }
974
1002
  },
975
1003
  "radio": {
976
1004
  "color": "#000000",
977
1005
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
978
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
1006
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
979
1007
  "font-weight": 400,
1008
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
980
1009
  "line-height": "1.6",
981
1010
  "outline-offset": "0.125rem",
982
1011
  "circle": {
@@ -1024,11 +1053,12 @@
1024
1053
  },
1025
1054
  "row": {
1026
1055
  "gap": {
1027
- "xs": ".5rem",
1028
- "sm": ".75rem",
1029
- "md": "1rem",
1030
- "lg": "1.5rem",
1031
- "xl": "2rem"
1056
+ "no": "0",
1057
+ "xs": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
1058
+ "sm": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1059
+ "md": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1060
+ "lg": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
1061
+ "xl": "clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)"
1032
1062
  }
1033
1063
  },
1034
1064
  "screen": {
@@ -1045,8 +1075,8 @@
1045
1075
  "background-color": "#004699",
1046
1076
  "color": "#FFFFFF",
1047
1077
  "outline-offset": "0.125rem",
1048
- "padding-block": ".5rem",
1049
- "padding-inline": ".5rem",
1078
+ "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1079
+ "padding-inline": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1050
1080
  "hover": {
1051
1081
  "background-color": "#102E62"
1052
1082
  }
@@ -1056,17 +1086,17 @@
1056
1086
  "box-shadow": "inset 0 0 0 0.0625rem #000000",
1057
1087
  "color": "#000000",
1058
1088
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1059
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
1089
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1060
1090
  "font-weight": 400,
1061
1091
  "line-height": "1.6",
1062
1092
  "outline-offset": "0.125rem",
1063
- "padding-block": ".5rem",
1064
- "padding-inline": "1rem",
1093
+ "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1094
+ "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1065
1095
  "cancel-button": {
1066
1096
  "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>\")",
1067
- "block-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
1097
+ "block-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1068
1098
  "color": "#004699",
1069
- "inline-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)"
1099
+ "inline-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"
1070
1100
  },
1071
1101
  "hover": {
1072
1102
  "box-shadow": "inset 0 0 0 0.125rem #000000"
@@ -1085,16 +1115,16 @@
1085
1115
  "select": {
1086
1116
  "background-color": "#FFFFFF",
1087
1117
  "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>\")",
1088
- "background-position": "right 1rem center",
1118
+ "background-position": "right clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) center",
1089
1119
  "box-shadow": "inset 0 0 0 0.0625rem #000000",
1090
1120
  "color": "#000000",
1091
1121
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1092
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
1122
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1093
1123
  "font-weight": 400,
1094
1124
  "line-height": "1.6",
1095
1125
  "outline-offset": "0.125rem",
1096
- "padding-block": ".5rem",
1097
- "padding-inline": "1rem calc(2 * 1rem + 1em)",
1126
+ "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1127
+ "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) calc(2 * clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) + 1em)",
1098
1128
  "disabled": {
1099
1129
  "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>\")",
1100
1130
  "box-shadow": "inset 0 0 0 0.0625rem #BEBEBE",
@@ -1119,12 +1149,12 @@
1119
1149
  "background-color": "#004699",
1120
1150
  "color": "#FFFFFF",
1121
1151
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1122
- "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
1152
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
1123
1153
  "font-weight": 400,
1124
1154
  "line-height": "1.6",
1125
1155
  "outline-offset": "0.125rem",
1126
- "padding-block": ".5rem",
1127
- "padding-inline": "1rem",
1156
+ "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1157
+ "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1128
1158
  "hover": {
1129
1159
  "background-color": "#102E62"
1130
1160
  }
@@ -1176,10 +1206,40 @@
1176
1206
  "background-color": "#BEBEBE"
1177
1207
  }
1178
1208
  },
1209
+ "table-of-contents": {
1210
+ "font-family": "'Amsterdam Sans', Arial, sans-serif",
1211
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1212
+ "font-weight": 400,
1213
+ "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1214
+ "line-height": "1.6",
1215
+ "link": {
1216
+ "color": "#004699",
1217
+ "outline-offset": "0.125rem",
1218
+ "text-decoration-line": "none",
1219
+ "text-decoration-thickness": "0.125rem",
1220
+ "text-underline-offset": "0.3333em",
1221
+ "hover": {
1222
+ "color": "#102E62",
1223
+ "text-decoration-line": "underline"
1224
+ }
1225
+ },
1226
+ "list": {
1227
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1228
+ "list": {
1229
+ "padding-block-start": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1230
+ "padding-inline-start": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"
1231
+ }
1232
+ },
1233
+ "heading": {
1234
+ "font-weight": 800,
1235
+ "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
1236
+ "line-height": "1.5"
1237
+ }
1238
+ },
1179
1239
  "table": {
1180
1240
  "color": "#000000",
1181
1241
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1182
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
1242
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1183
1243
  "font-weight": 400,
1184
1244
  "line-height": "1.6",
1185
1245
  "caption": {
@@ -1187,14 +1247,15 @@
1187
1247
  },
1188
1248
  "cell": {
1189
1249
  "border-block-end": "0.0625rem solid #E8E8E8",
1190
- "padding-block": "1rem",
1191
- "padding-inline": "1rem"
1250
+ "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1251
+ "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
1192
1252
  },
1193
1253
  "header-cell": {
1194
1254
  "font-weight": 800
1195
1255
  }
1196
1256
  },
1197
1257
  "tabs": {
1258
+ "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1198
1259
  "list": {
1199
1260
  "background-color": "#FFFFFF",
1200
1261
  "border-block-end": "0.125rem solid #004699"
@@ -1203,12 +1264,12 @@
1203
1264
  "color": "#004699",
1204
1265
  "cursor": "pointer",
1205
1266
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1206
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
1267
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1207
1268
  "font-weight": 400,
1208
1269
  "line-height": "1.6",
1209
1270
  "outline-offset": "-0.25rem",
1210
- "padding-block": ".5rem",
1211
- "padding-inline": "1rem",
1271
+ "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1272
+ "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1212
1273
  "hover": {
1213
1274
  "color": "#102E62",
1214
1275
  "box-shadow": "inset 0 -0.125rem 0 0 #102E62"
@@ -1228,13 +1289,13 @@
1228
1289
  "box-shadow": "inset 0 0 0 0.0625rem #000000",
1229
1290
  "color": "#000000",
1230
1291
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1231
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
1292
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1232
1293
  "font-weight": 400,
1233
1294
  "line-height": "1.6",
1234
- "min-block-size": "calc(1.6 * 1em + 2 * 0.5rem)",
1295
+ "min-block-size": "calc(1.6 * 1em + 2 * clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem))",
1235
1296
  "outline-offset": "0.125rem",
1236
- "padding-block": "0.5rem",
1237
- "padding-inline": "1rem",
1297
+ "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1298
+ "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1238
1299
  "disabled": {
1239
1300
  "background-color": "#FFFFFF",
1240
1301
  "box-shadow": "inset 0 0 0 0.0625rem #BEBEBE",
@@ -1259,12 +1320,12 @@
1259
1320
  "box-shadow": "inset 0 0 0 0.0625rem #000000",
1260
1321
  "color": "#000000",
1261
1322
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1262
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
1323
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1263
1324
  "font-weight": 400,
1264
1325
  "line-height": "1.6",
1265
1326
  "outline-offset": "0.125rem",
1266
- "padding-block": ".5rem",
1267
- "padding-inline": "1rem",
1327
+ "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1328
+ "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1268
1329
  "disabled": {
1269
1330
  "background-color": "#FFFFFF",
1270
1331
  "box-shadow": "inset 0 0 0 0.0625rem #BEBEBE",
@@ -1288,12 +1349,12 @@
1288
1349
  "box-shadow": "inset 0 0 0 0.0625rem #000000",
1289
1350
  "color": "#000000",
1290
1351
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1291
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
1352
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1292
1353
  "font-weight": 400,
1293
1354
  "line-height": "1.6",
1294
1355
  "outline-offset": "0.125rem",
1295
- "padding-block": ".5rem",
1296
- "padding-inline": "1rem",
1356
+ "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1357
+ "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
1297
1358
  "calender-picker-indicator": {
1298
1359
  "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>\")"
1299
1360
  },
@@ -1319,17 +1380,18 @@
1319
1380
  }
1320
1381
  },
1321
1382
  "top-task-link": {
1383
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1322
1384
  "description": {
1323
1385
  "color": "#000000",
1324
1386
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1325
- "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
1387
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
1326
1388
  "font-weight": 400,
1327
1389
  "line-height": "1.6"
1328
1390
  },
1329
1391
  "label": {
1330
1392
  "color": "#004699",
1331
1393
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1332
- "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
1394
+ "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
1333
1395
  "font-weight": 800,
1334
1396
  "line-height": "1.5",
1335
1397
  "text-decoration-line": "none",
@@ -1345,9 +1407,9 @@
1345
1407
  "unordered-list": {
1346
1408
  "color": "#000000",
1347
1409
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
1348
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
1410
+ "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
1349
1411
  "font-weight": 400,
1350
- "gap": "0.75rem",
1412
+ "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
1351
1413
  "inverse-color": "#FFFFFF",
1352
1414
  "line-height": "1.6",
1353
1415
  "list-style-type": "'\\2022'",
@@ -1363,7 +1425,7 @@
1363
1425
  }
1364
1426
  },
1365
1427
  "small": {
1366
- "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
1428
+ "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
1367
1429
  "line-height": "1.6"
1368
1430
  }
1369
1431
  }