@amsterdam/design-system-tokens 0.7.1 → 0.9.0

package/dist/index.mjs

@@ -1,8 +1,12 @@
 /**
  * Do not edit directly
- * Generated on Fri, 22 Mar 2024 15:51:05 GMT
+ * Generated on Wed, 05 Jun 2024 11:22:10 GMT
  */
 
+export const amsBorderWidthSm = "0.0625rem";
+export const amsBorderWidthMd = "0.125rem";
+export const amsBorderWidthLg = "0.1875rem";
+export const amsBorderWidthXl = "0.25rem";
 export const amsColorPrimaryBlack = "#000000";
 export const amsColorPrimaryWhite = "#FFFFFF";
 export const amsColorPrimaryBlue = "#004699";
@@ -62,36 +66,35 @@ export const amsActionDisabledCursor = "not-allowed";
 export const amsActionInertCursor = "default";
 export const amsActionNavigateCursor = "pointer";
 export const amsActionSubmitCursor = "pointer";
-export const amsBorderWidthSm = "1px";
-export const amsBorderWidthMd = "2px";
-export const amsBorderWidthLg = "3px";
-export const amsFocusOutlineOffset = "2px";
+export const amsFocusOutlineOffset = "0.125rem";
 export const amsHyphenationHyphenateLimitChars = "12 8 4";
 export const amsHyphenationHyphens = "auto";
 export const amsHyphenationOverflowWrap = "break-word";
 export const amsLinkAppearanceColor = "#004699";
 export const amsLinkAppearanceTextDecorationThickness = "0.125rem";
-export const amsLinkAppearanceTextUnderlineOffset = "0.375rem";
+export const amsLinkAppearanceTextUnderlineOffset = "0.3333em";
 export const amsLinkAppearanceHoverColor = "#102E62";
 export const amsLinkAppearanceOnBackgroundDarkColor = "#FFFFFF";
 export const amsLinkAppearanceOnBackgroundLightColor = "#000000";
 export const amsLinkAppearanceRegularTextDecorationLine = "underline";
 export const amsLinkAppearanceRegularHoverTextDecorationThickness = "0.1875rem";
-export const amsLinkAppearanceRegularHoverTextUnderlineOffset = "0.3125rem";
+export const amsLinkAppearanceRegularHoverTextUnderlineOffset = "0.2778em";
 export const amsLinkAppearanceSubtleTextDecorationLine = "none";
 export const amsLinkAppearanceSubtleHoverTextDecorationLine = "underline";
+export const amsAccordionGap = ".5rem";
 export const amsAccordionButtonColor = "#004699";
 export const amsAccordionButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsAccordionButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
 export const amsAccordionButtonFontWeight = 800;
+export const amsAccordionButtonGap = "1rem";
 export const amsAccordionButtonLineHeight = "1.6";
 export const amsAccordionButtonPaddingBlock = ".75rem";
-export const amsAccordionButtonPaddingInline = "1rem";
-export const amsAccordionButtonFocusOutlineOffset = "2px";
-export const amsAccordionButtonHoverBoxShadow = "inset 0 0 0 2px #767676";
-export const amsAccordionPanelPaddingBlock = "1rem";
-export const amsAccordionPanelPaddingInline = "1rem";
-export const amsAlertBorderWidth = "4px";
+export const amsAccordionButtonPaddingInline = "0";
+export const amsAccordionButtonFocusOutlineOffset = "0.125rem";
+export const amsAccordionButtonHoverColor = "#102E62";
+export const amsAccordionPanelPaddingBlock = "0 1rem";
+export const amsAccordionPanelPaddingInline = "0";
+export const amsAlertBorderWidth = "0.25rem";
 export const amsAlertBorderStyle = "solid";
 export const amsAlertGap = "1rem";
 export const amsAlertPaddingBlock = "1rem";
@@ -138,20 +141,32 @@ export const amsBadgeFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5re
 export const amsBadgeFontWeight = 800;
 export const amsBadgeLineHeight = "1.6";
 export const amsBadgePaddingInline = ".5rem";
-export const amsBadgeBlueBackgroundColor = "#009DE6";
-export const amsBadgeBlueColor = "#000000";
-export const amsBadgeDarkBlueBackgroundColor = "#004699";
-export const amsBadgeDarkBlueColor = "#FFFFFF";
+export const amsBadgeBlackBackgroundColor = "#000000";
+export const amsBadgeBlackColor = "#FFFFFF";
+export const amsBadgeBlueBackgroundColor = "#004699";
+export const amsBadgeBlueColor = "#FFFFFF";
 export const amsBadgeDarkGreenBackgroundColor = "#00A03C";
 export const amsBadgeDarkGreenColor = "#FFFFFF";
 export const amsBadgeGreenBackgroundColor = "#BED200";
 export const amsBadgeGreenColor = "#000000";
+export const amsBadgeGrey1BackgroundColor = "#E8E8E8";
+export const amsBadgeGrey1Color = "#000000";
+export const amsBadgeGrey2BackgroundColor = "#BEBEBE";
+export const amsBadgeGrey2Color = "#000000";
+export const amsBadgeGrey3BackgroundColor = "#767676";
+export const amsBadgeGrey3Color = "#FFFFFF";
+export const amsBadgeLightBlueBackgroundColor = "#009DE6";
+export const amsBadgeLightBlueColor = "#000000";
 export const amsBadgeMagentaBackgroundColor = "#E50082";
 export const amsBadgeMagentaColor = "#FFFFFF";
 export const amsBadgeOrangeBackgroundColor = "#FF9100";
 export const amsBadgeOrangeColor = "#000000";
 export const amsBadgePurpleBackgroundColor = "#A00078";
 export const amsBadgePurpleColor = "#FFFFFF";
+export const amsBadgeRedBackgroundColor = "#EC0000";
+export const amsBadgeRedColor = "#FFFFFF";
+export const amsBadgeWhiteBackgroundColor = "#FFFFFF";
+export const amsBadgeWhiteColor = "#000000";
 export const amsBadgeYellowBackgroundColor = "#FFE600";
 export const amsBadgeYellowColor = "#000000";
 export const amsBlockquoteColor = "#000000";
@@ -165,13 +180,13 @@ export const amsBreadcrumbFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem),
 export const amsBreadcrumbFontWeight = 400;
 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 amsBreadcrumbItemLinkColor = "#004699";
-export const amsBreadcrumbItemLinkOutlineOffset = "2px";
-export const amsBreadcrumbItemLinkTextDecorationLine = "none";
-export const amsBreadcrumbItemLinkTextDecorationThickness = "0.125rem";
-export const amsBreadcrumbItemLinkTextUnderlineOffset = "0.375rem";
-export const amsBreadcrumbItemLinkHoverColor = "#102E62";
-export const amsBreadcrumbItemLinkHoverTextDecorationLine = "underline";
+export const amsBreadcrumbLinkColor = "#004699";
+export const amsBreadcrumbLinkOutlineOffset = "0.125rem";
+export const amsBreadcrumbLinkTextDecorationLine = "none";
+export const amsBreadcrumbLinkTextDecorationThickness = "0.125rem";
+export const amsBreadcrumbLinkTextUnderlineOffset = "0.3333em";
+export const amsBreadcrumbLinkHoverColor = "#102E62";
+export const amsBreadcrumbLinkHoverTextDecorationLine = "underline";
 export const amsButtonCursor = "pointer";
 export const amsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
@@ -179,53 +194,57 @@ export const amsButtonLineHeight = "1.6";
 export const amsButtonGap = "1rem";
 export const amsButtonPaddingBlock = ".5rem";
 export const amsButtonPaddingInline = "1rem";
-export const amsButtonOutlineOffset = "2px";
+export const amsButtonOutlineOffset = "0.125rem";
 export const amsButtonDisabledCursor = "not-allowed";
+export const amsButtonForcedColorModeBorder = "0.125rem solid";
 export const amsButtonPrimaryBackgroundColor = "#004699";
-export const amsButtonPrimaryBoxShadow = "inset 0 0 0 2px #004699";
+export const amsButtonPrimaryBoxShadow = "inset 0 0 0 0.125rem #004699";
 export const amsButtonPrimaryColor = "#FFFFFF";
 export const amsButtonPrimaryDisabledBackgroundColor = "#BEBEBE";
-export const amsButtonPrimaryDisabledBoxShadow = "inset 0 0 0 2px #BEBEBE";
+export const amsButtonPrimaryDisabledBoxShadow = "inset 0 0 0 0.125rem #BEBEBE";
 export const amsButtonPrimaryHoverBackgroundColor = "#102E62";
-export const amsButtonPrimaryHoverBoxShadow = "inset 0 0 0 2px #102E62";
+export const amsButtonPrimaryHoverBoxShadow = "inset 0 0 0 0.125rem #102E62";
 export const amsButtonSecondaryBackgroundColor = "#FFFFFF";
 export const amsButtonSecondaryColor = "#004699";
-export const amsButtonSecondaryBoxShadow = "inset 0 0 0 2px #004699";
-export const amsButtonSecondaryHoverBoxShadow = "inset 0 0 0 3px #102E62";
+export const amsButtonSecondaryBoxShadow = "inset 0 0 0 0.125rem #004699";
+export const amsButtonSecondaryHoverBoxShadow = "inset 0 0 0 0.1875rem #102E62";
 export const amsButtonSecondaryHoverColor = "#102E62";
 export const amsButtonSecondaryDisabledBackgroundColor = "#FFFFFF";
-export const amsButtonSecondaryDisabledBoxShadow = "inset 0 0 0 2px #BEBEBE";
+export const amsButtonSecondaryDisabledBoxShadow = "inset 0 0 0 0.125rem #BEBEBE";
 export const amsButtonSecondaryDisabledColor = "#BEBEBE";
-export const amsButtonSecondaryFocusBoxShadow = "inset 0 0 0 2px #004699";
+export const amsButtonSecondaryFocusBoxShadow = "inset 0 0 0 0.125rem #004699";
 export const amsButtonTertiaryBackgroundColor = "transparent";
 export const amsButtonTertiaryColor = "#004699";
-export const amsButtonTertiaryHoverBoxShadow = "inset 0 0 0 2px #102E62";
+export const amsButtonTertiaryHoverBoxShadow = "inset 0 0 0 0.125rem #102E62";
 export const amsButtonTertiaryHoverColor = "#102E62";
 export const amsButtonTertiaryDisabledBackgroundColor = "transparent";
 export const amsButtonTertiaryDisabledColor = "#BEBEBE";
 export const amsCardLinkColor = "#004699";
 export const amsCardLinkTextDecorationLine = "none";
 export const amsCardLinkTextDecorationThickness = "0.125rem";
-export const amsCardLinkTextUnderlineOffset = "0.375rem";
+export const amsCardLinkTextUnderlineOffset = "0.3333em";
 export const amsCardLinkHoverColor = "#102E62";
 export const amsCardLinkHoverTextDecorationLine = "underline";
-export const amsCardOutlineOffset = "2px";
+export const amsCardOutlineOffset = "0.125rem";
 export const amsCheckboxColor = "#000000";
 export const amsCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsCheckboxFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
 export const amsCheckboxFontWeight = 400;
 export const amsCheckboxLineHeight = "1.6";
-export const amsCheckboxOutlineOffset = "2px";
+export const amsCheckboxOutlineOffset = "0.125rem";
 export const amsCheckboxCheckmarkBorderColor = "#004699";
+export const amsCheckboxCheckmarkBorderWidth = "0.125rem";
 export const amsCheckboxCheckmarkCheckedBackgroundColor = "#004699";
 export const amsCheckboxCheckmarkCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E\")";
 export const amsCheckboxCheckmarkCheckedHoverBackgroundColor = "#102E62";
 export const amsCheckboxCheckmarkDisabledBorderColor = "#767676";
+export const amsCheckboxCheckmarkDisabledBorderWidth = "0.125rem";
 export const amsCheckboxCheckmarkDisabledCheckedBackgroundColor = "#767676";
 export const amsCheckboxCheckmarkDisabledCheckedHoverBackgroundColor = "#767676";
 export const amsCheckboxCheckmarkDisabledIndeterminateBackgroundColor = "#767676";
 export const amsCheckboxCheckmarkDisabledIndeterminateHoverBackgroundColor = "#767676";
 export const amsCheckboxCheckmarkHoverBorderColor = "#102E62";
+export const amsCheckboxCheckmarkHoverBorderWidth = "0.1875rem";
 export const amsCheckboxCheckmarkInvalidBorderColor = "#EC0000";
 export const amsCheckboxCheckmarkInvalidCheckedBackgroundColor = "#EC0000";
 export const amsCheckboxCheckmarkInvalidCheckedHoverBackgroundColor = "#EC0000";
@@ -237,11 +256,41 @@ export const amsCheckboxCheckmarkIndeterminateBackgroundImage = "url(\"data:imag
 export const amsCheckboxCheckmarkIndeterminateHoverBackgroundColor = "#102E62";
 export const amsCheckboxDisabledColor = "#767676";
 export const amsCheckboxHoverColor = "#102E62";
+export const amsCheckboxHoverTextDecorationThickness = "0.125rem";
 export const amsColumnGapXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
 export const amsColumnGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
 export const amsColumnGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
 export const amsColumnGapLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
 export const amsColumnGapXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
+export const amsDateInputBackgroundColor = "#FFFFFF";
+export const amsDateInputBoxShadow = "inset 0 0 0 0.0625rem #000000";
+export const amsDateInputColor = "#000000";
+export const amsDateInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsDateInputFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsDateInputFontWeight = 400;
+export const amsDateInputLineHeight = "1.6";
+export const amsDateInputOutlineOffset = "0.125rem";
+export const amsDateInputPaddingBlock = ".5rem";
+export const amsDateInputPaddingInline = "1.5rem";
+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 amsDateInputDisabledBackgroundColor = "#FFFFFF";
+export const amsDateInputDisabledBoxShadow = "inset 0 0 0 0.0625rem #BEBEBE";
+export const amsDateInputDisabledColor = "#BEBEBE";
+export const amsDateInputDisabledCalenderPickerIndicatorBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23BEBEBE'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
+export const amsDateInputHoverBoxShadow = "inset 0 0 0 0.125rem #000000";
+export const amsDateInputHoverCalenderPickerIndicatorBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23102E62'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
+export const amsDateInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #EC0000";
+export const amsDateInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #EC0000";
+export const amsDescriptionListColor = "#000000";
+export const amsDescriptionListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsDescriptionListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsDescriptionListFontWeight = 400;
+export const amsDescriptionListGap = "1rem";
+export const amsDescriptionListInverseColor = "#FFFFFF";
+export const amsDescriptionListLineHeight = "1.6";
+export const amsDescriptionListRowGap = "1rem";
+export const amsDescriptionListDetailsFontWeight = 800;
+export const amsDescriptionListDetailsPaddingInlineStart = "2rem";
 export const amsDialogBackgroundColor = "#FFFFFF";
 export const amsDialogBorder = "0";
 export const amsDialogMaxInlineSize = "min(87.69vw, 45rem)";
@@ -251,22 +300,54 @@ export const amsDialogFormPaddingInline = "clamp(1.5rem, calc(1.5rem + ((1vw - 0
 export const amsDialogFormMaxBlockSize = "75vh";
 export const amsDialogHeaderGap = "1rem";
 export const amsDialogFooterGap = "1rem";
-export const amsFieldsetLegendColor = "#000000";
-export const amsFieldsetLegendFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsFieldsetLegendFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
-export const amsFieldsetLegendFontWeight = 800;
-export const amsFieldsetLegendLineHeight = "1.5";
+export const amsErrorMessageColor = "#EC0000";
+export const amsErrorMessageFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsErrorMessageFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsErrorMessageFontWeight = 400;
+export const amsErrorMessageLineHeight = "1.6";
+export const amsFieldSetInvalidBorderInlineStart = "0.1875rem solid #EC0000";
+export const amsFieldSetInvalidPaddingInlineStart = "1rem";
+export const amsFieldSetLegendColor = "#000000";
+export const amsFieldSetLegendFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsFieldSetLegendFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsFieldSetLegendFontWeight = 800;
+export const amsFieldSetLegendLineHeight = "1.5";
+export const amsFieldSetLegendMarginBlockEnd = "1rem";
+export const amsFieldGap = ".75rem";
+export const amsFieldInvalidBorderInlineStart = "0.1875rem solid #EC0000";
+export const amsFieldInvalidPaddingInlineStart = "1rem";
+export const amsFileInputBackgroundColor = "#FFFFFF";
+export const amsFileInputBorder = "0.0625rem dashed #767676";
+export const amsFileInputColor = "#000000";
+export const amsFileInputCursor = "pointer";
+export const amsFileInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsFileInputFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsFileInputFontWeight = 400;
+export const amsFileInputLineHeight = "1.6";
+export const amsFileInputOutlineOffset = "0.125rem";
+export const amsFileInputPaddingBlock = "1rem";
+export const amsFileInputPaddingInline = "1rem";
+export const amsFileInputDisabledColor = "#BEBEBE";
+export const amsFileInputDisabledCursor = "not-allowed";
+export const amsFileInputFileSelectorButtonBackgroundColor = "#FFFFFF";
+export const amsFileInputFileSelectorButtonBoxShadow = "inset 0 0 0 0.125rem #004699";
+export const amsFileInputFileSelectorButtonColor = "#004699";
+export const amsFileInputFileSelectorButtonCursor = "pointer";
+export const amsFileInputFileSelectorButtonMarginInlineEnd = "1rem";
+export const amsFileInputFileSelectorButtonPaddingBlock = ".5rem";
+export const amsFileInputFileSelectorButtonPaddingInline = "1rem";
+export const amsFileInputFileSelectorButtonHoverBoxShadow = "inset 0 0 0 0.1875rem #102E62";
+export const amsFileInputFileSelectorButtonHoverColor = "#102E62";
+export const amsFileInputFileSelectorButtonDisabledBoxShadow = "inset 0 0 0 0.125rem #BEBEBE";
+export const amsFileInputFileSelectorButtonDisabledColor = "#BEBEBE";
+export const amsFileInputFileSelectorButtonDisabledCursor = "not-allowed";
+export const amsFileInputFileSelectorButtonForcedColorModeBorder = "0.125rem solid";
 export const amsFormFieldCharacterCounterColor = "#000000";
 export const amsFormFieldCharacterCounterFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsFormFieldCharacterCounterFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
 export const amsFormFieldCharacterCounterFontWeight = 400;
 export const amsFormFieldCharacterCounterLineHeight = "1.6";
 export const amsFormFieldCharacterCounterErrorColor = "#EC0000";
-export const amsFormLabelColor = "#000000";
-export const amsFormLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsFormLabelFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
-export const amsFormLabelFontWeight = 800;
-export const amsFormLabelLineHeight = "1.5";
 export const amsGapXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
 export const amsGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
 export const amsGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
@@ -285,7 +366,7 @@ export const amsGridMediumColumnCount = "8";
 export const amsGridWideColumnCount = "12";
 export const amsHeaderColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Must have the same value as `ams.grid.column-gap`.
 export const amsHeaderPaddingBlock = "1rem";
-export const amsHeaderLogoLinkOutlineOffset = "2px";
+export const amsHeaderLogoLinkOutlineOffset = "0.125rem";
 export const amsHeadingColor = "#000000";
 export const amsHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsHeadingFontWeight = 800;
@@ -303,7 +384,7 @@ export const amsHeadingLevel5LineHeight = "1.6";
 export const amsHeadingLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
 export const amsHeadingLevel6LineHeight = "1.6";
 export const amsIconButtonColor = "#004699";
-export const amsIconButtonOutlineOffset = "2px";
+export const amsIconButtonOutlineOffset = "0.125rem";
 export const amsIconButtonHoverBackgroundColor = "rgba(0, 70, 153, 0.125)";
 export const amsIconButtonHoverColor = "#102E62";
 export const amsIconButtonDisabledColor = "#BEBEBE";
@@ -325,19 +406,24 @@ export const amsIconSize5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1
 export const amsIconSize5LineHeight = "1.6";
 export const amsIconSize6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
 export const amsIconSize6LineHeight = "1.6";
+export const amsLabelColor = "#000000";
+export const amsLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsLabelFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsLabelFontWeight = 800;
+export const amsLabelLineHeight = "1.5";
 export const amsLinkListGap = "0.5em";
 export const amsLinkListLinkColor = "#004699";
 export const amsLinkListLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsLinkListLinkFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
 export const amsLinkListLinkFontWeight = 400;
 export const amsLinkListLinkGap = "0.5em";
-export const amsLinkListLinkOutlineOffset = "2px";
+export const amsLinkListLinkLineHeight = "1.6";
+export const amsLinkListLinkOutlineOffset = "0.125rem";
 export const amsLinkListLinkTextDecorationLine = "none";
 export const amsLinkListLinkTextDecorationThickness = "0.125rem";
-export const amsLinkListLinkTextUnderlineOffset = "0.375rem";
+export const amsLinkListLinkTextUnderlineOffset = "0.3333em";
 export const amsLinkListLinkSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
 export const amsLinkListLinkSmallLineHeight = "1.6";
-export const amsLinkListLinkMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsLinkListLinkMediumLineHeight = "1.6";
 export const amsLinkListLinkLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
 export const amsLinkListLinkLargeLineHeight = "1.5";
 export const amsLinkListLinkHoverColor = "#102E62";
@@ -349,31 +435,31 @@ export const amsLinkListLinkOnBackgroundLightHoverColor = "#000000";
 export const amsLinkColor = "#004699";
 export const amsLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsLinkFontWeight = 400;
-export const amsLinkOutlineOffset = "2px";
+export const amsLinkOutlineOffset = "0.125rem";
 export const amsLinkHoverColor = "#102E62";
 export const amsLinkInlineTextDecorationLine = "underline";
 export const amsLinkInlineTextDecorationThickness = "0.125rem";
-export const amsLinkInlineTextUnderlineOffset = "0.375rem";
+export const amsLinkInlineTextUnderlineOffset = "0.3333em";
 export const amsLinkInlineFontFamily = "inherit";
 export const amsLinkInlineFontSize = "inherit";
 export const amsLinkInlineLineHeight = "inherit";
 export const amsLinkInlineHoverTextDecorationThickness = "0.1875rem";
-export const amsLinkInlineHoverTextUnderlineOffset = "0.3125rem";
+export const amsLinkInlineHoverTextUnderlineOffset = "0.2778em";
 export const amsLinkInlineVisitedColor = "#A00078";
 export const amsLinkStandaloneFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
 export const amsLinkStandaloneLineHeight = "1.6";
 export const amsLinkStandaloneTextDecorationLine = "underline";
 export const amsLinkStandaloneTextDecorationThickness = "0.125rem";
-export const amsLinkStandaloneTextUnderlineOffset = "0.375rem";
+export const amsLinkStandaloneTextUnderlineOffset = "0.3333em";
 export const amsLinkStandaloneHoverTextDecorationThickness = "0.1875rem";
-export const amsLinkStandaloneHoverTextUnderlineOffset = "0.3125rem";
+export const amsLinkStandaloneHoverTextUnderlineOffset = "0.2778em";
 export const amsLinkOnBackgroundDarkColor = "#FFFFFF";
 export const amsLinkOnBackgroundDarkHoverColor = "#FFFFFF";
 export const amsLinkOnBackgroundDarkVisitedColor = "#FFFFFF";
 export const amsLinkOnBackgroundLightColor = "#000000";
 export const amsLinkOnBackgroundLightHoverColor = "#000000";
 export const amsLinkOnBackgroundLightVisitedColor = "#000000";
-export const amsLogoHeight = "2.5rem";
+export const amsLogoBlockSize = "2.5rem";
 export const amsLogoEmblemColor = "#EC0000";
 export const amsLogoTitleColor = "#EC0000";
 export const amsLogoSubsiteColor = "#000000";
@@ -395,6 +481,8 @@ export const amsOrderedListGap = "0.75rem";
 export const amsOrderedListInverseColor = "#FFFFFF";
 export const amsOrderedListLineHeight = "1.6";
 export const amsOrderedListListStyleType = "decimal";
+export const amsOrderedListSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsOrderedListSmallLineHeight = "1.6";
 export const amsOrderedListItemMarginInlineStart = "2.25rem"; // Divide your total indentation width over margin and padding to position the marker.
 export const amsOrderedListItemPaddingInlineStart = "0.25rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
 export const amsOrderedListOrderedListListStyleType = "lower-alpha";
@@ -406,18 +494,18 @@ export const amsPageHeadingFontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem),
 export const amsPageHeadingFontWeight = 800;
 export const amsPageHeadingInverseColor = "#FFFFFF";
 export const amsPageHeadingLineHeight = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
-export const amsPageMenuColumnGap = "2.5rem";
-export const amsPageMenuRowGap = "0.5rem";
+export const amsPageMenuColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
+export const amsPageMenuRowGap = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
 export const amsPageMenuItemColor = "#004699";
 export const amsPageMenuItemFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsPageMenuItemFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
 export const amsPageMenuItemFontWeight = 400;
 export const amsPageMenuItemGap = "0.5rem";
 export const amsPageMenuItemLineHeight = "1.6";
-export const amsPageMenuItemOutlineOffset = "2px";
+export const amsPageMenuItemOutlineOffset = "0.125rem";
 export const amsPageMenuItemTextDecorationLine = "none";
 export const amsPageMenuItemTextDecorationThickness = "0.125rem";
-export const amsPageMenuItemTextUnderlineOffset = "0.375rem";
+export const amsPageMenuItemTextUnderlineOffset = "0.3333em";
 export const amsPageMenuItemHoverColor = "#102E62";
 export const amsPageMenuItemHoverTextDecorationLine = "underline";
 export const amsPaginationColor = "#004699";
@@ -425,22 +513,22 @@ export const amsPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsPaginationFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
 export const amsPaginationFontWeight = 400;
 export const amsPaginationLineHeight = "1.6";
-export const amsPaginationButtonOutlineOffset = "2px";
+export const amsPaginationButtonOutlineOffset = "0.125rem";
 export const amsPaginationButtonPaddingInline = ".75rem";
 export const amsPaginationButtonTextDecorationLine = "none";
 export const amsPaginationButtonTextDecorationThickness = "0.125rem";
-export const amsPaginationButtonTextUnderlineOffset = "0.375rem";
+export const amsPaginationButtonTextUnderlineOffset = "0.3333em";
 export const amsPaginationButtonCurrentFontWeight = 800;
 export const amsPaginationButtonHoverColor = "#102E62";
 export const amsPaginationButtonHoverTextDecorationLine = "underline";
 export const amsParagraphColor = "#000000";
 export const amsParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsParagraphFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
 export const amsParagraphFontWeight = 400;
+export const amsParagraphLineHeight = "1.6";
 export const amsParagraphInverseColor = "#FFFFFF";
 export const amsParagraphSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
 export const amsParagraphSmallLineHeight = "1.6";
-export const amsParagraphMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsParagraphMediumLineHeight = "1.6";
 export const amsParagraphLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
 export const amsParagraphLargeLineHeight = "1.5";
 export const amsRadioColor = "#000000";
@@ -448,11 +536,13 @@ export const amsRadioFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsRadioFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
 export const amsRadioFontWeight = 400;
 export const amsRadioLineHeight = "1.6";
-export const amsRadioOutlineOffset = "2px";
+export const amsRadioOutlineOffset = "0.125rem";
 export const amsRadioCircleBorderColor = "#004699";
+export const amsRadioCircleBorderWidth = "0.125rem";
 export const amsRadioCircleCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23004699'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
 export const amsRadioCircleCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23102E62'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
 export const amsRadioCircleDisabledBorderColor = "#767676";
+export const amsRadioCircleDisabledBorderWidth = "0.125rem";
 export const amsRadioCircleDisabledCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23767676'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
 export const amsRadioCircleDisabledCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23767676'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
 export const amsRadioCircleHoverBorderColor = "#102E62";
@@ -462,41 +552,65 @@ export const amsRadioCircleInvalidCheckedHoverBackgroundImage = "url(\"data:imag
 export const amsRadioCircleInvalidHoverBorderColor = "#EC0000";
 export const amsRadioDisabledColor = "#767676";
 export const amsRadioHoverColor = "#102E62";
+export const amsRadioHoverTextDecorationThickness = "0.125rem";
 export const amsRowGapXs = ".5rem";
 export const amsRowGapSm = ".75rem";
 export const amsRowGapMd = "1rem";
 export const amsRowGapLg = "1.5rem";
 export const amsRowGapXl = "2rem";
-export const amsScreenWideMaxWidth = "100rem";
-export const amsScreenXWideMaxWidth = "132rem";
+export const amsScreenBackgroundColor = "#FFFFFF";
+export const amsScreenWideMaxInlineSize = "100rem";
+export const amsScreenXWideMaxInlineSize = "132rem";
 export const amsSearchFieldButtonBackgroundColor = "#004699";
 export const amsSearchFieldButtonColor = "#FFFFFF";
-export const amsSearchFieldButtonOutlineOffset = "2px";
-export const amsSearchFieldButtonHoverBackgroundColor = "#102E62";
+export const amsSearchFieldButtonOutlineOffset = "0.125rem";
 export const amsSearchFieldButtonPaddingBlock = ".5rem";
 export const amsSearchFieldButtonPaddingInline = ".5rem";
-export const amsSearchFieldInputBoxShadow = "inset 0 0 0 1px #000000";
+export const amsSearchFieldButtonHoverBackgroundColor = "#102E62";
+export const amsSearchFieldInputBackgroundColor = "#FFFFFF";
+export const amsSearchFieldInputBoxShadow = "inset 0 0 0 0.0625rem #000000";
 export const amsSearchFieldInputColor = "#000000";
 export const amsSearchFieldInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsSearchFieldInputFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsSearchFieldInputFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
 export const amsSearchFieldInputFontWeight = 400;
 export const amsSearchFieldInputLineHeight = "1.6";
-export const amsSearchFieldInputOutlineOffset = "2px";
+export const amsSearchFieldInputOutlineOffset = "0.125rem";
 export const amsSearchFieldInputPaddingBlock = ".5rem";
 export const amsSearchFieldInputPaddingInline = "1rem";
 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 = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
 export const amsSearchFieldInputCancelButtonColor = "#004699";
-export const amsSearchFieldInputCancelButtonHeight = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsSearchFieldInputCancelButtonWidth = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsSearchFieldInputHoverBoxShadow = "inset 0 0 0 2px #000000";
+export const amsSearchFieldInputCancelButtonInlineSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsSearchFieldInputHoverBoxShadow = "inset 0 0 0 0.125rem #000000";
+export const amsSearchFieldInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #EC0000";
+export const amsSearchFieldInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #EC0000";
 export const amsSearchFieldInputPlaceholderColor = "#767676";
+export const amsSelectBackgroundColor = "#FFFFFF";
+export const amsSelectBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")";
+export const amsSelectBackgroundPosition = "right 1rem center";
+export const amsSelectBoxShadow = "inset 0 0 0 0.0625rem #000000";
+export const amsSelectColor = "#000000";
+export const amsSelectFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsSelectFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsSelectFontWeight = 400;
+export const amsSelectLineHeight = "1.6";
+export const amsSelectOutlineOffset = "0.125rem";
+export const amsSelectPaddingBlock = ".5rem";
+export const amsSelectPaddingInline = "1rem calc(2 * 1rem + 1em)";
+export const amsSelectDisabledBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23BEBEBE' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")";
+export const amsSelectDisabledBoxShadow = "inset 0 0 0 0.0625rem #BEBEBE";
+export const amsSelectDisabledColor = "#BEBEBE";
+export const amsSelectHoverBoxShadow = "inset 0 0 0 0.125rem #000000";
+export const amsSelectInvalidBoxShadow = "inset 0 0 0 0.0625rem #EC0000";
+export const amsSelectInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #EC0000";
+export const amsSelectOptionDisabledColor = "#BEBEBE";
 export const amsSkipLinkBackgroundColor = "#004699";
 export const amsSkipLinkColor = "#FFFFFF";
 export const amsSkipLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsSkipLinkFontWeight = 400;
 export const amsSkipLinkFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsSkipLinkFontWeight = 400;
 export const amsSkipLinkLineHeight = "1.6";
-export const amsSkipLinkOutlineOffset = "2px";
+export const amsSkipLinkOutlineOffset = "0.125rem";
 export const amsSkipLinkPaddingBlock = ".5rem";
 export const amsSkipLinkPaddingInline = "1rem";
 export const amsSkipLinkHoverBackgroundColor = "#102E62";
@@ -508,34 +622,34 @@ export const amsSpotlightMagentaBackgroundColor = "#E50082";
 export const amsSpotlightOrangeBackgroundColor = "#FF9100";
 export const amsSpotlightPurpleBackgroundColor = "#A00078";
 export const amsSpotlightYellowBackgroundColor = "#FFE600";
-export const amsSwitchFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsSwitchBackgroundColor = "#767676";
-export const amsSwitchWidth = "3.5rem";
+export const amsSwitchFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsSwitchOutlineOffset = "0.125rem";
+export const amsSwitchInlineSize = "3.5rem";
 export const amsSwitchThumbBackgroundColor = "#FFFFFF";
-export const amsSwitchThumbWidth = "1.75rem";
-export const amsSwitchThumbHeight = "1.75rem";
+export const amsSwitchThumbInlineSize = "1.75rem";
+export const amsSwitchThumbBlockSize = "1.75rem";
+export const amsSwitchThumbHoverBoxShadow = "0 0 0 0.125rem #102E62";
 export const amsSwitchThumbHoverColor = "#102E62";
 export const amsSwitchCheckedBackgroundColor = "#004699";
-export const amsSwitchOutlineOffset = "2px";
 export const amsSwitchDisabledBackgroundColor = "#BEBEBE";
 export const amsTableColor = "#000000";
 export const amsTableFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsTableFontWeight = 400;
 export const amsTableFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsTableFontWeight = 400;
 export const amsTableLineHeight = "1.6";
 export const amsTableCaptionFontWeight = 800;
-export const amsTableCellBorderBottom = "1px solid #E8E8E8";
+export const amsTableCellBorderBlockEnd = "0.0625rem solid #E8E8E8";
 export const amsTableCellPaddingBlock = "1rem";
 export const amsTableCellPaddingInline = "1rem";
 export const amsTableHeaderCellFontWeight = 800;
-export const amsTabsListBorderBottom = ".125rem solid #004699";
-export const amsTabsButtonBackgroundColor = "transparent";
-export const amsTabsButtonBorder = "none";
+export const amsTabsListBackgroundColor = "#FFFFFF";
+export const amsTabsListBorderBlockEnd = "0.125rem solid #004699";
 export const amsTabsButtonColor = "#004699";
 export const amsTabsButtonCursor = "pointer";
 export const amsTabsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsTabsButtonFontWeight = 400;
 export const amsTabsButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsTabsButtonFontWeight = 400;
 export const amsTabsButtonLineHeight = "1.6";
 export const amsTabsButtonOutlineOffset = "-0.25rem";
 export const amsTabsButtonPaddingBlock = ".5rem";
@@ -546,40 +660,61 @@ export const amsTabsButtonSelectedBackgroundColor = "#004699";
 export const amsTabsButtonSelectedColor = "#FFFFFF";
 export const amsTabsButtonDisabledColor = "#BEBEBE";
 export const amsTabsButtonDisabledCursor = "not-allowed";
-export const amsTextAreaBoxShadow = "inset 0 0 0 1px #000000";
+export const amsTextAreaBackgroundColor = "#FFFFFF";
+export const amsTextAreaBoxShadow = "inset 0 0 0 0.0625rem #000000";
 export const amsTextAreaColor = "#000000";
 export const amsTextAreaFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsTextAreaFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsTextAreaFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
 export const amsTextAreaFontWeight = 400;
 export const amsTextAreaLineHeight = "1.6";
-export const amsTextAreaMinHeight = "calc(1.6 * 1em + 2 * 0.5rem)";
-export const amsTextAreaOutlineOffset = "2px";
+export const amsTextAreaMinBlockSize = "calc(1.6 * 1em + 2 * 0.5rem)";
+export const amsTextAreaOutlineOffset = "0.125rem";
 export const amsTextAreaPaddingBlock = "0.5rem";
 export const amsTextAreaPaddingInline = "1rem";
 export const amsTextAreaDisabledBackgroundColor = "#FFFFFF";
-export const amsTextAreaDisabledBoxShadow = "inset 0 0 0 1px #BEBEBE";
+export const amsTextAreaDisabledBoxShadow = "inset 0 0 0 0.0625rem #BEBEBE";
 export const amsTextAreaDisabledColor = "#BEBEBE";
 export const amsTextAreaDisabledCursor = "not-allowed";
-export const amsTextAreaHoverBoxShadow = "inset 0 0 0 2px #000000";
-export const amsTextAreaInvalidBoxShadow = "inset 0 0 0 1px #EC0000";
-export const amsTextAreaInvalidHoverBoxShadow = "inset 0 0 0 2px #EC0000";
+export const amsTextAreaHoverBoxShadow = "inset 0 0 0 0.125rem #000000";
+export const amsTextAreaInvalidBoxShadow = "inset 0 0 0 0.0625rem #EC0000";
+export const amsTextAreaInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #EC0000";
 export const amsTextAreaPlaceholderColor = "#767676";
-export const amsTextInputBoxShadow = "inset 0 0 0 1px #000000";
+export const amsTextInputBackgroundColor = "#FFFFFF";
+export const amsTextInputBoxShadow = "inset 0 0 0 0.0625rem #000000";
 export const amsTextInputColor = "#000000";
 export const amsTextInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsTextInputFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsTextInputFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
 export const amsTextInputFontWeight = 400;
 export const amsTextInputLineHeight = "1.6";
-export const amsTextInputOutlineOffset = "2px";
+export const amsTextInputOutlineOffset = "0.125rem";
 export const amsTextInputPaddingBlock = ".5rem";
 export const amsTextInputPaddingInline = "1rem";
 export const amsTextInputDisabledBackgroundColor = "#FFFFFF";
-export const amsTextInputDisabledBoxShadow = "inset 0 0 0 1px #BEBEBE";
+export const amsTextInputDisabledBoxShadow = "inset 0 0 0 0.0625rem #BEBEBE";
 export const amsTextInputDisabledColor = "#BEBEBE";
-export const amsTextInputHoverBoxShadow = "inset 0 0 0 2px #000000";
-export const amsTextInputInvalidBoxShadow = "inset 0 0 0 1px #EC0000";
-export const amsTextInputInvalidHoverBoxShadow = "inset 0 0 0 2px #EC0000";
+export const amsTextInputHoverBoxShadow = "inset 0 0 0 0.125rem #000000";
+export const amsTextInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #EC0000";
+export const amsTextInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #EC0000";
 export const amsTextInputPlaceholderColor = "#767676";
+export const amsTimeInputBackgroundColor = "#FFFFFF";
+export const amsTimeInputBoxShadow = "inset 0 0 0 0.0625rem #000000";
+export const amsTimeInputColor = "#000000";
+export const amsTimeInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsTimeInputFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsTimeInputFontWeight = 400;
+export const amsTimeInputLineHeight = "1.6";
+export const amsTimeInputOutlineOffset = "0.125rem";
+export const amsTimeInputPaddingBlock = ".5rem";
+export const amsTimeInputPaddingInline = "1rem";
+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 amsTimeInputDisabledBackgroundColor = "#FFFFFF";
+export const amsTimeInputDisabledBoxShadow = "inset 0 0 0 0.0625rem #BEBEBE";
+export const amsTimeInputDisabledColor = "#BEBEBE";
+export const amsTimeInputDisabledCalenderPickerIndicatorBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23BEBEBE'><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 = "inset 0 0 0 0.125rem #000000";
+export const amsTimeInputHoverCalenderPickerIndicatorBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23102E62'><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 amsTimeInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #EC0000";
+export const amsTimeInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #EC0000";
 export const amsTopTaskLinkDescriptionColor = "#000000";
 export const amsTopTaskLinkDescriptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsTopTaskLinkDescriptionFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
@@ -592,10 +727,10 @@ export const amsTopTaskLinkLabelFontWeight = 800;
 export const amsTopTaskLinkLabelLineHeight = "1.5";
 export const amsTopTaskLinkLabelTextDecorationLine = "none";
 export const amsTopTaskLinkLabelTextDecorationThickness = "0.125rem";
-export const amsTopTaskLinkLabelTextUnderlineOffset = "0.375rem";
+export const amsTopTaskLinkLabelTextUnderlineOffset = "0.3333em";
 export const amsTopTaskLinkLabelHoverColor = "#102E62";
 export const amsTopTaskLinkLabelHoverTextDecorationLine = "underline";
-export const amsTopTaskLinkOutlineOffset = "2px";
+export const amsTopTaskLinkOutlineOffset = "0.125rem";
 export const amsUnorderedListColor = "#000000";
 export const amsUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsUnorderedListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
@@ -609,3 +744,5 @@ export const amsUnorderedListItemPaddingInlineStart = "0.875rem"; // The total l
 export const amsUnorderedListUnorderedListListStyleType = "'\\2013'";
 export const amsUnorderedListUnorderedListItemMarginInlineStart = "0.875rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
 export const amsUnorderedListUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
+export const amsUnorderedListSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsUnorderedListSmallLineHeight = "1.6";