@amsterdam/design-system-tokens 2.2.0 → 3.1.0

package/dist/index.mjs

@@ -12,8 +12,8 @@ export const amsBorderWidthS = "0.0625rem";
 export const amsBorderWidthM = "0.125rem";
 export const amsBorderWidthL = "0.1875rem";
 export const amsBorderWidthXl = "0.25rem";
-export const amsColorInteractiveSecondary = "#181818"; // Use `currentColor` instead
-export const amsColorInteractiveContrast = "#181818";
+export const amsColorInteractiveSecondary = "#202020"; // Use `currentColor` instead
+export const amsColorInteractiveContrast = "#202020";
 export const amsColorInteractive = "#004699";
 export const amsColorInteractiveDisabled = "#767676";
 export const amsColorInteractiveHover = "#003677";
@@ -23,17 +23,20 @@ export const amsColorInteractiveInverse = "#ffffff";
 export const amsColorBackground = "#ffffff";
 export const amsColorFeedbackError = "#ec0000";
 export const amsColorFeedbackInfo = "#009de6";
-export const amsColorFeedbackSuccess = "#00a03c";
+export const amsColorFeedbackSuccess = "#00893c";
 export const amsColorFeedbackWarning = "#ff9100";
 export const amsColorHighlightAzure = "#009de6";
-export const amsColorHighlightGreen = "#00a03c";
+export const amsColorHighlightGreen = "#00893c";
 export const amsColorHighlightLime = "#bed200";
 export const amsColorHighlightMagenta = "#e50082";
 export const amsColorHighlightOrange = "#ff9100";
 export const amsColorHighlightPurple = "#a00078";
 export const amsColorHighlightYellow = "#ffe600";
+export const amsColorProgressCurrent = "#00893c";
+export const amsColorProgressCompleted = "#00893c";
+export const amsColorProgressUpcoming = "#767676";
 export const amsColorSeparator = "#d1d1d1";
-export const amsColorText = "#181818";
+export const amsColorText = "#202020";
 export const amsColorTextInverse = "#ffffff";
 export const amsColorTextSecondary = "#767676";
 export const amsCursorDisabled = "not-allowed";
@@ -67,7 +70,7 @@ export const amsTypographyHeading_6LineHeight = "1.4"; // Use Heading size 5 ins
 export const amsTypographyHeadingFontWeight = "800";
 export const amsTypographyHeadingTextWrap = "balance";
 export const amsTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsTypographyHyphenateLimitChars = "12 8 4";
+export const amsTypographyHyphenateLimitChars = "auto";
 export const amsTypographyBodyTextFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsTypographyBodyTextFontWeight = "400";
@@ -85,7 +88,7 @@ export const amsInputsBackgroundColor = "#ffffff";
 export const amsInputsBorderColor = "currentColor";
 export const amsInputsBorderStyle = "solid";
 export const amsInputsBorderWidth = "0.125rem";
-export const amsInputsColor = "#181818";
+export const amsInputsColor = "#202020";
 export const amsInputsFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsInputsFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
@@ -110,8 +113,8 @@ export const amsLinksHoverTextDecorationThickness = "0.1875rem"; // 3px
 export const amsLinksHoverTextUnderlineOffset = "0.09375rem"; // 1.5px
 export const amsLinksSubtleTextDecorationLine = "none";
 export const amsLinksSubtleHoverTextDecorationLine = "underline";
-export const amsLinksContrastColor = "#181818";
-export const amsLinksContrastHoverColor = "#181818";
+export const amsLinksContrastColor = "#202020";
+export const amsLinksContrastHoverColor = "#202020";
 export const amsLinksInverseColor = "#ffffff";
 export const amsLinksInverseHoverColor = "#ffffff";
 export const amsAccordionButtonFontFamily =
@@ -151,8 +154,8 @@ export const amsAlertContentPaddingInline =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 export const amsAlertErrorBorderColor = "#ec0000";
 export const amsAlertErrorSeverityIndicatorBackgroundColor = "#ec0000";
-export const amsAlertSuccessBorderColor = "#00a03c";
-export const amsAlertSuccessSeverityIndicatorBackgroundColor = "#00a03c";
+export const amsAlertSuccessBorderColor = "#00893c";
+export const amsAlertSuccessSeverityIndicatorBackgroundColor = "#00893c";
 export const amsAlertWarningBorderColor = "#ff9100";
 export const amsAlertWarningSeverityIndicatorBackgroundColor = "#ff9100";
 export const amsAvatarAspectRatio = "1 / 1";
@@ -173,45 +176,46 @@ export const amsAvatarForcedColorsBorderWidth = "0.125rem";
 export const amsAvatarAzureBackgroundColor = "#009de6";
 export const amsAvatarAzureBorderColor = "#009de6";
 export const amsAvatarAzureColor = "#ffffff";
-export const amsAvatarGreenBackgroundColor = "#00a03c";
-export const amsAvatarGreenBorderColor = "#00a03c";
+export const amsAvatarGreenBackgroundColor = "#00893c";
+export const amsAvatarGreenBorderColor = "#00893c";
 export const amsAvatarGreenColor = "#ffffff";
 export const amsAvatarLimeBackgroundColor = "#bed200";
 export const amsAvatarLimeBorderColor = "#bed200";
-export const amsAvatarLimeColor = "#181818";
+export const amsAvatarLimeColor = "#202020";
 export const amsAvatarMagentaBackgroundColor = "#e50082";
 export const amsAvatarMagentaBorderColor = "#e50082";
 export const amsAvatarMagentaColor = "#ffffff";
 export const amsAvatarOrangeBackgroundColor = "#ff9100";
 export const amsAvatarOrangeBorderColor = "#ff9100";
-export const amsAvatarOrangeColor = "#181818";
+export const amsAvatarOrangeColor = "#202020";
 export const amsAvatarYellowBackgroundColor = "#ffe600";
 export const amsAvatarYellowBorderColor = "#ffe600";
-export const amsAvatarYellowColor = "#181818";
-export const amsBadgeBackgroundColor = "#00a03c";
+export const amsAvatarYellowColor = "#202020";
+export const amsBadgeBackgroundColor = "#00893c";
 export const amsBadgeColor = "#ffffff";
 export const amsBadgeFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsBadgeFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsBadgeFontWeight = "800";
+export const amsBadgeGap = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
 export const amsBadgeLineHeight = "1.8";
 export const amsBadgePaddingInline =
   "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
 export const amsBadgeAzureBackgroundColor = "#009de6";
 export const amsBadgeAzureColor = "#ffffff";
 export const amsBadgeLimeBackgroundColor = "#bed200";
-export const amsBadgeLimeColor = "#181818";
+export const amsBadgeLimeColor = "#202020";
 export const amsBadgeMagentaBackgroundColor = "#e50082";
 export const amsBadgeMagentaColor = "#ffffff";
 export const amsBadgeOrangeBackgroundColor = "#ff9100";
-export const amsBadgeOrangeColor = "#181818";
+export const amsBadgeOrangeColor = "#202020";
 export const amsBadgePurpleBackgroundColor = "#a00078";
 export const amsBadgePurpleColor = "#ffffff";
 export const amsBadgeRedBackgroundColor = "#ec0000";
 export const amsBadgeRedColor = "#ffffff";
 export const amsBadgeYellowBackgroundColor = "#ffe600";
-export const amsBadgeYellowColor = "#181818";
-export const amsBlockquoteColor = "#181818";
+export const amsBadgeYellowColor = "#202020";
+export const amsBlockquoteColor = "#202020";
 export const amsBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsBlockquoteFontSize =
   "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
@@ -275,7 +279,7 @@ export const amsButtonTertiaryColor = "#004699";
 export const amsButtonTertiaryDisabledColor = "#767676";
 export const amsButtonTertiaryHoverBorderColor = "currentColor";
 export const amsButtonTertiaryHoverColor = "#003677";
-export const amsCallToActionLinkBackgroundColor = "#00a03c";
+export const amsCallToActionLinkBackgroundColor = "#00893c";
 export const amsCallToActionLinkColor = "#ffffff";
 export const amsCallToActionLinkFontFamily =
   "'Amsterdam Sans', Arial, sans-serif";
@@ -290,7 +294,7 @@ export const amsCallToActionLinkPaddingInline =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 export const amsCallToActionLinkTextDecorationThickness = "0.125rem";
 export const amsCallToActionLinkTextUnderlineOffset = "0.15625rem";
-export const amsCallToActionLinkHoverBackgroundColor = "#007c2e";
+export const amsCallToActionLinkHoverBackgroundColor = "#10552b";
 export const amsCallToActionLinkHoverTextDecorationThickness = "0.1875rem";
 export const amsCallToActionLinkHoverTextUnderlineOffset = "0.09375rem";
 export const amsCardHeadingMarginBlockEnd =
@@ -308,7 +312,7 @@ export const amsCardLinkTextUnderlineOffset = "0.15625rem";
 export const amsCardLinkHoverColor = "#003677";
 export const amsCardLinkHoverTextDecorationLine = "underline";
 export const amsCardOutlineOffset = "0.25rem";
-export const amsCharacterCountColor = "#181818";
+export const amsCharacterCountColor = "#202020";
 export const amsCharacterCountFontFamily =
   "'Amsterdam Sans', Arial, sans-serif";
 export const amsCharacterCountFontSize = "1rem";
@@ -340,7 +344,7 @@ export const amsCheckboxRectangleStroke = "#004699";
 export const amsCheckboxRectangleDisabledStroke = "#767676";
 export const amsCheckboxRectangleInvalidStroke = "#ec0000";
 export const amsCheckboxRectangleInvalidHoverStroke = "#b70000";
-export const amsCheckboxColor = "#181818";
+export const amsCheckboxColor = "#202020";
 export const amsCheckboxCursor = "pointer";
 export const amsCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsCheckboxFontSize =
@@ -368,12 +372,12 @@ export const amsColumnGapMedium = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 export const amsColumnGapLarge = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
 export const amsColumnGapXLarge =
   "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
+export const amsDateInputDisabledCalendarPickerIndicatorBackgroundImage =
+  "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>\")"; // This token will be removed in release 6.0.0
 export const amsDateInputDisabledCalenderPickerIndicatorBackgroundImage =
   "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>\")"; // Use the token with ‘calendar’ spelled correctly instead
 export const amsDateInputDisabledColor = "#767676";
 export const amsDateInputDisabledCursor = "not-allowed";
-export const amsDateInputDisabledCalendarPickerIndicatorBackgroundImage =
-  "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>\")";
 export const amsDateInputHoverCalenderPickerIndicatorBackgroundImage =
   "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"; // Use the token with ‘calendar’ spelled correctly instead
 export const amsDateInputHoverBoxShadow = "inset 0 0 0 0.0625rem";
@@ -386,7 +390,7 @@ export const amsDateInputBackgroundColor = "#ffffff";
 export const amsDateInputBorderColor = "currentColor";
 export const amsDateInputBorderStyle = "solid";
 export const amsDateInputBorderWidth = "0.125rem";
-export const amsDateInputColor = "#181818";
+export const amsDateInputColor = "#202020";
 export const amsDateInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsDateInputFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
@@ -404,7 +408,7 @@ export const amsDateInputInvalidHoverBoxShadow =
 export const amsDateInputCalendarPickerIndicatorBackgroundImage =
   "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>\")";
 export const amsDateInputCalendarPickerIndicatorCursor = "pointer";
-export const amsDescriptionListColor = "#181818";
+export const amsDescriptionListColor = "#202020";
 export const amsDescriptionListColumnGap =
   "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
 export const amsDescriptionListFontFamily =
@@ -467,26 +471,38 @@ export const amsErrorMessageFontWeight = "400";
 export const amsErrorMessageGap =
   "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
 export const amsErrorMessageLineHeight = "1.8";
-export const amsFieldSetInvalidBorderInlineStart = "0.1875rem solid #ec0000";
-export const amsFieldSetInvalidPaddingInlineStart =
-  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
-export const amsFieldSetLegendColor = "#181818";
+export const amsFieldSetLegendMarginBlockEnd =
+  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
+export const amsFieldSetLegendColor = "#202020";
 export const amsFieldSetLegendFontFamily =
   "'Amsterdam Sans', Arial, sans-serif";
 export const amsFieldSetLegendFontSize =
   "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
 export const amsFieldSetLegendFontWeight = "800";
 export const amsFieldSetLegendLineHeight = "1.3";
-export const amsFieldSetLegendMarginBlockEnd =
-  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
 export const amsFieldSetLegendTextWrap = "balance";
 export const amsFieldSetLegendInFieldsetFontWeight = "400";
+export const amsFieldSetChildMarginBlockEnd =
+  "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
+export const amsFieldSetChildBeforeErrorMessageMarginBlockEnd =
+  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
+export const amsFieldSetChildBeforeFieldOrFieldSetMarginBlockEnd =
+  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
+export const amsFieldSetChildBetweenFieldsAndFieldSetsMarginBlockEnd =
+  "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
+export const amsFieldSetInvalidBorderInlineStart = "0.1875rem solid #ec0000";
+export const amsFieldSetInvalidPaddingInlineStart =
+  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 export const amsFieldGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
+export const amsFieldChildMarginBlockEnd =
+  "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
+export const amsFieldChildBeforeErrorMessageMarginBlockEnd =
+  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
 export const amsFieldInvalidBorderInlineStart = "0.1875rem solid #ec0000";
 export const amsFieldInvalidPaddingInlineStart =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 export const amsFigureGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
-export const amsFigureCaptionColor = "#181818";
+export const amsFigureCaptionColor = "#202020";
 export const amsFigureCaptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsFigureCaptionFontSize = "1rem";
 export const amsFigureCaptionFontWeight = "400";
@@ -496,7 +512,7 @@ export const amsFileInputBackgroundColor = "#ffffff";
 export const amsFileInputBorderColor = "currentColor";
 export const amsFileInputBorderStyle = "dashed";
 export const amsFileInputBorderWidth = "0.125rem";
-export const amsFileInputColor = "#181818";
+export const amsFileInputColor = "#202020";
 export const amsFileInputCursor = "pointer";
 export const amsFileInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsFileInputFontSize =
@@ -572,7 +588,7 @@ export const amsHeading_5FontSize = "1rem";
 export const amsHeading_5LineHeight = "1.4";
 export const amsHeading_6FontSize = "1rem";
 export const amsHeading_6LineHeight = "1.4";
-export const amsHeadingColor = "#181818";
+export const amsHeadingColor = "#202020";
 export const amsHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsHeadingFontWeight = "800";
 export const amsHeadingTextWrap = "balance";
@@ -586,9 +602,9 @@ export const amsIconButtonHoverBackgroundColor = "rgb(0 70 153 / 12.5%)";
 export const amsIconButtonHoverColor = "#003677";
 export const amsIconButtonDisabledColor = "#767676";
 export const amsIconButtonDisabledCursor = "not-allowed";
-export const amsIconButtonContrastColor = "#181818";
+export const amsIconButtonContrastColor = "#202020";
 export const amsIconButtonContrastHoverBackgroundColor = "rgb(0 0 0 / 12.5%)";
-export const amsIconButtonContrastHoverColor = "#181818";
+export const amsIconButtonContrastHoverColor = "#202020";
 export const amsIconButtonContrastDisabledColor = "#767676";
 export const amsIconButtonInverseBackgroundColor = "#004699";
 export const amsIconButtonInverseColor = "#ffffff";
@@ -638,7 +654,7 @@ export const amsImageSliderThumbnailsThumbnailInViewOpacity = "100%";
 export const amsImageSliderThumbnailsThumbnailHoverOpacity = "100%";
 export const amsImageAspectRatio = "16 / 9";
 export const amsInvalidFormAlertOutlineOffset = "0.25rem";
-export const amsLabelColor = "#181818";
+export const amsLabelColor = "#202020";
 export const amsLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsLabelFontSize =
   "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
@@ -666,8 +682,8 @@ export const amsLinkListLinkLargeFontSize =
 export const amsLinkListLinkLargeLineHeight = "1.6";
 export const amsLinkListLinkHoverColor = "#003677";
 export const amsLinkListLinkHoverTextDecorationLine = "underline";
-export const amsLinkListLinkContrastColor = "#181818";
-export const amsLinkListLinkContrastHoverColor = "#181818";
+export const amsLinkListLinkContrastColor = "#202020";
+export const amsLinkListLinkContrastHoverColor = "#202020";
 export const amsLinkListLinkInverseColor = "#ffffff";
 export const amsLinkListLinkInverseHoverColor = "#ffffff";
 export const amsLinkColor = "#004699";
@@ -681,18 +697,18 @@ export const amsLinkTextUnderlineOffset = "0.15625rem";
 export const amsLinkHoverColor = "#003677";
 export const amsLinkHoverTextDecorationThickness = "0.1875rem";
 export const amsLinkHoverTextUnderlineOffset = "0.09375rem";
-export const amsLinkContrastColor = "#181818";
-export const amsLinkContrastHoverColor = "#181818";
+export const amsLinkContrastColor = "#202020";
+export const amsLinkContrastHoverColor = "#202020";
 export const amsLinkInverseColor = "#ffffff";
 export const amsLinkInverseHoverColor = "#ffffff";
 export const amsLogoBlockSize = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
 export const amsLogoMinBlockSize = "2.5rem";
 export const amsLogoEmblemColor = "#ec0000";
-export const amsLogoSubsiteColor = "#181818";
+export const amsLogoSubsiteColor = "#202020";
 export const amsLogoTitleColor = "#ec0000";
 export const amsMarkBackgroundColor = "#ffe600";
-export const amsMenuLinkContrastColor = "#181818"; // The menu has a dark background now, so this is no longer needed.
-export const amsMenuLinkContrastHoverColor = "#181818"; // The menu has a dark background now, so this is no longer needed.
+export const amsMenuLinkContrastColor = "#202020"; // The menu has a dark background now, so this is no longer needed.
+export const amsMenuLinkContrastHoverColor = "#202020"; // The menu has a dark background now, so this is no longer needed.
 export const amsMenuLinkInverseColor = "#ffffff"; // The menu has a dark background now, so this is no longer needed.
 export const amsMenuLinkInverseHoverColor = "#ffffff"; // The menu has a dark background now, so this is no longer needed.
 export const amsMenuLinkColor = "#ffffff";
@@ -721,7 +737,7 @@ export const amsMenuWidePaddingBlock =
 export const amsMenuWidePaddingInline =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
 export const amsMenuListGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
-export const amsOrderedListColor = "#181818";
+export const amsOrderedListColor = "#202020";
 export const amsOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsOrderedListFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
@@ -781,12 +797,14 @@ export const amsPageHeaderWidePaddingInline =
 export const amsPageHeaderLogoLinkColumnGap =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 export const amsPageHeaderLogoLinkOutlineOffset = "0.25rem";
-export const amsPageHeaderBrandNameColor = "#181818";
+export const amsPageHeaderBrandNameColor = "#202020";
 export const amsPageHeaderBrandNameFontSize =
   "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
 export const amsPageHeaderBrandNameFontWeight = "800";
 export const amsPageHeaderBrandNameLineHeight = "1.3";
 export const amsPageHeaderBrandNameTextWrap = "balance";
+export const amsPageHeaderMegaMenuPaddingBlock =
+  "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
 export const amsPageHeaderMegaMenuButtonCursor = "pointer";
 export const amsPageHeaderMegaMenuButtonLabelOpenFontWeight = "800";
 export const amsPageHeaderMenuColumnGap =
@@ -815,8 +833,8 @@ export const amsPageHeaderMenuLinkHoverTextDecorationLine = "underline";
 export const amsPageHeaderNavigationColumnGap =
   "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
 export const amsPageHeaderNavigationRowGap =
-  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
-export const amsPageHeadingColor = "#181818";
+  "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
+export const amsPageHeadingColor = "#202020";
 export const amsPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsPageHeadingFontSize =
   "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)";
@@ -846,7 +864,7 @@ export const amsPaginationLinkTextUnderlineOffset = "0.15625rem";
 export const amsPaginationLinkCurrentFontWeight = "800";
 export const amsPaginationLinkHoverColor = "#003677";
 export const amsPaginationLinkHoverTextDecorationLine = "underline";
-export const amsParagraphColor = "#181818";
+export const amsParagraphColor = "#202020";
 export const amsParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsParagraphFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
@@ -858,11 +876,12 @@ export const amsParagraphSmallLineHeight = "1.6";
 export const amsParagraphLargeFontSize =
   "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
 export const amsParagraphLargeLineHeight = "1.6";
+export const amsParagraphLargeTextWrap = "balance";
 export const amsPasswordInputBackgroundColor = "#ffffff";
 export const amsPasswordInputBorderColor = "currentColor";
 export const amsPasswordInputBorderStyle = "solid";
 export const amsPasswordInputBorderWidth = "0.125rem";
-export const amsPasswordInputColor = "#181818";
+export const amsPasswordInputColor = "#202020";
 export const amsPasswordInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsPasswordInputFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
@@ -881,7 +900,86 @@ export const amsPasswordInputInvalidHoverBorderColor = "#b70000";
 export const amsPasswordInputInvalidHoverBoxShadow =
   "inset 0 0 0 0.0625rem #b70000";
 export const amsPasswordInputPlaceholderColor = "#767676";
-export const amsRadioColor = "#181818";
+export const amsProgressListHeading_2StepMarkerBlockSize =
+  "calc(clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem) * 1.3)";
+export const amsProgressListHeading_2StepMarkerMarginBlockStart =
+  "calc((1.3 * clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)) / 2)";
+export const amsProgressListHeading_3StepMarkerBlockSize =
+  "calc(clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem) * 1.3)";
+export const amsProgressListHeading_3StepMarkerMarginBlockStart =
+  "calc((1.3 * clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)) / 2)";
+export const amsProgressListHeading_4StepMarkerBlockSize =
+  "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.4)";
+export const amsProgressListHeading_4StepMarkerMarginBlockStart =
+  "calc((1.4 * clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)) / 2)";
+export const amsProgressListStepGap =
+  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
+export const amsProgressListStepMediumGap =
+  "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
+export const amsProgressListStepMarkerShapeBlockSize = "1.5rem";
+export const amsProgressListStepMarkerShapeBackgroundColor = "#ffffff";
+export const amsProgressListStepMarkerShapeBorderColor = "#767676";
+export const amsProgressListStepMarkerShapeBorderStyle = "solid";
+export const amsProgressListStepMarkerShapeBorderWidth = "0.125rem";
+export const amsProgressListStepMarkerShapeOutlineColor = "#ffffff";
+export const amsProgressListStepMarkerShapeOutlineStyle = "solid";
+export const amsProgressListStepMarkerShapeOutlineWidth = "0.125rem";
+export const amsProgressListStepConnectorBorderInlineColor = "#767676";
+export const amsProgressListStepConnectorBorderInlineStyle = "dashed";
+export const amsProgressListStepConnectorBorderInlineWidth = "1px";
+export const amsProgressListStepHeadingMarginBlockEnd =
+  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
+export const amsProgressListStepContentMarginBlockEnd =
+  "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
+export const amsProgressListStepCompletedMarkerShapeBackgroundColor = "#00893c";
+export const amsProgressListStepCompletedMarkerShapeBorderColor = "#00893c";
+export const amsProgressListStepCompletedConnectorBorderInlineColor = "#00893c";
+export const amsProgressListStepCompletedConnectorBorderInlineStyle = "solid";
+export const amsProgressListStepCurrentMarkerShapeBackgroundColor = "#00893c";
+export const amsProgressListStepCurrentMarkerShapeBorderColor = "#00893c";
+export const amsProgressListStepCurrentConnectorBorderInlineColor = "#00893c";
+export const amsProgressListSubstepsPaddingBlockStart =
+  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
+export const amsProgressListSubstepsStepIndicatorMarginInlineEnd =
+  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
+export const amsProgressListSubstepsStepIndicatorMediumMarginInlineEnd =
+  "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
+export const amsProgressListSubstepsStepMarkerBlockSize =
+  "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.8)";
+export const amsProgressListSubstepsStepMarkerInlineSize = "1.5rem";
+export const amsProgressListSubstepsStepMarkerShapeBlockSize = "0.75rem";
+export const amsProgressListSubstepsStepMarkerShapeBackgroundColor = "#ffffff";
+export const amsProgressListSubstepsStepMarkerShapeBorderColor = "#767676";
+export const amsProgressListSubstepsStepMarkerShapeBorderStyle = "solid";
+export const amsProgressListSubstepsStepMarkerShapeBorderWidth = "0.125rem";
+export const amsProgressListSubstepsStepMarkerShapeOutlineColor = "#ffffff";
+export const amsProgressListSubstepsStepMarkerShapeOutlineStyle = "solid";
+export const amsProgressListSubstepsStepMarkerShapeOutlineWidth = "0.125rem";
+export const amsProgressListSubstepsStepConnectorBackgroundColor = "#ffffff";
+export const amsProgressListSubstepsStepConnectorBorderInlineColor = "#767676";
+export const amsProgressListSubstepsStepConnectorBorderInlineStyle = "dashed";
+export const amsProgressListSubstepsStepConnectorBorderInlineWidth = "1px";
+export const amsProgressListSubstepsStepConnectorMarginBlockStart =
+  "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.8 / 2)";
+export const amsProgressListSubstepsStepConnectorLastChildBorderInlineColor =
+  "#ffffff";
+export const amsProgressListSubstepsStepContentMarginBlockEnd =
+  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
+export const amsProgressListSubstepsStepCompletedMarkerShapeBackgroundColor =
+  "#00893c";
+export const amsProgressListSubstepsStepCompletedMarkerShapeBorderColor =
+  "#00893c";
+export const amsProgressListSubstepsStepCompletedConnectorBorderInlineColor =
+  "#00893c";
+export const amsProgressListSubstepsStepCompletedConnectorBorderInlineStyle =
+  "solid";
+export const amsProgressListSubstepsStepCurrentMarkerShapeBackgroundColor =
+  "#00893c";
+export const amsProgressListSubstepsStepCurrentMarkerShapeBorderColor =
+  "#00893c";
+export const amsProgressListSubstepsLastChildContentMarginBlockEnd =
+  "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
+export const amsRadioColor = "#202020";
 export const amsRadioCursor = "pointer";
 export const amsRadioFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsRadioFontSize =
@@ -926,7 +1024,7 @@ export const amsSearchFieldInputBackgroundColor = "#ffffff";
 export const amsSearchFieldInputBorderColor = "currentColor";
 export const amsSearchFieldInputBorderStyle = "solid";
 export const amsSearchFieldInputBorderWidth = "0.125rem";
-export const amsSearchFieldInputColor = "#181818";
+export const amsSearchFieldInputColor = "#202020";
 export const amsSearchFieldInputFontFamily =
   "'Amsterdam Sans', Arial, sans-serif";
 export const amsSearchFieldInputFontSize =
@@ -960,7 +1058,7 @@ export const amsSelectBackgroundPosition =
 export const amsSelectBorderColor = "currentColor";
 export const amsSelectBorderStyle = "solid";
 export const amsSelectBorderWidth = "0.125rem";
-export const amsSelectColor = "#181818";
+export const amsSelectColor = "#202020";
 export const amsSelectFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsSelectFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
@@ -997,7 +1095,7 @@ export const amsSkipLinkPaddingInline =
 export const amsSkipLinkHoverBackgroundColor = "#003677";
 export const amsSpotlightBackgroundColor = "#a00078";
 export const amsSpotlightAzureBackgroundColor = "#009de6";
-export const amsSpotlightGreenBackgroundColor = "#00a03c";
+export const amsSpotlightGreenBackgroundColor = "#00893c";
 export const amsSpotlightLimeBackgroundColor = "#bed200";
 export const amsSpotlightMagentaBackgroundColor = "#e50082";
 export const amsSpotlightOrangeBackgroundColor = "#ff9100";
@@ -1022,8 +1120,8 @@ export const amsStandaloneLinkOutlineOffset = "0.25rem";
 export const amsStandaloneLinkTextDecorationLine = "none";
 export const amsStandaloneLinkTextDecorationThickness = "0.125rem";
 export const amsStandaloneLinkTextUnderlineOffset = "0.15625rem";
-export const amsStandaloneLinkContrastColor = "#181818";
-export const amsStandaloneLinkContrastHoverColor = "#181818";
+export const amsStandaloneLinkContrastColor = "#202020";
+export const amsStandaloneLinkContrastHoverColor = "#202020";
 export const amsStandaloneLinkInverseColor = "#ffffff";
 export const amsStandaloneLinkInverseHoverColor = "#ffffff";
 export const amsSwitchBackgroundColor = "#767676";
@@ -1063,7 +1161,7 @@ export const amsTableOfContentsListListPaddingBlockStart =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
 export const amsTableOfContentsListListPaddingInlineStart =
   "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
-export const amsTableColor = "#181818";
+export const amsTableColor = "#202020";
 export const amsTableFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsTableFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
@@ -1100,7 +1198,7 @@ export const amsTextAreaBackgroundColor = "#ffffff";
 export const amsTextAreaBorderColor = "currentColor";
 export const amsTextAreaBorderStyle = "solid";
 export const amsTextAreaBorderWidth = "0.125rem";
-export const amsTextAreaColor = "#181818";
+export const amsTextAreaColor = "#202020";
 export const amsTextAreaFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsTextAreaFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
@@ -1124,7 +1222,7 @@ export const amsTextInputBackgroundColor = "#ffffff";
 export const amsTextInputBorderColor = "currentColor";
 export const amsTextInputBorderStyle = "solid";
 export const amsTextInputBorderWidth = "0.125rem";
-export const amsTextInputColor = "#181818";
+export const amsTextInputColor = "#202020";
 export const amsTextInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsTextInputFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
@@ -1143,12 +1241,12 @@ export const amsTextInputInvalidHoverBorderColor = "#b70000";
 export const amsTextInputInvalidHoverBoxShadow =
   "inset 0 0 0 0.0625rem #b70000";
 export const amsTextInputPlaceholderColor = "#767676";
+export const amsTimeInputDisabledCalendarPickerIndicatorBackgroundImage =
+  "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>\")";
 export const amsTimeInputDisabledCalenderPickerIndicatorBackgroundImage =
   "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>\")"; // Use the token with ‘calendar’ spelled correctly instead
 export const amsTimeInputDisabledColor = "#767676";
 export const amsTimeInputDisabledCursor = "not-allowed";
-export const amsTimeInputDisabledCalendarPickerIndicatorBackgroundImage =
-  "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>\")";
 export const amsTimeInputHoverCalenderPickerIndicatorBackgroundImage =
   "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")"; // Use the token with ‘calendar’ spelled correctly instead
 export const amsTimeInputHoverBoxShadow = "inset 0 0 0 0.0625rem";
@@ -1161,7 +1259,7 @@ export const amsTimeInputBackgroundColor = "#ffffff";
 export const amsTimeInputBorderColor = "currentColor";
 export const amsTimeInputBorderStyle = "solid";
 export const amsTimeInputBorderWidth = "0.125rem";
-export const amsTimeInputColor = "#181818";
+export const amsTimeInputColor = "#202020";
 export const amsTimeInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsTimeInputFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
@@ -1179,7 +1277,7 @@ export const amsTimeInputInvalidHoverBoxShadow =
 export const amsTimeInputCalendarPickerIndicatorBackgroundImage =
   "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>\")";
 export const amsTimeInputCalendarPickerIndicatorCursor = "pointer";
-export const amsUnorderedListColor = "#181818";
+export const amsUnorderedListColor = "#202020";
 export const amsUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsUnorderedListFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";