@amsterdam/design-system-tokens 3.4.0 → 4.0.0

package/dist/index.mjs

@@ -8,13 +8,14 @@ export const amsAspectRatio_1_1 = "1 / 1";
 export const amsAspectRatio_4_3 = "4 / 3";
 export const amsAspectRatio_16_9 = "16 / 9";
 export const amsAspectRatio_16_5 = "16 / 5";
-export const amsBorderWidthS = "0.0625rem";
-export const amsBorderWidthM = "0.125rem";
-export const amsBorderWidthL = "0.1875rem";
-export const amsBorderWidthXl = "0.25rem";
+export const amsBorderWidthS = "0.0625rem"; // 1px equivalent. For subtle borders like hover reinforcement.
+export const amsBorderWidthM = "0.125rem"; // 2px equivalent. The default border width for inputs and containers.
+export const amsBorderWidthL = "0.1875rem"; // 3px equivalent.
+export const amsBorderWidthXl = "0.25rem"; // 4px equivalent. For strong emphasis like active tab indicators.
 export const amsBorderWidthNegativeM = "-0.125rem";
 export const amsBorderWidthNegativeXl = "-0.25rem";
-export const amsColorBackground = "#ffffff";
+export const amsColorBackgroundBody = "#ffffff";
+export const amsColorBackground = "#ffffff"; // The default background colour for form controls and smaller surfaces.
 export const amsColorFeedbackError = "#ec0000";
 export const amsColorFeedbackInfo = "#009de6";
 export const amsColorFeedbackSuccess = "#00893c";
@@ -26,68 +27,62 @@ export const amsColorHighlightMagenta = "#e50082";
 export const amsColorHighlightOrange = "#ff9100";
 export const amsColorHighlightPurple = "#a00078";
 export const amsColorHighlightYellow = "#ffe600";
-export const amsColorInteractiveContrast = "#202020";
+export const amsColorInteractiveContrast = "#202020"; // For interactive elements on coloured backgrounds where the default blue lacks sufficient contrast.
 export const amsColorInteractive = "#004699";
 export const amsColorInteractiveDisabled = "#767676";
 export const amsColorInteractiveHover = "#003677";
 export const amsColorInteractiveInvalid = "#ec0000";
 export const amsColorInteractiveInvalidHover = "#b70000";
-export const amsColorInteractiveInverse = "#ffffff";
-export const amsColorInteractiveSecondary = "#202020";
+export const amsColorInteractiveInverse = "#ffffff"; // For interactive elements on dark backgrounds.
 export const amsColorProgressCurrent = "#00893c";
 export const amsColorProgressCompleted = "#00893c";
 export const amsColorProgressUpcoming = "#767676";
-export const amsColorSeparator = "#d1d1d1";
+export const amsColorSeparator = "#d1d1d1"; // For row borders in tables.
 export const amsColorText = "#202020";
 export const amsColorTextInverse = "#ffffff";
-export const amsColorTextSecondary = "#767676";
+export const amsColorTextSecondary = "#767676"; // For supporting text that is less prominent than the default, e.g. metadata.
 export const amsCursorDisabled = "not-allowed";
-export const amsCursorInteractive = "pointer";
-export const amsFocusOutlineOffset = "0.25rem";
-export const amsSpaceXs = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
-export const amsSpaceS = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
-export const amsSpaceM = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
-export const amsSpaceL = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
-export const amsSpaceXl = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
-export const amsSpace_2xl = "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
-export const amsTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsTypographyHyphenateLimitChars = "auto";
+export const amsCursorInteractive = "pointer"; // All interactive elements in their default state that lack a cursor style.
+export const amsFocusOutlineOffset = "0.25rem"; // The distance between a focused element and its outline. Provides breathing room so the outline doesn't touch the element.
+export const amsSpaceXs = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; // Scales from 4px to 6px.
+export const amsSpaceS = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; // Scales from 8px to 12px.
+export const amsSpaceM = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; // Scales from 16px to 24px.
+export const amsSpaceL = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; // Scales from 24px to 36px.
+export const amsSpaceXl = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"; // Scales from 36px to 60px.
+export const amsSpace_2xl = "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"; // Scales from 48px to 90px.
+export const amsTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif"; // The corporate typeface with system fallbacks.
+export const amsTypographyHyphenateLimitChars = "auto"; // Lets the browser decide the minimum character count for hyphenation.
 export const amsTypographyBodyTextFontSize =
-  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
+  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; // Scales from 18px to 20px.
 export const amsTypographyBodyTextFontWeight = "400";
-export const amsTypographyBodyTextLineHeight = "1.6";
+export const amsTypographyBodyTextLineHeight = 1.6;
 export const amsTypographyBodyTextBoldFontWeight = "800";
-export const amsTypographyBodyTextSmallFontSize = "1rem";
-export const amsTypographyBodyTextSmallLineHeight = "1.5";
+export const amsTypographyBodyTextSmallFontSize = "1rem"; // Fixed at 16px; does not scale.
+export const amsTypographyBodyTextSmallLineHeight = 1.5;
 export const amsTypographyBodyTextLargeFontSize =
-  "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
-export const amsTypographyBodyTextLargeLineHeight = "1.5";
+  "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)"; // Scales from 21px to 25px.
+export const amsTypographyBodyTextLargeLineHeight = 1.5;
 export const amsTypographyBodyTextXLargeFontSize =
-  "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
-export const amsTypographyBodyTextXLargeLineHeight = "1.4";
-export const amsTypographyHeading_0FontSize =
-  "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)";
-export const amsTypographyHeading_0LineHeight = "1.1";
+  "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)"; // Scales from 24px to 32px.
+export const amsTypographyBodyTextXLargeLineHeight = 1.4;
 export const amsTypographyHeading_1FontSize =
-  "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)";
-export const amsTypographyHeading_1LineHeight = "1.2";
+  "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)"; // Scales from 32px to 48px.
+export const amsTypographyHeading_1LineHeight = 1.2;
 export const amsTypographyHeading_2FontSize =
   "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
-export const amsTypographyHeading_2LineHeight = "1.3";
+export const amsTypographyHeading_2LineHeight = 1.3;
 export const amsTypographyHeading_3FontSize =
   "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
-export const amsTypographyHeading_3LineHeight = "1.3";
+export const amsTypographyHeading_3LineHeight = 1.3;
 export const amsTypographyHeading_4FontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
-export const amsTypographyHeading_4LineHeight = "1.4";
+export const amsTypographyHeading_4LineHeight = 1.4;
 export const amsTypographyHeading_5FontSize = "1rem";
-export const amsTypographyHeading_5LineHeight = "1.4";
-export const amsTypographyHeading_6FontSize = "1rem";
-export const amsTypographyHeading_6LineHeight = "1.4";
+export const amsTypographyHeading_5LineHeight = 1.4;
 export const amsTypographyHeadingFontWeight = "800";
-export const amsTypographyHeadingTextWrap = "balance";
+export const amsTypographyHeadingTextWrap = "balance"; // Distributes heading text evenly across lines for a more balanced appearance.
 export const amsInputsBackgroundColor = "#ffffff";
-export const amsInputsBorderColor = "currentColor";
+export const amsInputsBorderColor = "currentColor"; // Uses currentColor so the border adapts to the text colour, including in error states.
 export const amsInputsBorderStyle = "solid";
 export const amsInputsBorderWidth = "0.125rem";
 export const amsInputsColor = "#202020";
@@ -95,7 +90,7 @@ export const amsInputsFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsInputsFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsInputsFontWeight = "400";
-export const amsInputsLineHeight = "1.4";
+export const amsInputsLineHeight = 1.4; // Tighter than body text (1.6) to keep inputs compact. Buttons also use this to match.
 export const amsInputsOutlineOffset = "0.25rem";
 export const amsInputsPaddingBlock =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
@@ -103,11 +98,11 @@ export const amsInputsPaddingInline =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 export const amsInputsDisabledColor = "#767676";
 export const amsInputsHoverBoxShadow =
-  "inset 0rem 0rem 0rem 0.0625rem currentColor";
+  "inset 0rem 0rem 0rem 0.0625rem currentColor"; // An inset shadow that reinforces the border on hover without shifting the layout.
 export const amsInputsInvalidBorderColor = "#ec0000";
 export const amsInputsInvalidHoverBorderColor = "#b70000";
 export const amsInputsInvalidHoverBoxShadow =
-  "inset 0rem 0rem 0rem 0.0625rem #b70000";
+  "inset 0rem 0rem 0rem 0.0625rem #b70000"; // An inset shadow using the hover variation of the invalid interactive colour.
 export const amsInputsPlaceholderColor = "#767676";
 export const amsLinksColor = "#004699";
 export const amsLinksTextDecorationThickness = "0.125rem";
@@ -122,13 +117,6 @@ export const amsLinksContrastHoverColor = "#202020";
 export const amsLinksInverseColor = "#ffffff";
 export const amsLinksInverseHoverColor = "#ffffff";
 export const amsAccordionGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
-export const amsAccordionButtonFontFamily =
-  "'Amsterdam Sans', Arial, sans-serif";
-export const amsAccordionButtonFontSize =
-  "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
-export const amsAccordionButtonFontWeight = "800";
-export const amsAccordionButtonLineHeight = "1.3";
-export const amsAccordionButtonTextWrap = "balance";
 export const amsAccordionButtonColor = "#004699";
 export const amsAccordionButtonCursor = "pointer";
 export const amsAccordionButtonGap =
@@ -138,8 +126,6 @@ export const amsAccordionButtonPaddingBlock =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
 export const amsAccordionButtonPaddingInline = "0";
 export const amsAccordionButtonHoverColor = "#003677";
-export const amsAccordionPanelPaddingBlock = "0";
-export const amsAccordionPanelPaddingInline = "0";
 export const amsActionGroupGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 export const amsAlertBackgroundColor = "#ffffff";
 export const amsAlertBorderColor = "#009de6";
@@ -171,7 +157,7 @@ export const amsAvatarColor = "#ffffff";
 export const amsAvatarFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsAvatarFontSize = "1rem";
 export const amsAvatarFontWeight = "400";
-export const amsAvatarLineHeight = "1.5";
+export const amsAvatarLineHeight = 1.5;
 export const amsAvatarPaddingBlock =
   "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
 export const amsAvatarPaddingInline =
@@ -202,7 +188,7 @@ 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.6";
+export const amsBadgeLineHeight = 1.6;
 export const amsBadgePaddingInline =
   "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
 export const amsBadgeAzureBackgroundColor = "#009de6";
@@ -224,13 +210,14 @@ export const amsBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsBlockquoteFontSize =
   "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
 export const amsBlockquoteFontWeight = "800";
-export const amsBlockquoteLineHeight = "1.4";
+export const amsBlockquoteLineHeight = 1.4;
 export const amsBlockquoteInverseColor = "#ffffff";
+export const amsBodyBackgroundColor = "#ffffff";
 export const amsBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsBreadcrumbFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsBreadcrumbFontWeight = "400";
-export const amsBreadcrumbLineHeight = "1.6";
+export const amsBreadcrumbLineHeight = 1.6;
 export const amsBreadcrumbSeparatorBackgroundImage =
   "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>\")";
 export const amsBreadcrumbSeparatorBlockSize = "1ex";
@@ -251,7 +238,7 @@ export const amsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsButtonFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsButtonFontWeight = "400";
-export const amsButtonLineHeight = "1.4";
+export const amsButtonLineHeight = 1.4;
 export const amsButtonGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
 export const amsButtonOutlineOffset = "0.25rem";
 export const amsButtonPaddingBlock =
@@ -291,7 +278,7 @@ export const amsCallToActionLinkFontFamily =
 export const amsCallToActionLinkFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsCallToActionLinkFontWeight = "400";
-export const amsCallToActionLinkLineHeight = "1.6";
+export const amsCallToActionLinkLineHeight = 1.6;
 export const amsCallToActionLinkOutlineOffset = "0.25rem";
 export const amsCallToActionLinkPaddingBlock =
   "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
@@ -322,7 +309,7 @@ export const amsCharacterCountFontFamily =
   "'Amsterdam Sans', Arial, sans-serif";
 export const amsCharacterCountFontSize = "1rem";
 export const amsCharacterCountFontWeight = "400";
-export const amsCharacterCountLineHeight = "1.5";
+export const amsCharacterCountLineHeight = 1.5;
 export const amsCharacterCountErrorColor = "#ec0000";
 export const amsCheckboxColor = "#202020";
 export const amsCheckboxCursor = "pointer";
@@ -331,7 +318,7 @@ export const amsCheckboxFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsCheckboxFontWeight = "400";
 export const amsCheckboxGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
-export const amsCheckboxLineHeight = "1.6";
+export const amsCheckboxLineHeight = 1.6;
 export const amsCheckboxOutlineOffset = "0.25rem";
 export const amsCheckboxTextDecorationThickness = "0.125rem";
 export const amsCheckboxTextUnderlineOffset = "0.15625rem";
@@ -339,7 +326,6 @@ export const amsCheckboxDisabledCursor = "not-allowed";
 export const amsCheckboxDisabledColor = "#767676";
 export const amsCheckboxHoverColor = "#003677";
 export const amsCheckboxHoverTextDecorationLine = "underline";
-export const amsCheckboxHoverTextDecorationThickness = "0.125rem";
 export const amsCheckboxCheckedIndicatorStroke = "#ffffff";
 export const amsCheckboxHoverIndicatorHoverStroke = "#003677";
 export const amsCheckboxHoverIndicatorInvalidHoverStroke = "#b70000";
@@ -352,20 +338,14 @@ export const amsCheckboxRectangleFill = "#ffffff";
 export const amsCheckboxRectangleStroke = "#004699";
 export const amsCheckboxRectangleCheckedFill = "#004699";
 export const amsCheckboxRectangleCheckedDisabledFill = "#767676";
-export const amsCheckboxRectangleCheckedDisabledHoverFill = "#767676";
 export const amsCheckboxRectangleCheckedHoverFill = "#003677";
-export const amsCheckboxRectangleCheckedHoverDisabledInvalidFill = "#767676";
 export const amsCheckboxRectangleCheckedInvalidFill = "#ec0000";
 export const amsCheckboxRectangleCheckedInvalidHoverFill = "#b70000";
 export const amsCheckboxRectangleDisabledStroke = "#767676";
 export const amsCheckboxRectangleHoverStroke = "#003677";
-export const amsCheckboxRectangleHoverDisabledInvalidStroke = "#767676";
 export const amsCheckboxRectangleIndeterminateFill = "#004699";
 export const amsCheckboxRectangleIndeterminateDisabledFill = "#767676";
-export const amsCheckboxRectangleIndeterminateDisabledHoverFill = "#767676";
 export const amsCheckboxRectangleIndeterminateHoverFill = "#003677";
-export const amsCheckboxRectangleIndeterminateHoverDisabledInvalidFill =
-  "#767676";
 export const amsCheckboxRectangleIndeterminateInvalidFill = "#ec0000";
 export const amsCheckboxRectangleIndeterminateInvalidHoverFill = "#b70000";
 export const amsCheckboxRectangleInvalidStroke = "#ec0000";
@@ -386,7 +366,7 @@ export const amsDateInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsDateInputFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsDateInputFontWeight = "400";
-export const amsDateInputLineHeight = "1.4";
+export const amsDateInputLineHeight = 1.4;
 export const amsDateInputOutlineOffset = "0.25rem";
 export const amsDateInputPaddingBlock =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
@@ -394,39 +374,30 @@ export const amsDateInputPaddingInline =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 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 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>\")";
-export const amsDateInputHoverBoxShadow = "0 0 0 #000000";
+export const amsDateInputHoverBoxShadow =
+  "inset 0rem 0rem 0rem 0.0625rem currentColor";
 export const amsDateInputHoverCalendarPickerIndicatorBackgroundImage =
   "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>\")";
-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>\")";
 export const amsDateInputInvalidBorderColor = "#ec0000";
 export const amsDateInputInvalidHoverBorderColor = "#b70000";
-export const amsDateInputInvalidHoverBoxShadow = "0 0 0 #000000";
+export const amsDateInputInvalidHoverBoxShadow =
+  "inset 0rem 0rem 0rem 0.0625rem #b70000";
 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 amsDateInputCalenderPickerIndicatorBackgroundImage =
-  "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 amsDateInputCalenderPickerIndicatorCursor = "pointer";
 export const amsDescriptionListColor = "#202020";
-export const amsDescriptionListColumnGap =
-  "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
+export const amsDescriptionListColumnGap = "initial";
 export const amsDescriptionListFontFamily =
   "'Amsterdam Sans', Arial, sans-serif";
 export const amsDescriptionListFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
-export const amsDescriptionListLineHeight = "1.6";
-export const amsDescriptionListRowGap =
-  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
+export const amsDescriptionListLineHeight = 1.6;
+export const amsDescriptionListRowGap = "0";
 export const amsDescriptionListInverseColor = "#ffffff";
 export const amsDescriptionListTermFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsDescriptionListTermFontWeight = "800";
-export const amsDescriptionListTermLineHeight = "1.4";
+export const amsDescriptionListTermLineHeight = 1.4;
 export const amsDescriptionListTermMarginBlockEnd =
   "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
 export const amsDescriptionListTermTextWrap = "balance";
@@ -438,9 +409,14 @@ export const amsDescriptionListDescriptionMarginBlockEnd =
 export const amsDescriptionListDescriptionPaddingInlineStart = "0";
 export const amsDescriptionListSectionMarginBlockEnd =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
-export const amsDescriptionListNarrowGridTemplateColumns = "1fr 4fr";
-export const amsDescriptionListMediumGridTemplateColumns = "1fr 2fr";
-export const amsDescriptionListWideGridTemplateColumns = "1fr 1fr";
+export const amsDescriptionListNarrowGridTemplateColumns = "initial";
+export const amsDescriptionListMediumGridTemplateColumns = "initial";
+export const amsDescriptionListWideGridTemplateColumns = "initial";
+export const amsDescriptionListViMediumColumnGap =
+  "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
+export const amsDescriptionListViMediumNarrowGridTemplateColumns = "1fr 4fr";
+export const amsDescriptionListViMediumMediumGridTemplateColumns = "1fr 2fr";
+export const amsDescriptionListViMediumWideGridTemplateColumns = "1fr 1fr";
 export const amsDialogBackgroundColor = "#ffffff";
 export const amsDialogBorderColor = "#ffffff";
 export const amsDialogBorderRadius = "initial";
@@ -453,9 +429,11 @@ export const amsDialogInlineSize =
 export const amsDialogMaxBlockSize =
   "calc(100dvh - 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem))";
 export const amsDialogMaxInlineSize = "48rem";
-export const amsDialogMediumInlineSize =
+export const amsDialogMediumInlineSize = "initial";
+export const amsDialogMediumMaxBlockSize = "initial";
+export const amsDialogViMediumInlineSize =
   "calc(100% - 2 * clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem))";
-export const amsDialogMediumMaxBlockSize =
+export const amsDialogViMediumMaxBlockSize =
   "calc(100dvh - 2 * clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem))";
 export const amsDialogBackdropBackgroundColor = "rgb(24 24 24 / 62.5%)";
 export const amsDialogHeaderGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
@@ -463,22 +441,27 @@ export const amsDialogHeaderPaddingBlock =
   "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem) 0";
 export const amsDialogHeaderPaddingInline =
   "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
-export const amsDialogHeaderMediumPaddingBlock =
+export const amsDialogHeaderMediumPaddingBlock = "initial";
+export const amsDialogHeaderMediumPaddingInline = "initial";
+export const amsDialogHeaderViMediumPaddingBlock =
   "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) 0";
-export const amsDialogHeaderMediumPaddingInline =
+export const amsDialogHeaderViMediumPaddingInline =
   "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
 export const amsDialogBodyPaddingBlock = "0";
 export const amsDialogBodyPaddingInline =
   "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
-export const amsDialogBodyMediumPaddingInline =
+export const amsDialogBodyMediumPaddingInline = "initial";
+export const amsDialogBodyViMediumPaddingInline =
   "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
 export const amsDialogFooterPaddingBlock =
   "0 clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
 export const amsDialogFooterPaddingInline =
   "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
-export const amsDialogFooterMediumPaddingBlock =
+export const amsDialogFooterMediumPaddingBlock = "initial";
+export const amsDialogFooterMediumPaddingInline = "initial";
+export const amsDialogFooterViMediumPaddingBlock =
   "0 clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
-export const amsDialogFooterMediumPaddingInline =
+export const amsDialogFooterViMediumPaddingInline =
   "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
 export const amsErrorMessageColor = "#ec0000";
 export const amsErrorMessageFontFamily = "'Amsterdam Sans', Arial, sans-serif";
@@ -487,7 +470,7 @@ export const amsErrorMessageFontSize =
 export const amsErrorMessageFontWeight = "400";
 export const amsErrorMessageGap =
   "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
-export const amsErrorMessageLineHeight = "1.6";
+export const amsErrorMessageLineHeight = 1.6;
 export const amsFieldSetChildMarginBlockEnd =
   "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
 export const amsFieldSetChildBeforeErrorMessageMarginBlockEnd =
@@ -507,7 +490,7 @@ export const amsFieldSetLegendFontFamily =
 export const amsFieldSetLegendFontSize =
   "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
 export const amsFieldSetLegendFontWeight = "800";
-export const amsFieldSetLegendLineHeight = "1.3";
+export const amsFieldSetLegendLineHeight = 1.3;
 export const amsFieldSetLegendTextWrap = "balance";
 export const amsFieldSetLegendInFieldsetFontWeight = "400";
 export const amsFieldGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
@@ -523,7 +506,7 @@ export const amsFigureCaptionColor = "#202020";
 export const amsFigureCaptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsFigureCaptionFontSize = "1rem";
 export const amsFigureCaptionFontWeight = "400";
-export const amsFigureCaptionLineHeight = "1.5";
+export const amsFigureCaptionLineHeight = 1.5;
 export const amsFigureCaptionInverseColor = "#ffffff";
 export const amsFileInputBackgroundColor = "#ffffff";
 export const amsFileInputBorderColor = "currentColor";
@@ -535,7 +518,7 @@ export const amsFileInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsFileInputFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsFileInputFontWeight = "400";
-export const amsFileInputLineHeight = "1.4";
+export const amsFileInputLineHeight = 1.4;
 export const amsFileInputOutlineOffset = "0.25rem";
 export const amsFileInputPaddingBlock =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
@@ -549,7 +532,7 @@ export const amsFileInputFileSelectorButtonBorderStyle = "solid";
 export const amsFileInputFileSelectorButtonBorderWidth = "0.125rem";
 export const amsFileInputFileSelectorButtonColor = "#004699";
 export const amsFileInputFileSelectorButtonCursor = "pointer";
-export const amsFileInputFileSelectorButtonLineHeight = "1.4";
+export const amsFileInputFileSelectorButtonLineHeight = 1.4;
 export const amsFileInputFileSelectorButtonMarginInlineEnd =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 export const amsFileInputFileSelectorButtonPaddingBlock =
@@ -558,7 +541,8 @@ export const amsFileInputFileSelectorButtonPaddingInline =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 export const amsFileInputFileSelectorButtonDisabledColor = "#767676";
 export const amsFileInputFileSelectorButtonDisabledCursor = "not-allowed";
-export const amsFileInputFileSelectorButtonHoverBoxShadow = "0 0 0 #000000";
+export const amsFileInputFileSelectorButtonHoverBoxShadow =
+  "inset 0rem 0rem 0rem 0.0625rem currentColor";
 export const amsFileInputFileSelectorButtonHoverColor = "#003677";
 export const amsFileListGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 export const amsFileListPaddingBlock =
@@ -568,10 +552,10 @@ export const amsFileListFileFontSize = "1rem";
 export const amsFileListFileFontWeight = "400";
 export const amsFileListFileGap =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
-export const amsFileListFileLineHeight = "1.5";
+export const amsFileListFileLineHeight = 1.5;
 export const amsFileListFileDetailsColor = "#767676";
 export const amsFileListFilePreviewWidth = "clamp(2.5rem, 10vw, 5rem)";
-export const amsGridColumnCount = "4";
+export const amsGridColumnCount = 4;
 export const amsGridColumnGap = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
 export const amsGridPaddingBlockL =
   "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
@@ -584,26 +568,31 @@ export const amsGridPaddingInline =
 export const amsGridRowGapL = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
 export const amsGridRowGapXl = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
 export const amsGridRowGap_2xl = "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
-export const amsGridMediumColumnCount = "8";
-export const amsGridMediumPaddingInline =
+export const amsGridMediumColumnCount = "initial";
+export const amsGridMediumPaddingInline = "initial";
+export const amsGridWideColumnCount = "initial";
+export const amsGridWidePaddingInline = "initial";
+export const amsGridViMediumColumnCount = 8;
+export const amsGridViMediumPaddingInline =
   "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
-export const amsGridWideColumnCount = "12";
-export const amsGridWidePaddingInline =
+export const amsGridViWideColumnCount = 12;
+export const amsGridViWidePaddingInline =
   "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
+export const amsGridCellBackgroundColor = "initial";
+export const amsGridCellPaddingBlock = "initial";
+export const amsGridCellPaddingInline = "initial";
 export const amsHeading_1FontSize = "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)";
-export const amsHeading_1LineHeight = "1.2";
+export const amsHeading_1LineHeight = 1.2;
 export const amsHeading_2FontSize = "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
-export const amsHeading_2LineHeight = "1.3";
+export const amsHeading_2LineHeight = 1.3;
 export const amsHeading_3FontSize =
   "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
-export const amsHeading_3LineHeight = "1.3";
+export const amsHeading_3LineHeight = 1.3;
 export const amsHeading_4FontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
-export const amsHeading_4LineHeight = "1.4";
+export const amsHeading_4LineHeight = 1.4;
 export const amsHeading_5FontSize = "1rem";
-export const amsHeading_5LineHeight = "1.4";
-export const amsHeading_6FontSize = "1rem";
-export const amsHeading_6LineHeight = "1.4";
+export const amsHeading_5LineHeight = 1.4;
 export const amsHeadingColor = "#202020";
 export const amsHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsHeadingFontWeight = "800";
@@ -629,31 +618,26 @@ export const amsIconButtonInverseHoverColor = "#ffffff";
 export const amsIconButtonInverseDisabledColor = "#ffffff";
 export const amsIconButtonInverseDisabledBackgroundColor = "#767676";
 export const amsIconFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
-export const amsIconLineHeight = "1.6";
+export const amsIconLineHeight = 1.6;
 export const amsIconSmallFontSize = "1rem";
-export const amsIconSmallLineHeight = "1.5";
+export const amsIconSmallLineHeight = 1.5;
 export const amsIconLargeFontSize =
   "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
-export const amsIconLargeLineHeight = "1.5";
-export const amsIconHeading_0FontSize =
-  "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)";
-export const amsIconHeading_0LineHeight = "1.1";
+export const amsIconLargeLineHeight = 1.5;
 export const amsIconHeading_1FontSize =
   "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)";
-export const amsIconHeading_1LineHeight = "1.2";
+export const amsIconHeading_1LineHeight = 1.2;
 export const amsIconHeading_2FontSize =
   "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
-export const amsIconHeading_2LineHeight = "1.3";
+export const amsIconHeading_2LineHeight = 1.3;
 export const amsIconHeading_3FontSize =
   "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
-export const amsIconHeading_3LineHeight = "1.3";
+export const amsIconHeading_3LineHeight = 1.3;
 export const amsIconHeading_4FontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
-export const amsIconHeading_4LineHeight = "1.4";
+export const amsIconHeading_4LineHeight = 1.4;
 export const amsIconHeading_5FontSize = "1rem";
-export const amsIconHeading_5LineHeight = "1.4";
-export const amsIconHeading_6FontSize = "1rem";
-export const amsIconHeading_6LineHeight = "1.4";
+export const amsIconHeading_5LineHeight = 1.4;
 export const amsIconInverseColor = "#ffffff";
 export const amsImageSliderGap =
   "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
@@ -677,7 +661,7 @@ export const amsLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsLabelFontSize =
   "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
 export const amsLabelFontWeight = "800";
-export const amsLabelLineHeight = "1.3";
+export const amsLabelLineHeight = 1.3;
 export const amsLabelTextWrap = "balance";
 export const amsLabelInFieldsetFontWeight = "400";
 export const amsLinkListGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
@@ -688,16 +672,16 @@ export const amsLinkListLinkFontSize =
 export const amsLinkListLinkFontWeight = "400";
 export const amsLinkListLinkGap =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
-export const amsLinkListLinkLineHeight = "1.6";
+export const amsLinkListLinkLineHeight = 1.6;
 export const amsLinkListLinkOutlineOffset = "0.25rem";
 export const amsLinkListLinkTextDecorationLine = "none";
 export const amsLinkListLinkTextDecorationThickness = "0.125rem";
 export const amsLinkListLinkTextUnderlineOffset = "0.15625rem";
 export const amsLinkListLinkSmallFontSize = "1rem";
-export const amsLinkListLinkSmallLineHeight = "1.5";
+export const amsLinkListLinkSmallLineHeight = 1.5;
 export const amsLinkListLinkLargeFontSize =
   "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
-export const amsLinkListLinkLargeLineHeight = "1.5";
+export const amsLinkListLinkLargeLineHeight = 1.5;
 export const amsLinkListLinkHoverColor = "#003677";
 export const amsLinkListLinkHoverTextDecorationLine = "underline";
 export const amsLinkListLinkContrastColor = "#202020";
@@ -729,18 +713,17 @@ export const amsMenuBackgroundColor = "#004699";
 export const amsMenuFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsMenuFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsMenuFontWeight = "400";
-export const amsMenuLineHeight = "1.6";
+export const amsMenuLineHeight = 1.6;
 export const amsMenuPaddingBlock = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
-export const amsMenuWideMaxInlineSize = "8rem";
-export const amsMenuWidePaddingBlock =
+export const amsMenuWideMaxInlineSize = "initial";
+export const amsMenuWidePaddingBlock = "initial";
+export const amsMenuWidePaddingInline = "initial";
+export const amsMenuViWideMaxInlineSize = "8rem";
+export const amsMenuViWidePaddingBlock =
   "calc(clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) + 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)) clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
-export const amsMenuWidePaddingInline =
+export const amsMenuViWidePaddingInline =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
 export const amsMenuLinkColor = "#ffffff";
-export const amsMenuLinkContrastColor = "#202020";
-export const amsMenuLinkContrastHoverColor = "#202020";
-export const amsMenuLinkInverseColor = "#ffffff";
-export const amsMenuLinkInverseHoverColor = "#ffffff";
 export const amsMenuLinkGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
 export const amsMenuLinkOutlineOffset = "0.25rem";
 export const amsMenuLinkPaddingBlock =
@@ -752,7 +735,8 @@ export const amsMenuLinkTextDecorationThickness = "0.125rem";
 export const amsMenuLinkTextUnderlineOffset = "0.15625rem";
 export const amsMenuLinkHoverColor = "#ffffff";
 export const amsMenuLinkHoverTextDecorationLine = "underline";
-export const amsMenuLinkWideGap =
+export const amsMenuLinkWideGap = "initial";
+export const amsMenuLinkViWideGap =
   "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
 export const amsMenuListGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 export const amsOrderedListColor = "#202020";
@@ -761,10 +745,10 @@ export const amsOrderedListFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsOrderedListFontWeight = "400";
 export const amsOrderedListGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
-export const amsOrderedListLineHeight = "1.6";
+export const amsOrderedListLineHeight = 1.6;
 export const amsOrderedListListStyleType = "decimal";
 export const amsOrderedListSmallFontSize = "1rem";
-export const amsOrderedListSmallLineHeight = "1.5";
+export const amsOrderedListSmallLineHeight = 1.5;
 export const amsOrderedListInverseColor = "#ffffff";
 export const amsOrderedListItemMarginInlineStart = "2.25rem";
 export const amsOrderedListItemPaddingInlineStart = "0.25rem";
@@ -777,6 +761,7 @@ export const amsOrderedListOrderedListPaddingBlockStart =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
 export const amsOrderedListOrderedListItemMarginInlineStart = "1.5rem";
 export const amsOrderedListOrderedListItemPaddingInlineStart = "0.25rem";
+export const amsPageFooterMenuBackgroundColor = "#ffffff";
 export const amsPageFooterMenuColumnGap =
   "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
 export const amsPageFooterMenuPaddingBlock =
@@ -785,9 +770,11 @@ export const amsPageFooterMenuPaddingInline =
   "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
 export const amsPageFooterMenuRowGap =
   "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
-export const amsPageFooterMenuMediumPaddingInline =
+export const amsPageFooterMenuMediumPaddingInline = "initial";
+export const amsPageFooterMenuWidePaddingInline = "initial";
+export const amsPageFooterMenuViMediumPaddingInline =
   "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
-export const amsPageFooterMenuWidePaddingInline =
+export const amsPageFooterMenuViWidePaddingInline =
   "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
 export const amsPageFooterMenuLinkColor = "#004699";
 export const amsPageFooterMenuLinkFontFamily =
@@ -795,7 +782,7 @@ export const amsPageFooterMenuLinkFontFamily =
 export const amsPageFooterMenuLinkFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsPageFooterMenuLinkFontWeight = "400";
-export const amsPageFooterMenuLinkLineHeight = "1.6";
+export const amsPageFooterMenuLinkLineHeight = 1.6;
 export const amsPageFooterMenuLinkOutlineOffset = "0.25rem";
 export const amsPageFooterMenuLinkTextDecorationLine = "none";
 export const amsPageFooterMenuLinkTextDecorationThickness = "0.125rem";
@@ -803,14 +790,17 @@ export const amsPageFooterMenuLinkTextUnderlineOffset = "0.15625rem";
 export const amsPageFooterMenuLinkHoverColor = "#003677";
 export const amsPageFooterMenuLinkHoverTextDecorationLine = "underline";
 export const amsPageFooterSpotlightBackgroundColor = "#004699";
+export const amsPageHeaderBackgroundColor = "#ffffff";
 export const amsPageHeaderFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsPageHeaderPaddingBlock =
   "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
 export const amsPageHeaderPaddingInline =
   "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
-export const amsPageHeaderMediumPaddingInline =
+export const amsPageHeaderMediumPaddingInline = "initial";
+export const amsPageHeaderWidePaddingInline = "initial";
+export const amsPageHeaderViMediumPaddingInline =
   "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
-export const amsPageHeaderWidePaddingInline =
+export const amsPageHeaderViWidePaddingInline =
   "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
 export const amsPageHeaderLogoLinkColumnGap =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
@@ -819,14 +809,14 @@ 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 amsPageHeaderBrandNameLineHeight = 1.3;
 export const amsPageHeaderBrandNameTextWrap = "balance";
 export const amsPageHeaderMegaMenuPaddingBlock =
   "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
 export const amsPageHeaderMegaMenuButtonBackgroundColor = "#004699";
 export const amsPageHeaderMegaMenuButtonColor = "#ffffff";
 export const amsPageHeaderMegaMenuButtonCursor = "pointer";
-export const amsPageHeaderMegaMenuButtonLabelOpenFontWeight = "800";
+export const amsPageHeaderMegaMenuButtonLabelOpenFontWeight = "400";
 export const amsPageHeaderMegaMenuButtonPaddingInline =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
 export const amsPageHeaderMegaMenuButtonHoverBackgroundColor = "#003677";
@@ -843,7 +833,7 @@ export const amsPageHeaderMenuItemFontFamily =
 export const amsPageHeaderMenuItemFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsPageHeaderMenuItemFontWeight = "400";
-export const amsPageHeaderMenuItemLineHeight = "1.6";
+export const amsPageHeaderMenuItemLineHeight = 1.6;
 export const amsPageHeaderMenuItemOutlineOffset = "0.25rem";
 export const amsPageHeaderMenuItemPaddingBlock =
   "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
@@ -859,14 +849,6 @@ export const amsPageHeaderNavigationColumnGap =
   "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
 export const amsPageHeaderNavigationRowGap =
   "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)";
-export const amsPageHeadingFontWeight = "800";
-export const amsPageHeadingLineHeight = "1.1";
-export const amsPageHeadingTextWrap = "balance";
-export const amsPageHeadingInverseColor = "#ffffff";
 export const amsPageBackgroundColor = "#ffffff";
 export const amsPageMaxInlineSize = "90rem";
 export const amsPageWithMenuMaxInlineSize = "120rem";
@@ -876,7 +858,7 @@ export const amsPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsPaginationFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsPaginationFontWeight = "400";
-export const amsPaginationLineHeight = "1.6";
+export const amsPaginationLineHeight = 1.6;
 export const amsPaginationLinkColor = "#004699";
 export const amsPaginationLinkGap =
   "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
@@ -894,13 +876,13 @@ export const amsParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsParagraphFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsParagraphFontWeight = "400";
-export const amsParagraphLineHeight = "1.6";
+export const amsParagraphLineHeight = 1.6;
 export const amsParagraphInverseColor = "#ffffff";
 export const amsParagraphSmallFontSize = "1rem";
-export const amsParagraphSmallLineHeight = "1.5";
+export const amsParagraphSmallLineHeight = 1.5;
 export const amsParagraphLargeFontSize =
   "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
-export const amsParagraphLargeLineHeight = "1.5";
+export const amsParagraphLargeLineHeight = 1.5;
 export const amsParagraphLargeTextWrap = "balance";
 export const amsPasswordInputBackgroundColor = "#ffffff";
 export const amsPasswordInputBorderColor = "currentColor";
@@ -911,7 +893,7 @@ export const amsPasswordInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsPasswordInputFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsPasswordInputFontWeight = "400";
-export const amsPasswordInputLineHeight = "1.4";
+export const amsPasswordInputLineHeight = 1.4;
 export const amsPasswordInputOutlineOffset = "0.25rem";
 export const amsPasswordInputPaddingBlock =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
@@ -919,10 +901,12 @@ export const amsPasswordInputPaddingInline =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 export const amsPasswordInputDisabledColor = "#767676";
 export const amsPasswordInputDisabledCursor = "not-allowed";
-export const amsPasswordInputHoverBoxShadow = "0 0 0 #000000";
+export const amsPasswordInputHoverBoxShadow =
+  "inset 0rem 0rem 0rem 0.0625rem currentColor";
 export const amsPasswordInputInvalidBorderColor = "#ec0000";
 export const amsPasswordInputInvalidHoverBorderColor = "#b70000";
-export const amsPasswordInputInvalidHoverBoxShadow = "0 0 0 #000000";
+export const amsPasswordInputInvalidHoverBoxShadow =
+  "inset 0rem 0rem 0rem 0.0625rem #b70000";
 export const amsPasswordInputPlaceholderColor = "#767676";
 export const amsProgressListHeading_2StepMarkerBlockSize =
   "calc(clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem) * 1.3)";
@@ -948,7 +932,8 @@ export const amsProgressListIconTransitionDuration = "0.3s";
 export const amsProgressListIconTransitionTimingFunction = "ease";
 export const amsProgressListStepGap =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
-export const amsProgressListStepMediumGap =
+export const amsProgressListStepMediumGap = "initial";
+export const amsProgressListStepViMediumGap =
   "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
 export const amsProgressListStepMarkerShapeBlockSize = "1.5rem";
 export const amsProgressListStepMarkerShapeBackgroundColor = "#ffffff";
@@ -977,6 +962,8 @@ export const amsProgressListSubstepsPaddingBlockStart =
 export const amsProgressListSubstepsStepIndicatorMarginInlineEnd =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 export const amsProgressListSubstepsStepIndicatorMediumMarginInlineEnd =
+  "initial";
+export const amsProgressListSubstepsStepIndicatorViMediumMarginInlineEnd =
   "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
 export const amsProgressListSubstepsStepMarkerBlockSize =
   "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)";
@@ -1020,7 +1007,7 @@ export const amsRadioFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsRadioFontWeight = "400";
 export const amsRadioGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
-export const amsRadioLineHeight = "1.6";
+export const amsRadioLineHeight = 1.6;
 export const amsRadioOutlineOffset = "0.25rem";
 export const amsRadioTextDecorationThickness = "0.125rem";
 export const amsRadioTextUnderlineOffset = "0.15625rem";
@@ -1064,16 +1051,18 @@ export const amsSearchFieldInputFontFamily =
 export const amsSearchFieldInputFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsSearchFieldInputFontWeight = "400";
-export const amsSearchFieldInputLineHeight = "1.4";
+export const amsSearchFieldInputLineHeight = 1.4;
 export const amsSearchFieldInputOutlineOffset = "0.25rem";
 export const amsSearchFieldInputPaddingBlock =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
 export const amsSearchFieldInputPaddingInline =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
-export const amsSearchFieldInputHoverBoxShadow = "0 0 0 #000000";
+export const amsSearchFieldInputHoverBoxShadow =
+  "inset 0rem 0rem 0rem 0.0625rem currentColor";
 export const amsSearchFieldInputInvalidBorderColor = "#ec0000";
 export const amsSearchFieldInputInvalidHoverBorderColor = "#b70000";
-export const amsSearchFieldInputInvalidHoverBoxShadow = "0 0 0 #000000";
+export const amsSearchFieldInputInvalidHoverBoxShadow =
+  "inset 0rem 0rem 0rem 0.0625rem #b70000";
 export const amsSearchFieldInputCancelButtonBackgroundImage =
   "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>\")";
 export const amsSearchFieldInputCancelButtonBlockSize =
@@ -1096,7 +1085,7 @@ export const amsSelectFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsSelectFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsSelectFontWeight = "400";
-export const amsSelectLineHeight = "1.4";
+export const amsSelectLineHeight = 1.4;
 export const amsSelectOutlineOffset = "0.25rem";
 export const amsSelectPaddingBlock =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
@@ -1106,12 +1095,14 @@ export const amsSelectDisabledBackgroundImage =
   "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23767676' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")";
 export const amsSelectDisabledColor = "#767676";
 export const amsSelectDisabledCursor = "not-allowed";
-export const amsSelectHoverBoxShadow = "0 0 0 #000000";
+export const amsSelectHoverBoxShadow =
+  "inset 0rem 0rem 0rem 0.0625rem currentColor";
 export const amsSelectHoverBackgroundImage =
   "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23003677' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")";
 export const amsSelectInvalidBorderColor = "#ec0000";
 export const amsSelectInvalidHoverBorderColor = "#b70000";
-export const amsSelectInvalidHoverBoxShadow = "0 0 0 #000000";
+export const amsSelectInvalidHoverBoxShadow =
+  "inset 0rem 0rem 0rem 0.0625rem #b70000";
 export const amsSelectOptionDisabledColor = "#767676";
 export const amsSkipLinkBackgroundColor = "#004699";
 export const amsSkipLinkColor = "#ffffff";
@@ -1119,7 +1110,7 @@ export const amsSkipLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsSkipLinkFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsSkipLinkFontWeight = "400";
-export const amsSkipLinkLineHeight = "1.6";
+export const amsSkipLinkLineHeight = 1.6;
 export const amsSkipLinkOutlineOffset = "0.25rem";
 export const amsSkipLinkPaddingBlock =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
@@ -1141,18 +1132,13 @@ export const amsStandaloneLinkFontFamily =
 export const amsStandaloneLinkFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsStandaloneLinkFontWeight = "400";
-export const amsStandaloneLinkLineHeight = "1.6";
+export const amsStandaloneLinkLineHeight = 1.6;
 export const amsStandaloneLinkOutlineOffset = "0.25rem";
 export const amsStandaloneLinkTextDecorationLine = "none";
 export const amsStandaloneLinkTextDecorationThickness = "0.125rem";
 export const amsStandaloneLinkTextUnderlineOffset = "0.15625rem";
 export const amsStandaloneLinkHoverColor = "#003677";
 export const amsStandaloneLinkHoverTextDecorationLine = "underline";
-export const amsStandaloneLinkHoverTextDecorationThickness = "0.1875rem";
-export const amsStandaloneLinkHoverTextUnderlineOffset = "0.09375rem";
-export const amsStandaloneLinkWithIconTextDecorationLine = "none";
-export const amsStandaloneLinkWithIconTextDecorationThickness = "0.125rem";
-export const amsStandaloneLinkWithIconHoverTextDecorationLine = "underline";
 export const amsStandaloneLinkContrastColor = "#202020";
 export const amsStandaloneLinkContrastHoverColor = "#202020";
 export const amsStandaloneLinkInverseColor = "#ffffff";
@@ -1169,6 +1155,35 @@ export const amsSwitchThumbHoverColor = "#003677";
 export const amsSwitchCheckedBackgroundColor = "#004699";
 export const amsSwitchDisabledBackgroundColor = "#767676";
 export const amsSwitchDisabledCursor = "not-allowed";
+export const amsTabNavigationListBoxShadow =
+  "inset 0rem -0.125rem 0rem 0rem #d1d1d1";
+export const amsTabNavigationListVerticalBoxShadow =
+  "inset -0.125rem 0rem 0rem 0rem #d1d1d1";
+export const amsTabNavigationLinkGap =
+  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
+export const amsTabNavigationLinkColor = "#004699";
+export const amsTabNavigationLinkCursor = "pointer";
+export const amsTabNavigationLinkFontFamily =
+  "'Amsterdam Sans', Arial, sans-serif";
+export const amsTabNavigationLinkFontSize =
+  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
+export const amsTabNavigationLinkFontWeight = "400";
+export const amsTabNavigationLinkLineHeight = 1.6;
+export const amsTabNavigationLinkOutlineOffset = "calc(0.25rem * -1)";
+export const amsTabNavigationLinkPaddingBlock =
+  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
+export const amsTabNavigationLinkPaddingInline =
+  "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
+export const amsTabNavigationLinkHoverBoxShadow =
+  "inset 0rem -0.125rem 0rem 0rem currentColor";
+export const amsTabNavigationLinkHoverColor = "#003677";
+export const amsTabNavigationLinkCurrentBoxShadow =
+  "inset 0rem -0.25rem 0rem 0rem currentColor";
+export const amsTabNavigationLinkCurrentFontWeight = "800";
+export const amsTabNavigationLinkVerticalHoverBoxShadow =
+  "inset -0.125rem 0rem 0rem 0rem currentColor";
+export const amsTabNavigationLinkVerticalCurrentBoxShadow =
+  "inset -0.25rem 0rem 0rem 0rem currentColor";
 export const amsTableOfContentsFontFamily =
   "'Amsterdam Sans', Arial, sans-serif";
 export const amsTableOfContentsFontSize =
@@ -1176,11 +1191,7 @@ export const amsTableOfContentsFontSize =
 export const amsTableOfContentsFontWeight = "400";
 export const amsTableOfContentsGap =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
-export const amsTableOfContentsLineHeight = "1.6";
-export const amsTableOfContentsHeadingFontWeight = "800";
-export const amsTableOfContentsHeadingFontSize =
-  "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
-export const amsTableOfContentsHeadingLineHeight = "1.4";
+export const amsTableOfContentsLineHeight = 1.6;
 export const amsTableOfContentsLinkColor = "#004699";
 export const amsTableOfContentsLinkOutlineOffset = "0.25rem";
 export const amsTableOfContentsLinkTextDecorationLine = "none";
@@ -1199,8 +1210,10 @@ export const amsTableFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsTableFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsTableFontWeight = "400";
-export const amsTableLineHeight = "1.6";
+export const amsTableLineHeight = 1.6;
 export const amsTableCaptionFontWeight = "800";
+export const amsTableCaptionMarginBlockEnd =
+  "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
 export const amsTableCellBorderBlockEnd = "0.0625rem solid #d1d1d1";
 export const amsTableCellPaddingBlock =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
@@ -1215,7 +1228,7 @@ export const amsTabsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsTabsButtonFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsTabsButtonFontWeight = "400";
-export const amsTabsButtonLineHeight = "1.6";
+export const amsTabsButtonLineHeight = 1.6;
 export const amsTabsButtonOutlineOffset = "calc(0.25rem * -1)";
 export const amsTabsButtonPaddingBlock =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
@@ -1238,7 +1251,7 @@ export const amsTextAreaFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsTextAreaFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsTextAreaFontWeight = "400";
-export const amsTextAreaLineHeight = "1.4";
+export const amsTextAreaLineHeight = 1.4;
 export const amsTextAreaMinBlockSize =
   "calc(1.6 * 1em + 2 * clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem))";
 export const amsTextAreaOutlineOffset = "0.25rem";
@@ -1248,10 +1261,12 @@ export const amsTextAreaPaddingInline =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 export const amsTextAreaDisabledColor = "#767676";
 export const amsTextAreaDisabledCursor = "not-allowed";
-export const amsTextAreaHoverBoxShadow = "0 0 0 #000000";
+export const amsTextAreaHoverBoxShadow =
+  "inset 0rem 0rem 0rem 0.0625rem currentColor";
 export const amsTextAreaInvalidBorderColor = "#ec0000";
 export const amsTextAreaInvalidHoverBorderColor = "#b70000";
-export const amsTextAreaInvalidHoverBoxShadow = "0 0 0 #000000";
+export const amsTextAreaInvalidHoverBoxShadow =
+  "inset 0rem 0rem 0rem 0.0625rem #b70000";
 export const amsTextAreaPlaceholderColor = "#767676";
 export const amsTextInputBackgroundColor = "#ffffff";
 export const amsTextInputBorderColor = "currentColor";
@@ -1262,7 +1277,7 @@ export const amsTextInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsTextInputFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsTextInputFontWeight = "400";
-export const amsTextInputLineHeight = "1.4";
+export const amsTextInputLineHeight = 1.4;
 export const amsTextInputOutlineOffset = "0.25rem";
 export const amsTextInputPaddingBlock =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
@@ -1270,10 +1285,12 @@ export const amsTextInputPaddingInline =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 export const amsTextInputDisabledColor = "#767676";
 export const amsTextInputDisabledCursor = "not-allowed";
-export const amsTextInputHoverBoxShadow = "0 0 0 #000000";
+export const amsTextInputHoverBoxShadow =
+  "inset 0rem 0rem 0rem 0.0625rem currentColor";
 export const amsTextInputInvalidBorderColor = "#ec0000";
 export const amsTextInputInvalidHoverBorderColor = "#b70000";
-export const amsTextInputInvalidHoverBoxShadow = "0 0 0 #000000";
+export const amsTextInputInvalidHoverBoxShadow =
+  "inset 0rem 0rem 0rem 0.0625rem #b70000";
 export const amsTextInputPlaceholderColor = "#767676";
 export const amsTimeInputBackgroundColor = "#ffffff";
 export const amsTimeInputBorderColor = "currentColor";
@@ -1284,7 +1301,7 @@ export const amsTimeInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsTimeInputFontSize =
   "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
 export const amsTimeInputFontWeight = "400";
-export const amsTimeInputLineHeight = "1.4";
+export const amsTimeInputLineHeight = 1.4;
 export const amsTimeInputOutlineOffset = "0.25rem";
 export const amsTimeInputPaddingBlock =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
@@ -1292,24 +1309,17 @@ export const amsTimeInputPaddingInline =
   "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
 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 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>\")";
-export const amsTimeInputHoverBoxShadow = "0 0 0 #000000";
+export const amsTimeInputHoverBoxShadow =
+  "inset 0rem 0rem 0rem 0.0625rem currentColor";
 export const amsTimeInputHoverCalendarPickerIndicatorBackgroundImage =
   "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>\")";
-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>\")";
 export const amsTimeInputInvalidBorderColor = "#ec0000";
 export const amsTimeInputInvalidHoverBorderColor = "#b70000";
-export const amsTimeInputInvalidHoverBoxShadow = "0 0 0 #000000";
+export const amsTimeInputInvalidHoverBoxShadow =
+  "inset 0rem 0rem 0rem 0.0625rem #b70000";
 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 amsTimeInputCalenderPickerIndicatorBackgroundImage =
-  "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 amsTimeInputCalenderPickerIndicatorCursor = "pointer";
 export const amsUnorderedListColor = "#202020";
 export const amsUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsUnorderedListFontSize =
@@ -1317,11 +1327,11 @@ export const amsUnorderedListFontSize =
 export const amsUnorderedListFontWeight = "400";
 export const amsUnorderedListGap =
   "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
-export const amsUnorderedListLineHeight = "1.6";
+export const amsUnorderedListLineHeight = 1.6;
 export const amsUnorderedListListStyleType = "'\\2022'";
 export const amsUnorderedListInverseColor = "#ffffff";
 export const amsUnorderedListSmallFontSize = "1rem";
-export const amsUnorderedListSmallLineHeight = "1.5";
+export const amsUnorderedListSmallLineHeight = 1.5;
 export const amsUnorderedListItemMarginInlineStart = "1.625rem";
 export const amsUnorderedListItemPaddingInlineStart = "0.875rem";
 export const amsUnorderedListUnorderedListGap =