@amsterdam/design-system-tokens 0.10.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.
- package/CHANGELOG.md +21 -0
- package/build.js +15 -14
- package/dist/compact.css +13 -9
- package/dist/compact.d.ts +10 -12
- package/dist/compact.json +12 -7
- package/dist/compact.mjs +13 -9
- package/dist/compact.scss +13 -9
- package/dist/compact.theme.css +13 -9
- package/dist/index.css +114 -105
- package/dist/index.d.ts +44 -39
- package/dist/index.json +200 -188
- package/dist/index.mjs +191 -182
- package/dist/index.scss +114 -105
- package/dist/index.theme.css +114 -105
- package/package.json +3 -2
- package/src/brand/ams/space.compact.tokens.json +5 -0
- package/src/brand/ams/space.tokens.json +10 -19
- package/src/brand/ams/text.compact.tokens.json +7 -7
- package/src/brand/ams/text.tokens.json +7 -7
- package/src/components/ams/accordion.tokens.json +4 -4
- package/src/components/ams/alert.tokens.json +6 -3
- package/src/components/ams/avatar.tokens.json +2 -2
- package/src/components/ams/badge.tokens.json +1 -1
- package/src/components/ams/breadcrumb.tokens.json +4 -1
- package/src/components/ams/button.tokens.json +3 -3
- package/src/components/ams/card.tokens.json +4 -0
- package/src/components/ams/{form-field-character-counter.tokens.json → character-count.tokens.json} +1 -1
- package/src/components/ams/checkbox.tokens.json +1 -0
- package/src/components/ams/column.tokens.json +6 -5
- package/src/components/ams/date-input.tokens.json +2 -2
- package/src/components/ams/description-list.tokens.json +3 -3
- package/src/components/ams/dialog.tokens.json +8 -7
- package/src/components/ams/field-set.tokens.json +3 -7
- package/src/components/ams/field.tokens.json +3 -9
- package/src/components/ams/file-input.tokens.json +5 -5
- package/src/components/ams/form-error-list.tokens.json +7 -0
- package/src/components/ams/header.tokens.json +1 -1
- package/src/components/ams/link-list.tokens.json +2 -2
- package/src/components/ams/mega-menu.tokens.json +1 -1
- package/src/components/ams/ordered-list.tokens.json +1 -1
- package/src/components/ams/page-menu.tokens.json +1 -1
- package/src/components/ams/pagination.tokens.json +2 -1
- package/src/components/ams/radio.tokens.json +1 -0
- package/src/components/ams/row.tokens.json +6 -5
- package/src/components/ams/search-field.tokens.json +4 -4
- package/src/components/ams/select.tokens.json +3 -3
- package/src/components/ams/skip-link.tokens.json +2 -2
- package/src/components/ams/table-of-contents.tokens.json +4 -4
- package/src/components/ams/table.tokens.json +2 -2
- package/src/components/ams/tabs.tokens.json +3 -2
- package/src/components/ams/text-area.tokens.json +2 -2
- package/src/components/ams/text-input.tokens.json +2 -2
- package/src/components/ams/time-input.tokens.json +2 -2
- package/src/components/ams/top-task-link.tokens.json +1 -0
- package/src/components/ams/unordered-list.tokens.json +1 -1
package/dist/index.json
CHANGED
|
@@ -34,26 +34,17 @@
|
|
|
34
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.
|
|
39
|
-
"sm": "clamp(0.5rem, calc(
|
|
40
|
-
"md": "clamp(1rem, calc(
|
|
41
|
-
"lg": "clamp(1.5rem, calc(
|
|
42
|
-
"xl": "clamp(2rem, calc(
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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(
|
|
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.
|
|
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(
|
|
147
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
157
148
|
"font-weight": 800,
|
|
158
|
-
"gap": "
|
|
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
|
|
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": "
|
|
178
|
-
"padding-block": "
|
|
179
|
-
"padding-inline": "1.
|
|
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,6 +185,9 @@
|
|
|
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": {
|
|
@@ -207,11 +201,11 @@
|
|
|
207
201
|
"avatar": {
|
|
208
202
|
"aspect-ratio": "1 / 1",
|
|
209
203
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
210
|
-
"font-size": "clamp(0.
|
|
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.
|
|
214
|
-
"padding-inline": "0.
|
|
207
|
+
"padding-block": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
|
|
208
|
+
"padding-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
|
|
215
209
|
"black": {
|
|
216
210
|
"background-color": "#000000",
|
|
217
211
|
"color": "#FFFFFF"
|
|
@@ -271,10 +265,10 @@
|
|
|
271
265
|
},
|
|
272
266
|
"badge": {
|
|
273
267
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
274
|
-
"font-size": "clamp(1.125rem, calc(
|
|
268
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
275
269
|
"font-weight": 800,
|
|
276
270
|
"line-height": "1.6",
|
|
277
|
-
"padding-inline": ".
|
|
271
|
+
"padding-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
|
|
278
272
|
"black": {
|
|
279
273
|
"background-color": "#000000",
|
|
280
274
|
"color": "#FFFFFF"
|
|
@@ -335,18 +329,21 @@
|
|
|
335
329
|
"blockquote": {
|
|
336
330
|
"color": "#000000",
|
|
337
331
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
338
|
-
"font-size": "clamp(1.
|
|
332
|
+
"font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
|
|
339
333
|
"font-weight": 800,
|
|
340
334
|
"line-height": "1.3",
|
|
341
335
|
"inverse-color": "#FFFFFF"
|
|
342
336
|
},
|
|
343
337
|
"breadcrumb": {
|
|
344
338
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
345
|
-
"font-size": "clamp(0.
|
|
339
|
+
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
|
|
346
340
|
"font-weight": 400,
|
|
347
341
|
"line-height": "1.6",
|
|
348
342
|
"separator": {
|
|
349
|
-
"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)"
|
|
350
347
|
},
|
|
351
348
|
"link": {
|
|
352
349
|
"color": "#004699",
|
|
@@ -363,12 +360,12 @@
|
|
|
363
360
|
"button": {
|
|
364
361
|
"cursor": "pointer",
|
|
365
362
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
366
|
-
"font-size": "clamp(1.125rem, calc(
|
|
363
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
367
364
|
"line-height": "1.6",
|
|
368
|
-
"gap": "
|
|
369
|
-
"padding-block": ".5rem",
|
|
370
|
-
"padding-inline": "1rem",
|
|
365
|
+
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
371
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)",
|
|
372
369
|
"disabled": {
|
|
373
370
|
"cursor": "not-allowed"
|
|
374
371
|
},
|
|
@@ -419,6 +416,10 @@
|
|
|
419
416
|
}
|
|
420
417
|
},
|
|
421
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
|
+
},
|
|
422
423
|
"link": {
|
|
423
424
|
"color": "#004699",
|
|
424
425
|
"text-decoration-line": "none",
|
|
@@ -431,11 +432,22 @@
|
|
|
431
432
|
},
|
|
432
433
|
"outline-offset": "0.125rem"
|
|
433
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
|
+
},
|
|
434
445
|
"checkbox": {
|
|
435
446
|
"color": "#000000",
|
|
436
447
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
437
|
-
"font-size": "clamp(1.125rem, calc(
|
|
448
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
438
449
|
"font-weight": 400,
|
|
450
|
+
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
439
451
|
"line-height": "1.6",
|
|
440
452
|
"outline-offset": "0.125rem",
|
|
441
453
|
"checkmark": {
|
|
@@ -504,11 +516,12 @@
|
|
|
504
516
|
},
|
|
505
517
|
"column": {
|
|
506
518
|
"gap": {
|
|
507
|
-
"
|
|
508
|
-
"
|
|
509
|
-
"
|
|
510
|
-
"
|
|
511
|
-
"
|
|
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)"
|
|
512
525
|
}
|
|
513
526
|
},
|
|
514
527
|
"date-input": {
|
|
@@ -516,12 +529,12 @@
|
|
|
516
529
|
"box-shadow": "inset 0 0 0 0.0625rem #000000",
|
|
517
530
|
"color": "#000000",
|
|
518
531
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
519
|
-
"font-size": "clamp(1.125rem, calc(
|
|
532
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
520
533
|
"font-weight": 400,
|
|
521
534
|
"line-height": "1.6",
|
|
522
535
|
"outline-offset": "0.125rem",
|
|
523
|
-
"padding-block": ".
|
|
524
|
-
"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)",
|
|
525
538
|
"calender-picker-indicator": {
|
|
526
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>\")"
|
|
527
540
|
},
|
|
@@ -549,62 +562,63 @@
|
|
|
549
562
|
"description-list": {
|
|
550
563
|
"color": "#000000",
|
|
551
564
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
552
|
-
"font-size": "clamp(1.125rem, calc(
|
|
565
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
553
566
|
"font-weight": 400,
|
|
554
|
-
"gap": "
|
|
567
|
+
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
555
568
|
"inverse-color": "#FFFFFF",
|
|
556
569
|
"line-height": "1.6",
|
|
557
570
|
"row": {
|
|
558
|
-
"gap": "
|
|
571
|
+
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
|
|
559
572
|
},
|
|
560
573
|
"details": {
|
|
561
574
|
"font-weight": 800,
|
|
562
|
-
"padding-inline-start": "
|
|
575
|
+
"padding-inline-start": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"
|
|
563
576
|
}
|
|
564
577
|
},
|
|
565
578
|
"dialog": {
|
|
566
579
|
"background-color": "#FFFFFF",
|
|
567
580
|
"border": "0",
|
|
568
|
-
"
|
|
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",
|
|
569
584
|
"form": {
|
|
570
|
-
"gap": "1.5rem",
|
|
571
|
-
"padding-block": "clamp(
|
|
572
|
-
"padding-inline": "clamp(1.5rem, calc(
|
|
573
|
-
"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)"
|
|
574
588
|
},
|
|
575
589
|
"header": {
|
|
576
|
-
"gap": "
|
|
590
|
+
"gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
|
|
577
591
|
},
|
|
578
592
|
"footer": {
|
|
579
|
-
"gap": "
|
|
593
|
+
"gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
|
|
580
594
|
}
|
|
581
595
|
},
|
|
582
596
|
"error-message": {
|
|
583
597
|
"color": "#EC0000",
|
|
584
598
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
585
|
-
"font-size": "clamp(0.
|
|
599
|
+
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
|
|
586
600
|
"font-weight": 400,
|
|
587
601
|
"line-height": "1.6"
|
|
588
602
|
},
|
|
589
603
|
"field-set": {
|
|
590
604
|
"invalid": {
|
|
591
605
|
"border-inline-start": "0.1875rem solid #EC0000",
|
|
592
|
-
"padding-inline-start": "
|
|
606
|
+
"padding-inline-start": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
|
|
593
607
|
},
|
|
594
608
|
"legend": {
|
|
595
609
|
"color": "#000000",
|
|
596
610
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
597
|
-
"font-size": "clamp(1.
|
|
611
|
+
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
|
|
598
612
|
"font-weight": 800,
|
|
599
613
|
"line-height": "1.5",
|
|
600
|
-
"margin-block-end": "
|
|
614
|
+
"margin-block-end": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
|
|
601
615
|
}
|
|
602
616
|
},
|
|
603
617
|
"field": {
|
|
604
|
-
"gap": ".75rem",
|
|
618
|
+
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
605
619
|
"invalid": {
|
|
606
620
|
"border-inline-start": "0.1875rem solid #EC0000",
|
|
607
|
-
"padding-inline-start": "
|
|
621
|
+
"padding-inline-start": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
|
|
608
622
|
}
|
|
609
623
|
},
|
|
610
624
|
"file-input": {
|
|
@@ -613,12 +627,12 @@
|
|
|
613
627
|
"color": "#000000",
|
|
614
628
|
"cursor": "pointer",
|
|
615
629
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
616
|
-
"font-size": "clamp(1.125rem, calc(
|
|
630
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
617
631
|
"font-weight": 400,
|
|
618
632
|
"line-height": "1.6",
|
|
619
633
|
"outline-offset": "0.125rem",
|
|
620
|
-
"padding-block": "
|
|
621
|
-
"padding-inline": "
|
|
634
|
+
"padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
|
|
635
|
+
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
|
|
622
636
|
"disabled": {
|
|
623
637
|
"color": "#BEBEBE",
|
|
624
638
|
"cursor": "not-allowed"
|
|
@@ -628,9 +642,9 @@
|
|
|
628
642
|
"box-shadow": "inset 0 0 0 0.125rem #004699",
|
|
629
643
|
"color": "#004699",
|
|
630
644
|
"cursor": "pointer",
|
|
631
|
-
"margin-inline-end": "
|
|
632
|
-
"padding-block": ".
|
|
633
|
-
"padding-inline": "
|
|
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)",
|
|
634
648
|
"hover": {
|
|
635
649
|
"box-shadow": "inset 0 0 0 0.1875rem #102E62",
|
|
636
650
|
"color": "#102E62"
|
|
@@ -645,36 +659,29 @@
|
|
|
645
659
|
}
|
|
646
660
|
}
|
|
647
661
|
},
|
|
648
|
-
"form-
|
|
649
|
-
"
|
|
650
|
-
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
651
|
-
"font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
|
|
652
|
-
"font-weight": 400,
|
|
653
|
-
"line-height": "1.6",
|
|
654
|
-
"error": {
|
|
655
|
-
"color": "#EC0000"
|
|
656
|
-
}
|
|
662
|
+
"form-error-list": {
|
|
663
|
+
"outline-offset": "0.125rem"
|
|
657
664
|
},
|
|
658
665
|
"gap": {
|
|
659
|
-
"xs": "clamp(0.25rem, calc(0.
|
|
660
|
-
"sm": "clamp(0.5rem, calc(
|
|
661
|
-
"md": "clamp(1rem, calc(
|
|
662
|
-
"lg": "clamp(1.5rem, calc(
|
|
663
|
-
"xl": "clamp(2rem, calc(
|
|
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)"
|
|
664
671
|
},
|
|
665
672
|
"grid": {
|
|
666
673
|
"column-count": "4",
|
|
667
|
-
"column-gap": "clamp(1rem, calc(
|
|
674
|
+
"column-gap": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
|
|
668
675
|
"padding-block": {
|
|
669
|
-
"sm": "clamp(0.5rem, calc(
|
|
670
|
-
"md": "clamp(1rem, calc(
|
|
671
|
-
"lg": "clamp(1.5rem, calc(
|
|
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)"
|
|
672
679
|
},
|
|
673
|
-
"padding-inline": "clamp(1.5rem, calc(
|
|
680
|
+
"padding-inline": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)",
|
|
674
681
|
"row-gap": {
|
|
675
|
-
"sm": "clamp(0.5rem, calc(
|
|
676
|
-
"md": "clamp(1rem, calc(
|
|
677
|
-
"lg": "clamp(1.5rem, calc(
|
|
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)"
|
|
678
685
|
},
|
|
679
686
|
"medium": {
|
|
680
687
|
"column-count": "8"
|
|
@@ -684,8 +691,8 @@
|
|
|
684
691
|
}
|
|
685
692
|
},
|
|
686
693
|
"header": {
|
|
687
|
-
"column-gap": "clamp(1rem, calc(
|
|
688
|
-
"padding-block": "
|
|
694
|
+
"column-gap": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
|
|
695
|
+
"padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
|
|
689
696
|
"logo-link": {
|
|
690
697
|
"outline-offset": "0.125rem"
|
|
691
698
|
}
|
|
@@ -697,27 +704,27 @@
|
|
|
697
704
|
"inverse-color": "#FFFFFF",
|
|
698
705
|
"level": {
|
|
699
706
|
"1": {
|
|
700
|
-
"font-size": "clamp(2.
|
|
707
|
+
"font-size": "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)",
|
|
701
708
|
"line-height": "1.2"
|
|
702
709
|
},
|
|
703
710
|
"2": {
|
|
704
|
-
"font-size": "clamp(1.
|
|
711
|
+
"font-size": "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)",
|
|
705
712
|
"line-height": "1.25"
|
|
706
713
|
},
|
|
707
714
|
"3": {
|
|
708
|
-
"font-size": "clamp(1.
|
|
715
|
+
"font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
|
|
709
716
|
"line-height": "1.3"
|
|
710
717
|
},
|
|
711
718
|
"4": {
|
|
712
|
-
"font-size": "clamp(1.
|
|
719
|
+
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
|
|
713
720
|
"line-height": "1.5"
|
|
714
721
|
},
|
|
715
722
|
"5": {
|
|
716
|
-
"font-size": "clamp(1.125rem, calc(
|
|
723
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
717
724
|
"line-height": "1.6"
|
|
718
725
|
},
|
|
719
726
|
"6": {
|
|
720
|
-
"font-size": "clamp(0.
|
|
727
|
+
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
|
|
721
728
|
"line-height": "1.6"
|
|
722
729
|
}
|
|
723
730
|
}
|
|
@@ -757,48 +764,48 @@
|
|
|
757
764
|
},
|
|
758
765
|
"icon": {
|
|
759
766
|
"size-3": {
|
|
760
|
-
"font-size": "clamp(1.
|
|
767
|
+
"font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
|
|
761
768
|
"line-height": "1.3"
|
|
762
769
|
},
|
|
763
770
|
"size-4": {
|
|
764
|
-
"font-size": "clamp(1.
|
|
771
|
+
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
|
|
765
772
|
"line-height": "1.5"
|
|
766
773
|
},
|
|
767
774
|
"size-5": {
|
|
768
|
-
"font-size": "clamp(1.125rem, calc(
|
|
775
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
769
776
|
"line-height": "1.6"
|
|
770
777
|
},
|
|
771
778
|
"size-6": {
|
|
772
|
-
"font-size": "clamp(0.
|
|
779
|
+
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
|
|
773
780
|
"line-height": "1.6"
|
|
774
781
|
}
|
|
775
782
|
},
|
|
776
783
|
"label": {
|
|
777
784
|
"color": "#000000",
|
|
778
785
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
779
|
-
"font-size": "clamp(1.
|
|
786
|
+
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
|
|
780
787
|
"font-weight": 800,
|
|
781
788
|
"line-height": "1.5"
|
|
782
789
|
},
|
|
783
790
|
"link-list": {
|
|
784
|
-
"gap": "0.
|
|
791
|
+
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
785
792
|
"link": {
|
|
786
793
|
"color": "#004699",
|
|
787
794
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
788
|
-
"font-size": "clamp(1.125rem, calc(
|
|
795
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
789
796
|
"font-weight": 400,
|
|
790
|
-
"gap": "0.
|
|
797
|
+
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
791
798
|
"line-height": "1.6",
|
|
792
799
|
"outline-offset": "0.125rem",
|
|
793
800
|
"text-decoration-line": "none",
|
|
794
801
|
"text-decoration-thickness": "0.125rem",
|
|
795
802
|
"text-underline-offset": "0.3333em",
|
|
796
803
|
"small": {
|
|
797
|
-
"font-size": "clamp(0.
|
|
804
|
+
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
|
|
798
805
|
"line-height": "1.6"
|
|
799
806
|
},
|
|
800
807
|
"large": {
|
|
801
|
-
"font-size": "clamp(1.
|
|
808
|
+
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
|
|
802
809
|
"line-height": "1.5"
|
|
803
810
|
},
|
|
804
811
|
"hover": {
|
|
@@ -843,7 +850,7 @@
|
|
|
843
850
|
}
|
|
844
851
|
},
|
|
845
852
|
"standalone": {
|
|
846
|
-
"font-size": "clamp(1.125rem, calc(
|
|
853
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
847
854
|
"line-height": "1.6",
|
|
848
855
|
"text-decoration-line": "underline",
|
|
849
856
|
"text-decoration-thickness": "0.125rem",
|
|
@@ -885,34 +892,34 @@
|
|
|
885
892
|
}
|
|
886
893
|
},
|
|
887
894
|
"margin": {
|
|
888
|
-
"xs": "clamp(0.25rem, calc(0.
|
|
889
|
-
"sm": "clamp(0.5rem, calc(
|
|
890
|
-
"md": "clamp(1rem, calc(
|
|
891
|
-
"lg": "clamp(1.5rem, calc(
|
|
892
|
-
"xl": "clamp(2rem, calc(
|
|
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)"
|
|
893
900
|
},
|
|
894
901
|
"mark": {
|
|
895
902
|
"background-color": "#FFE600"
|
|
896
903
|
},
|
|
897
904
|
"mega-menu": {
|
|
898
905
|
"list-category": {
|
|
899
|
-
"column-gap": "clamp(1rem, calc(
|
|
906
|
+
"column-gap": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
|
|
900
907
|
"column-width": "20rem",
|
|
901
|
-
"padding-block-start": "
|
|
902
|
-
"padding-block-end": "clamp(1rem, calc(
|
|
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)"
|
|
903
910
|
}
|
|
904
911
|
},
|
|
905
912
|
"ordered-list": {
|
|
906
913
|
"color": "#000000",
|
|
907
914
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
908
|
-
"font-size": "clamp(1.125rem, calc(
|
|
915
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
909
916
|
"font-weight": 400,
|
|
910
|
-
"gap": "0.75rem",
|
|
917
|
+
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
911
918
|
"inverse-color": "#FFFFFF",
|
|
912
919
|
"line-height": "1.6",
|
|
913
920
|
"list-style-type": "decimal",
|
|
914
921
|
"small": {
|
|
915
|
-
"font-size": "clamp(0.
|
|
922
|
+
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
|
|
916
923
|
"line-height": "1.6"
|
|
917
924
|
},
|
|
918
925
|
"item": {
|
|
@@ -930,20 +937,20 @@
|
|
|
930
937
|
"page-heading": {
|
|
931
938
|
"color": "#000000",
|
|
932
939
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
933
|
-
"font-size": "clamp(2.
|
|
940
|
+
"font-size": "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)",
|
|
934
941
|
"font-weight": 800,
|
|
935
942
|
"inverse-color": "#FFFFFF",
|
|
936
|
-
"line-height": "clamp(2.
|
|
943
|
+
"line-height": "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)"
|
|
937
944
|
},
|
|
938
945
|
"page-menu": {
|
|
939
|
-
"column-gap": "clamp(1rem, calc(
|
|
940
|
-
"row-gap": "clamp(0.25rem, calc(0.
|
|
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)",
|
|
941
948
|
"item": {
|
|
942
949
|
"color": "#004699",
|
|
943
950
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
944
|
-
"font-size": "clamp(0.
|
|
951
|
+
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
|
|
945
952
|
"font-weight": 400,
|
|
946
|
-
"gap": "0.
|
|
953
|
+
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
947
954
|
"line-height": "1.6",
|
|
948
955
|
"outline-offset": "0.125rem",
|
|
949
956
|
"text-decoration-line": "none",
|
|
@@ -958,12 +965,13 @@
|
|
|
958
965
|
"pagination": {
|
|
959
966
|
"color": "#004699",
|
|
960
967
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
961
|
-
"font-size": "clamp(1.125rem, calc(
|
|
968
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
962
969
|
"font-weight": 400,
|
|
963
970
|
"line-height": "1.6",
|
|
964
971
|
"button": {
|
|
972
|
+
"gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
|
|
965
973
|
"outline-offset": "0.125rem",
|
|
966
|
-
"padding-inline": ".75rem",
|
|
974
|
+
"padding-inline": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
967
975
|
"text-decoration-line": "none",
|
|
968
976
|
"text-decoration-thickness": "0.125rem",
|
|
969
977
|
"text-underline-offset": "0.3333em",
|
|
@@ -979,24 +987,25 @@
|
|
|
979
987
|
"paragraph": {
|
|
980
988
|
"color": "#000000",
|
|
981
989
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
982
|
-
"font-size": "clamp(1.125rem, calc(
|
|
990
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
983
991
|
"font-weight": 400,
|
|
984
992
|
"line-height": "1.6",
|
|
985
993
|
"inverse-color": "#FFFFFF",
|
|
986
994
|
"small": {
|
|
987
|
-
"font-size": "clamp(0.
|
|
995
|
+
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
|
|
988
996
|
"line-height": "1.6"
|
|
989
997
|
},
|
|
990
998
|
"large": {
|
|
991
|
-
"font-size": "clamp(1.
|
|
999
|
+
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
|
|
992
1000
|
"line-height": "1.5"
|
|
993
1001
|
}
|
|
994
1002
|
},
|
|
995
1003
|
"radio": {
|
|
996
1004
|
"color": "#000000",
|
|
997
1005
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
998
|
-
"font-size": "clamp(1.125rem, calc(
|
|
1006
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
999
1007
|
"font-weight": 400,
|
|
1008
|
+
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
1000
1009
|
"line-height": "1.6",
|
|
1001
1010
|
"outline-offset": "0.125rem",
|
|
1002
1011
|
"circle": {
|
|
@@ -1044,11 +1053,12 @@
|
|
|
1044
1053
|
},
|
|
1045
1054
|
"row": {
|
|
1046
1055
|
"gap": {
|
|
1047
|
-
"
|
|
1048
|
-
"
|
|
1049
|
-
"
|
|
1050
|
-
"
|
|
1051
|
-
"
|
|
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)"
|
|
1052
1062
|
}
|
|
1053
1063
|
},
|
|
1054
1064
|
"screen": {
|
|
@@ -1065,8 +1075,8 @@
|
|
|
1065
1075
|
"background-color": "#004699",
|
|
1066
1076
|
"color": "#FFFFFF",
|
|
1067
1077
|
"outline-offset": "0.125rem",
|
|
1068
|
-
"padding-block": ".
|
|
1069
|
-
"padding-inline": ".
|
|
1078
|
+
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
1079
|
+
"padding-inline": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
1070
1080
|
"hover": {
|
|
1071
1081
|
"background-color": "#102E62"
|
|
1072
1082
|
}
|
|
@@ -1076,17 +1086,17 @@
|
|
|
1076
1086
|
"box-shadow": "inset 0 0 0 0.0625rem #000000",
|
|
1077
1087
|
"color": "#000000",
|
|
1078
1088
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1079
|
-
"font-size": "clamp(1.125rem, calc(
|
|
1089
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
1080
1090
|
"font-weight": 400,
|
|
1081
1091
|
"line-height": "1.6",
|
|
1082
1092
|
"outline-offset": "0.125rem",
|
|
1083
|
-
"padding-block": ".
|
|
1084
|
-
"padding-inline": "
|
|
1093
|
+
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
1094
|
+
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
|
|
1085
1095
|
"cancel-button": {
|
|
1086
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>\")",
|
|
1087
|
-
"block-size": "clamp(1.125rem, calc(
|
|
1097
|
+
"block-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
1088
1098
|
"color": "#004699",
|
|
1089
|
-
"inline-size": "clamp(1.125rem, calc(
|
|
1099
|
+
"inline-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"
|
|
1090
1100
|
},
|
|
1091
1101
|
"hover": {
|
|
1092
1102
|
"box-shadow": "inset 0 0 0 0.125rem #000000"
|
|
@@ -1105,16 +1115,16 @@
|
|
|
1105
1115
|
"select": {
|
|
1106
1116
|
"background-color": "#FFFFFF",
|
|
1107
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>\")",
|
|
1108
|
-
"background-position": "right
|
|
1118
|
+
"background-position": "right clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) center",
|
|
1109
1119
|
"box-shadow": "inset 0 0 0 0.0625rem #000000",
|
|
1110
1120
|
"color": "#000000",
|
|
1111
1121
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1112
|
-
"font-size": "clamp(1.125rem, calc(
|
|
1122
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
1113
1123
|
"font-weight": 400,
|
|
1114
1124
|
"line-height": "1.6",
|
|
1115
1125
|
"outline-offset": "0.125rem",
|
|
1116
|
-
"padding-block": ".
|
|
1117
|
-
"padding-inline": "
|
|
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)",
|
|
1118
1128
|
"disabled": {
|
|
1119
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>\")",
|
|
1120
1130
|
"box-shadow": "inset 0 0 0 0.0625rem #BEBEBE",
|
|
@@ -1139,12 +1149,12 @@
|
|
|
1139
1149
|
"background-color": "#004699",
|
|
1140
1150
|
"color": "#FFFFFF",
|
|
1141
1151
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1142
|
-
"font-size": "clamp(0.
|
|
1152
|
+
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
|
|
1143
1153
|
"font-weight": 400,
|
|
1144
1154
|
"line-height": "1.6",
|
|
1145
1155
|
"outline-offset": "0.125rem",
|
|
1146
|
-
"padding-block": ".
|
|
1147
|
-
"padding-inline": "
|
|
1156
|
+
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
1157
|
+
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
|
|
1148
1158
|
"hover": {
|
|
1149
1159
|
"background-color": "#102E62"
|
|
1150
1160
|
}
|
|
@@ -1198,9 +1208,9 @@
|
|
|
1198
1208
|
},
|
|
1199
1209
|
"table-of-contents": {
|
|
1200
1210
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1201
|
-
"font-size": "clamp(1.125rem, calc(
|
|
1211
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
1202
1212
|
"font-weight": 400,
|
|
1203
|
-
"gap": "
|
|
1213
|
+
"gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
|
|
1204
1214
|
"line-height": "1.6",
|
|
1205
1215
|
"link": {
|
|
1206
1216
|
"color": "#004699",
|
|
@@ -1214,22 +1224,22 @@
|
|
|
1214
1224
|
}
|
|
1215
1225
|
},
|
|
1216
1226
|
"list": {
|
|
1217
|
-
"gap": "
|
|
1227
|
+
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
1218
1228
|
"list": {
|
|
1219
|
-
"padding-block-start": "
|
|
1220
|
-
"padding-inline-start": "1.
|
|
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)"
|
|
1221
1231
|
}
|
|
1222
1232
|
},
|
|
1223
1233
|
"heading": {
|
|
1224
1234
|
"font-weight": 800,
|
|
1225
|
-
"font-size": "clamp(1.
|
|
1235
|
+
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
|
|
1226
1236
|
"line-height": "1.5"
|
|
1227
1237
|
}
|
|
1228
1238
|
},
|
|
1229
1239
|
"table": {
|
|
1230
1240
|
"color": "#000000",
|
|
1231
1241
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1232
|
-
"font-size": "clamp(1.125rem, calc(
|
|
1242
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
1233
1243
|
"font-weight": 400,
|
|
1234
1244
|
"line-height": "1.6",
|
|
1235
1245
|
"caption": {
|
|
@@ -1237,14 +1247,15 @@
|
|
|
1237
1247
|
},
|
|
1238
1248
|
"cell": {
|
|
1239
1249
|
"border-block-end": "0.0625rem solid #E8E8E8",
|
|
1240
|
-
"padding-block": "
|
|
1241
|
-
"padding-inline": "
|
|
1250
|
+
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
1251
|
+
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
|
|
1242
1252
|
},
|
|
1243
1253
|
"header-cell": {
|
|
1244
1254
|
"font-weight": 800
|
|
1245
1255
|
}
|
|
1246
1256
|
},
|
|
1247
1257
|
"tabs": {
|
|
1258
|
+
"gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
|
|
1248
1259
|
"list": {
|
|
1249
1260
|
"background-color": "#FFFFFF",
|
|
1250
1261
|
"border-block-end": "0.125rem solid #004699"
|
|
@@ -1253,12 +1264,12 @@
|
|
|
1253
1264
|
"color": "#004699",
|
|
1254
1265
|
"cursor": "pointer",
|
|
1255
1266
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1256
|
-
"font-size": "clamp(1.125rem, calc(
|
|
1267
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
1257
1268
|
"font-weight": 400,
|
|
1258
1269
|
"line-height": "1.6",
|
|
1259
1270
|
"outline-offset": "-0.25rem",
|
|
1260
|
-
"padding-block": ".
|
|
1261
|
-
"padding-inline": "
|
|
1271
|
+
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
1272
|
+
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
|
|
1262
1273
|
"hover": {
|
|
1263
1274
|
"color": "#102E62",
|
|
1264
1275
|
"box-shadow": "inset 0 -0.125rem 0 0 #102E62"
|
|
@@ -1278,13 +1289,13 @@
|
|
|
1278
1289
|
"box-shadow": "inset 0 0 0 0.0625rem #000000",
|
|
1279
1290
|
"color": "#000000",
|
|
1280
1291
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1281
|
-
"font-size": "clamp(1.125rem, calc(
|
|
1292
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
1282
1293
|
"font-weight": 400,
|
|
1283
1294
|
"line-height": "1.6",
|
|
1284
|
-
"min-block-size": "calc(1.6 * 1em + 2 * 0.
|
|
1295
|
+
"min-block-size": "calc(1.6 * 1em + 2 * clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem))",
|
|
1285
1296
|
"outline-offset": "0.125rem",
|
|
1286
|
-
"padding-block": "0.
|
|
1287
|
-
"padding-inline": "
|
|
1297
|
+
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
1298
|
+
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
|
|
1288
1299
|
"disabled": {
|
|
1289
1300
|
"background-color": "#FFFFFF",
|
|
1290
1301
|
"box-shadow": "inset 0 0 0 0.0625rem #BEBEBE",
|
|
@@ -1309,12 +1320,12 @@
|
|
|
1309
1320
|
"box-shadow": "inset 0 0 0 0.0625rem #000000",
|
|
1310
1321
|
"color": "#000000",
|
|
1311
1322
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1312
|
-
"font-size": "clamp(1.125rem, calc(
|
|
1323
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
1313
1324
|
"font-weight": 400,
|
|
1314
1325
|
"line-height": "1.6",
|
|
1315
1326
|
"outline-offset": "0.125rem",
|
|
1316
|
-
"padding-block": ".
|
|
1317
|
-
"padding-inline": "
|
|
1327
|
+
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
1328
|
+
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
|
|
1318
1329
|
"disabled": {
|
|
1319
1330
|
"background-color": "#FFFFFF",
|
|
1320
1331
|
"box-shadow": "inset 0 0 0 0.0625rem #BEBEBE",
|
|
@@ -1338,12 +1349,12 @@
|
|
|
1338
1349
|
"box-shadow": "inset 0 0 0 0.0625rem #000000",
|
|
1339
1350
|
"color": "#000000",
|
|
1340
1351
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1341
|
-
"font-size": "clamp(1.125rem, calc(
|
|
1352
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
1342
1353
|
"font-weight": 400,
|
|
1343
1354
|
"line-height": "1.6",
|
|
1344
1355
|
"outline-offset": "0.125rem",
|
|
1345
|
-
"padding-block": ".
|
|
1346
|
-
"padding-inline": "
|
|
1356
|
+
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
1357
|
+
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
|
|
1347
1358
|
"calender-picker-indicator": {
|
|
1348
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>\")"
|
|
1349
1360
|
},
|
|
@@ -1369,17 +1380,18 @@
|
|
|
1369
1380
|
}
|
|
1370
1381
|
},
|
|
1371
1382
|
"top-task-link": {
|
|
1383
|
+
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
1372
1384
|
"description": {
|
|
1373
1385
|
"color": "#000000",
|
|
1374
1386
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1375
|
-
"font-size": "clamp(0.
|
|
1387
|
+
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
|
|
1376
1388
|
"font-weight": 400,
|
|
1377
1389
|
"line-height": "1.6"
|
|
1378
1390
|
},
|
|
1379
1391
|
"label": {
|
|
1380
1392
|
"color": "#004699",
|
|
1381
1393
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1382
|
-
"font-size": "clamp(1.
|
|
1394
|
+
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
|
|
1383
1395
|
"font-weight": 800,
|
|
1384
1396
|
"line-height": "1.5",
|
|
1385
1397
|
"text-decoration-line": "none",
|
|
@@ -1395,9 +1407,9 @@
|
|
|
1395
1407
|
"unordered-list": {
|
|
1396
1408
|
"color": "#000000",
|
|
1397
1409
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1398
|
-
"font-size": "clamp(1.125rem, calc(
|
|
1410
|
+
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
|
|
1399
1411
|
"font-weight": 400,
|
|
1400
|
-
"gap": "0.75rem",
|
|
1412
|
+
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
|
|
1401
1413
|
"inverse-color": "#FFFFFF",
|
|
1402
1414
|
"line-height": "1.6",
|
|
1403
1415
|
"list-style-type": "'\\2022'",
|
|
@@ -1413,7 +1425,7 @@
|
|
|
1413
1425
|
}
|
|
1414
1426
|
},
|
|
1415
1427
|
"small": {
|
|
1416
|
-
"font-size": "clamp(0.
|
|
1428
|
+
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
|
|
1417
1429
|
"line-height": "1.6"
|
|
1418
1430
|
}
|
|
1419
1431
|
}
|