@amsterdam/design-system-tokens 2.2.0 → 3.1.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 +32 -0
- package/README.md +8 -7
- package/dist/compact.css +1 -0
- package/dist/compact.d.ts +3 -0
- package/dist/compact.json +3 -0
- package/dist/compact.mjs +1 -0
- package/dist/compact.scss +1 -0
- package/dist/compact.theme.css +1 -0
- package/dist/index.css +81 -14
- package/dist/index.d.ts +178 -11
- package/dist/index.json +239 -72
- package/dist/index.mjs +165 -67
- package/dist/index.scss +81 -14
- package/dist/index.theme.css +81 -14
- package/package.json +3 -4
- package/src/brand/ams/color.deprecated.tokens.json +1 -1
- package/src/brand/ams/color.tokens.json +9 -4
- package/src/brand/ams/typography.tokens.json +1 -1
- package/src/components/ams/badge.tokens.json +1 -0
- package/src/components/ams/call-to-action-link.tokens.json +2 -2
- package/src/components/ams/date-input.deprecated.tokens.json +6 -0
- package/src/components/ams/date-input.tokens.json +1 -6
- package/src/components/ams/field-set.deprecated.tokens.json +9 -0
- package/src/components/ams/field-set.tokens.json +12 -1
- package/src/components/ams/field.deprecated.tokens.json +7 -0
- package/src/components/ams/field.tokens.json +6 -1
- package/src/components/ams/page-header.compact.tokens.json +3 -0
- package/src/components/ams/page-header.tokens.json +2 -1
- package/src/components/ams/paragraph.tokens.json +2 -1
- package/src/components/ams/progress-list.tokens.json +255 -0
- package/src/components/ams/time-input.deprecated.tokens.json +6 -0
- package/src/components/ams/time-input.tokens.json +1 -6
package/dist/index.json
CHANGED
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
},
|
|
19
19
|
"color": {
|
|
20
20
|
"interactive": {
|
|
21
|
-
"secondary": "#
|
|
22
|
-
"contrast": "#
|
|
21
|
+
"secondary": "#202020",
|
|
22
|
+
"contrast": "#202020",
|
|
23
23
|
"default": "#004699",
|
|
24
24
|
"disabled": "#767676",
|
|
25
25
|
"hover": "#003677",
|
|
@@ -33,21 +33,26 @@
|
|
|
33
33
|
"feedback": {
|
|
34
34
|
"error": "#ec0000",
|
|
35
35
|
"info": "#009de6",
|
|
36
|
-
"success": "#
|
|
36
|
+
"success": "#00893c",
|
|
37
37
|
"warning": "#ff9100"
|
|
38
38
|
},
|
|
39
39
|
"highlight": {
|
|
40
40
|
"azure": "#009de6",
|
|
41
|
-
"green": "#
|
|
41
|
+
"green": "#00893c",
|
|
42
42
|
"lime": "#bed200",
|
|
43
43
|
"magenta": "#e50082",
|
|
44
44
|
"orange": "#ff9100",
|
|
45
45
|
"purple": "#a00078",
|
|
46
46
|
"yellow": "#ffe600"
|
|
47
47
|
},
|
|
48
|
+
"progress": {
|
|
49
|
+
"current": "#00893c",
|
|
50
|
+
"completed": "#00893c",
|
|
51
|
+
"upcoming": "#767676"
|
|
52
|
+
},
|
|
48
53
|
"separator": "#d1d1d1",
|
|
49
54
|
"text": {
|
|
50
|
-
"default": "#
|
|
55
|
+
"default": "#202020",
|
|
51
56
|
"inverse": "#ffffff",
|
|
52
57
|
"secondary": "#767676"
|
|
53
58
|
}
|
|
@@ -101,7 +106,7 @@
|
|
|
101
106
|
"text-wrap": "balance"
|
|
102
107
|
},
|
|
103
108
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
104
|
-
"hyphenate-limit-chars": "
|
|
109
|
+
"hyphenate-limit-chars": "auto",
|
|
105
110
|
"body-text": {
|
|
106
111
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
107
112
|
"font-weight": "400",
|
|
@@ -128,7 +133,7 @@
|
|
|
128
133
|
"border-color": "currentColor",
|
|
129
134
|
"border-style": "solid",
|
|
130
135
|
"border-width": "0.125rem",
|
|
131
|
-
"color": "#
|
|
136
|
+
"color": "#202020",
|
|
132
137
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
133
138
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
134
139
|
"font-weight": "400",
|
|
@@ -169,9 +174,9 @@
|
|
|
169
174
|
}
|
|
170
175
|
},
|
|
171
176
|
"contrast": {
|
|
172
|
-
"color": "#
|
|
177
|
+
"color": "#202020",
|
|
173
178
|
"hover": {
|
|
174
|
-
"color": "#
|
|
179
|
+
"color": "#202020"
|
|
175
180
|
}
|
|
176
181
|
},
|
|
177
182
|
"inverse": {
|
|
@@ -229,9 +234,9 @@
|
|
|
229
234
|
}
|
|
230
235
|
},
|
|
231
236
|
"success": {
|
|
232
|
-
"border-color": "#
|
|
237
|
+
"border-color": "#00893c",
|
|
233
238
|
"severity-indicator": {
|
|
234
|
-
"background-color": "#
|
|
239
|
+
"background-color": "#00893c"
|
|
235
240
|
}
|
|
236
241
|
},
|
|
237
242
|
"warning": {
|
|
@@ -263,14 +268,14 @@
|
|
|
263
268
|
"color": "#ffffff"
|
|
264
269
|
},
|
|
265
270
|
"green": {
|
|
266
|
-
"background-color": "#
|
|
267
|
-
"border-color": "#
|
|
271
|
+
"background-color": "#00893c",
|
|
272
|
+
"border-color": "#00893c",
|
|
268
273
|
"color": "#ffffff"
|
|
269
274
|
},
|
|
270
275
|
"lime": {
|
|
271
276
|
"background-color": "#bed200",
|
|
272
277
|
"border-color": "#bed200",
|
|
273
|
-
"color": "#
|
|
278
|
+
"color": "#202020"
|
|
274
279
|
},
|
|
275
280
|
"magenta": {
|
|
276
281
|
"background-color": "#e50082",
|
|
@@ -280,20 +285,21 @@
|
|
|
280
285
|
"orange": {
|
|
281
286
|
"background-color": "#ff9100",
|
|
282
287
|
"border-color": "#ff9100",
|
|
283
|
-
"color": "#
|
|
288
|
+
"color": "#202020"
|
|
284
289
|
},
|
|
285
290
|
"yellow": {
|
|
286
291
|
"background-color": "#ffe600",
|
|
287
292
|
"border-color": "#ffe600",
|
|
288
|
-
"color": "#
|
|
293
|
+
"color": "#202020"
|
|
289
294
|
}
|
|
290
295
|
},
|
|
291
296
|
"badge": {
|
|
292
|
-
"background-color": "#
|
|
297
|
+
"background-color": "#00893c",
|
|
293
298
|
"color": "#ffffff",
|
|
294
299
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
295
300
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
296
301
|
"font-weight": "800",
|
|
302
|
+
"gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
|
|
297
303
|
"line-height": "1.8",
|
|
298
304
|
"padding-inline": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
|
|
299
305
|
"azure": {
|
|
@@ -302,7 +308,7 @@
|
|
|
302
308
|
},
|
|
303
309
|
"lime": {
|
|
304
310
|
"background-color": "#bed200",
|
|
305
|
-
"color": "#
|
|
311
|
+
"color": "#202020"
|
|
306
312
|
},
|
|
307
313
|
"magenta": {
|
|
308
314
|
"background-color": "#e50082",
|
|
@@ -310,7 +316,7 @@
|
|
|
310
316
|
},
|
|
311
317
|
"orange": {
|
|
312
318
|
"background-color": "#ff9100",
|
|
313
|
-
"color": "#
|
|
319
|
+
"color": "#202020"
|
|
314
320
|
},
|
|
315
321
|
"purple": {
|
|
316
322
|
"background-color": "#a00078",
|
|
@@ -322,11 +328,11 @@
|
|
|
322
328
|
},
|
|
323
329
|
"yellow": {
|
|
324
330
|
"background-color": "#ffe600",
|
|
325
|
-
"color": "#
|
|
331
|
+
"color": "#202020"
|
|
326
332
|
}
|
|
327
333
|
},
|
|
328
334
|
"blockquote": {
|
|
329
|
-
"color": "#
|
|
335
|
+
"color": "#202020",
|
|
330
336
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
331
337
|
"font-size": "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)",
|
|
332
338
|
"font-weight": "800",
|
|
@@ -417,7 +423,7 @@
|
|
|
417
423
|
}
|
|
418
424
|
},
|
|
419
425
|
"call-to-action-link": {
|
|
420
|
-
"background-color": "#
|
|
426
|
+
"background-color": "#00893c",
|
|
421
427
|
"color": "#ffffff",
|
|
422
428
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
423
429
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
@@ -429,7 +435,7 @@
|
|
|
429
435
|
"text-decoration-thickness": "0.125rem",
|
|
430
436
|
"text-underline-offset": "0.15625rem",
|
|
431
437
|
"hover": {
|
|
432
|
-
"background-color": "#
|
|
438
|
+
"background-color": "#10552b",
|
|
433
439
|
"text-decoration-thickness": "0.1875rem",
|
|
434
440
|
"text-underline-offset": "0.09375rem"
|
|
435
441
|
}
|
|
@@ -458,7 +464,7 @@
|
|
|
458
464
|
"outline-offset": "0.25rem"
|
|
459
465
|
},
|
|
460
466
|
"character-count": {
|
|
461
|
-
"color": "#
|
|
467
|
+
"color": "#202020",
|
|
462
468
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
463
469
|
"font-size": "1rem",
|
|
464
470
|
"font-weight": "400",
|
|
@@ -534,7 +540,7 @@
|
|
|
534
540
|
}
|
|
535
541
|
}
|
|
536
542
|
},
|
|
537
|
-
"color": "#
|
|
543
|
+
"color": "#202020",
|
|
538
544
|
"cursor": "pointer",
|
|
539
545
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
540
546
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
@@ -580,14 +586,14 @@
|
|
|
580
586
|
},
|
|
581
587
|
"date-input": {
|
|
582
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
|
+
},
|
|
583
592
|
"calender-picker-indicator": {
|
|
584
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>\")"
|
|
585
594
|
},
|
|
586
595
|
"color": "#767676",
|
|
587
|
-
"cursor": "not-allowed"
|
|
588
|
-
"calendar-picker-indicator": {
|
|
589
|
-
"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>\")"
|
|
590
|
-
}
|
|
596
|
+
"cursor": "not-allowed"
|
|
591
597
|
},
|
|
592
598
|
"hover": {
|
|
593
599
|
"calender-picker-indicator": {
|
|
@@ -606,7 +612,7 @@
|
|
|
606
612
|
"border-color": "currentColor",
|
|
607
613
|
"border-style": "solid",
|
|
608
614
|
"border-width": "0.125rem",
|
|
609
|
-
"color": "#
|
|
615
|
+
"color": "#202020",
|
|
610
616
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
611
617
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
612
618
|
"font-weight": "400",
|
|
@@ -627,7 +633,7 @@
|
|
|
627
633
|
}
|
|
628
634
|
},
|
|
629
635
|
"description-list": {
|
|
630
|
-
"color": "#
|
|
636
|
+
"color": "#202020",
|
|
631
637
|
"column-gap": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
|
|
632
638
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
633
639
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
@@ -703,25 +709,43 @@
|
|
|
703
709
|
"line-height": "1.8"
|
|
704
710
|
},
|
|
705
711
|
"field-set": {
|
|
706
|
-
"invalid": {
|
|
707
|
-
"border-inline-start": "0.1875rem solid #ec0000",
|
|
708
|
-
"padding-inline-start": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
|
|
709
|
-
},
|
|
710
712
|
"legend": {
|
|
711
|
-
"
|
|
713
|
+
"margin-block-end": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
714
|
+
"color": "#202020",
|
|
712
715
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
713
716
|
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
714
717
|
"font-weight": "800",
|
|
715
718
|
"line-height": "1.3",
|
|
716
|
-
"margin-block-end": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
717
719
|
"text-wrap": "balance",
|
|
718
720
|
"in-fieldset": {
|
|
719
721
|
"font-weight": "400"
|
|
720
722
|
}
|
|
723
|
+
},
|
|
724
|
+
"child": {
|
|
725
|
+
"margin-block-end": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
|
|
726
|
+
"before-error-message": {
|
|
727
|
+
"margin-block-end": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
|
|
728
|
+
},
|
|
729
|
+
"before-field-or-field-set": {
|
|
730
|
+
"margin-block-end": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
|
|
731
|
+
},
|
|
732
|
+
"between-fields-and-field-sets": {
|
|
733
|
+
"margin-block-end": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"
|
|
734
|
+
}
|
|
735
|
+
},
|
|
736
|
+
"invalid": {
|
|
737
|
+
"border-inline-start": "0.1875rem solid #ec0000",
|
|
738
|
+
"padding-inline-start": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
|
|
721
739
|
}
|
|
722
740
|
},
|
|
723
741
|
"field": {
|
|
724
742
|
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
743
|
+
"child": {
|
|
744
|
+
"margin-block-end": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
|
|
745
|
+
"before-error-message": {
|
|
746
|
+
"margin-block-end": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
|
|
747
|
+
}
|
|
748
|
+
},
|
|
725
749
|
"invalid": {
|
|
726
750
|
"border-inline-start": "0.1875rem solid #ec0000",
|
|
727
751
|
"padding-inline-start": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
|
|
@@ -730,7 +754,7 @@
|
|
|
730
754
|
"figure": {
|
|
731
755
|
"gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
|
|
732
756
|
"caption": {
|
|
733
|
-
"color": "#
|
|
757
|
+
"color": "#202020",
|
|
734
758
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
735
759
|
"font-size": "1rem",
|
|
736
760
|
"font-weight": "400",
|
|
@@ -745,7 +769,7 @@
|
|
|
745
769
|
"border-color": "currentColor",
|
|
746
770
|
"border-style": "dashed",
|
|
747
771
|
"border-width": "0.125rem",
|
|
748
|
-
"color": "#
|
|
772
|
+
"color": "#202020",
|
|
749
773
|
"cursor": "pointer",
|
|
750
774
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
751
775
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
@@ -844,7 +868,7 @@
|
|
|
844
868
|
"font-size": "1rem",
|
|
845
869
|
"line-height": "1.4"
|
|
846
870
|
},
|
|
847
|
-
"color": "#
|
|
871
|
+
"color": "#202020",
|
|
848
872
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
849
873
|
"font-weight": "800",
|
|
850
874
|
"text-wrap": "balance",
|
|
@@ -871,10 +895,10 @@
|
|
|
871
895
|
"cursor": "not-allowed"
|
|
872
896
|
},
|
|
873
897
|
"contrast": {
|
|
874
|
-
"color": "#
|
|
898
|
+
"color": "#202020",
|
|
875
899
|
"hover": {
|
|
876
900
|
"background-color": "rgb(0 0 0 / 12.5%)",
|
|
877
|
-
"color": "#
|
|
901
|
+
"color": "#202020"
|
|
878
902
|
},
|
|
879
903
|
"disabled": {
|
|
880
904
|
"color": "#767676"
|
|
@@ -965,7 +989,7 @@
|
|
|
965
989
|
"outline-offset": "0.25rem"
|
|
966
990
|
},
|
|
967
991
|
"label": {
|
|
968
|
-
"color": "#
|
|
992
|
+
"color": "#202020",
|
|
969
993
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
970
994
|
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
971
995
|
"font-weight": "800",
|
|
@@ -1001,9 +1025,9 @@
|
|
|
1001
1025
|
"text-decoration-line": "underline"
|
|
1002
1026
|
},
|
|
1003
1027
|
"contrast": {
|
|
1004
|
-
"color": "#
|
|
1028
|
+
"color": "#202020",
|
|
1005
1029
|
"hover": {
|
|
1006
|
-
"color": "#
|
|
1030
|
+
"color": "#202020"
|
|
1007
1031
|
}
|
|
1008
1032
|
},
|
|
1009
1033
|
"inverse": {
|
|
@@ -1029,9 +1053,9 @@
|
|
|
1029
1053
|
"text-underline-offset": "0.09375rem"
|
|
1030
1054
|
},
|
|
1031
1055
|
"contrast": {
|
|
1032
|
-
"color": "#
|
|
1056
|
+
"color": "#202020",
|
|
1033
1057
|
"hover": {
|
|
1034
|
-
"color": "#
|
|
1058
|
+
"color": "#202020"
|
|
1035
1059
|
}
|
|
1036
1060
|
},
|
|
1037
1061
|
"inverse": {
|
|
@@ -1048,7 +1072,7 @@
|
|
|
1048
1072
|
"color": "#ec0000"
|
|
1049
1073
|
},
|
|
1050
1074
|
"subsite": {
|
|
1051
|
-
"color": "#
|
|
1075
|
+
"color": "#202020"
|
|
1052
1076
|
},
|
|
1053
1077
|
"title": {
|
|
1054
1078
|
"color": "#ec0000"
|
|
@@ -1060,9 +1084,9 @@
|
|
|
1060
1084
|
"menu": {
|
|
1061
1085
|
"link": {
|
|
1062
1086
|
"contrast": {
|
|
1063
|
-
"color": "#
|
|
1087
|
+
"color": "#202020",
|
|
1064
1088
|
"hover": {
|
|
1065
|
-
"color": "#
|
|
1089
|
+
"color": "#202020"
|
|
1066
1090
|
}
|
|
1067
1091
|
},
|
|
1068
1092
|
"inverse": {
|
|
@@ -1103,7 +1127,7 @@
|
|
|
1103
1127
|
}
|
|
1104
1128
|
},
|
|
1105
1129
|
"ordered-list": {
|
|
1106
|
-
"color": "#
|
|
1130
|
+
"color": "#202020",
|
|
1107
1131
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1108
1132
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1109
1133
|
"font-weight": "400",
|
|
@@ -1179,13 +1203,14 @@
|
|
|
1179
1203
|
"outline-offset": "0.25rem"
|
|
1180
1204
|
},
|
|
1181
1205
|
"brand-name": {
|
|
1182
|
-
"color": "#
|
|
1206
|
+
"color": "#202020",
|
|
1183
1207
|
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
1184
1208
|
"font-weight": "800",
|
|
1185
1209
|
"line-height": "1.3",
|
|
1186
1210
|
"text-wrap": "balance"
|
|
1187
1211
|
},
|
|
1188
1212
|
"mega-menu": {
|
|
1213
|
+
"padding-block": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
|
|
1189
1214
|
"button": {
|
|
1190
1215
|
"cursor": "pointer",
|
|
1191
1216
|
"label": {
|
|
@@ -1223,11 +1248,11 @@
|
|
|
1223
1248
|
},
|
|
1224
1249
|
"navigation": {
|
|
1225
1250
|
"column-gap": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
|
|
1226
|
-
"row-gap": "clamp(
|
|
1251
|
+
"row-gap": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"
|
|
1227
1252
|
}
|
|
1228
1253
|
},
|
|
1229
1254
|
"page-heading": {
|
|
1230
|
-
"color": "#
|
|
1255
|
+
"color": "#202020",
|
|
1231
1256
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1232
1257
|
"font-size": "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)",
|
|
1233
1258
|
"font-weight": "800",
|
|
@@ -1270,7 +1295,7 @@
|
|
|
1270
1295
|
}
|
|
1271
1296
|
},
|
|
1272
1297
|
"paragraph": {
|
|
1273
|
-
"color": "#
|
|
1298
|
+
"color": "#202020",
|
|
1274
1299
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1275
1300
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1276
1301
|
"font-weight": "400",
|
|
@@ -1284,7 +1309,8 @@
|
|
|
1284
1309
|
},
|
|
1285
1310
|
"large": {
|
|
1286
1311
|
"font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
|
|
1287
|
-
"line-height": "1.6"
|
|
1312
|
+
"line-height": "1.6",
|
|
1313
|
+
"text-wrap": "balance"
|
|
1288
1314
|
}
|
|
1289
1315
|
},
|
|
1290
1316
|
"password-input": {
|
|
@@ -1292,7 +1318,7 @@
|
|
|
1292
1318
|
"border-color": "currentColor",
|
|
1293
1319
|
"border-style": "solid",
|
|
1294
1320
|
"border-width": "0.125rem",
|
|
1295
|
-
"color": "#
|
|
1321
|
+
"color": "#202020",
|
|
1296
1322
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1297
1323
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1298
1324
|
"font-weight": "400",
|
|
@@ -1318,8 +1344,149 @@
|
|
|
1318
1344
|
"color": "#767676"
|
|
1319
1345
|
}
|
|
1320
1346
|
},
|
|
1347
|
+
"progress-list": {
|
|
1348
|
+
"heading-2": {
|
|
1349
|
+
"step": {
|
|
1350
|
+
"marker": {
|
|
1351
|
+
"block-size": "calc(clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem) * 1.3)",
|
|
1352
|
+
"margin-block-start": "calc((1.3 * clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)) / 2)"
|
|
1353
|
+
}
|
|
1354
|
+
}
|
|
1355
|
+
},
|
|
1356
|
+
"heading-3": {
|
|
1357
|
+
"step": {
|
|
1358
|
+
"marker": {
|
|
1359
|
+
"block-size": "calc(clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem) * 1.3)",
|
|
1360
|
+
"margin-block-start": "calc((1.3 * clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)) / 2)"
|
|
1361
|
+
}
|
|
1362
|
+
}
|
|
1363
|
+
},
|
|
1364
|
+
"heading-4": {
|
|
1365
|
+
"step": {
|
|
1366
|
+
"marker": {
|
|
1367
|
+
"block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.4)",
|
|
1368
|
+
"margin-block-start": "calc((1.4 * clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)) / 2)"
|
|
1369
|
+
}
|
|
1370
|
+
}
|
|
1371
|
+
},
|
|
1372
|
+
"step": {
|
|
1373
|
+
"gap": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
1374
|
+
"medium": {
|
|
1375
|
+
"gap": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"
|
|
1376
|
+
},
|
|
1377
|
+
"marker": {
|
|
1378
|
+
"shape": {
|
|
1379
|
+
"block-size": "1.5rem",
|
|
1380
|
+
"background-color": "#ffffff",
|
|
1381
|
+
"border-color": "#767676",
|
|
1382
|
+
"border-style": "solid",
|
|
1383
|
+
"border-width": "0.125rem",
|
|
1384
|
+
"outline-color": "#ffffff",
|
|
1385
|
+
"outline-style": "solid",
|
|
1386
|
+
"outline-width": "0.125rem"
|
|
1387
|
+
}
|
|
1388
|
+
},
|
|
1389
|
+
"connector": {
|
|
1390
|
+
"border-inline-color": "#767676",
|
|
1391
|
+
"border-inline-style": "dashed",
|
|
1392
|
+
"border-inline-width": "1px"
|
|
1393
|
+
},
|
|
1394
|
+
"heading": {
|
|
1395
|
+
"margin-block-end": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
|
|
1396
|
+
},
|
|
1397
|
+
"content": {
|
|
1398
|
+
"margin-block-end": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"
|
|
1399
|
+
},
|
|
1400
|
+
"completed": {
|
|
1401
|
+
"marker": {
|
|
1402
|
+
"shape": {
|
|
1403
|
+
"background-color": "#00893c",
|
|
1404
|
+
"border-color": "#00893c"
|
|
1405
|
+
}
|
|
1406
|
+
},
|
|
1407
|
+
"connector": {
|
|
1408
|
+
"border-inline-color": "#00893c",
|
|
1409
|
+
"border-inline-style": "solid"
|
|
1410
|
+
}
|
|
1411
|
+
},
|
|
1412
|
+
"current": {
|
|
1413
|
+
"marker": {
|
|
1414
|
+
"shape": {
|
|
1415
|
+
"background-color": "#00893c",
|
|
1416
|
+
"border-color": "#00893c"
|
|
1417
|
+
}
|
|
1418
|
+
},
|
|
1419
|
+
"connector": {
|
|
1420
|
+
"border-inline-color": "#00893c"
|
|
1421
|
+
}
|
|
1422
|
+
}
|
|
1423
|
+
},
|
|
1424
|
+
"substeps": {
|
|
1425
|
+
"padding-block-start": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
1426
|
+
"step": {
|
|
1427
|
+
"indicator": {
|
|
1428
|
+
"margin-inline-end": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
|
|
1429
|
+
"medium": {
|
|
1430
|
+
"margin-inline-end": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"
|
|
1431
|
+
}
|
|
1432
|
+
},
|
|
1433
|
+
"marker": {
|
|
1434
|
+
"block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.8)",
|
|
1435
|
+
"inline-size": "1.5rem",
|
|
1436
|
+
"shape": {
|
|
1437
|
+
"block-size": "0.75rem",
|
|
1438
|
+
"background-color": "#ffffff",
|
|
1439
|
+
"border-color": "#767676",
|
|
1440
|
+
"border-style": "solid",
|
|
1441
|
+
"border-width": "0.125rem",
|
|
1442
|
+
"outline-color": "#ffffff",
|
|
1443
|
+
"outline-style": "solid",
|
|
1444
|
+
"outline-width": "0.125rem"
|
|
1445
|
+
}
|
|
1446
|
+
},
|
|
1447
|
+
"connector": {
|
|
1448
|
+
"background-color": "#ffffff",
|
|
1449
|
+
"border-inline-color": "#767676",
|
|
1450
|
+
"border-inline-style": "dashed",
|
|
1451
|
+
"border-inline-width": "1px",
|
|
1452
|
+
"margin-block-start": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.8 / 2)",
|
|
1453
|
+
"last-child": {
|
|
1454
|
+
"border-inline-color": "#ffffff"
|
|
1455
|
+
}
|
|
1456
|
+
},
|
|
1457
|
+
"content": {
|
|
1458
|
+
"margin-block-end": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
|
|
1459
|
+
},
|
|
1460
|
+
"completed": {
|
|
1461
|
+
"marker": {
|
|
1462
|
+
"shape": {
|
|
1463
|
+
"background-color": "#00893c",
|
|
1464
|
+
"border-color": "#00893c"
|
|
1465
|
+
}
|
|
1466
|
+
},
|
|
1467
|
+
"connector": {
|
|
1468
|
+
"border-inline-color": "#00893c",
|
|
1469
|
+
"border-inline-style": "solid"
|
|
1470
|
+
}
|
|
1471
|
+
},
|
|
1472
|
+
"current": {
|
|
1473
|
+
"marker": {
|
|
1474
|
+
"shape": {
|
|
1475
|
+
"background-color": "#00893c",
|
|
1476
|
+
"border-color": "#00893c"
|
|
1477
|
+
}
|
|
1478
|
+
}
|
|
1479
|
+
}
|
|
1480
|
+
},
|
|
1481
|
+
"last-child": {
|
|
1482
|
+
"content": {
|
|
1483
|
+
"margin-block-end": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"
|
|
1484
|
+
}
|
|
1485
|
+
}
|
|
1486
|
+
}
|
|
1487
|
+
},
|
|
1321
1488
|
"radio": {
|
|
1322
|
-
"color": "#
|
|
1489
|
+
"color": "#202020",
|
|
1323
1490
|
"cursor": "pointer",
|
|
1324
1491
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1325
1492
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
@@ -1410,7 +1577,7 @@
|
|
|
1410
1577
|
"border-color": "currentColor",
|
|
1411
1578
|
"border-style": "solid",
|
|
1412
1579
|
"border-width": "0.125rem",
|
|
1413
|
-
"color": "#
|
|
1580
|
+
"color": "#202020",
|
|
1414
1581
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1415
1582
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1416
1583
|
"font-weight": "400",
|
|
@@ -1447,7 +1614,7 @@
|
|
|
1447
1614
|
"border-color": "currentColor",
|
|
1448
1615
|
"border-style": "solid",
|
|
1449
1616
|
"border-width": "0.125rem",
|
|
1450
|
-
"color": "#
|
|
1617
|
+
"color": "#202020",
|
|
1451
1618
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1452
1619
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1453
1620
|
"font-weight": "400",
|
|
@@ -1497,7 +1664,7 @@
|
|
|
1497
1664
|
"background-color": "#009de6"
|
|
1498
1665
|
},
|
|
1499
1666
|
"green": {
|
|
1500
|
-
"background-color": "#
|
|
1667
|
+
"background-color": "#00893c"
|
|
1501
1668
|
},
|
|
1502
1669
|
"lime": {
|
|
1503
1670
|
"background-color": "#bed200"
|
|
@@ -1537,9 +1704,9 @@
|
|
|
1537
1704
|
"text-decoration-thickness": "0.125rem",
|
|
1538
1705
|
"text-underline-offset": "0.15625rem",
|
|
1539
1706
|
"contrast": {
|
|
1540
|
-
"color": "#
|
|
1707
|
+
"color": "#202020",
|
|
1541
1708
|
"hover": {
|
|
1542
|
-
"color": "#
|
|
1709
|
+
"color": "#202020"
|
|
1543
1710
|
}
|
|
1544
1711
|
},
|
|
1545
1712
|
"inverse": {
|
|
@@ -1602,7 +1769,7 @@
|
|
|
1602
1769
|
}
|
|
1603
1770
|
},
|
|
1604
1771
|
"table": {
|
|
1605
|
-
"color": "#
|
|
1772
|
+
"color": "#202020",
|
|
1606
1773
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1607
1774
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1608
1775
|
"font-weight": "400",
|
|
@@ -1653,7 +1820,7 @@
|
|
|
1653
1820
|
"border-color": "currentColor",
|
|
1654
1821
|
"border-style": "solid",
|
|
1655
1822
|
"border-width": "0.125rem",
|
|
1656
|
-
"color": "#
|
|
1823
|
+
"color": "#202020",
|
|
1657
1824
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1658
1825
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1659
1826
|
"font-weight": "400",
|
|
@@ -1685,7 +1852,7 @@
|
|
|
1685
1852
|
"border-color": "currentColor",
|
|
1686
1853
|
"border-style": "solid",
|
|
1687
1854
|
"border-width": "0.125rem",
|
|
1688
|
-
"color": "#
|
|
1855
|
+
"color": "#202020",
|
|
1689
1856
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1690
1857
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1691
1858
|
"font-weight": "400",
|
|
@@ -1713,14 +1880,14 @@
|
|
|
1713
1880
|
},
|
|
1714
1881
|
"time-input": {
|
|
1715
1882
|
"disabled": {
|
|
1883
|
+
"calendar-picker-indicator": {
|
|
1884
|
+
"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>\")"
|
|
1885
|
+
},
|
|
1716
1886
|
"calender-picker-indicator": {
|
|
1717
1887
|
"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>\")"
|
|
1718
1888
|
},
|
|
1719
1889
|
"color": "#767676",
|
|
1720
|
-
"cursor": "not-allowed"
|
|
1721
|
-
"calendar-picker-indicator": {
|
|
1722
|
-
"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>\")"
|
|
1723
|
-
}
|
|
1890
|
+
"cursor": "not-allowed"
|
|
1724
1891
|
},
|
|
1725
1892
|
"hover": {
|
|
1726
1893
|
"calender-picker-indicator": {
|
|
@@ -1739,7 +1906,7 @@
|
|
|
1739
1906
|
"border-color": "currentColor",
|
|
1740
1907
|
"border-style": "solid",
|
|
1741
1908
|
"border-width": "0.125rem",
|
|
1742
|
-
"color": "#
|
|
1909
|
+
"color": "#202020",
|
|
1743
1910
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1744
1911
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1745
1912
|
"font-weight": "400",
|
|
@@ -1760,7 +1927,7 @@
|
|
|
1760
1927
|
}
|
|
1761
1928
|
},
|
|
1762
1929
|
"unordered-list": {
|
|
1763
|
-
"color": "#
|
|
1930
|
+
"color": "#202020",
|
|
1764
1931
|
"font-family": "'Amsterdam Sans', Arial, sans-serif",
|
|
1765
1932
|
"font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
|
|
1766
1933
|
"font-weight": "400",
|