@amsterdam/design-system-tokens 0.11.0 → 0.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/CHANGELOG.md +40 -14
  2. package/README.md +197 -1
  3. package/dist/compact.css +16 -16
  4. package/dist/compact.scss +16 -16
  5. package/dist/compact.theme.css +16 -16
  6. package/dist/index.css +827 -778
  7. package/dist/index.d.ts +145 -48
  8. package/dist/index.json +159 -62
  9. package/dist/index.mjs +96 -47
  10. package/dist/index.scss +827 -778
  11. package/dist/index.theme.css +827 -778
  12. package/package.json +10 -5
  13. package/src/common/ams/link-appearance.tokens.json +18 -6
  14. package/src/components/ams/action-group.tokens.json +7 -0
  15. package/src/components/ams/avatar.tokens.json +3 -0
  16. package/src/components/ams/breakout.tokens.json +11 -0
  17. package/src/components/ams/button.tokens.json +4 -0
  18. package/src/components/ams/description-list.tokens.json +6 -6
  19. package/src/components/ams/dialog.tokens.json +4 -9
  20. package/src/components/ams/hint.tokens.json +7 -0
  21. package/src/components/ams/icon-button.tokens.json +2 -2
  22. package/src/components/ams/image-slider.tokens.json +26 -0
  23. package/src/components/ams/link-list.tokens.json +6 -6
  24. package/src/components/ams/link.tokens.json +8 -8
  25. package/src/components/ams/ordered-list.tokens.json +4 -1
  26. package/src/components/ams/password-input.tokens.json +33 -0
  27. package/src/components/ams/radio.tokens.json +36 -35
  28. package/src/components/ams/search-field.tokens.json +1 -3
  29. package/src/components/ams/unordered-list.tokens.json +4 -1
package/dist/index.mjs CHANGED
@@ -68,13 +68,17 @@ export const amsLinkAppearanceColor = "#004699";
68
68
  export const amsLinkAppearanceTextDecorationThickness = "0.125rem";
69
69
  export const amsLinkAppearanceTextUnderlineOffset = "0.3333em";
70
70
  export const amsLinkAppearanceHoverColor = "#102E62";
71
- export const amsLinkAppearanceOnBackgroundDarkColor = "#FFFFFF";
72
- export const amsLinkAppearanceOnBackgroundLightColor = "#000000";
73
71
  export const amsLinkAppearanceRegularTextDecorationLine = "underline";
74
72
  export const amsLinkAppearanceRegularHoverTextDecorationThickness = "0.1875rem";
75
73
  export const amsLinkAppearanceRegularHoverTextUnderlineOffset = "0.2778em";
76
74
  export const amsLinkAppearanceSubtleTextDecorationLine = "none";
77
75
  export const amsLinkAppearanceSubtleHoverTextDecorationLine = "underline";
76
+ export const amsLinkAppearanceContrastColor = "#000000";
77
+ export const amsLinkAppearanceContrastHoverColor = "#000000";
78
+ export const amsLinkAppearanceContrastVisitedColor = "#000000";
79
+ export const amsLinkAppearanceInverseColor = "#FFFFFF";
80
+ export const amsLinkAppearanceInverseHoverColor = "#FFFFFF";
81
+ export const amsLinkAppearanceInverseVisitedColor = "#FFFFFF";
78
82
  export const amsAccordionGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
79
83
  export const amsAccordionButtonColor = "#004699";
80
84
  export const amsAccordionButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
@@ -88,6 +92,7 @@ export const amsAccordionButtonFocusOutlineOffset = "0.125rem";
88
92
  export const amsAccordionButtonHoverColor = "#102E62";
89
93
  export const amsAccordionPanelPaddingBlock = "0";
90
94
  export const amsAccordionPanelPaddingInline = "0";
95
+ export const amsActionGroupGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
91
96
  export const amsAlertBorderWidth = "0.25rem";
92
97
  export const amsAlertBorderStyle = "solid";
93
98
  export const amsAlertGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
@@ -119,6 +124,7 @@ export const amsAvatarBlueBackgroundColor = "#004699";
119
124
  export const amsAvatarBlueColor = "#FFFFFF";
120
125
  export const amsAvatarDarkGreenBackgroundColor = "#00A03C";
121
126
  export const amsAvatarDarkGreenColor = "#FFFFFF";
127
+ export const amsAvatarForcedColorsBorderWidth = "0.125rem";
122
128
  export const amsAvatarGreenBackgroundColor = "#BED200";
123
129
  export const amsAvatarGreenColor = "#000000";
124
130
  export const amsAvatarGrey1BackgroundColor = "#E8E8E8";
@@ -195,6 +201,9 @@ export const amsBreadcrumbLinkTextDecorationThickness = "0.125rem";
195
201
  export const amsBreadcrumbLinkTextUnderlineOffset = "0.3333em";
196
202
  export const amsBreadcrumbLinkHoverColor = "#102E62";
197
203
  export const amsBreadcrumbLinkHoverTextDecorationLine = "underline";
204
+ export const amsBreakoutRowGapSm = "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)";
205
+ export const amsBreakoutRowGapMd = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)";
206
+ export const amsBreakoutRowGapLg = "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)";
198
207
  export const amsButtonCursor = "pointer";
199
208
  export const amsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
200
209
  export const amsButtonFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
@@ -227,6 +236,8 @@ export const amsButtonTertiaryHoverBoxShadow = "inset 0 0 0 0.125rem #102E62";
227
236
  export const amsButtonTertiaryHoverColor = "#102E62";
228
237
  export const amsButtonTertiaryDisabledBackgroundColor = "transparent";
229
238
  export const amsButtonTertiaryDisabledColor = "#BEBEBE";
239
+ export const amsButtonIconOnlyPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
240
+ export const amsButtonIconOnlyPaddingInline = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
230
241
  export const amsCardGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
231
242
  export const amsCardHeadingGroupGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
232
243
  export const amsCardLinkColor = "#004699";
@@ -300,25 +311,24 @@ export const amsDateInputHoverCalenderPickerIndicatorBackgroundImage = "url(\"da
300
311
  export const amsDateInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #EC0000";
301
312
  export const amsDateInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #EC0000";
302
313
  export const amsDescriptionListColor = "#000000";
314
+ export const amsDescriptionListColumnGap = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
303
315
  export const amsDescriptionListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
304
316
  export const amsDescriptionListFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
305
- export const amsDescriptionListFontWeight = 400;
306
- export const amsDescriptionListGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
307
317
  export const amsDescriptionListInverseColor = "#FFFFFF";
308
318
  export const amsDescriptionListLineHeight = "1.6";
309
319
  export const amsDescriptionListRowGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
310
- export const amsDescriptionListDetailsFontWeight = 800;
311
- export const amsDescriptionListDetailsPaddingInlineStart = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
320
+ export const amsDescriptionListTermFontWeight = 800;
321
+ export const amsDescriptionListDescriptionFontWeight = 400;
322
+ export const amsDescriptionListDescriptionPaddingInlineStart = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
312
323
  export const amsDialogBackgroundColor = "#FFFFFF";
313
324
  export const amsDialogBorder = "0";
325
+ export const amsDialogGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
314
326
  export const amsDialogInlineSize = "calc(100% - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))";
315
- export const amsDialogMaxBlockSize = "calc(100% - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))";
327
+ export const amsDialogMaxBlockSize = "calc(100dvh - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))";
316
328
  export const amsDialogMaxInlineSize = "48rem";
317
- export const amsDialogFormGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
318
- export const amsDialogFormPaddingBlock = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)";
319
- export const amsDialogFormPaddingInline = "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)";
329
+ export const amsDialogPaddingBlock = "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)";
330
+ export const amsDialogPaddingInline = "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)";
320
331
  export const amsDialogHeaderGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
321
- export const amsDialogFooterGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
322
332
  export const amsErrorMessageColor = "#EC0000";
323
333
  export const amsErrorMessageFontFamily = "'Amsterdam Sans', Arial, sans-serif";
324
334
  export const amsErrorMessageFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
@@ -397,21 +407,22 @@ export const amsHeadingLevel5FontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688
397
407
  export const amsHeadingLevel5LineHeight = "1.6";
398
408
  export const amsHeadingLevel6FontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
399
409
  export const amsHeadingLevel6LineHeight = "1.6";
410
+ export const amsHintColor = "#767676";
400
411
  export const amsIconButtonColor = "#004699";
401
412
  export const amsIconButtonOutlineOffset = "0.125rem";
402
413
  export const amsIconButtonHoverBackgroundColor = "rgba(0, 70, 153, 0.125)";
403
414
  export const amsIconButtonHoverColor = "#102E62";
404
415
  export const amsIconButtonDisabledColor = "#BEBEBE";
405
- export const amsIconButtonOnBackgroundLightColor = "#000000";
406
- export const amsIconButtonOnBackgroundLightHoverBackgroundColor = "rgba(0, 0, 0, 0.125)";
407
- export const amsIconButtonOnBackgroundLightHoverColor = "#000000";
408
- export const amsIconButtonOnBackgroundLightDisabledColor = "#BEBEBE";
409
- export const amsIconButtonOnBackgroundDarkBackgroundColor = "#004699";
410
- export const amsIconButtonOnBackgroundDarkColor = "#FFFFFF";
411
- export const amsIconButtonOnBackgroundDarkHoverBackgroundColor = "#102E62";
412
- export const amsIconButtonOnBackgroundDarkHoverColor = "#FFFFFF";
413
- export const amsIconButtonOnBackgroundDarkDisabledColor = "#FFFFFF";
414
- export const amsIconButtonOnBackgroundDarkDisabledBackgroundColor = "#BEBEBE";
416
+ export const amsIconButtonContrastColorColor = "#000000";
417
+ export const amsIconButtonContrastColorHoverBackgroundColor = "rgba(0, 0, 0, 0.125)";
418
+ export const amsIconButtonContrastColorHoverColor = "#000000";
419
+ export const amsIconButtonContrastColorDisabledColor = "#BEBEBE";
420
+ export const amsIconButtonInverseColorBackgroundColor = "#004699";
421
+ export const amsIconButtonInverseColorColor = "#FFFFFF";
422
+ export const amsIconButtonInverseColorHoverBackgroundColor = "#102E62";
423
+ export const amsIconButtonInverseColorHoverColor = "#FFFFFF";
424
+ export const amsIconButtonInverseColorDisabledColor = "#FFFFFF";
425
+ export const amsIconButtonInverseColorDisabledBackgroundColor = "#BEBEBE";
415
426
  export const amsIconSize3FontSize = "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
416
427
  export const amsIconSize3LineHeight = "1.3";
417
428
  export const amsIconSize4FontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
@@ -420,6 +431,16 @@ export const amsIconSize5FontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw),
420
431
  export const amsIconSize5LineHeight = "1.6";
421
432
  export const amsIconSize6FontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
422
433
  export const amsIconSize6LineHeight = "1.6";
434
+ export const amsImageSliderGap = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
435
+ export const amsImageSliderScrollerGap = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
436
+ export const amsImageSliderScrollerOutlineOffset = "0.125rem";
437
+ export const amsImageSliderThumbnailsGap = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
438
+ export const amsImageSliderThumbnailsThumbnailBackgroundColor = "transparent";
439
+ export const amsImageSliderThumbnailsThumbnailCursor = "pointer";
440
+ export const amsImageSliderThumbnailsThumbnailOpacity = "40%";
441
+ export const amsImageSliderThumbnailsThumbnailOutlineOffset = "0.125rem";
442
+ export const amsImageSliderThumbnailsThumbnailInViewOpacity = "100%";
443
+ export const amsImageSliderThumbnailsThumbnailHoverOpacity = "100%";
423
444
  export const amsLabelColor = "#000000";
424
445
  export const amsLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
425
446
  export const amsLabelFontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
@@ -442,10 +463,10 @@ export const amsLinkListLinkLargeFontSize = "clamp(1.3125rem, calc(1.1719rem + 0
442
463
  export const amsLinkListLinkLargeLineHeight = "1.5";
443
464
  export const amsLinkListLinkHoverColor = "#102E62";
444
465
  export const amsLinkListLinkHoverTextDecorationLine = "underline";
445
- export const amsLinkListLinkOnBackgroundDarkColor = "#FFFFFF";
446
- export const amsLinkListLinkOnBackgroundDarkHoverColor = "#FFFFFF";
447
- export const amsLinkListLinkOnBackgroundLightColor = "#000000";
448
- export const amsLinkListLinkOnBackgroundLightHoverColor = "#000000";
466
+ export const amsLinkListLinkContrastColorColor = "#000000";
467
+ export const amsLinkListLinkContrastColorHoverColor = "#000000";
468
+ export const amsLinkListLinkInverseColorColor = "#FFFFFF";
469
+ export const amsLinkListLinkInverseColorHoverColor = "#FFFFFF";
449
470
  export const amsLinkColor = "#004699";
450
471
  export const amsLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
451
472
  export const amsLinkFontWeight = 400;
@@ -467,12 +488,12 @@ export const amsLinkStandaloneTextDecorationThickness = "0.125rem";
467
488
  export const amsLinkStandaloneTextUnderlineOffset = "0.3333em";
468
489
  export const amsLinkStandaloneHoverTextDecorationThickness = "0.1875rem";
469
490
  export const amsLinkStandaloneHoverTextUnderlineOffset = "0.2778em";
470
- export const amsLinkOnBackgroundDarkColor = "#FFFFFF";
471
- export const amsLinkOnBackgroundDarkHoverColor = "#FFFFFF";
472
- export const amsLinkOnBackgroundDarkVisitedColor = "#FFFFFF";
473
- export const amsLinkOnBackgroundLightColor = "#000000";
474
- export const amsLinkOnBackgroundLightHoverColor = "#000000";
475
- export const amsLinkOnBackgroundLightVisitedColor = "#000000";
491
+ export const amsLinkContrastColorColor = "#000000";
492
+ export const amsLinkContrastColorHoverColor = "#000000";
493
+ export const amsLinkContrastColorVisitedColor = "#000000";
494
+ export const amsLinkInverseColorColor = "#FFFFFF";
495
+ export const amsLinkInverseColorHoverColor = "#FFFFFF";
496
+ export const amsLinkInverseColorVisitedColor = "#FFFFFF";
476
497
  export const amsLogoBlockSize = "2.5rem";
477
498
  export const amsLogoEmblemColor = "#EC0000";
478
499
  export const amsLogoTitleColor = "#EC0000";
@@ -491,7 +512,7 @@ export const amsOrderedListColor = "#000000";
491
512
  export const amsOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
492
513
  export const amsOrderedListFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
493
514
  export const amsOrderedListFontWeight = 400;
494
- export const amsOrderedListGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
515
+ export const amsOrderedListGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
495
516
  export const amsOrderedListInverseColor = "#FFFFFF";
496
517
  export const amsOrderedListLineHeight = "1.6";
497
518
  export const amsOrderedListListStyleType = "decimal";
@@ -499,7 +520,10 @@ export const amsOrderedListSmallFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.
499
520
  export const amsOrderedListSmallLineHeight = "1.6";
500
521
  export const amsOrderedListItemMarginInlineStart = "2.25rem"; // Divide your total indentation width over margin and padding to position the marker.
501
522
  export const amsOrderedListItemPaddingInlineStart = "0.25rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
523
+ export const amsOrderedListOrderedListGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
502
524
  export const amsOrderedListOrderedListListStyleType = "lower-alpha";
525
+ export const amsOrderedListOrderedListPaddingBlockEnd = "0";
526
+ export const amsOrderedListOrderedListPaddingBlockStart = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
503
527
  export const amsOrderedListOrderedListItemMarginInlineStart = "1.5rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
504
528
  export const amsOrderedListOrderedListItemPaddingInlineStart = "0.25rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
505
529
  export const amsPageHeadingColor = "#000000";
@@ -546,6 +570,23 @@ export const amsParagraphSmallFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.29
546
570
  export const amsParagraphSmallLineHeight = "1.6";
547
571
  export const amsParagraphLargeFontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
548
572
  export const amsParagraphLargeLineHeight = "1.5";
573
+ export const amsPasswordInputBackgroundColor = "#FFFFFF";
574
+ export const amsPasswordInputBoxShadow = "inset 0 0 0 0.0625rem #000000";
575
+ export const amsPasswordInputColor = "#000000";
576
+ export const amsPasswordInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
577
+ export const amsPasswordInputFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
578
+ export const amsPasswordInputFontWeight = 400;
579
+ export const amsPasswordInputLineHeight = "1.6";
580
+ export const amsPasswordInputOutlineOffset = "0.125rem";
581
+ export const amsPasswordInputPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
582
+ export const amsPasswordInputPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
583
+ export const amsPasswordInputDisabledBackgroundColor = "#FFFFFF";
584
+ export const amsPasswordInputDisabledBoxShadow = "inset 0 0 0 0.0625rem #BEBEBE";
585
+ export const amsPasswordInputDisabledColor = "#BEBEBE";
586
+ export const amsPasswordInputHoverBoxShadow = "inset 0 0 0 0.125rem #000000";
587
+ export const amsPasswordInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #EC0000";
588
+ export const amsPasswordInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #EC0000";
589
+ export const amsPasswordInputPlaceholderColor = "#767676";
549
590
  export const amsRadioColor = "#000000";
550
591
  export const amsRadioFontFamily = "'Amsterdam Sans', Arial, sans-serif";
551
592
  export const amsRadioFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
@@ -553,22 +594,27 @@ export const amsRadioFontWeight = 400;
553
594
  export const amsRadioGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
554
595
  export const amsRadioLineHeight = "1.6";
555
596
  export const amsRadioOutlineOffset = "0.125rem";
556
- export const amsRadioCircleBorderColor = "#004699";
557
- export const amsRadioCircleBorderWidth = "0.125rem";
558
- export const amsRadioCircleCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23004699'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
559
- export const amsRadioCircleCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23102E62'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
560
- export const amsRadioCircleDisabledBorderColor = "#767676";
561
- export const amsRadioCircleDisabledBorderWidth = "0.125rem";
562
- export const amsRadioCircleDisabledCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23767676'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
563
- export const amsRadioCircleDisabledCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23767676'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
564
- export const amsRadioCircleHoverBorderColor = "#102E62";
565
- export const amsRadioCircleInvalidBorderColor = "#EC0000";
566
- export const amsRadioCircleInvalidCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23EC0000'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
567
- export const amsRadioCircleInvalidCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23EC0000'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
568
- export const amsRadioCircleInvalidHoverBorderColor = "#EC0000";
597
+ export const amsRadioTextDecorationThickness = "0.125rem";
598
+ export const amsRadioTextUnderlineOffset = "0.3333em";
599
+ export const amsRadioCheckedIndicatorFill = "#004699";
600
+ export const amsRadioCheckedIndicatorDisabledFill = "#767676";
601
+ export const amsRadioCheckedIndicatorDisabledInvalidFill = "#767676";
602
+ export const amsRadioCheckedIndicatorDisabledInvalidHoverFill = "#767676";
603
+ export const amsRadioCheckedIndicatorHoverFill = "#102E62";
604
+ export const amsRadioCheckedIndicatorInvalidFill = "#EC0000";
605
+ export const amsRadioCheckedIndicatorInvalidHoverFill = "#EC0000";
606
+ export const amsRadioCircleStroke = "#004699";
607
+ export const amsRadioCircleDisabledStroke = "#767676";
608
+ export const amsRadioCircleDisabledInvalidStroke = "#767676";
609
+ export const amsRadioCircleDisabledInvalidHoverStroke = "#767676";
610
+ export const amsRadioCircleHoverStroke = "#102E62";
611
+ export const amsRadioCircleInvalidStroke = "#EC0000";
612
+ export const amsRadioCircleInvalidHoverStroke = "#EC0000";
569
613
  export const amsRadioDisabledColor = "#767676";
570
614
  export const amsRadioHoverColor = "#102E62";
571
- export const amsRadioHoverTextDecorationThickness = "0.125rem";
615
+ export const amsRadioHoverTextDecorationLine = "underline";
616
+ export const amsRadioIconContainerBlockSize = "calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6)";
617
+ export const amsRadioIconContainerInlineSize = "1.5rem";
572
618
  export const amsRowGapNo = "0";
573
619
  export const amsRowGapXs = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
574
620
  export const amsRowGapSm = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
@@ -772,13 +818,16 @@ export const amsUnorderedListColor = "#000000";
772
818
  export const amsUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
773
819
  export const amsUnorderedListFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
774
820
  export const amsUnorderedListFontWeight = 400;
775
- export const amsUnorderedListGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
821
+ export const amsUnorderedListGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
776
822
  export const amsUnorderedListInverseColor = "#FFFFFF";
777
823
  export const amsUnorderedListLineHeight = "1.6";
778
824
  export const amsUnorderedListListStyleType = "'\\2022'";
779
825
  export const amsUnorderedListItemMarginInlineStart = "1.625rem"; // Divide your total indentation width over margin and padding to position the marker.
780
826
  export const amsUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
827
+ export const amsUnorderedListUnorderedListGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
781
828
  export const amsUnorderedListUnorderedListListStyleType = "'\\2013'";
829
+ export const amsUnorderedListUnorderedListPaddingBlockEnd = "0";
830
+ export const amsUnorderedListUnorderedListPaddingBlockStart = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
782
831
  export const amsUnorderedListUnorderedListItemMarginInlineStart = "0.875rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
783
832
  export const amsUnorderedListUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
784
833
  export const amsUnorderedListSmallFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";