@amsterdam/design-system-tokens 0.1.6 → 0.1.8

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 10 Oct 2023 11:59:10 GMT
+ * Generated on Mon, 27 Nov 2023 11:07:10 GMT
  */
 
 export const amsterdamColorPrimaryBlack : string;
@@ -19,11 +19,12 @@ export const amsterdamColorNeutralGrey1 : string;
 export const amsterdamColorNeutralGrey2 : string;
 export const amsterdamColorNeutralGrey3 : string;
 export const amsterdamColorNeutralGrey4 : string;
-export const amsterdamProportionExtraTall : string;
+export const amsterdamProportionXTall : string;
 export const amsterdamProportionTall : string;
 export const amsterdamProportionSquare : string;
 export const amsterdamProportionWide : string;
-export const amsterdamProportionExtraWide : string;
+export const amsterdamProportionXWide : string;
+export const amsterdamProportion2xWide : string;
 export const amsterdamTypographyFontFamily : string;
 export const amsterdamTypographyFontWeightNormal : number;
 export const amsterdamTypographyFontWeightBold : number;
@@ -87,11 +88,12 @@ export const amsterdamAlertSuccessBorderColor : string;
 export const amsterdamAlertCloseBackgroundColor : string;
 export const amsterdamAlertCloseFill : string;
 export const amsterdamAlertCloseHoverFill : string;
-export const amsterdamAspectRatioExtraTall : string;
+export const amsterdamAspectRatioXTall : string;
 export const amsterdamAspectRatioTall : string;
 export const amsterdamAspectRatioSquare : string;
 export const amsterdamAspectRatioWide : string;
-export const amsterdamAspectRatioExtraWide : string;
+export const amsterdamAspectRatioXWide : string;
+export const amsterdamAspectRatio2xWide : string;
 export const amsterdamBlockquoteColor : string;
 export const amsterdamBlockquoteFontFamily : string;
 export const amsterdamBlockquoteFontWeight : number;
@@ -101,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;
@@ -115,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;
@@ -147,13 +151,44 @@ export const amsterdamCheckboxOutlineOffset : string;
 export const amsterdamCheckboxLineHeight : string;
 export const amsterdamCheckboxNarrowFontSize : string;
 export const amsterdamCheckboxWideFontSize : string;
-export const amsterdamFooterTopBackgroundColor : string;
+export const amsterdamDialogBackgroundColor : string;
+export const amsterdamDialogBorder : string;
+export const amsterdamDialogMaxInlineSize : string;
+export const amsterdamDialogTitleColor : string;
+export const amsterdamDialogTitleFontFamily : string;
+export const amsterdamDialogTitleFontWeight : number;
+export const amsterdamDialogTitleLineHeight : string;
+export const amsterdamDialogTitleNarrowFontSize : string;
+export const amsterdamDialogTitleWideFontSize : string;
+export const amsterdamDialogBackdropBackground : string;
+export const amsterdamDialogCloseBackgroundColor : string;
+export const amsterdamDialogCloseFill : string;
+export const amsterdamDialogCloseHoverFill : string;
+export const amsterdamDialogFormGap : string;
+export const amsterdamDialogFormPaddingBlock : string;
+export const amsterdamDialogFormPaddingInline : string;
+export const amsterdamDialogFormMaxBlockSize : string;
+export const amsterdamDialogArticlePaddingInlineEnd : string;
+export const amsterdamDialogHeaderGap : string;
+export const amsterdamDialogFooterGap : string;
+export const amsterdamDialogFooterPaddingBlock : string;
 export const amsterdamFormLabelColor : string;
 export const amsterdamFormLabelFontFamily : string;
 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;
@@ -170,6 +205,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;
@@ -189,26 +232,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;
@@ -218,6 +262,10 @@ export const amsterdamLinkOnBackgroundDarkVisitedColor : string;
 export const amsterdamLinkOnBackgroundLightColor : string;
 export const amsterdamLinkOnBackgroundLightHoverColor : string;
 export const amsterdamLinkOnBackgroundLightVisitedColor : string;
+export const amsterdamLogoHeight : string;
+export const amsterdamLogoEmblemColor : string;
+export const amsterdamLogoTitleColor : string;
+export const amsterdamLogoSubsiteColor : string;
 export const amsterdamOrderedListColor : string;
 export const amsterdamOrderedListFontFamily : string;
 export const amsterdamOrderedListFontWeight : number;
@@ -235,10 +283,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;
@@ -258,6 +302,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;
@@ -271,6 +324,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;
@@ -323,7 +388,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 Tue, 10 Oct 2023 11:59:09 GMT
+ * Generated on Mon, 27 Nov 2023 11:07:10 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,11 +19,12 @@ export const amsterdamColorNeutralGrey1 = "#E6E6E6";
 export const amsterdamColorNeutralGrey2 = "#B4B4B4";
 export const amsterdamColorNeutralGrey3 = "#767676";
 export const amsterdamColorNeutralGrey4 = "#323232";
-export const amsterdamProportionExtraTall = "9 / 16";
+export const amsterdamProportionXTall = "9 / 16";
 export const amsterdamProportionTall = "4 / 5";
 export const amsterdamProportionSquare = "1 / 1";
 export const amsterdamProportionWide = "5 / 4";
-export const amsterdamProportionExtraWide = "16 / 9";
+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;
@@ -87,11 +88,12 @@ export const amsterdamAlertSuccessBorderColor = "#00A03C";
 export const amsterdamAlertCloseBackgroundColor = "transparent";
 export const amsterdamAlertCloseFill = "#000000";
 export const amsterdamAlertCloseHoverFill = "#004699";
-export const amsterdamAspectRatioExtraTall = "9 / 16";
+export const amsterdamAspectRatioXTall = "9 / 16";
 export const amsterdamAspectRatioTall = "4 / 5";
 export const amsterdamAspectRatioSquare = "1 / 1";
 export const amsterdamAspectRatioWide = "5 / 4";
-export const amsterdamAspectRatioExtraWide = "16 / 9";
+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;
@@ -101,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";
@@ -135,25 +139,52 @@ 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)";
 export const amsterdamCheckboxWideFontSize = "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)";
-export const amsterdamFooterTopBackgroundColor = "#004699";
+export const amsterdamDialogBackgroundColor = "#ffffff";
+export const amsterdamDialogBorder = "0";
+export const amsterdamDialogMaxInlineSize = "min(87.69vw, 45rem)";
+export const amsterdamDialogTitleColor = "#000000";
+export const amsterdamDialogTitleFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamDialogTitleFontWeight = 800;
+export const amsterdamDialogTitleLineHeight = "1.5";
+export const amsterdamDialogTitleNarrowFontSize = "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)";
+export const amsterdamDialogTitleWideFontSize = "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)";
+export const amsterdamDialogBackdropBackground = "#0006";
+export const amsterdamDialogCloseBackgroundColor = "transparent";
+export const amsterdamDialogCloseFill = "#000000";
+export const amsterdamDialogCloseHoverFill = "#004699";
+export const amsterdamDialogFormGap = "1.5rem";
+export const amsterdamDialogFormPaddingBlock = "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)";
+export const amsterdamDialogFormPaddingInline = "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)";
+export const amsterdamDialogFormMaxBlockSize = "75vh";
+export const amsterdamDialogArticlePaddingInlineEnd = "1.5rem";
+export const amsterdamDialogHeaderGap = "1rem";
+export const amsterdamDialogFooterGap = "1rem";
+export const amsterdamDialogFooterPaddingBlock = "1.5rem 0";
 export const amsterdamFormLabelColor = "#000000";
 export const amsterdamFormLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 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, calc(3.125vw + 0.375rem), 3.5rem)"; // Grows from 16px at 320px wide to 56px at 1600px wide.
+export const amsterdamGridDensityLowPaddingInline = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)"; // Equals 1.5 times the gap.
+export const amsterdamGridDensityHighGap = "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)"; // Grows from 16px at 1088px wide to 40px at 2624px wide.
+export const amsterdamGridDensityHighPaddingInline = "clamp(1rem, calc(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)";
@@ -170,6 +201,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";
@@ -189,26 +228,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)";
@@ -218,6 +258,10 @@ export const amsterdamLinkOnBackgroundDarkVisitedColor = "#ffffff";
 export const amsterdamLinkOnBackgroundLightColor = "#000000";
 export const amsterdamLinkOnBackgroundLightHoverColor = "#000000";
 export const amsterdamLinkOnBackgroundLightVisitedColor = "#000000";
+export const amsterdamLogoHeight = "2.5rem";
+export const amsterdamLogoEmblemColor = "#EC0000";
+export const amsterdamLogoTitleColor = "#EC0000";
+export const amsterdamLogoSubsiteColor = "#000000";
 export const amsterdamOrderedListColor = "#000000";
 export const amsterdamOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamOrderedListFontWeight = 400;
@@ -231,10 +275,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";
@@ -254,6 +294,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;
@@ -267,6 +316,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;
@@ -276,7 +337,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)";
@@ -314,16 +375,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";