@amsterdam/design-system-tokens 0.1.5 → 0.1.7

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Oct 2023 10:51:08 GMT
+ * Generated on Fri, 17 Nov 2023 13:11:47 GMT
  */
 
 export const amsterdamColorPrimaryBlack : string;
@@ -19,6 +19,12 @@ export const amsterdamColorNeutralGrey1 : string;
 export const amsterdamColorNeutralGrey2 : string;
 export const amsterdamColorNeutralGrey3 : string;
 export const amsterdamColorNeutralGrey4 : string;
+export const amsterdamProportionXTall : string;
+export const amsterdamProportionTall : string;
+export const amsterdamProportionSquare : string;
+export const amsterdamProportionWide : string;
+export const amsterdamProportionXWide : string;
+export const amsterdamProportion2xWide : string;
 export const amsterdamTypographyFontFamily : string;
 export const amsterdamTypographyFontWeightNormal : number;
 export const amsterdamTypographyFontWeightBold : number;
@@ -62,6 +68,32 @@ export const amsterdamAccordionButtonLineHeight : string;
 export const amsterdamAccordionButtonNarrowFontSize : string;
 export const amsterdamAccordionButtonWideFontSize : string;
 export const amsterdamAccordionButtonHoverBoxShadow : string;
+export const amsterdamAlertBackgroundColor : string;
+export const amsterdamAlertBorder : string;
+export const amsterdamAlertGap : string;
+export const amsterdamAlertPaddingBlockStart : string;
+export const amsterdamAlertPaddingBlockEnd : string;
+export const amsterdamAlertPaddingInlineStart : string;
+export const amsterdamAlertPaddingInlineEnd : string;
+export const amsterdamAlertTitleColor : string;
+export const amsterdamAlertTitleFontFamily : string;
+export const amsterdamAlertTitleFontWeight : number;
+export const amsterdamAlertTitleLineHeight : string;
+export const amsterdamAlertTitleNarrowFontSize : string;
+export const amsterdamAlertTitleWideFontSize : string;
+export const amsterdamAlertErrorBackgroundColor : string;
+export const amsterdamAlertErrorBorderColor : string;
+export const amsterdamAlertSuccessBackgroundColor : string;
+export const amsterdamAlertSuccessBorderColor : string;
+export const amsterdamAlertCloseBackgroundColor : string;
+export const amsterdamAlertCloseFill : string;
+export const amsterdamAlertCloseHoverFill : string;
+export const amsterdamAspectRatioXTall : string;
+export const amsterdamAspectRatioTall : string;
+export const amsterdamAspectRatioSquare : string;
+export const amsterdamAspectRatioWide : string;
+export const amsterdamAspectRatioXWide : string;
+export const amsterdamAspectRatio2xWide : string;
 export const amsterdamBlockquoteColor : string;
 export const amsterdamBlockquoteFontFamily : string;
 export const amsterdamBlockquoteFontWeight : number;
@@ -71,6 +103,7 @@ export const amsterdamBlockquoteNarrowFontSize : string;
 export const amsterdamBlockquoteWideFontSize : string;
 export const amsterdamBreadcrumbColor : string;
 export const amsterdamBreadcrumbFontFamily : string;
+export const amsterdamBreadcrumbFontWeight : number;
 export const amsterdamBreadcrumbLineHeight : string;
 export const amsterdamBreadcrumbNarrowFontSize : string;
 export const amsterdamBreadcrumbWideFontSize : string;
@@ -85,9 +118,10 @@ export const amsterdamButtonSecondaryBoxShadow : string;
 export const amsterdamButtonSecondaryHoverBoxShadow : string;
 export const amsterdamButtonSecondaryDisabledBoxShadow : string;
 export const amsterdamButtonSecondaryFocusBoxShadow : string;
-export const amsterdamButtonSecondaryFocusColor : string;
 export const amsterdamButtonTertiaryHoverBoxShadow : string;
-export const amsterdamButtonTertiaryFocusBoxShadow : string;
+export const amsterdamCardLinkColor : string;
+export const amsterdamCardLinkHoverColor : string;
+export const amsterdamCardOutlineOffset : string;
 export const amsterdamCheckboxColor : string;
 export const amsterdamCheckboxCheckmarkBorderColor : string;
 export const amsterdamCheckboxCheckmarkCheckedBackgroundColor : string;
@@ -124,6 +158,17 @@ export const amsterdamFormLabelFontWeight : number;
 export const amsterdamFormLabelLineHeight : string;
 export const amsterdamFormLabelNarrowFontSize : string;
 export const amsterdamFormLabelWideFontSize : string;
+export const amsterdamGridColumnCount : string;
+/** Grows from 16px at 320px wide to 56px at 1600px wide. */
+export const amsterdamGridDensityLowGap : string;
+/** Equals 1.5 times the gap. */
+export const amsterdamGridDensityLowPaddingInline : string;
+/** Grows from 16px at 1088px wide to 40px at 2624px wide. */
+export const amsterdamGridDensityHighGap : string;
+/** Equals the gap. */
+export const amsterdamGridDensityHighPaddingInline : string;
+export const amsterdamGridMediumColumnCount : string;
+export const amsterdamGridWideColumnCount : string;
 export const amsterdamHeading1LineHeight : string;
 export const amsterdamHeading1NarrowFontSize : string;
 export const amsterdamHeading1WideFontSize : string;
@@ -140,6 +185,14 @@ export const amsterdamHeadingColor : string;
 export const amsterdamHeadingFontFamily : string;
 export const amsterdamHeadingFontWeight : number;
 export const amsterdamHeadingInverseColor : string;
+export const amsterdamHighlightBlueBackgroundColor : string;
+export const amsterdamHighlightDarkGreenBackgroundColor : string;
+export const amsterdamHighlightGreenBackgroundColor : string;
+export const amsterdamHighlightLightBlueBackgroundColor : string;
+export const amsterdamHighlightMagentaBackgroundColor : string;
+export const amsterdamHighlightOrangeBackgroundColor : string;
+export const amsterdamHighlightPurpleBackgroundColor : string;
+export const amsterdamHighlightYellowBackgroundColor : string;
 export const amsterdamIconSize3IconSizeNarrow : string;
 export const amsterdamIconSize3IconSizeWide : string;
 export const amsterdamIconSize3ContainerMultiplier : string;
@@ -159,26 +212,27 @@ export const amsterdamLinkColor : string;
 export const amsterdamLinkOutlineOffset : string;
 export const amsterdamLinkFontFamily : string;
 export const amsterdamLinkFontWeight : number;
-export const amsterdamLinkFocusColor : string;
-export const amsterdamLinkInlineFocusTextDecoration : string;
-export const amsterdamLinkInlineFocusTextUnderlineOffset : string;
+export const amsterdamLinkHoverColor : string;
+export const amsterdamLinkInlineHoverTextDecoration : string;
+export const amsterdamLinkInlineHoverTextUnderlineOffset : string;
 export const amsterdamLinkInlineFontFamily : string;
 export const amsterdamLinkInlineFontSize : string;
 export const amsterdamLinkInlineLineHeight : string;
 export const amsterdamLinkInlineTextDecoration : string;
+export const amsterdamLinkInlineTextDecorationThickness : string;
 export const amsterdamLinkInlineVisitedColor : string;
 export const amsterdamLinkInListGap : string;
-export const amsterdamLinkInListFocusTextDecoration : string;
-export const amsterdamLinkInListFocusTextDecorationThickness : string;
-export const amsterdamLinkInListFocusTextUnderlineOffset : string;
+export const amsterdamLinkInListHoverTextDecoration : string;
+export const amsterdamLinkInListHoverTextDecorationThickness : string;
+export const amsterdamLinkInListHoverTextUnderlineOffset : string;
 export const amsterdamLinkInListTextDecoration : string;
 export const amsterdamLinkInListLineHeight : string;
 export const amsterdamLinkInListNarrowFontSize : string;
 export const amsterdamLinkInListWideFontSize : string;
 export const amsterdamLinkStandaloneTextUnderlineOffset : string;
 export const amsterdamLinkStandaloneTextDecorationThickness : string;
-export const amsterdamLinkStandaloneFocusTextDecorationThickness : string;
-export const amsterdamLinkStandaloneFocusTextUnderlineOffset : string;
+export const amsterdamLinkStandaloneHoverTextDecorationThickness : string;
+export const amsterdamLinkStandaloneHoverTextUnderlineOffset : string;
 export const amsterdamLinkStandaloneLineHeight : string;
 export const amsterdamLinkStandaloneNarrowFontSize : string;
 export const amsterdamLinkStandaloneWideFontSize : string;
@@ -205,10 +259,6 @@ export const amsterdamOrderedListOrderedListListStyleType : string;
 export const amsterdamOrderedListOrderedListItemMarginInlineStart : string;
 /** The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem. */
 export const amsterdamOrderedListOrderedListItemPaddingInlineStart : string;
-export const amsterdamPageGridColumnCountNarrow : string;
-export const amsterdamPageGridColumnCountWide : string;
-export const amsterdamPageGridColumnGap : string;
-export const amsterdamPageGridMaxWidth : string;
 export const amsterdamPageHeadingColor : string;
 export const amsterdamPageHeadingFontFamily : string;
 export const amsterdamPageHeadingLineHeight : string;
@@ -228,6 +278,15 @@ export const amsterdamPageMenuItemNarrowFontSize : string;
 export const amsterdamPageMenuItemWideFontSize : string;
 export const amsterdamPageMenuItemHoverColor : string;
 export const amsterdamPageMenuItemHoverTextDecoration : string;
+export const amsterdamPaginationColor : string;
+export const amsterdamPaginationFontFamily : string;
+export const amsterdamPaginationFontWeight : number;
+export const amsterdamPaginationLineHeight : string;
+export const amsterdamPaginationNarrowFontSize : string;
+export const amsterdamPaginationWideFontSize : string;
+export const amsterdamPaginationButtonCurrentFontWeight : number;
+export const amsterdamPaginationButtonHoverColor : string;
+export const amsterdamPaginationButtonOutlineOffset : string;
 export const amsterdamParagraphColor : string;
 export const amsterdamParagraphFontFamily : string;
 export const amsterdamParagraphFontWeight : number;
@@ -241,6 +300,18 @@ export const amsterdamParagraphSmallWideFontSize : string;
 export const amsterdamParagraphLargeLineHeight : string;
 export const amsterdamParagraphLargeNarrowFontSize : string;
 export const amsterdamParagraphLargeWideFontSize : string;
+export const amsterdamScreenWideMaxWidth : string;
+export const amsterdamScreenXWideMaxWidth : string;
+export const amsterdamSwitchFontFamily : string;
+export const amsterdamSwitchBackgroundColor : string;
+export const amsterdamSwitchWidth : string;
+export const amsterdamSwitchThumbBackgroundColor : string;
+export const amsterdamSwitchThumbWidth : string;
+export const amsterdamSwitchThumbHeight : string;
+export const amsterdamSwitchThumbHoverColor : string;
+export const amsterdamSwitchCheckedBackgroundColor : string;
+export const amsterdamSwitchOutlineOffset : string;
+export const amsterdamSwitchDisabledBackgroundColor : string;
 export const amsterdamTopTaskLinkDescriptionColor : string;
 export const amsterdamTopTaskLinkDescriptionFontFamily : string;
 export const amsterdamTopTaskLinkDescriptionFontWeight : number;
@@ -293,7 +364,6 @@ export const utrechtButtonPrimaryActionBackgroundColor : string;
 export const utrechtButtonPrimaryActionColor : string;
 export const utrechtButtonPrimaryActionDisabledBackgroundColor : string;
 export const utrechtButtonPrimaryActionHoverBackgroundColor : string;
-export const utrechtButtonPrimaryActionFocusBackgroundColor : string;
 export const utrechtButtonSecondaryActionBackgroundColor : string;
 export const utrechtButtonSecondaryActionColor : string;
 export const utrechtButtonSecondaryActionHoverColor : string;

package/dist/index.js

@@ -1,13 +1,13 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Oct 2023 10:51:08 GMT
+ * Generated on Fri, 17 Nov 2023 13:11:47 GMT
  */
 
 export const amsterdamColorPrimaryBlack = "#000000";
 export const amsterdamColorPrimaryWhite = "#ffffff";
 export const amsterdamColorPrimaryBlue = "#004699";
 export const amsterdamColorPrimaryRed = "#EC0000";
-export const amsterdamColorDarkBlue = "#00387A";
+export const amsterdamColorDarkBlue = "#102E62";
 export const amsterdamColorOrange = "#FF9100";
 export const amsterdamColorYellow = "#FFE600";
 export const amsterdamColorGreen = "#BED200";
@@ -19,6 +19,12 @@ export const amsterdamColorNeutralGrey1 = "#E6E6E6";
 export const amsterdamColorNeutralGrey2 = "#B4B4B4";
 export const amsterdamColorNeutralGrey3 = "#767676";
 export const amsterdamColorNeutralGrey4 = "#323232";
+export const amsterdamProportionXTall = "9 / 16";
+export const amsterdamProportionTall = "4 / 5";
+export const amsterdamProportionSquare = "1 / 1";
+export const amsterdamProportionWide = "5 / 4";
+export const amsterdamProportionXWide = "16 / 9";
+export const amsterdamProportion2xWide = "32 / 9";
 export const amsterdamTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamTypographyFontWeightNormal = 400;
 export const amsterdamTypographyFontWeightBold = 800;
@@ -62,6 +68,32 @@ export const amsterdamAccordionButtonLineHeight = "1.5";
 export const amsterdamAccordionButtonNarrowFontSize = "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)";
 export const amsterdamAccordionButtonWideFontSize = "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)";
 export const amsterdamAccordionButtonHoverBoxShadow = "inset 0 0 0 2px #767676";
+export const amsterdamAlertBackgroundColor = "#FFE600";
+export const amsterdamAlertBorder = "4px solid #FFE600";
+export const amsterdamAlertGap = "1rem";
+export const amsterdamAlertPaddingBlockStart = "1rem";
+export const amsterdamAlertPaddingBlockEnd = "1rem";
+export const amsterdamAlertPaddingInlineStart = "1.5rem";
+export const amsterdamAlertPaddingInlineEnd = "1.5rem";
+export const amsterdamAlertTitleColor = "#000000";
+export const amsterdamAlertTitleFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamAlertTitleFontWeight = 800;
+export const amsterdamAlertTitleLineHeight = "1.5";
+export const amsterdamAlertTitleNarrowFontSize = "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)";
+export const amsterdamAlertTitleWideFontSize = "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)";
+export const amsterdamAlertErrorBackgroundColor = "#ffffff";
+export const amsterdamAlertErrorBorderColor = "#EC0000";
+export const amsterdamAlertSuccessBackgroundColor = "#ffffff";
+export const amsterdamAlertSuccessBorderColor = "#00A03C";
+export const amsterdamAlertCloseBackgroundColor = "transparent";
+export const amsterdamAlertCloseFill = "#000000";
+export const amsterdamAlertCloseHoverFill = "#004699";
+export const amsterdamAspectRatioXTall = "9 / 16";
+export const amsterdamAspectRatioTall = "4 / 5";
+export const amsterdamAspectRatioSquare = "1 / 1";
+export const amsterdamAspectRatioWide = "5 / 4";
+export const amsterdamAspectRatioXWide = "16 / 9";
+export const amsterdamAspectRatio2xWide = "32 / 9";
 export const amsterdamBlockquoteColor = "#000000";
 export const amsterdamBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamBlockquoteFontWeight = 800;
@@ -71,33 +103,35 @@ export const amsterdamBlockquoteNarrowFontSize = "clamp(1.5rem, calc(1.5rem + (0
 export const amsterdamBlockquoteWideFontSize = "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)";
 export const amsterdamBreadcrumbColor = "#004699";
 export const amsterdamBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamBreadcrumbFontWeight = 400;
 export const amsterdamBreadcrumbLineHeight = "1.6";
 export const amsterdamBreadcrumbNarrowFontSize = "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)";
 export const amsterdamBreadcrumbWideFontSize = "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)";
 export const amsterdamBreadcrumbItemLinkOutlineOffset = "2px";
-export const amsterdamBreadcrumbItemLinkHoverColor = "#00387A";
-export const amsterdamBreadcrumbItemLinkHoverBoxShadow = "inset 0 -2px 0 0 #00387A";
-export const amsterdamBreadcrumbItemLinkFocusColor = "#00387A";
+export const amsterdamBreadcrumbItemLinkHoverColor = "#102E62";
+export const amsterdamBreadcrumbItemLinkHoverBoxShadow = "inset 0 -2px 0 0 #102E62";
+export const amsterdamBreadcrumbItemLinkFocusColor = "#102E62";
 export const amsterdamBreadcrumbItemLinkFocusTextDecoration = "underline";
 export const amsterdamButtonNarrowFontSize = "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)";
 export const amsterdamButtonWideFontSize = "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)";
 export const amsterdamButtonSecondaryBoxShadow = "inset 0 0 0 2px #004699";
-export const amsterdamButtonSecondaryHoverBoxShadow = "inset 0 0 0 3px #00387A";
+export const amsterdamButtonSecondaryHoverBoxShadow = "inset 0 0 0 3px #102E62";
 export const amsterdamButtonSecondaryDisabledBoxShadow = "inset 0 0 0 2px #B4B4B4";
-export const amsterdamButtonSecondaryFocusBoxShadow = "inset 0 0 0 3px #00387A";
-export const amsterdamButtonSecondaryFocusColor = "#00387A";
+export const amsterdamButtonSecondaryFocusBoxShadow = "inset 0 0 0 2px #004699";
 export const amsterdamButtonTertiaryHoverBoxShadow = "inset 0 0 0 2px #767676";
-export const amsterdamButtonTertiaryFocusBoxShadow = "inset 0 0 0 2px #767676";
+export const amsterdamCardLinkColor = "#004699";
+export const amsterdamCardLinkHoverColor = "#102E62";
+export const amsterdamCardOutlineOffset = "2px";
 export const amsterdamCheckboxColor = "#000000";
 export const amsterdamCheckboxCheckmarkBorderColor = "#004699";
 export const amsterdamCheckboxCheckmarkCheckedBackgroundColor = "#004699";
-export const amsterdamCheckboxCheckmarkCheckedHoverBackgroundColor = "#00387A";
+export const amsterdamCheckboxCheckmarkCheckedHoverBackgroundColor = "#102E62";
 export const amsterdamCheckboxCheckmarkDisabledBorderColor = "#767676";
 export const amsterdamCheckboxCheckmarkDisabledCheckedBackgroundColor = "#767676";
 export const amsterdamCheckboxCheckmarkDisabledCheckedHoverBackgroundColor = "#767676";
 export const amsterdamCheckboxCheckmarkDisabledIndeterminateBackgroundColor = "#767676";
 export const amsterdamCheckboxCheckmarkDisabledIndeterminateHoverBackgroundColor = "#767676";
-export const amsterdamCheckboxCheckmarkHoverBorderColor = "#00387A";
+export const amsterdamCheckboxCheckmarkHoverBorderColor = "#102E62";
 export const amsterdamCheckboxCheckmarkInvalidBorderColor = "#EC0000";
 export const amsterdamCheckboxCheckmarkInvalidCheckedBackgroundColor = "#EC0000";
 export const amsterdamCheckboxCheckmarkInvalidCheckedHoverBackgroundColor = "#EC0000";
@@ -105,14 +139,14 @@ export const amsterdamCheckboxCheckmarkInvalidHoverBorderColor = "#EC0000";
 export const amsterdamCheckboxCheckmarkInvalidIndeterminateBackgroundColor = "#EC0000";
 export const amsterdamCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor = "#EC0000";
 export const amsterdamCheckboxCheckmarkIndeterminateBackgroundColor = "#004699";
-export const amsterdamCheckboxCheckmarkIndeterminateHoverBackgroundColor = "#00387A";
+export const amsterdamCheckboxCheckmarkIndeterminateHoverBackgroundColor = "#102E62";
 export const amsterdamCheckboxCheckmarkNarrowSize = "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)";
 export const amsterdamCheckboxCheckmarkWideSize = "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)";
 export const amsterdamCheckboxCheckmarkMultiplier = "1.6";
 export const amsterdamCheckboxDisabledColor = "#767676";
 export const amsterdamCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamCheckboxFontWeight = 400;
-export const amsterdamCheckboxHoverColor = "#00387A";
+export const amsterdamCheckboxHoverColor = "#102E62";
 export const amsterdamCheckboxOutlineOffset = "2px";
 export const amsterdamCheckboxLineHeight = "1.6";
 export const amsterdamCheckboxNarrowFontSize = "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)";
@@ -124,6 +158,13 @@ export const amsterdamFormLabelFontWeight = 800;
 export const amsterdamFormLabelLineHeight = "1.6";
 export const amsterdamFormLabelNarrowFontSize = "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)";
 export const amsterdamFormLabelWideFontSize = "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)";
+export const amsterdamGridColumnCount = "4";
+export const amsterdamGridDensityLowGap = "clamp(1rem, 3.125vw + 0.375rem, 3.5rem)"; // Grows from 16px at 320px wide to 56px at 1600px wide.
+export const amsterdamGridDensityLowPaddingInline = "clamp(1.5rem, 4.6875vw + 0.5625rem, 5.25rem)"; // Equals 1.5 times the gap.
+export const amsterdamGridDensityHighGap = "clamp(1rem, 1.5625vw - 0.0625rem, 2.5rem)"; // Grows from 16px at 1088px wide to 40px at 2624px wide.
+export const amsterdamGridDensityHighPaddingInline = "clamp(1rem, 1.5625vw - 0.0625rem, 2.5rem)"; // Equals the gap.
+export const amsterdamGridMediumColumnCount = "8";
+export const amsterdamGridWideColumnCount = "12";
 export const amsterdamHeading1LineHeight = "1.2";
 export const amsterdamHeading1NarrowFontSize = "clamp(2rem, calc(2rem + (1 * (100vw - 20rem)) / 33.3125), 3rem)";
 export const amsterdamHeading1WideFontSize = "clamp(3rem, calc(3rem + (0.5 * (100vw - 53.375rem)) / 36.625), 3.5rem)";
@@ -140,6 +181,14 @@ export const amsterdamHeadingColor = "#000000";
 export const amsterdamHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamHeadingFontWeight = 800;
 export const amsterdamHeadingInverseColor = "#ffffff";
+export const amsterdamHighlightBlueBackgroundColor = "#004699";
+export const amsterdamHighlightDarkGreenBackgroundColor = "#00A03C";
+export const amsterdamHighlightGreenBackgroundColor = "#BED200";
+export const amsterdamHighlightLightBlueBackgroundColor = "#009DEC";
+export const amsterdamHighlightMagentaBackgroundColor = "#E50082";
+export const amsterdamHighlightOrangeBackgroundColor = "#FF9100";
+export const amsterdamHighlightPurpleBackgroundColor = "#A00078";
+export const amsterdamHighlightYellowBackgroundColor = "#FFE600";
 export const amsterdamIconSize3IconSizeNarrow = "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)";
 export const amsterdamIconSize3IconSizeWide = "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)";
 export const amsterdamIconSize3ContainerMultiplier = "1.4";
@@ -159,26 +208,27 @@ export const amsterdamLinkColor = "#004699";
 export const amsterdamLinkOutlineOffset = "2px";
 export const amsterdamLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamLinkFontWeight = 400;
-export const amsterdamLinkFocusColor = "#00387A";
-export const amsterdamLinkInlineFocusTextDecoration = "underline";
-export const amsterdamLinkInlineFocusTextUnderlineOffset = "3px";
+export const amsterdamLinkHoverColor = "#102E62";
+export const amsterdamLinkInlineHoverTextDecoration = "underline";
+export const amsterdamLinkInlineHoverTextUnderlineOffset = "3px";
 export const amsterdamLinkInlineFontFamily = "inherit";
 export const amsterdamLinkInlineFontSize = "inherit";
 export const amsterdamLinkInlineLineHeight = "inherit";
 export const amsterdamLinkInlineTextDecoration = "none";
+export const amsterdamLinkInlineTextDecorationThickness = "2px";
 export const amsterdamLinkInlineVisitedColor = "#A00078";
 export const amsterdamLinkInListGap = "0.5em";
-export const amsterdamLinkInListFocusTextDecoration = "underline";
-export const amsterdamLinkInListFocusTextDecorationThickness = "2px";
-export const amsterdamLinkInListFocusTextUnderlineOffset = "7px";
+export const amsterdamLinkInListHoverTextDecoration = "underline";
+export const amsterdamLinkInListHoverTextDecorationThickness = "2px";
+export const amsterdamLinkInListHoverTextUnderlineOffset = "7px";
 export const amsterdamLinkInListTextDecoration = "none";
 export const amsterdamLinkInListLineHeight = "1.6";
 export const amsterdamLinkInListNarrowFontSize = "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)";
 export const amsterdamLinkInListWideFontSize = "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)";
 export const amsterdamLinkStandaloneTextUnderlineOffset = "8px";
 export const amsterdamLinkStandaloneTextDecorationThickness = "2px";
-export const amsterdamLinkStandaloneFocusTextDecorationThickness = "3px";
-export const amsterdamLinkStandaloneFocusTextUnderlineOffset = "7px";
+export const amsterdamLinkStandaloneHoverTextDecorationThickness = "3px";
+export const amsterdamLinkStandaloneHoverTextUnderlineOffset = "7px";
 export const amsterdamLinkStandaloneLineHeight = "1.6";
 export const amsterdamLinkStandaloneNarrowFontSize = "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)";
 export const amsterdamLinkStandaloneWideFontSize = "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)";
@@ -201,10 +251,6 @@ export const amsterdamOrderedListItemPaddingInlineStart = "0.25rem"; // The tota
 export const amsterdamOrderedListOrderedListListStyleType = "lower-alpha";
 export const amsterdamOrderedListOrderedListItemMarginInlineStart = "1.5rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
 export const amsterdamOrderedListOrderedListItemPaddingInlineStart = "0.25rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
-export const amsterdamPageGridColumnCountNarrow = "4";
-export const amsterdamPageGridColumnCountWide = "12";
-export const amsterdamPageGridColumnGap = "clamp(0.5rem, calc(0.5rem + 0.0142857143 * (100vw - 20rem)), 1.5rem)";
-export const amsterdamPageGridMaxWidth = "1440px";
 export const amsterdamPageHeadingColor = "#000000";
 export const amsterdamPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamPageHeadingLineHeight = "1.1";
@@ -224,6 +270,15 @@ export const amsterdamPageMenuItemNarrowFontSize = "clamp(1rem, calc(1rem + (0.0
 export const amsterdamPageMenuItemWideFontSize = "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)";
 export const amsterdamPageMenuItemHoverColor = "#000000";
 export const amsterdamPageMenuItemHoverTextDecoration = "underline";
+export const amsterdamPaginationColor = "#004699";
+export const amsterdamPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamPaginationFontWeight = 400;
+export const amsterdamPaginationLineHeight = "1.6";
+export const amsterdamPaginationNarrowFontSize = "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)";
+export const amsterdamPaginationWideFontSize = "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)";
+export const amsterdamPaginationButtonCurrentFontWeight = 800;
+export const amsterdamPaginationButtonHoverColor = "#102E62";
+export const amsterdamPaginationButtonOutlineOffset = "2px";
 export const amsterdamParagraphColor = "#000000";
 export const amsterdamParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamParagraphFontWeight = 400;
@@ -237,6 +292,18 @@ export const amsterdamParagraphSmallWideFontSize = "clamp(1.0625rem, calc(1.0625
 export const amsterdamParagraphLargeLineHeight = "1.5";
 export const amsterdamParagraphLargeNarrowFontSize = "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)";
 export const amsterdamParagraphLargeWideFontSize = "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)";
+export const amsterdamScreenWideMaxWidth = "100rem";
+export const amsterdamScreenXWideMaxWidth = "132rem";
+export const amsterdamSwitchFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamSwitchBackgroundColor = "#767676";
+export const amsterdamSwitchWidth = "3.5rem";
+export const amsterdamSwitchThumbBackgroundColor = "#ffffff";
+export const amsterdamSwitchThumbWidth = "1.75rem";
+export const amsterdamSwitchThumbHeight = "1.75rem";
+export const amsterdamSwitchThumbHoverColor = "#102E62";
+export const amsterdamSwitchCheckedBackgroundColor = "#004699";
+export const amsterdamSwitchOutlineOffset = "2px";
+export const amsterdamSwitchDisabledBackgroundColor = "#B4B4B4";
 export const amsterdamTopTaskLinkDescriptionColor = "#000000";
 export const amsterdamTopTaskLinkDescriptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamTopTaskLinkDescriptionFontWeight = 400;
@@ -246,7 +313,7 @@ export const amsterdamTopTaskLinkDescriptionWideFontSize = "clamp(1.0625rem, cal
 export const amsterdamTopTaskLinkLabelColor = "#004699";
 export const amsterdamTopTaskLinkLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamTopTaskLinkLabelFontWeight = 800;
-export const amsterdamTopTaskLinkLabelHoverColor = "#00387A";
+export const amsterdamTopTaskLinkLabelHoverColor = "#102E62";
 export const amsterdamTopTaskLinkLabelLineHeight = "1.4";
 export const amsterdamTopTaskLinkLabelNarrowFontSize = "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)";
 export const amsterdamTopTaskLinkLabelWideFontSize = "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)";
@@ -284,16 +351,15 @@ export const utrechtButtonDisabledColor = "#ffffff";
 export const utrechtButtonPrimaryActionBackgroundColor = "#004699";
 export const utrechtButtonPrimaryActionColor = "#ffffff";
 export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#B4B4B4";
-export const utrechtButtonPrimaryActionHoverBackgroundColor = "#00387A";
-export const utrechtButtonPrimaryActionFocusBackgroundColor = "#00387A";
+export const utrechtButtonPrimaryActionHoverBackgroundColor = "#102E62";
 export const utrechtButtonSecondaryActionBackgroundColor = "#ffffff";
 export const utrechtButtonSecondaryActionColor = "#004699";
-export const utrechtButtonSecondaryActionHoverColor = "#00387A";
+export const utrechtButtonSecondaryActionHoverColor = "#102E62";
 export const utrechtButtonSecondaryActionDisabledBackgroundColor = "#ffffff";
 export const utrechtButtonSecondaryActionDisabledColor = "#B4B4B4";
 export const utrechtButtonSubtleBackgroundColor = "transparent";
 export const utrechtButtonSubtleColor = "#004699";
-export const utrechtButtonSubtleHoverColor = "#00387A";
-export const utrechtButtonSubtleFocusColor = "#00387A";
+export const utrechtButtonSubtleHoverColor = "#102E62";
+export const utrechtButtonSubtleFocusColor = "#102E62";
 export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
 export const utrechtButtonSubtleDisabledColor = "#B4B4B4";