@amsterdam/design-system-tokens 3.3.0 → 4.0.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.
- package/CHANGELOG.md +61 -3
- package/README.md +131 -22
- package/build.js +11 -1
- package/dist/compact.css +9 -2
- package/dist/compact.d.ts +21 -6
- package/dist/compact.json +33 -18
- package/dist/compact.mjs +21 -13
- package/dist/compact.scss +9 -2
- package/dist/compact.theme.css +9 -2
- package/dist/index.css +177 -165
- package/dist/index.d.ts +250 -226
- package/dist/index.json +345 -321
- package/dist/index.mjs +285 -267
- package/dist/index.scss +177 -165
- package/dist/index.theme.css +177 -165
- package/package.json +2 -2
- package/src/brand/ams/aspect-ratio.tokens.json +24 -6
- package/src/brand/ams/border.compact.tokens.json +20 -0
- package/src/brand/ams/border.tokens.json +25 -0
- package/src/brand/ams/color.compact.tokens.json +15 -0
- package/src/brand/ams/color.tokens.json +37 -49
- package/src/brand/ams/cursor.tokens.json +9 -2
- package/src/brand/ams/focus.tokens.json +1 -0
- package/src/brand/ams/space.compact.tokens.json +16 -4
- package/src/brand/ams/space.tokens.json +31 -6
- package/src/brand/ams/typography.compact.tokens.json +36 -27
- package/src/brand/ams/typography.tokens.json +60 -32
- package/src/common/ams/inputs.tokens.json +41 -19
- package/src/common/ams/links.tokens.json +35 -10
- package/src/components/ams/accordion.tokens.json +18 -11
- package/src/components/ams/action-group.tokens.json +2 -2
- package/src/components/ams/alert.tokens.json +38 -20
- package/src/components/ams/avatar.tokens.json +79 -29
- package/src/components/ams/badge.tokens.json +60 -23
- package/src/components/ams/blockquote.tokens.json +14 -5
- package/src/components/ams/body.compact.tokens.json +12 -0
- package/src/components/ams/body.tokens.json +12 -0
- package/src/components/ams/breadcrumb.tokens.json +36 -15
- package/src/components/ams/button.tokens.json +74 -33
- package/src/components/ams/call-to-action-link.tokens.json +29 -16
- package/src/components/ams/card.tokens.json +30 -17
- package/src/components/ams/character-count.tokens.json +14 -5
- package/src/components/ams/checkbox.tokens.json +106 -39
- package/src/components/ams/column.tokens.json +10 -10
- package/src/components/ams/date-input.tokens.json +56 -23
- package/src/components/ams/description-list.tokens.json +101 -23
- package/src/components/ams/dialog.tokens.json +104 -28
- package/src/components/ams/error-message.tokens.json +13 -6
- package/src/components/ams/field-set.tokens.json +40 -17
- package/src/components/ams/field.tokens.json +18 -7
- package/src/components/ams/figure.tokens.json +16 -7
- package/src/components/ams/file-input.tokens.json +69 -30
- package/src/components/ams/file-list.tokens.json +20 -11
- package/src/components/ams/grid.compact.tokens.json +24 -2
- package/src/components/ams/grid.tokens.json +77 -24
- package/src/components/ams/heading.tokens.json +38 -36
- package/src/components/ams/hint.tokens.json +6 -2
- package/src/components/ams/icon-button.tokens.json +46 -16
- package/src/components/ams/icon.tokens.json +19 -23
- package/src/components/ams/image-slider.tokens.json +28 -16
- package/src/components/ams/image.tokens.json +4 -1
- package/src/components/ams/invalid-form-alert.tokens.json +2 -2
- package/src/components/ams/label.tokens.json +18 -6
- package/src/components/ams/link-list.tokens.json +50 -22
- package/src/components/ams/link.tokens.json +38 -25
- package/src/components/ams/logo.tokens.json +6 -2
- package/src/components/ams/mark.tokens.json +3 -1
- package/src/components/ams/menu.tokens.json +81 -28
- package/src/components/ams/ordered-list.tokens.json +39 -25
- package/src/components/ams/page-footer.tokens.json +70 -26
- package/src/components/ams/page-header.compact.tokens.json +2 -1
- package/src/components/ams/page-header.tokens.json +128 -59
- package/src/components/ams/page.compact.tokens.json +12 -0
- package/src/components/ams/page.tokens.json +5 -3
- package/src/components/ams/pagination.tokens.json +37 -17
- package/src/components/ams/paragraph.tokens.json +22 -8
- package/src/components/ams/password-input.tokens.json +47 -21
- package/src/components/ams/progress-list.tokens.json +194 -52
- package/src/components/ams/radio.tokens.json +97 -36
- package/src/components/ams/row.tokens.json +10 -10
- package/src/components/ams/search-field.tokens.json +57 -24
- package/src/components/ams/select.tokens.json +63 -23
- package/src/components/ams/skip-link.tokens.json +23 -12
- package/src/components/ams/spotlight.tokens.json +21 -7
- package/src/components/ams/standalone-link.tokens.json +44 -18
- package/src/components/ams/switch.tokens.json +40 -10
- package/src/components/ams/tab-navigation.tokens.json +205 -0
- package/src/components/ams/table-of-contents.tokens.json +38 -20
- package/src/components/ams/table.tokens.json +29 -10
- package/src/components/ams/tabs.tokens.json +39 -20
- package/src/components/ams/text-area.tokens.json +49 -23
- package/src/components/ams/text-input.tokens.json +47 -19
- package/src/components/ams/time-input.tokens.json +56 -21
- package/src/components/ams/unordered-list.tokens.json +37 -25
- package/style-dictionary/transforms/dtcg-font-family.js +32 -0
- package/src/brand/ams/color.deprecated.tokens.json +0 -13
- package/src/brand/ams/typography.deprecated.compact.tokens.json +0 -26
- package/src/brand/ams/typography.deprecated.tokens.json +0 -40
- package/src/components/ams/accordion.deprecated.tokens.json +0 -39
- package/src/components/ams/checkbox.deprecated.tokens.json +0 -59
- package/src/components/ams/date-input.deprecated.tokens.json +0 -38
- package/src/components/ams/field-set.deprecated.tokens.json +0 -16
- package/src/components/ams/field.deprecated.tokens.json +0 -14
- package/src/components/ams/icon.deprecated.tokens.json +0 -22
- package/src/components/ams/menu.deprecated.tokens.json +0 -36
- package/src/components/ams/page-heading.deprecated.tokens.json +0 -46
- package/src/components/ams/standalone-link.deprecated.tokens.json +0 -38
- package/src/components/ams/table-of-contents.deprecated.tokens.json +0 -24
- package/src/components/ams/time-input.deprecated.tokens.json +0 -38
package/dist/index.json
CHANGED
|
@@ -13,23 +13,18 @@
|
|
|
13
13
|
"s": "0.0625rem",
|
|
14
14
|
"m": "0.125rem",
|
|
15
15
|
"l": "0.1875rem",
|
|
16
|
-
"xl": "0.25rem"
|
|
16
|
+
"xl": "0.25rem",
|
|
17
|
+
"negative": {
|
|
18
|
+
"m": "-0.125rem",
|
|
19
|
+
"xl": "-0.25rem"
|
|
20
|
+
}
|
|
17
21
|
}
|
|
18
22
|
},
|
|
19
23
|
"color": {
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"default": "#004699",
|
|
24
|
-
"disabled": "#767676",
|
|
25
|
-
"hover": "#003677",
|
|
26
|
-
"invalid": {
|
|
27
|
-
"default": "#ec0000",
|
|
28
|
-
"hover": "#b70000"
|
|
29
|
-
},
|
|
30
|
-
"inverse": "#ffffff"
|
|
24
|
+
"background": {
|
|
25
|
+
"body": "#ffffff",
|
|
26
|
+
"default": "#ffffff"
|
|
31
27
|
},
|
|
32
|
-
"background": "#ffffff",
|
|
33
28
|
"feedback": {
|
|
34
29
|
"error": "#ec0000",
|
|
35
30
|
"info": "#009de6",
|
|
@@ -45,6 +40,17 @@
|
|
|
45
40
|
"purple": "#a00078",
|
|
46
41
|
"yellow": "#ffe600"
|
|
47
42
|
},
|
|
43
|
+
"interactive": {
|
|
44
|
+
"contrast": "#202020",
|
|
45
|
+
"default": "#004699",
|
|
46
|
+
"disabled": "#767676",
|
|
47
|
+
"hover": "#003677",
|
|
48
|
+
"invalid": {
|
|
49
|
+
"default": "#ec0000",
|
|
50
|
+
"hover": "#b70000"
|
|
51
|
+
},
|
|
52
|
+
"inverse": "#ffffff"
|
|
53
|
+
},
|
|
48
54
|
"progress": {
|
|
49
55
|
"current": "#00893c",
|
|
50
56
|
"completed": "#00893c",
|
|
@@ -73,59 +79,51 @@
|
|
|
73
79
|
"2xl": "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"
|
|
74
80
|
},
|
|
75
81
|
"typography": {
|
|
76
|
-
"
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
82
|
+
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
83
|
+
"hyphenate-limit-chars": "auto",
|
|
84
|
+
"body-text": {
|
|
85
|
+
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
86
|
+
"font-weight": "400",
|
|
87
|
+
"line-height": 1.6,
|
|
88
|
+
"bold": {
|
|
89
|
+
"font-weight": "800"
|
|
90
|
+
},
|
|
91
|
+
"small": {
|
|
92
|
+
"font-size": "1rem",
|
|
93
|
+
"line-height": 1.5
|
|
94
|
+
},
|
|
95
|
+
"large": {
|
|
96
|
+
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
97
|
+
"line-height": 1.5
|
|
80
98
|
},
|
|
99
|
+
"x-large": {
|
|
100
|
+
"font-size": "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)",
|
|
101
|
+
"line-height": 1.4
|
|
102
|
+
}
|
|
103
|
+
},
|
|
104
|
+
"heading": {
|
|
81
105
|
"1": {
|
|
82
106
|
"font-size": "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)",
|
|
83
|
-
"line-height":
|
|
107
|
+
"line-height": 1.2
|
|
84
108
|
},
|
|
85
109
|
"2": {
|
|
86
110
|
"font-size": "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)",
|
|
87
|
-
"line-height":
|
|
111
|
+
"line-height": 1.3
|
|
88
112
|
},
|
|
89
113
|
"3": {
|
|
90
114
|
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
91
|
-
"line-height":
|
|
115
|
+
"line-height": 1.3
|
|
92
116
|
},
|
|
93
117
|
"4": {
|
|
94
118
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
95
|
-
"line-height":
|
|
119
|
+
"line-height": 1.4
|
|
96
120
|
},
|
|
97
121
|
"5": {
|
|
98
122
|
"font-size": "1rem",
|
|
99
|
-
"line-height":
|
|
100
|
-
},
|
|
101
|
-
"6": {
|
|
102
|
-
"font-size": "1rem",
|
|
103
|
-
"line-height": "1.4"
|
|
123
|
+
"line-height": 1.4
|
|
104
124
|
},
|
|
105
125
|
"font-weight": "800",
|
|
106
126
|
"text-wrap": "balance"
|
|
107
|
-
},
|
|
108
|
-
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
109
|
-
"hyphenate-limit-chars": "auto",
|
|
110
|
-
"body-text": {
|
|
111
|
-
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
112
|
-
"font-weight": "400",
|
|
113
|
-
"line-height": "1.8",
|
|
114
|
-
"bold": {
|
|
115
|
-
"font-weight": "800"
|
|
116
|
-
},
|
|
117
|
-
"small": {
|
|
118
|
-
"font-size": "1rem",
|
|
119
|
-
"line-height": "1.6"
|
|
120
|
-
},
|
|
121
|
-
"large": {
|
|
122
|
-
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
123
|
-
"line-height": "1.6"
|
|
124
|
-
},
|
|
125
|
-
"x-large": {
|
|
126
|
-
"font-size": "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)",
|
|
127
|
-
"line-height": "1.4"
|
|
128
|
-
}
|
|
129
127
|
}
|
|
130
128
|
},
|
|
131
129
|
"inputs": {
|
|
@@ -137,7 +135,7 @@
|
|
|
137
135
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
138
136
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
139
137
|
"font-weight": "400",
|
|
140
|
-
"line-height":
|
|
138
|
+
"line-height": 1.4,
|
|
141
139
|
"outline-offset": "0.25rem",
|
|
142
140
|
"padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
143
141
|
"padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
@@ -187,12 +185,8 @@
|
|
|
187
185
|
}
|
|
188
186
|
},
|
|
189
187
|
"accordion": {
|
|
188
|
+
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
190
189
|
"button": {
|
|
191
|
-
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
192
|
-
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
193
|
-
"font-weight": "800",
|
|
194
|
-
"line-height": "1.3",
|
|
195
|
-
"text-wrap": "balance",
|
|
196
190
|
"color": "#004699",
|
|
197
191
|
"cursor": "pointer",
|
|
198
192
|
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
@@ -202,12 +196,7 @@
|
|
|
202
196
|
"hover": {
|
|
203
197
|
"color": "#003677"
|
|
204
198
|
}
|
|
205
|
-
}
|
|
206
|
-
"panel": {
|
|
207
|
-
"padding-block": "0",
|
|
208
|
-
"padding-inline": "0"
|
|
209
|
-
},
|
|
210
|
-
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
|
|
199
|
+
}
|
|
211
200
|
},
|
|
212
201
|
"action-group": {
|
|
213
202
|
"gap": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
|
|
@@ -256,7 +245,7 @@
|
|
|
256
245
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
257
246
|
"font-size": "1rem",
|
|
258
247
|
"font-weight": "400",
|
|
259
|
-
"line-height":
|
|
248
|
+
"line-height": 1.5,
|
|
260
249
|
"padding-block": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
|
|
261
250
|
"padding-inline": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
|
|
262
251
|
"forced-colors": {
|
|
@@ -300,7 +289,7 @@
|
|
|
300
289
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
301
290
|
"font-weight": "800",
|
|
302
291
|
"gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
|
|
303
|
-
"line-height":
|
|
292
|
+
"line-height": 1.6,
|
|
304
293
|
"padding-inline": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
|
|
305
294
|
"azure": {
|
|
306
295
|
"background-color": "#009de6",
|
|
@@ -336,16 +325,19 @@
|
|
|
336
325
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
337
326
|
"font-size": "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)",
|
|
338
327
|
"font-weight": "800",
|
|
339
|
-
"line-height":
|
|
328
|
+
"line-height": 1.4,
|
|
340
329
|
"inverse": {
|
|
341
330
|
"color": "#ffffff"
|
|
342
331
|
}
|
|
343
332
|
},
|
|
333
|
+
"body": {
|
|
334
|
+
"background-color": "#ffffff"
|
|
335
|
+
},
|
|
344
336
|
"breadcrumb": {
|
|
345
337
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
346
338
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
347
339
|
"font-weight": "400",
|
|
348
|
-
"line-height":
|
|
340
|
+
"line-height": 1.6,
|
|
349
341
|
"separator": {
|
|
350
342
|
"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>\")",
|
|
351
343
|
"block-size": "1ex",
|
|
@@ -371,7 +363,7 @@
|
|
|
371
363
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
372
364
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
373
365
|
"font-weight": "400",
|
|
374
|
-
"line-height":
|
|
366
|
+
"line-height": 1.4,
|
|
375
367
|
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
376
368
|
"outline-offset": "0.25rem",
|
|
377
369
|
"padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
@@ -428,7 +420,7 @@
|
|
|
428
420
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
429
421
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
430
422
|
"font-weight": "400",
|
|
431
|
-
"line-height":
|
|
423
|
+
"line-height": 1.6,
|
|
432
424
|
"outline-offset": "0.25rem",
|
|
433
425
|
"padding-block": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
|
|
434
426
|
"padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
@@ -468,32 +460,61 @@
|
|
|
468
460
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
469
461
|
"font-size": "1rem",
|
|
470
462
|
"font-weight": "400",
|
|
471
|
-
"line-height":
|
|
463
|
+
"line-height": 1.5,
|
|
472
464
|
"error": {
|
|
473
465
|
"color": "#ec0000"
|
|
474
466
|
}
|
|
475
467
|
},
|
|
476
468
|
"checkbox": {
|
|
469
|
+
"color": "#202020",
|
|
470
|
+
"cursor": "pointer",
|
|
471
|
+
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
472
|
+
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
473
|
+
"font-weight": "400",
|
|
474
|
+
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
475
|
+
"line-height": 1.6,
|
|
476
|
+
"outline-offset": "0.25rem",
|
|
477
|
+
"text-decoration-thickness": "0.125rem",
|
|
478
|
+
"text-underline-offset": "0.15625rem",
|
|
479
|
+
"disabled": {
|
|
480
|
+
"cursor": "not-allowed",
|
|
481
|
+
"color": "#767676"
|
|
482
|
+
},
|
|
477
483
|
"hover": {
|
|
478
|
-
"text-decoration-thickness": "0.125rem",
|
|
479
484
|
"color": "#003677",
|
|
480
485
|
"text-decoration-line": "underline"
|
|
481
486
|
},
|
|
487
|
+
"checked-indicator": {
|
|
488
|
+
"stroke": "#ffffff"
|
|
489
|
+
},
|
|
490
|
+
"hover-indicator": {
|
|
491
|
+
"hover": {
|
|
492
|
+
"stroke": "#003677"
|
|
493
|
+
},
|
|
494
|
+
"invalid": {
|
|
495
|
+
"hover": {
|
|
496
|
+
"stroke": "#b70000"
|
|
497
|
+
}
|
|
498
|
+
}
|
|
499
|
+
},
|
|
500
|
+
"icon-container": {
|
|
501
|
+
"block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)",
|
|
502
|
+
"inline-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"
|
|
503
|
+
},
|
|
504
|
+
"indeterminate-indicator": {
|
|
505
|
+
"stroke": "#ffffff"
|
|
506
|
+
},
|
|
482
507
|
"rectangle": {
|
|
508
|
+
"fill": "#ffffff",
|
|
509
|
+
"stroke": "#004699",
|
|
483
510
|
"checked": {
|
|
511
|
+
"fill": "#004699",
|
|
484
512
|
"disabled": {
|
|
485
|
-
"hover": {
|
|
486
|
-
"fill": "#767676"
|
|
487
|
-
},
|
|
488
513
|
"fill": "#767676"
|
|
489
514
|
},
|
|
490
515
|
"hover": {
|
|
491
|
-
"disabled-invalid": {
|
|
492
|
-
"fill": "#767676"
|
|
493
|
-
},
|
|
494
516
|
"fill": "#003677"
|
|
495
517
|
},
|
|
496
|
-
"fill": "#004699",
|
|
497
518
|
"invalid": {
|
|
498
519
|
"fill": "#ec0000",
|
|
499
520
|
"hover": {
|
|
@@ -501,26 +522,20 @@
|
|
|
501
522
|
}
|
|
502
523
|
}
|
|
503
524
|
},
|
|
525
|
+
"disabled": {
|
|
526
|
+
"stroke": "#767676"
|
|
527
|
+
},
|
|
504
528
|
"hover": {
|
|
505
|
-
"disabled-invalid": {
|
|
506
|
-
"stroke": "#767676"
|
|
507
|
-
},
|
|
508
529
|
"stroke": "#003677"
|
|
509
530
|
},
|
|
510
531
|
"indeterminate": {
|
|
532
|
+
"fill": "#004699",
|
|
511
533
|
"disabled": {
|
|
512
|
-
"hover": {
|
|
513
|
-
"fill": "#767676"
|
|
514
|
-
},
|
|
515
534
|
"fill": "#767676"
|
|
516
535
|
},
|
|
517
536
|
"hover": {
|
|
518
|
-
"disabled-invalid": {
|
|
519
|
-
"fill": "#767676"
|
|
520
|
-
},
|
|
521
537
|
"fill": "#003677"
|
|
522
538
|
},
|
|
523
|
-
"fill": "#004699",
|
|
524
539
|
"invalid": {
|
|
525
540
|
"fill": "#ec0000",
|
|
526
541
|
"hover": {
|
|
@@ -528,51 +543,12 @@
|
|
|
528
543
|
}
|
|
529
544
|
}
|
|
530
545
|
},
|
|
531
|
-
"fill": "#ffffff",
|
|
532
|
-
"stroke": "#004699",
|
|
533
|
-
"disabled": {
|
|
534
|
-
"stroke": "#767676"
|
|
535
|
-
},
|
|
536
546
|
"invalid": {
|
|
537
547
|
"stroke": "#ec0000",
|
|
538
548
|
"hover": {
|
|
539
549
|
"stroke": "#b70000"
|
|
540
550
|
}
|
|
541
551
|
}
|
|
542
|
-
},
|
|
543
|
-
"color": "#202020",
|
|
544
|
-
"cursor": "pointer",
|
|
545
|
-
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
546
|
-
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
547
|
-
"font-weight": "400",
|
|
548
|
-
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
549
|
-
"line-height": "1.8",
|
|
550
|
-
"outline-offset": "0.25rem",
|
|
551
|
-
"text-decoration-thickness": "0.125rem",
|
|
552
|
-
"text-underline-offset": "0.15625rem",
|
|
553
|
-
"disabled": {
|
|
554
|
-
"cursor": "not-allowed",
|
|
555
|
-
"color": "#767676"
|
|
556
|
-
},
|
|
557
|
-
"checked-indicator": {
|
|
558
|
-
"stroke": "#ffffff"
|
|
559
|
-
},
|
|
560
|
-
"hover-indicator": {
|
|
561
|
-
"hover": {
|
|
562
|
-
"stroke": "#003677"
|
|
563
|
-
},
|
|
564
|
-
"invalid": {
|
|
565
|
-
"hover": {
|
|
566
|
-
"stroke": "#b70000"
|
|
567
|
-
}
|
|
568
|
-
}
|
|
569
|
-
},
|
|
570
|
-
"icon-container": {
|
|
571
|
-
"block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.8)",
|
|
572
|
-
"inline-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"
|
|
573
|
-
},
|
|
574
|
-
"indeterminate-indicator": {
|
|
575
|
-
"stroke": "#ffffff"
|
|
576
552
|
}
|
|
577
553
|
},
|
|
578
554
|
"column": {
|
|
@@ -585,29 +561,6 @@
|
|
|
585
561
|
}
|
|
586
562
|
},
|
|
587
563
|
"date-input": {
|
|
588
|
-
"disabled": {
|
|
589
|
-
"calendar-picker-indicator": {
|
|
590
|
-
"background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
|
|
591
|
-
},
|
|
592
|
-
"calender-picker-indicator": {
|
|
593
|
-
"background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
|
|
594
|
-
},
|
|
595
|
-
"color": "#767676",
|
|
596
|
-
"cursor": "not-allowed"
|
|
597
|
-
},
|
|
598
|
-
"hover": {
|
|
599
|
-
"calender-picker-indicator": {
|
|
600
|
-
"background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
|
|
601
|
-
},
|
|
602
|
-
"box-shadow": "0 0 0 #000000",
|
|
603
|
-
"calendar-picker-indicator": {
|
|
604
|
-
"background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
|
|
605
|
-
}
|
|
606
|
-
},
|
|
607
|
-
"calender-picker-indicator": {
|
|
608
|
-
"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>\")",
|
|
609
|
-
"cursor": "pointer"
|
|
610
|
-
},
|
|
611
564
|
"background-color": "#ffffff",
|
|
612
565
|
"border-color": "currentColor",
|
|
613
566
|
"border-style": "solid",
|
|
@@ -616,15 +569,25 @@
|
|
|
616
569
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
617
570
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
618
571
|
"font-weight": "400",
|
|
619
|
-
"line-height":
|
|
572
|
+
"line-height": 1.4,
|
|
620
573
|
"outline-offset": "0.25rem",
|
|
621
574
|
"padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
622
575
|
"padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
576
|
+
"disabled": {
|
|
577
|
+
"color": "#767676",
|
|
578
|
+
"cursor": "not-allowed"
|
|
579
|
+
},
|
|
580
|
+
"hover": {
|
|
581
|
+
"box-shadow": "inset 0rem 0rem 0rem 0.0625rem currentColor",
|
|
582
|
+
"calendar-picker-indicator": {
|
|
583
|
+
"background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
|
|
584
|
+
}
|
|
585
|
+
},
|
|
623
586
|
"invalid": {
|
|
624
587
|
"border-color": "#ec0000",
|
|
625
588
|
"hover": {
|
|
626
589
|
"border-color": "#b70000",
|
|
627
|
-
"box-shadow": "
|
|
590
|
+
"box-shadow": "inset 0rem 0rem 0rem 0.0625rem #b70000"
|
|
628
591
|
}
|
|
629
592
|
},
|
|
630
593
|
"calendar-picker-indicator": {
|
|
@@ -634,17 +597,20 @@
|
|
|
634
597
|
},
|
|
635
598
|
"description-list": {
|
|
636
599
|
"color": "#202020",
|
|
637
|
-
"column-gap": "
|
|
600
|
+
"column-gap": "initial",
|
|
638
601
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
639
602
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
640
|
-
"line-height":
|
|
641
|
-
"row-gap": "
|
|
603
|
+
"line-height": 1.6,
|
|
604
|
+
"row-gap": "0",
|
|
642
605
|
"inverse": {
|
|
643
606
|
"color": "#ffffff"
|
|
644
607
|
},
|
|
645
608
|
"term": {
|
|
609
|
+
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
646
610
|
"font-weight": "800",
|
|
611
|
+
"line-height": 1.4,
|
|
647
612
|
"margin-block-end": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
|
|
613
|
+
"text-wrap": "balance",
|
|
648
614
|
"vi-medium": {
|
|
649
615
|
"margin-block-end": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
|
|
650
616
|
}
|
|
@@ -658,13 +624,25 @@
|
|
|
658
624
|
"margin-block-end": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
|
|
659
625
|
},
|
|
660
626
|
"narrow": {
|
|
661
|
-
"grid-template-columns": "
|
|
627
|
+
"grid-template-columns": "initial"
|
|
662
628
|
},
|
|
663
629
|
"medium": {
|
|
664
|
-
"grid-template-columns": "
|
|
630
|
+
"grid-template-columns": "initial"
|
|
665
631
|
},
|
|
666
632
|
"wide": {
|
|
667
|
-
"grid-template-columns": "
|
|
633
|
+
"grid-template-columns": "initial"
|
|
634
|
+
},
|
|
635
|
+
"vi-medium": {
|
|
636
|
+
"column-gap": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
|
|
637
|
+
"narrow": {
|
|
638
|
+
"grid-template-columns": "1fr 4fr"
|
|
639
|
+
},
|
|
640
|
+
"medium": {
|
|
641
|
+
"grid-template-columns": "1fr 2fr"
|
|
642
|
+
},
|
|
643
|
+
"wide": {
|
|
644
|
+
"grid-template-columns": "1fr 1fr"
|
|
645
|
+
}
|
|
668
646
|
}
|
|
669
647
|
},
|
|
670
648
|
"dialog": {
|
|
@@ -679,6 +657,10 @@
|
|
|
679
657
|
"max-block-size": "calc(100dvh - 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem))",
|
|
680
658
|
"max-inline-size": "48rem",
|
|
681
659
|
"medium": {
|
|
660
|
+
"inline-size": "initial",
|
|
661
|
+
"max-block-size": "initial"
|
|
662
|
+
},
|
|
663
|
+
"vi-medium": {
|
|
682
664
|
"inline-size": "calc(100% - 2 * clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem))",
|
|
683
665
|
"max-block-size": "calc(100dvh - 2 * clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem))"
|
|
684
666
|
},
|
|
@@ -690,6 +672,10 @@
|
|
|
690
672
|
"padding-block": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem) 0",
|
|
691
673
|
"padding-inline": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
|
|
692
674
|
"medium": {
|
|
675
|
+
"padding-block": "initial",
|
|
676
|
+
"padding-inline": "initial"
|
|
677
|
+
},
|
|
678
|
+
"vi-medium": {
|
|
693
679
|
"padding-block": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) 0",
|
|
694
680
|
"padding-inline": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"
|
|
695
681
|
}
|
|
@@ -698,6 +684,9 @@
|
|
|
698
684
|
"padding-block": "0",
|
|
699
685
|
"padding-inline": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
|
|
700
686
|
"medium": {
|
|
687
|
+
"padding-inline": "initial"
|
|
688
|
+
},
|
|
689
|
+
"vi-medium": {
|
|
701
690
|
"padding-inline": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"
|
|
702
691
|
}
|
|
703
692
|
},
|
|
@@ -705,6 +694,10 @@
|
|
|
705
694
|
"padding-block": "0 clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
|
|
706
695
|
"padding-inline": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
|
|
707
696
|
"medium": {
|
|
697
|
+
"padding-block": "initial",
|
|
698
|
+
"padding-inline": "initial"
|
|
699
|
+
},
|
|
700
|
+
"vi-medium": {
|
|
708
701
|
"padding-block": "0 clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)",
|
|
709
702
|
"padding-inline": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"
|
|
710
703
|
}
|
|
@@ -716,21 +709,9 @@
|
|
|
716
709
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
717
710
|
"font-weight": "400",
|
|
718
711
|
"gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
|
|
719
|
-
"line-height":
|
|
712
|
+
"line-height": 1.6
|
|
720
713
|
},
|
|
721
714
|
"field-set": {
|
|
722
|
-
"legend": {
|
|
723
|
-
"margin-block-end": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
724
|
-
"color": "#202020",
|
|
725
|
-
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
726
|
-
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
727
|
-
"font-weight": "800",
|
|
728
|
-
"line-height": "1.3",
|
|
729
|
-
"text-wrap": "balance",
|
|
730
|
-
"in-fieldset": {
|
|
731
|
-
"font-weight": "400"
|
|
732
|
-
}
|
|
733
|
-
},
|
|
734
715
|
"child": {
|
|
735
716
|
"margin-block-end": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
|
|
736
717
|
"before-error-message": {
|
|
@@ -746,6 +727,18 @@
|
|
|
746
727
|
"invalid": {
|
|
747
728
|
"border-inline-start": "0.1875rem solid #ec0000",
|
|
748
729
|
"padding-inline-start": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
|
|
730
|
+
},
|
|
731
|
+
"legend": {
|
|
732
|
+
"margin-block-end": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
733
|
+
"color": "#202020",
|
|
734
|
+
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
735
|
+
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
736
|
+
"font-weight": "800",
|
|
737
|
+
"line-height": 1.3,
|
|
738
|
+
"text-wrap": "balance",
|
|
739
|
+
"in-fieldset": {
|
|
740
|
+
"font-weight": "400"
|
|
741
|
+
}
|
|
749
742
|
}
|
|
750
743
|
},
|
|
751
744
|
"field": {
|
|
@@ -768,7 +761,7 @@
|
|
|
768
761
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
769
762
|
"font-size": "1rem",
|
|
770
763
|
"font-weight": "400",
|
|
771
|
-
"line-height":
|
|
764
|
+
"line-height": 1.5,
|
|
772
765
|
"inverse": {
|
|
773
766
|
"color": "#ffffff"
|
|
774
767
|
}
|
|
@@ -784,7 +777,7 @@
|
|
|
784
777
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
785
778
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
786
779
|
"font-weight": "400",
|
|
787
|
-
"line-height":
|
|
780
|
+
"line-height": 1.4,
|
|
788
781
|
"outline-offset": "0.25rem",
|
|
789
782
|
"padding-block": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
790
783
|
"padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
@@ -799,7 +792,7 @@
|
|
|
799
792
|
"border-width": "0.125rem",
|
|
800
793
|
"color": "#004699",
|
|
801
794
|
"cursor": "pointer",
|
|
802
|
-
"line-height":
|
|
795
|
+
"line-height": 1.4,
|
|
803
796
|
"margin-inline-end": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
804
797
|
"padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
805
798
|
"padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
@@ -821,7 +814,7 @@
|
|
|
821
814
|
"font-size": "1rem",
|
|
822
815
|
"font-weight": "400",
|
|
823
816
|
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
824
|
-
"line-height":
|
|
817
|
+
"line-height": 1.5,
|
|
825
818
|
"details": {
|
|
826
819
|
"color": "#767676"
|
|
827
820
|
},
|
|
@@ -831,7 +824,7 @@
|
|
|
831
824
|
}
|
|
832
825
|
},
|
|
833
826
|
"grid": {
|
|
834
|
-
"column-count":
|
|
827
|
+
"column-count": 4,
|
|
835
828
|
"column-gap": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)",
|
|
836
829
|
"padding-block": {
|
|
837
830
|
"l": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
|
|
@@ -845,38 +838,47 @@
|
|
|
845
838
|
"2xl": "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"
|
|
846
839
|
},
|
|
847
840
|
"medium": {
|
|
848
|
-
"column-count": "
|
|
849
|
-
"padding-inline": "
|
|
841
|
+
"column-count": "initial",
|
|
842
|
+
"padding-inline": "initial"
|
|
850
843
|
},
|
|
851
844
|
"wide": {
|
|
852
|
-
"column-count": "
|
|
845
|
+
"column-count": "initial",
|
|
846
|
+
"padding-inline": "initial"
|
|
847
|
+
},
|
|
848
|
+
"vi-medium": {
|
|
849
|
+
"column-count": 8,
|
|
850
|
+
"padding-inline": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"
|
|
851
|
+
},
|
|
852
|
+
"vi-wide": {
|
|
853
|
+
"column-count": 12,
|
|
853
854
|
"padding-inline": "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"
|
|
855
|
+
},
|
|
856
|
+
"cell": {
|
|
857
|
+
"background-color": "initial",
|
|
858
|
+
"padding-block": "initial",
|
|
859
|
+
"padding-inline": "initial"
|
|
854
860
|
}
|
|
855
861
|
},
|
|
856
862
|
"heading": {
|
|
857
863
|
"1": {
|
|
858
864
|
"font-size": "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)",
|
|
859
|
-
"line-height":
|
|
865
|
+
"line-height": 1.2
|
|
860
866
|
},
|
|
861
867
|
"2": {
|
|
862
868
|
"font-size": "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)",
|
|
863
|
-
"line-height":
|
|
869
|
+
"line-height": 1.3
|
|
864
870
|
},
|
|
865
871
|
"3": {
|
|
866
872
|
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
867
|
-
"line-height":
|
|
873
|
+
"line-height": 1.3
|
|
868
874
|
},
|
|
869
875
|
"4": {
|
|
870
876
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
871
|
-
"line-height":
|
|
877
|
+
"line-height": 1.4
|
|
872
878
|
},
|
|
873
879
|
"5": {
|
|
874
880
|
"font-size": "1rem",
|
|
875
|
-
"line-height":
|
|
876
|
-
},
|
|
877
|
-
"6": {
|
|
878
|
-
"font-size": "1rem",
|
|
879
|
-
"line-height": "1.4"
|
|
881
|
+
"line-height": 1.4
|
|
880
882
|
},
|
|
881
883
|
"color": "#202020",
|
|
882
884
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
@@ -928,43 +930,35 @@
|
|
|
928
930
|
}
|
|
929
931
|
},
|
|
930
932
|
"icon": {
|
|
931
|
-
"heading-0": {
|
|
932
|
-
"font-size": "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)",
|
|
933
|
-
"line-height": "1.1"
|
|
934
|
-
},
|
|
935
933
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
936
|
-
"line-height":
|
|
934
|
+
"line-height": 1.6,
|
|
937
935
|
"small": {
|
|
938
936
|
"font-size": "1rem",
|
|
939
|
-
"line-height":
|
|
937
|
+
"line-height": 1.5
|
|
940
938
|
},
|
|
941
939
|
"large": {
|
|
942
940
|
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
943
|
-
"line-height":
|
|
941
|
+
"line-height": 1.5
|
|
944
942
|
},
|
|
945
943
|
"heading-1": {
|
|
946
944
|
"font-size": "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)",
|
|
947
|
-
"line-height":
|
|
945
|
+
"line-height": 1.2
|
|
948
946
|
},
|
|
949
947
|
"heading-2": {
|
|
950
948
|
"font-size": "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)",
|
|
951
|
-
"line-height":
|
|
949
|
+
"line-height": 1.3
|
|
952
950
|
},
|
|
953
951
|
"heading-3": {
|
|
954
952
|
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
955
|
-
"line-height":
|
|
953
|
+
"line-height": 1.3
|
|
956
954
|
},
|
|
957
955
|
"heading-4": {
|
|
958
956
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
959
|
-
"line-height":
|
|
957
|
+
"line-height": 1.4
|
|
960
958
|
},
|
|
961
959
|
"heading-5": {
|
|
962
960
|
"font-size": "1rem",
|
|
963
|
-
"line-height":
|
|
964
|
-
},
|
|
965
|
-
"heading-6": {
|
|
966
|
-
"font-size": "1rem",
|
|
967
|
-
"line-height": "1.4"
|
|
961
|
+
"line-height": 1.4
|
|
968
962
|
},
|
|
969
963
|
"inverse": {
|
|
970
964
|
"color": "#ffffff"
|
|
@@ -1006,7 +1000,7 @@
|
|
|
1006
1000
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1007
1001
|
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
1008
1002
|
"font-weight": "800",
|
|
1009
|
-
"line-height":
|
|
1003
|
+
"line-height": 1.3,
|
|
1010
1004
|
"text-wrap": "balance",
|
|
1011
1005
|
"in-fieldset": {
|
|
1012
1006
|
"font-weight": "400"
|
|
@@ -1020,18 +1014,18 @@
|
|
|
1020
1014
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1021
1015
|
"font-weight": "400",
|
|
1022
1016
|
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1023
|
-
"line-height":
|
|
1017
|
+
"line-height": 1.6,
|
|
1024
1018
|
"outline-offset": "0.25rem",
|
|
1025
1019
|
"text-decoration-line": "none",
|
|
1026
1020
|
"text-decoration-thickness": "0.125rem",
|
|
1027
1021
|
"text-underline-offset": "0.15625rem",
|
|
1028
1022
|
"small": {
|
|
1029
1023
|
"font-size": "1rem",
|
|
1030
|
-
"line-height":
|
|
1024
|
+
"line-height": 1.5
|
|
1031
1025
|
},
|
|
1032
1026
|
"large": {
|
|
1033
1027
|
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
1034
|
-
"line-height":
|
|
1028
|
+
"line-height": 1.5
|
|
1035
1029
|
},
|
|
1036
1030
|
"hover": {
|
|
1037
1031
|
"color": "#003677",
|
|
@@ -1095,19 +1089,23 @@
|
|
|
1095
1089
|
"background-color": "#ffe600"
|
|
1096
1090
|
},
|
|
1097
1091
|
"menu": {
|
|
1092
|
+
"background-color": "#004699",
|
|
1093
|
+
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1094
|
+
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1095
|
+
"font-weight": "400",
|
|
1096
|
+
"line-height": 1.6,
|
|
1097
|
+
"padding-block": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
1098
|
+
"wide": {
|
|
1099
|
+
"max-inline-size": "initial",
|
|
1100
|
+
"padding-block": "initial",
|
|
1101
|
+
"padding-inline": "initial"
|
|
1102
|
+
},
|
|
1103
|
+
"vi-wide": {
|
|
1104
|
+
"max-inline-size": "8rem",
|
|
1105
|
+
"padding-block": "calc(clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) + 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)) clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
1106
|
+
"padding-inline": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
|
|
1107
|
+
},
|
|
1098
1108
|
"link": {
|
|
1099
|
-
"contrast": {
|
|
1100
|
-
"color": "#202020",
|
|
1101
|
-
"hover": {
|
|
1102
|
-
"color": "#202020"
|
|
1103
|
-
}
|
|
1104
|
-
},
|
|
1105
|
-
"inverse": {
|
|
1106
|
-
"color": "#ffffff",
|
|
1107
|
-
"hover": {
|
|
1108
|
-
"color": "#ffffff"
|
|
1109
|
-
}
|
|
1110
|
-
},
|
|
1111
1109
|
"color": "#ffffff",
|
|
1112
1110
|
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1113
1111
|
"outline-offset": "0.25rem",
|
|
@@ -1121,20 +1119,12 @@
|
|
|
1121
1119
|
"text-decoration-line": "underline"
|
|
1122
1120
|
},
|
|
1123
1121
|
"wide": {
|
|
1122
|
+
"gap": "initial"
|
|
1123
|
+
},
|
|
1124
|
+
"vi-wide": {
|
|
1124
1125
|
"gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"
|
|
1125
1126
|
}
|
|
1126
1127
|
},
|
|
1127
|
-
"background-color": "#004699",
|
|
1128
|
-
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1129
|
-
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1130
|
-
"font-weight": "400",
|
|
1131
|
-
"line-height": "1.8",
|
|
1132
|
-
"padding-block": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
1133
|
-
"wide": {
|
|
1134
|
-
"max-inline-size": "8rem",
|
|
1135
|
-
"padding-block": "calc(clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) + 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)) clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
1136
|
-
"padding-inline": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
|
|
1137
|
-
},
|
|
1138
1128
|
"list": {
|
|
1139
1129
|
"gap": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
|
|
1140
1130
|
}
|
|
@@ -1145,11 +1135,11 @@
|
|
|
1145
1135
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1146
1136
|
"font-weight": "400",
|
|
1147
1137
|
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1148
|
-
"line-height":
|
|
1138
|
+
"line-height": 1.6,
|
|
1149
1139
|
"list-style-type": "decimal",
|
|
1150
1140
|
"small": {
|
|
1151
1141
|
"font-size": "1rem",
|
|
1152
|
-
"line-height":
|
|
1142
|
+
"line-height": 1.5
|
|
1153
1143
|
},
|
|
1154
1144
|
"inverse": {
|
|
1155
1145
|
"color": "#ffffff"
|
|
@@ -1171,14 +1161,21 @@
|
|
|
1171
1161
|
},
|
|
1172
1162
|
"page-footer": {
|
|
1173
1163
|
"menu": {
|
|
1164
|
+
"background-color": "#ffffff",
|
|
1174
1165
|
"column-gap": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
|
|
1175
1166
|
"padding-block": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
|
|
1176
1167
|
"padding-inline": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
|
|
1177
1168
|
"row-gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
|
|
1178
1169
|
"medium": {
|
|
1179
|
-
"padding-inline": "
|
|
1170
|
+
"padding-inline": "initial"
|
|
1180
1171
|
},
|
|
1181
1172
|
"wide": {
|
|
1173
|
+
"padding-inline": "initial"
|
|
1174
|
+
},
|
|
1175
|
+
"vi-medium": {
|
|
1176
|
+
"padding-inline": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"
|
|
1177
|
+
},
|
|
1178
|
+
"vi-wide": {
|
|
1182
1179
|
"padding-inline": "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"
|
|
1183
1180
|
},
|
|
1184
1181
|
"link": {
|
|
@@ -1186,7 +1183,7 @@
|
|
|
1186
1183
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1187
1184
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1188
1185
|
"font-weight": "400",
|
|
1189
|
-
"line-height":
|
|
1186
|
+
"line-height": 1.6,
|
|
1190
1187
|
"outline-offset": "0.25rem",
|
|
1191
1188
|
"text-decoration-line": "none",
|
|
1192
1189
|
"text-decoration-thickness": "0.125rem",
|
|
@@ -1202,13 +1199,20 @@
|
|
|
1202
1199
|
}
|
|
1203
1200
|
},
|
|
1204
1201
|
"page-header": {
|
|
1202
|
+
"background-color": "#ffffff",
|
|
1205
1203
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1206
1204
|
"padding-block": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
|
|
1207
1205
|
"padding-inline": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
|
|
1208
1206
|
"medium": {
|
|
1209
|
-
"padding-inline": "
|
|
1207
|
+
"padding-inline": "initial"
|
|
1210
1208
|
},
|
|
1211
1209
|
"wide": {
|
|
1210
|
+
"padding-inline": "initial"
|
|
1211
|
+
},
|
|
1212
|
+
"vi-medium": {
|
|
1213
|
+
"padding-inline": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"
|
|
1214
|
+
},
|
|
1215
|
+
"vi-wide": {
|
|
1212
1216
|
"padding-inline": "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"
|
|
1213
1217
|
},
|
|
1214
1218
|
"logo-link": {
|
|
@@ -1219,7 +1223,7 @@
|
|
|
1219
1223
|
"color": "#202020",
|
|
1220
1224
|
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
1221
1225
|
"font-weight": "800",
|
|
1222
|
-
"line-height":
|
|
1226
|
+
"line-height": 1.3,
|
|
1223
1227
|
"text-wrap": "balance"
|
|
1224
1228
|
},
|
|
1225
1229
|
"mega-menu": {
|
|
@@ -1230,7 +1234,7 @@
|
|
|
1230
1234
|
"cursor": "pointer",
|
|
1231
1235
|
"label": {
|
|
1232
1236
|
"open": {
|
|
1233
|
-
"font-weight": "
|
|
1237
|
+
"font-weight": "400"
|
|
1234
1238
|
}
|
|
1235
1239
|
},
|
|
1236
1240
|
"padding-inline": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
@@ -1249,7 +1253,7 @@
|
|
|
1249
1253
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1250
1254
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1251
1255
|
"font-weight": "400",
|
|
1252
|
-
"line-height":
|
|
1256
|
+
"line-height": 1.6,
|
|
1253
1257
|
"outline-offset": "0.25rem",
|
|
1254
1258
|
"padding-block": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
|
|
1255
1259
|
"hover": {
|
|
@@ -1272,17 +1276,6 @@
|
|
|
1272
1276
|
"row-gap": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"
|
|
1273
1277
|
}
|
|
1274
1278
|
},
|
|
1275
|
-
"page-heading": {
|
|
1276
|
-
"color": "#202020",
|
|
1277
|
-
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1278
|
-
"font-size": "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)",
|
|
1279
|
-
"font-weight": "800",
|
|
1280
|
-
"line-height": "1.1",
|
|
1281
|
-
"text-wrap": "balance",
|
|
1282
|
-
"inverse": {
|
|
1283
|
-
"color": "#ffffff"
|
|
1284
|
-
}
|
|
1285
|
-
},
|
|
1286
1279
|
"page": {
|
|
1287
1280
|
"background-color": "#ffffff",
|
|
1288
1281
|
"max-inline-size": "90rem",
|
|
@@ -1297,7 +1290,7 @@
|
|
|
1297
1290
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1298
1291
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1299
1292
|
"font-weight": "400",
|
|
1300
|
-
"line-height":
|
|
1293
|
+
"line-height": 1.6,
|
|
1301
1294
|
"link": {
|
|
1302
1295
|
"color": "#004699",
|
|
1303
1296
|
"gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
|
|
@@ -1320,17 +1313,17 @@
|
|
|
1320
1313
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1321
1314
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1322
1315
|
"font-weight": "400",
|
|
1323
|
-
"line-height":
|
|
1316
|
+
"line-height": 1.6,
|
|
1324
1317
|
"inverse": {
|
|
1325
1318
|
"color": "#ffffff"
|
|
1326
1319
|
},
|
|
1327
1320
|
"small": {
|
|
1328
1321
|
"font-size": "1rem",
|
|
1329
|
-
"line-height":
|
|
1322
|
+
"line-height": 1.5
|
|
1330
1323
|
},
|
|
1331
1324
|
"large": {
|
|
1332
1325
|
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
1333
|
-
"line-height":
|
|
1326
|
+
"line-height": 1.5,
|
|
1334
1327
|
"text-wrap": "balance"
|
|
1335
1328
|
}
|
|
1336
1329
|
},
|
|
@@ -1343,7 +1336,7 @@
|
|
|
1343
1336
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1344
1337
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1345
1338
|
"font-weight": "400",
|
|
1346
|
-
"line-height":
|
|
1339
|
+
"line-height": 1.4,
|
|
1347
1340
|
"outline-offset": "0.25rem",
|
|
1348
1341
|
"padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1349
1342
|
"padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
@@ -1352,13 +1345,13 @@
|
|
|
1352
1345
|
"cursor": "not-allowed"
|
|
1353
1346
|
},
|
|
1354
1347
|
"hover": {
|
|
1355
|
-
"box-shadow": "
|
|
1348
|
+
"box-shadow": "inset 0rem 0rem 0rem 0.0625rem currentColor"
|
|
1356
1349
|
},
|
|
1357
1350
|
"invalid": {
|
|
1358
1351
|
"border-color": "#ec0000",
|
|
1359
1352
|
"hover": {
|
|
1360
1353
|
"border-color": "#b70000",
|
|
1361
|
-
"box-shadow": "
|
|
1354
|
+
"box-shadow": "inset 0rem 0rem 0rem 0.0625rem #b70000"
|
|
1362
1355
|
}
|
|
1363
1356
|
},
|
|
1364
1357
|
"placeholder": {
|
|
@@ -1390,9 +1383,27 @@
|
|
|
1390
1383
|
}
|
|
1391
1384
|
}
|
|
1392
1385
|
},
|
|
1386
|
+
"button": {
|
|
1387
|
+
"color": "#004699",
|
|
1388
|
+
"cursor": "pointer",
|
|
1389
|
+
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1390
|
+
"outline-offset": "0.25rem",
|
|
1391
|
+
"padding-block": "0",
|
|
1392
|
+
"padding-inline": "0",
|
|
1393
|
+
"hover": {
|
|
1394
|
+
"color": "#003677"
|
|
1395
|
+
}
|
|
1396
|
+
},
|
|
1397
|
+
"icon": {
|
|
1398
|
+
"transition-duration": "0.3s",
|
|
1399
|
+
"transition-timing-function": "ease"
|
|
1400
|
+
},
|
|
1393
1401
|
"step": {
|
|
1394
1402
|
"gap": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
1395
1403
|
"medium": {
|
|
1404
|
+
"gap": "initial"
|
|
1405
|
+
},
|
|
1406
|
+
"vi-medium": {
|
|
1396
1407
|
"gap": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"
|
|
1397
1408
|
},
|
|
1398
1409
|
"marker": {
|
|
@@ -1448,11 +1459,14 @@
|
|
|
1448
1459
|
"indicator": {
|
|
1449
1460
|
"margin-inline-end": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
1450
1461
|
"medium": {
|
|
1462
|
+
"margin-inline-end": "initial"
|
|
1463
|
+
},
|
|
1464
|
+
"vi-medium": {
|
|
1451
1465
|
"margin-inline-end": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"
|
|
1452
1466
|
}
|
|
1453
1467
|
},
|
|
1454
1468
|
"marker": {
|
|
1455
|
-
"block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.
|
|
1469
|
+
"block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)",
|
|
1456
1470
|
"inline-size": "1.5rem",
|
|
1457
1471
|
"shape": {
|
|
1458
1472
|
"block-size": "0.75rem",
|
|
@@ -1470,7 +1484,7 @@
|
|
|
1470
1484
|
"border-inline-color": "#767676",
|
|
1471
1485
|
"border-inline-style": "dashed",
|
|
1472
1486
|
"border-inline-width": "1px",
|
|
1473
|
-
"margin-block-start": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.
|
|
1487
|
+
"margin-block-start": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6 / 2)",
|
|
1474
1488
|
"last-child": {
|
|
1475
1489
|
"border-inline-color": "#ffffff"
|
|
1476
1490
|
}
|
|
@@ -1513,7 +1527,7 @@
|
|
|
1513
1527
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1514
1528
|
"font-weight": "400",
|
|
1515
1529
|
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1516
|
-
"line-height":
|
|
1530
|
+
"line-height": 1.6,
|
|
1517
1531
|
"outline-offset": "0.25rem",
|
|
1518
1532
|
"text-decoration-thickness": "0.125rem",
|
|
1519
1533
|
"text-underline-offset": "0.15625rem",
|
|
@@ -1579,7 +1593,7 @@
|
|
|
1579
1593
|
"text-decoration-line": "underline"
|
|
1580
1594
|
},
|
|
1581
1595
|
"icon-container": {
|
|
1582
|
-
"block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.
|
|
1596
|
+
"block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)",
|
|
1583
1597
|
"inline-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"
|
|
1584
1598
|
}
|
|
1585
1599
|
},
|
|
@@ -1602,18 +1616,18 @@
|
|
|
1602
1616
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1603
1617
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1604
1618
|
"font-weight": "400",
|
|
1605
|
-
"line-height":
|
|
1619
|
+
"line-height": 1.4,
|
|
1606
1620
|
"outline-offset": "0.25rem",
|
|
1607
1621
|
"padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1608
1622
|
"padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
1609
1623
|
"hover": {
|
|
1610
|
-
"box-shadow": "
|
|
1624
|
+
"box-shadow": "inset 0rem 0rem 0rem 0.0625rem currentColor"
|
|
1611
1625
|
},
|
|
1612
1626
|
"invalid": {
|
|
1613
1627
|
"border-color": "#ec0000",
|
|
1614
1628
|
"hover": {
|
|
1615
1629
|
"border-color": "#b70000",
|
|
1616
|
-
"box-shadow": "
|
|
1630
|
+
"box-shadow": "inset 0rem 0rem 0rem 0.0625rem #b70000"
|
|
1617
1631
|
}
|
|
1618
1632
|
},
|
|
1619
1633
|
"cancel-button": {
|
|
@@ -1639,7 +1653,7 @@
|
|
|
1639
1653
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1640
1654
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1641
1655
|
"font-weight": "400",
|
|
1642
|
-
"line-height":
|
|
1656
|
+
"line-height": 1.4,
|
|
1643
1657
|
"outline-offset": "0.25rem",
|
|
1644
1658
|
"padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1645
1659
|
"padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem) calc(2 * clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem) + 1em)",
|
|
@@ -1671,7 +1685,7 @@
|
|
|
1671
1685
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1672
1686
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1673
1687
|
"font-weight": "400",
|
|
1674
|
-
"line-height":
|
|
1688
|
+
"line-height": 1.6,
|
|
1675
1689
|
"outline-offset": "0.25rem",
|
|
1676
1690
|
"padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1677
1691
|
"padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
@@ -1701,29 +1715,20 @@
|
|
|
1701
1715
|
}
|
|
1702
1716
|
},
|
|
1703
1717
|
"standalone-link": {
|
|
1704
|
-
"hover": {
|
|
1705
|
-
"text-decoration-thickness": "0.1875rem",
|
|
1706
|
-
"text-underline-offset": "0.09375rem",
|
|
1707
|
-
"color": "#003677",
|
|
1708
|
-
"text-decoration-line": "underline"
|
|
1709
|
-
},
|
|
1710
|
-
"with-icon": {
|
|
1711
|
-
"text-decoration-line": "none",
|
|
1712
|
-
"text-decoration-thickness": "0.125rem",
|
|
1713
|
-
"hover": {
|
|
1714
|
-
"text-decoration-line": "underline"
|
|
1715
|
-
}
|
|
1716
|
-
},
|
|
1717
1718
|
"color": "#004699",
|
|
1718
1719
|
"column-gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1719
1720
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1720
1721
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1721
1722
|
"font-weight": "400",
|
|
1722
|
-
"line-height":
|
|
1723
|
+
"line-height": 1.6,
|
|
1723
1724
|
"outline-offset": "0.25rem",
|
|
1724
1725
|
"text-decoration-line": "none",
|
|
1725
1726
|
"text-decoration-thickness": "0.125rem",
|
|
1726
1727
|
"text-underline-offset": "0.15625rem",
|
|
1728
|
+
"hover": {
|
|
1729
|
+
"color": "#003677",
|
|
1730
|
+
"text-decoration-line": "underline"
|
|
1731
|
+
},
|
|
1727
1732
|
"contrast": {
|
|
1728
1733
|
"color": "#202020",
|
|
1729
1734
|
"hover": {
|
|
@@ -1747,7 +1752,7 @@
|
|
|
1747
1752
|
"block-size": "1.75rem",
|
|
1748
1753
|
"inline-size": "1.75rem",
|
|
1749
1754
|
"hover": {
|
|
1750
|
-
"box-shadow": "
|
|
1755
|
+
"box-shadow": "0rem 0rem 0rem 0.125rem #003677",
|
|
1751
1756
|
"color": "#003677"
|
|
1752
1757
|
}
|
|
1753
1758
|
},
|
|
@@ -1759,17 +1764,48 @@
|
|
|
1759
1764
|
"cursor": "not-allowed"
|
|
1760
1765
|
}
|
|
1761
1766
|
},
|
|
1762
|
-
"
|
|
1763
|
-
"
|
|
1764
|
-
"
|
|
1765
|
-
"
|
|
1766
|
-
|
|
1767
|
+
"tab-navigation": {
|
|
1768
|
+
"list": {
|
|
1769
|
+
"box-shadow": "inset 0rem -0.125rem 0rem 0rem #d1d1d1",
|
|
1770
|
+
"vertical": {
|
|
1771
|
+
"box-shadow": "inset -0.125rem 0rem 0rem 0rem #d1d1d1"
|
|
1772
|
+
}
|
|
1767
1773
|
},
|
|
1774
|
+
"link": {
|
|
1775
|
+
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1776
|
+
"color": "#004699",
|
|
1777
|
+
"cursor": "pointer",
|
|
1778
|
+
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1779
|
+
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1780
|
+
"font-weight": "400",
|
|
1781
|
+
"line-height": 1.6,
|
|
1782
|
+
"outline-offset": "calc(0.25rem * -1)",
|
|
1783
|
+
"padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1784
|
+
"padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
1785
|
+
"hover": {
|
|
1786
|
+
"box-shadow": "inset 0rem -0.125rem 0rem 0rem currentColor",
|
|
1787
|
+
"color": "#003677"
|
|
1788
|
+
},
|
|
1789
|
+
"current": {
|
|
1790
|
+
"box-shadow": "inset 0rem -0.25rem 0rem 0rem currentColor",
|
|
1791
|
+
"font-weight": "800"
|
|
1792
|
+
},
|
|
1793
|
+
"vertical": {
|
|
1794
|
+
"hover": {
|
|
1795
|
+
"box-shadow": "inset -0.125rem 0rem 0rem 0rem currentColor"
|
|
1796
|
+
},
|
|
1797
|
+
"current": {
|
|
1798
|
+
"box-shadow": "inset -0.25rem 0rem 0rem 0rem currentColor"
|
|
1799
|
+
}
|
|
1800
|
+
}
|
|
1801
|
+
}
|
|
1802
|
+
},
|
|
1803
|
+
"table-of-contents": {
|
|
1768
1804
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1769
1805
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1770
1806
|
"font-weight": "400",
|
|
1771
1807
|
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1772
|
-
"line-height":
|
|
1808
|
+
"line-height": 1.6,
|
|
1773
1809
|
"link": {
|
|
1774
1810
|
"color": "#004699",
|
|
1775
1811
|
"outline-offset": "0.25rem",
|
|
@@ -1794,9 +1830,10 @@
|
|
|
1794
1830
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1795
1831
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1796
1832
|
"font-weight": "400",
|
|
1797
|
-
"line-height":
|
|
1833
|
+
"line-height": 1.6,
|
|
1798
1834
|
"caption": {
|
|
1799
|
-
"font-weight": "800"
|
|
1835
|
+
"font-weight": "800",
|
|
1836
|
+
"margin-block-end": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
|
|
1800
1837
|
},
|
|
1801
1838
|
"cell": {
|
|
1802
1839
|
"border-block-end": "0.0625rem solid #d1d1d1",
|
|
@@ -1810,7 +1847,7 @@
|
|
|
1810
1847
|
"tabs": {
|
|
1811
1848
|
"gap": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
1812
1849
|
"list": {
|
|
1813
|
-
"box-shadow": "inset 0rem
|
|
1850
|
+
"box-shadow": "inset 0rem -0.125rem 0rem 0rem #d1d1d1"
|
|
1814
1851
|
},
|
|
1815
1852
|
"button": {
|
|
1816
1853
|
"color": "#004699",
|
|
@@ -1818,16 +1855,16 @@
|
|
|
1818
1855
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1819
1856
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1820
1857
|
"font-weight": "400",
|
|
1821
|
-
"line-height":
|
|
1858
|
+
"line-height": 1.6,
|
|
1822
1859
|
"outline-offset": "calc(0.25rem * -1)",
|
|
1823
1860
|
"padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1824
1861
|
"padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
1825
1862
|
"hover": {
|
|
1826
|
-
"box-shadow": "inset 0rem
|
|
1863
|
+
"box-shadow": "inset 0rem -0.125rem 0rem 0rem currentColor",
|
|
1827
1864
|
"color": "#003677"
|
|
1828
1865
|
},
|
|
1829
1866
|
"selected": {
|
|
1830
|
-
"box-shadow": "inset 0rem
|
|
1867
|
+
"box-shadow": "inset 0rem -0.25rem 0rem 0rem currentColor",
|
|
1831
1868
|
"font-weight": "800"
|
|
1832
1869
|
},
|
|
1833
1870
|
"disabled": {
|
|
@@ -1845,8 +1882,8 @@
|
|
|
1845
1882
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1846
1883
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1847
1884
|
"font-weight": "400",
|
|
1848
|
-
"line-height":
|
|
1849
|
-
"min-block-size": "calc(1.
|
|
1885
|
+
"line-height": 1.4,
|
|
1886
|
+
"min-block-size": "calc(1.6 * 1em + 2 * clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem))",
|
|
1850
1887
|
"outline-offset": "0.25rem",
|
|
1851
1888
|
"padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1852
1889
|
"padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
@@ -1855,13 +1892,13 @@
|
|
|
1855
1892
|
"cursor": "not-allowed"
|
|
1856
1893
|
},
|
|
1857
1894
|
"hover": {
|
|
1858
|
-
"box-shadow": "
|
|
1895
|
+
"box-shadow": "inset 0rem 0rem 0rem 0.0625rem currentColor"
|
|
1859
1896
|
},
|
|
1860
1897
|
"invalid": {
|
|
1861
1898
|
"border-color": "#ec0000",
|
|
1862
1899
|
"hover": {
|
|
1863
1900
|
"border-color": "#b70000",
|
|
1864
|
-
"box-shadow": "
|
|
1901
|
+
"box-shadow": "inset 0rem 0rem 0rem 0.0625rem #b70000"
|
|
1865
1902
|
}
|
|
1866
1903
|
},
|
|
1867
1904
|
"placeholder": {
|
|
@@ -1877,7 +1914,7 @@
|
|
|
1877
1914
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1878
1915
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1879
1916
|
"font-weight": "400",
|
|
1880
|
-
"line-height":
|
|
1917
|
+
"line-height": 1.4,
|
|
1881
1918
|
"outline-offset": "0.25rem",
|
|
1882
1919
|
"padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1883
1920
|
"padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
@@ -1900,29 +1937,6 @@
|
|
|
1900
1937
|
}
|
|
1901
1938
|
},
|
|
1902
1939
|
"time-input": {
|
|
1903
|
-
"disabled": {
|
|
1904
|
-
"calendar-picker-indicator": {
|
|
1905
|
-
"background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><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>\")"
|
|
1906
|
-
},
|
|
1907
|
-
"calender-picker-indicator": {
|
|
1908
|
-
"background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><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>\")"
|
|
1909
|
-
},
|
|
1910
|
-
"color": "#767676",
|
|
1911
|
-
"cursor": "not-allowed"
|
|
1912
|
-
},
|
|
1913
|
-
"hover": {
|
|
1914
|
-
"calender-picker-indicator": {
|
|
1915
|
-
"background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><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>\")"
|
|
1916
|
-
},
|
|
1917
|
-
"box-shadow": "inset 0rem 0rem 0rem 0.0625rem currentColor",
|
|
1918
|
-
"calendar-picker-indicator": {
|
|
1919
|
-
"background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><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>\")"
|
|
1920
|
-
}
|
|
1921
|
-
},
|
|
1922
|
-
"calender-picker-indicator": {
|
|
1923
|
-
"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>\")",
|
|
1924
|
-
"cursor": "pointer"
|
|
1925
|
-
},
|
|
1926
1940
|
"background-color": "#ffffff",
|
|
1927
1941
|
"border-color": "currentColor",
|
|
1928
1942
|
"border-style": "solid",
|
|
@@ -1931,10 +1945,20 @@
|
|
|
1931
1945
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1932
1946
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1933
1947
|
"font-weight": "400",
|
|
1934
|
-
"line-height":
|
|
1948
|
+
"line-height": 1.4,
|
|
1935
1949
|
"outline-offset": "0.25rem",
|
|
1936
1950
|
"padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1937
1951
|
"padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
1952
|
+
"disabled": {
|
|
1953
|
+
"color": "#767676",
|
|
1954
|
+
"cursor": "not-allowed"
|
|
1955
|
+
},
|
|
1956
|
+
"hover": {
|
|
1957
|
+
"box-shadow": "inset 0rem 0rem 0rem 0.0625rem currentColor",
|
|
1958
|
+
"calendar-picker-indicator": {
|
|
1959
|
+
"background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><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>\")"
|
|
1960
|
+
}
|
|
1961
|
+
},
|
|
1938
1962
|
"invalid": {
|
|
1939
1963
|
"border-color": "#ec0000",
|
|
1940
1964
|
"hover": {
|
|
@@ -1953,14 +1977,14 @@
|
|
|
1953
1977
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1954
1978
|
"font-weight": "400",
|
|
1955
1979
|
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
1956
|
-
"line-height":
|
|
1980
|
+
"line-height": 1.6,
|
|
1957
1981
|
"list-style-type": "'\\2022'",
|
|
1958
1982
|
"inverse": {
|
|
1959
1983
|
"color": "#ffffff"
|
|
1960
1984
|
},
|
|
1961
1985
|
"small": {
|
|
1962
1986
|
"font-size": "1rem",
|
|
1963
|
-
"line-height":
|
|
1987
|
+
"line-height": 1.5
|
|
1964
1988
|
},
|
|
1965
1989
|
"item": {
|
|
1966
1990
|
"margin-inline-start": "1.625rem",
|