@amsterdam/design-system-tokens 0.3.0 → 0.5.0

package/dist/{index.js → index.mjs}

@@ -1,10 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 22 Dec 2023 12:50:01 GMT
+ * Generated on Fri, 09 Feb 2024 16:26:11 GMT
  */
 
 export const amsterdamColorPrimaryBlack = "#000000";
-export const amsterdamColorPrimaryWhite = "#ffffff";
+export const amsterdamColorPrimaryWhite = "#FFFFFF";
 export const amsterdamColorPrimaryBlue = "#004699";
 export const amsterdamColorPrimaryRed = "#EC0000";
 export const amsterdamColorDarkBlue = "#102E62";
@@ -12,13 +12,12 @@ export const amsterdamColorOrange = "#FF9100";
 export const amsterdamColorYellow = "#FFE600";
 export const amsterdamColorGreen = "#BED200";
 export const amsterdamColorDarkGreen = "#00A03C";
-export const amsterdamColorBlue = "#009DEC";
+export const amsterdamColorBlue = "#009DE6";
 export const amsterdamColorPurple = "#A00078";
 export const amsterdamColorMagenta = "#E50082";
-export const amsterdamColorNeutralGrey1 = "#E6E6E6";
-export const amsterdamColorNeutralGrey2 = "#B4B4B4";
+export const amsterdamColorNeutralGrey1 = "#E8E8E8";
+export const amsterdamColorNeutralGrey2 = "#BEBEBE";
 export const amsterdamColorNeutralGrey3 = "#767676";
-export const amsterdamColorNeutralGrey4 = "#323232";
 export const amsterdamProportionXTall = "9 / 16";
 export const amsterdamProportionTall = "4 / 5";
 export const amsterdamProportionSquare = "1 / 1";
@@ -28,43 +27,32 @@ export const amsterdamProportion2xWide = "32 / 9";
 export const amsterdamTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamTypographyFontWeightNormal = 400;
 export const amsterdamTypographyFontWeightBold = 800;
-export const amsterdamTypographySpaciousTextLevel0FontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
-export const amsterdamTypographySpaciousTextLevel0LineHeight = "1.15";
-export const amsterdamTypographySpaciousTextLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
-export const amsterdamTypographySpaciousTextLevel1LineHeight = "1.2";
-export const amsterdamTypographySpaciousTextLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
-export const amsterdamTypographySpaciousTextLevel2LineHeight = "1.25";
-export const amsterdamTypographySpaciousTextLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
-export const amsterdamTypographySpaciousTextLevel3LineHeight = "1.3";
-export const amsterdamTypographySpaciousTextLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
-export const amsterdamTypographySpaciousTextLevel4LineHeight = "1.5";
-export const amsterdamTypographySpaciousTextLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamTypographySpaciousTextLevel5LineHeight = "1.6";
-export const amsterdamTypographySpaciousTextLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamTypographySpaciousTextLevel6LineHeight = "1.6";
-export const amsterdamTypographyCompactTextLevel0FontSize = "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)";
-export const amsterdamTypographyCompactTextLevel0LineHeight = "1.15";
-export const amsterdamTypographyCompactTextLevel1FontSize = "clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem)";
-export const amsterdamTypographyCompactTextLevel1LineHeight = "1.2";
-export const amsterdamTypographyCompactTextLevel2FontSize = "clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem)";
-export const amsterdamTypographyCompactTextLevel2LineHeight = "1.25";
-export const amsterdamTypographyCompactTextLevel3FontSize = "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)";
-export const amsterdamTypographyCompactTextLevel3LineHeight = "1.3";
-export const amsterdamTypographyCompactTextLevel4FontSize = "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)";
-export const amsterdamTypographyCompactTextLevel4LineHeight = "1.5";
-export const amsterdamTypographyCompactTextLevel5FontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
-export const amsterdamTypographyCompactTextLevel5LineHeight = "1.6";
-export const amsterdamTypographyCompactTextLevel6FontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
-export const amsterdamTypographyCompactTextLevel6LineHeight = "1.6";
+export const amsterdamTypographyTextLevel0FontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
+export const amsterdamTypographyTextLevel0LineHeight = "1.15";
+export const amsterdamTypographyTextLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
+export const amsterdamTypographyTextLevel1LineHeight = "1.2";
+export const amsterdamTypographyTextLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
+export const amsterdamTypographyTextLevel2LineHeight = "1.25";
+export const amsterdamTypographyTextLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
+export const amsterdamTypographyTextLevel3LineHeight = "1.3";
+export const amsterdamTypographyTextLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsterdamTypographyTextLevel4LineHeight = "1.5";
+export const amsterdamTypographyTextLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsterdamTypographyTextLevel5LineHeight = "1.6";
+export const amsterdamTypographyTextLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsterdamTypographyTextLevel6LineHeight = "1.6";
 export const amsterdamBorderWidthSm = "1px";
 export const amsterdamBorderWidthMd = "2px";
 export const amsterdamBorderWidthLg = "3px";
 export const amsterdamFocusOutlineOffset = "2px";
+export const amsterdamHyphenationHyphenateLimitChars = "12 8 4";
+export const amsterdamHyphenationHyphens = "auto";
+export const amsterdamHyphenationOverflowWrap = "break-word";
 export const amsterdamLinkAppearanceColor = "#004699";
 export const amsterdamLinkAppearanceTextDecorationThickness = "0.125rem";
 export const amsterdamLinkAppearanceTextUnderlineOffset = "0.375rem";
 export const amsterdamLinkAppearanceHoverColor = "#102E62";
-export const amsterdamLinkAppearanceOnBackgroundDarkColor = "#ffffff";
+export const amsterdamLinkAppearanceOnBackgroundDarkColor = "#FFFFFF";
 export const amsterdamLinkAppearanceOnBackgroundLightColor = "#000000";
 export const amsterdamLinkAppearanceRegularTextDecorationLine = "underline";
 export const amsterdamLinkAppearanceRegularHoverTextDecorationThickness = "0.1875rem";
@@ -76,33 +64,23 @@ export const amsterdamSpacingInsetMd = "1rem";
 export const amsterdamSpacingInsetLg = "1.5rem";
 export const amsterdamSpacingInsetXl = "2.5rem";
 export const amsterdamAccordionButtonColor = "#004699";
-export const amsterdamAccordionButtonFocusOutlineOffset = "2px";
 export const amsterdamAccordionButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamAccordionButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
 export const amsterdamAccordionButtonFontWeight = 800;
+export const amsterdamAccordionButtonLineHeight = "1.6";
+export const amsterdamAccordionButtonFocusOutlineOffset = "2px";
 export const amsterdamAccordionButtonHoverBoxShadow = "inset 0 0 0 2px #767676";
-export const amsterdamAccordionButtonSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamAccordionButtonSpaciousLineHeight = "1.6";
-export const amsterdamAccordionButtonCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
-export const amsterdamAccordionButtonCompactLineHeight = "1.6";
-export const amsterdamAlertBackgroundColor = "#FFE600";
-export const amsterdamAlertBorder = "4px solid #FFE600";
+export const amsterdamAlertBorderWidth = "4px";
+export const amsterdamAlertBorderStyle = "solid";
 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 amsterdamAlertTitleSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamAlertTitleSpaciousLineHeight = "1.6";
-export const amsterdamAlertTitleCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
-export const amsterdamAlertTitleCompactLineHeight = "1.6";
-export const amsterdamAlertErrorBackgroundColor = "#ffffff";
 export const amsterdamAlertErrorBorderColor = "#EC0000";
-export const amsterdamAlertSuccessBackgroundColor = "#ffffff";
+export const amsterdamAlertInfoBorderColor = "#004699";
 export const amsterdamAlertSuccessBorderColor = "#00A03C";
-export const amsterdamAlertCloseBackgroundColor = "transparent";
+export const amsterdamAlertWarningBorderColor = "#FF9100";
 export const amsterdamAlertCloseFill = "#000000";
 export const amsterdamAlertCloseHoverFill = "#004699";
 export const amsterdamAspectRatioXTall = "9 / 16";
@@ -111,16 +89,37 @@ export const amsterdamAspectRatioSquare = "1 / 1";
 export const amsterdamAspectRatioWide = "5 / 4";
 export const amsterdamAspectRatioXWide = "16 / 9";
 export const amsterdamAspectRatio2xWide = "32 / 9";
+export const amsterdamBadgeFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamBadgeFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsterdamBadgeFontWeight = 800;
+export const amsterdamBadgeLineHeight = "1.6";
+export const amsterdamBadgePaddingInline = "0.5rem";
+export const amsterdamBadgeBlueBackgroundColor = "#009DE6";
+export const amsterdamBadgeBlueColor = "#000000";
+export const amsterdamBadgeDarkBlueBackgroundColor = "#004699";
+export const amsterdamBadgeDarkBlueColor = "#FFFFFF";
+export const amsterdamBadgeDarkGreenBackgroundColor = "#00A03C";
+export const amsterdamBadgeDarkGreenColor = "#FFFFFF";
+export const amsterdamBadgeGreenBackgroundColor = "#BED200";
+export const amsterdamBadgeGreenColor = "#000000";
+export const amsterdamBadgeMagentaBackgroundColor = "#E50082";
+export const amsterdamBadgeMagentaColor = "#FFFFFF";
+export const amsterdamBadgeOrangeBackgroundColor = "#FF9100";
+export const amsterdamBadgeOrangeColor = "#000000";
+export const amsterdamBadgePurpleBackgroundColor = "#A00078";
+export const amsterdamBadgePurpleColor = "#FFFFFF";
+export const amsterdamBadgeYellowBackgroundColor = "#FFE600";
+export const amsterdamBadgeYellowColor = "#000000";
 export const amsterdamBlockquoteColor = "#000000";
 export const amsterdamBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamBlockquoteFontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
 export const amsterdamBlockquoteFontWeight = 800;
-export const amsterdamBlockquoteInverseColor = "#ffffff";
-export const amsterdamBlockquoteSpaciousFontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
-export const amsterdamBlockquoteSpaciousLineHeight = "1.3";
-export const amsterdamBlockquoteCompactFontSize = "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)";
-export const amsterdamBlockquoteCompactLineHeight = "1.3";
+export const amsterdamBlockquoteLineHeight = "1.3";
+export const amsterdamBlockquoteInverseColor = "#FFFFFF";
 export const amsterdamBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamBreadcrumbFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
 export const amsterdamBreadcrumbFontWeight = 400;
+export const amsterdamBreadcrumbLineHeight = "1.6";
 export const amsterdamBreadcrumbSeparatorBackgroundImage = "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 amsterdamBreadcrumbItemLinkColor = "#004699";
 export const amsterdamBreadcrumbItemLinkOutlineOffset = "2px";
@@ -129,17 +128,11 @@ export const amsterdamBreadcrumbItemLinkTextDecorationThickness = "0.125rem";
 export const amsterdamBreadcrumbItemLinkTextUnderlineOffset = "0.375rem";
 export const amsterdamBreadcrumbItemLinkHoverColor = "#102E62";
 export const amsterdamBreadcrumbItemLinkHoverTextDecorationLine = "underline";
-export const amsterdamBreadcrumbSpaciousFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamBreadcrumbSpaciousLineHeight = "1.6";
-export const amsterdamBreadcrumbCompactFontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
-export const amsterdamBreadcrumbCompactLineHeight = "1.6";
-export const amsterdamButtonSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamButtonSpaciousLineHeight = "1.6";
-export const amsterdamButtonCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
-export const amsterdamButtonCompactLineHeight = "1.6";
+export const amsterdamButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsterdamButtonLineHeight = "1.6";
 export const amsterdamButtonSecondaryBoxShadow = "inset 0 0 0 2px #004699";
 export const amsterdamButtonSecondaryHoverBoxShadow = "inset 0 0 0 3px #102E62";
-export const amsterdamButtonSecondaryDisabledBoxShadow = "inset 0 0 0 2px #B4B4B4";
+export const amsterdamButtonSecondaryDisabledBoxShadow = "inset 0 0 0 2px #BEBEBE";
 export const amsterdamButtonSecondaryFocusBoxShadow = "inset 0 0 0 2px #004699";
 export const amsterdamButtonTertiaryHoverBoxShadow = "inset 0 0 0 2px #102E62";
 export const amsterdamCardLinkColor = "#004699";
@@ -150,6 +143,11 @@ export const amsterdamCardLinkHoverColor = "#102E62";
 export const amsterdamCardLinkHoverTextDecorationLine = "underline";
 export const amsterdamCardOutlineOffset = "2px";
 export const amsterdamCheckboxColor = "#000000";
+export const amsterdamCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamCheckboxFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsterdamCheckboxFontWeight = 400;
+export const amsterdamCheckboxLineHeight = "1.6";
+export const amsterdamCheckboxOutlineOffset = "2px";
 export const amsterdamCheckboxCheckmarkBorderColor = "#004699";
 export const amsterdamCheckboxCheckmarkCheckedBackgroundColor = "#004699";
 export const amsterdamCheckboxCheckmarkCheckedHoverBackgroundColor = "#102E62";
@@ -168,28 +166,16 @@ export const amsterdamCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor
 export const amsterdamCheckboxCheckmarkIndeterminateBackgroundColor = "#004699";
 export const amsterdamCheckboxCheckmarkIndeterminateHoverBackgroundColor = "#102E62";
 export const amsterdamCheckboxDisabledColor = "#767676";
-export const amsterdamCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamCheckboxFontWeight = 400;
 export const amsterdamCheckboxHoverColor = "#102E62";
-export const amsterdamCheckboxOutlineOffset = "2px";
-export const amsterdamCheckboxSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamCheckboxSpaciousLineHeight = "1.6";
-export const amsterdamCheckboxCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
-export const amsterdamCheckboxCompactLineHeight = "1.6";
-export const amsterdamDialogBackgroundColor = "#ffffff";
+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 amsterdamDialogTitleFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
 export const amsterdamDialogTitleFontWeight = 800;
-export const amsterdamDialogTitleSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamDialogTitleSpaciousLineHeight = "1.6";
-export const amsterdamDialogTitleCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
-export const amsterdamDialogTitleCompactLineHeight = "1.6";
+export const amsterdamDialogTitleLineHeight = "1.6";
 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)";
@@ -200,63 +186,75 @@ export const amsterdamDialogFooterGap = "1rem";
 export const amsterdamDialogFooterPaddingBlock = "1.5rem 0";
 export const amsterdamFormLabelColor = "#000000";
 export const amsterdamFormLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamFormLabelFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
 export const amsterdamFormLabelFontWeight = 800;
-export const amsterdamFormLabelSpaciousFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
-export const amsterdamFormLabelSpaciousLineHeight = "1.5";
-export const amsterdamFormLabelCompactFontSize = "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)";
-export const amsterdamFormLabelCompactLineHeight = "1.5";
+export const amsterdamFormLabelLineHeight = "1.5";
 export const amsterdamGridColumnCount = "4";
-export const amsterdamGridSpaciousGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Grows from 16px at 320px wide to 56px at 1600px wide.
-export const amsterdamGridSpaciousPaddingInline = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)"; // Equals 1.5 times the gap.
-export const amsterdamGridCompactGap = "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)"; // Grows from 16px at 1088px wide to 40px at 2624px wide.
-export const amsterdamGridCompactPaddingInline = "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)"; // Equals the gap.
+export const amsterdamGridGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Grows from 16px at 320px wide to 56px at 1600px wide.
+export const amsterdamGridPaddingInline = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)"; // Equals 1.5 times the gap.
 export const amsterdamGridMediumColumnCount = "8";
 export const amsterdamGridWideColumnCount = "12";
 export const amsterdamHeaderColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
 export const amsterdamHeadingColor = "#000000";
 export const amsterdamHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamHeadingFontWeight = 800;
-export const amsterdamHeadingInverseColor = "#ffffff";
-export const amsterdamHeadingSpaciousLevel1LineHeight = "1.2";
-export const amsterdamHeadingSpaciousLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
-export const amsterdamHeadingSpaciousLevel2LineHeight = "1.25";
-export const amsterdamHeadingSpaciousLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
-export const amsterdamHeadingSpaciousLevel3LineHeight = "1.3";
-export const amsterdamHeadingSpaciousLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
-export const amsterdamHeadingSpaciousLevel4LineHeight = "1.5";
-export const amsterdamHeadingSpaciousLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
-export const amsterdamHeadingSpaciousLevel5LineHeight = "1.6";
-export const amsterdamHeadingSpaciousLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamHeadingSpaciousLevel6LineHeight = "1.6";
-export const amsterdamHeadingSpaciousLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamHeadingCompactLevel1LineHeight = "1.2";
-export const amsterdamHeadingCompactLevel1FontSize = "clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem)";
-export const amsterdamHeadingCompactLevel2LineHeight = "1.25";
-export const amsterdamHeadingCompactLevel2FontSize = "clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem)";
-export const amsterdamHeadingCompactLevel3LineHeight = "1.3";
-export const amsterdamHeadingCompactLevel3FontSize = "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)";
-export const amsterdamHeadingCompactLevel4LineHeight = "1.5";
-export const amsterdamHeadingCompactLevel4FontSize = "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)";
-export const amsterdamHeadingCompactLevel5LineHeight = "1.6";
-export const amsterdamHeadingCompactLevel5FontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
-export const amsterdamHeadingCompactLevel6LineHeight = "1.6";
-export const amsterdamHeadingCompactLevel6FontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
-export const amsterdamIconSpaciousSize3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
-export const amsterdamIconSpaciousSize3LineHeight = "1.3";
-export const amsterdamIconSpaciousSize4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
-export const amsterdamIconSpaciousSize4LineHeight = "1.5";
-export const amsterdamIconSpaciousSize5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamIconSpaciousSize5LineHeight = "1.6";
-export const amsterdamIconSpaciousSize6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamIconSpaciousSize6LineHeight = "1.6";
-export const amsterdamIconCompactSize3FontSize = "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)";
-export const amsterdamIconCompactSize3LineHeight = "1.3";
-export const amsterdamIconCompactSize4FontSize = "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)";
-export const amsterdamIconCompactSize4LineHeight = "1.5";
-export const amsterdamIconCompactSize5FontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
-export const amsterdamIconCompactSize5LineHeight = "1.6";
-export const amsterdamIconCompactSize6FontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
-export const amsterdamIconCompactSize6LineHeight = "1.6";
+export const amsterdamHeadingInverseColor = "#FFFFFF";
+export const amsterdamHeadingLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
+export const amsterdamHeadingLevel1LineHeight = "1.2";
+export const amsterdamHeadingLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
+export const amsterdamHeadingLevel2LineHeight = "1.25";
+export const amsterdamHeadingLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
+export const amsterdamHeadingLevel3LineHeight = "1.3";
+export const amsterdamHeadingLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsterdamHeadingLevel4LineHeight = "1.5";
+export const amsterdamHeadingLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsterdamHeadingLevel5LineHeight = "1.6";
+export const amsterdamHeadingLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsterdamHeadingLevel6LineHeight = "1.6";
+export const amsterdamIconButtonColor = "#004699";
+export const amsterdamIconButtonOutlineOffset = "2px";
+export const amsterdamIconButtonHoverBackgroundColor = "rgba(0, 70, 153, 0.125)";
+export const amsterdamIconButtonHoverColor = "#102E62";
+export const amsterdamIconButtonDisabledColor = "#BEBEBE";
+export const amsterdamIconButtonOnBackgroundLightColor = "#000000";
+export const amsterdamIconButtonOnBackgroundLightHoverBackgroundColor = "rgba(0, 0, 0, 0.125)";
+export const amsterdamIconButtonOnBackgroundLightHoverColor = "#000000";
+export const amsterdamIconButtonOnBackgroundLightDisabledColor = "#BEBEBE";
+export const amsterdamIconButtonOnBackgroundDarkBackgroundColor = "#004699";
+export const amsterdamIconButtonOnBackgroundDarkColor = "#FFFFFF";
+export const amsterdamIconButtonOnBackgroundDarkHoverBackgroundColor = "#102E62";
+export const amsterdamIconButtonOnBackgroundDarkHoverColor = "#FFFFFF";
+export const amsterdamIconButtonOnBackgroundDarkDisabledColor = "#FFFFFF";
+export const amsterdamIconButtonOnBackgroundDarkDisabledBackgroundColor = "#BEBEBE";
+export const amsterdamIconSize3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
+export const amsterdamIconSize3LineHeight = "1.3";
+export const amsterdamIconSize4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsterdamIconSize4LineHeight = "1.5";
+export const amsterdamIconSize5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsterdamIconSize5LineHeight = "1.6";
+export const amsterdamIconSize6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsterdamIconSize6LineHeight = "1.6";
+export const amsterdamLinkListGap = "0.5em";
+export const amsterdamLinkListLinkColor = "#004699";
+export const amsterdamLinkListLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamLinkListLinkFontWeight = 400;
+export const amsterdamLinkListLinkGap = "0.5em";
+export const amsterdamLinkListLinkOutlineOffset = "2px";
+export const amsterdamLinkListLinkTextDecorationLine = "none";
+export const amsterdamLinkListLinkTextDecorationThickness = "0.125rem";
+export const amsterdamLinkListLinkTextUnderlineOffset = "0.375rem";
+export const amsterdamLinkListLinkSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsterdamLinkListLinkSmallLineHeight = "1.6";
+export const amsterdamLinkListLinkMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsterdamLinkListLinkMediumLineHeight = "1.6";
+export const amsterdamLinkListLinkLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsterdamLinkListLinkLargeLineHeight = "1.5";
+export const amsterdamLinkListLinkHoverColor = "#102E62";
+export const amsterdamLinkListLinkHoverTextDecorationLine = "underline";
+export const amsterdamLinkListLinkOnBackgroundDarkColor = "#FFFFFF";
+export const amsterdamLinkListLinkOnBackgroundDarkHoverColor = "#FFFFFF";
+export const amsterdamLinkListLinkOnBackgroundLightColor = "#000000";
+export const amsterdamLinkListLinkOnBackgroundLightHoverColor = "#000000";
 export const amsterdamLinkColor = "#004699";
 export const amsterdamLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamLinkFontWeight = 400;
@@ -271,27 +269,16 @@ export const amsterdamLinkInlineLineHeight = "inherit";
 export const amsterdamLinkInlineHoverTextDecorationThickness = "0.1875rem";
 export const amsterdamLinkInlineHoverTextUnderlineOffset = "0.3125rem";
 export const amsterdamLinkInlineVisitedColor = "#A00078";
-export const amsterdamLinkInListGap = "0.5em";
-export const amsterdamLinkInListTextDecorationLine = "none";
-export const amsterdamLinkInListTextDecorationThickness = "0.125rem";
-export const amsterdamLinkInListTextUnderlineOffset = "0.375rem";
-export const amsterdamLinkInListHoverTextDecorationLine = "underline";
-export const amsterdamLinkInListSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamLinkInListSpaciousLineHeight = "1.6";
-export const amsterdamLinkInListCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
-export const amsterdamLinkInListCompactLineHeight = "1.6";
+export const amsterdamLinkStandaloneFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsterdamLinkStandaloneLineHeight = "1.6";
 export const amsterdamLinkStandaloneTextDecorationLine = "underline";
 export const amsterdamLinkStandaloneTextDecorationThickness = "0.125rem";
 export const amsterdamLinkStandaloneTextUnderlineOffset = "0.375rem";
 export const amsterdamLinkStandaloneHoverTextDecorationThickness = "0.1875rem";
 export const amsterdamLinkStandaloneHoverTextUnderlineOffset = "0.3125rem";
-export const amsterdamLinkStandaloneSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamLinkStandaloneSpaciousLineHeight = "1.6";
-export const amsterdamLinkStandaloneCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
-export const amsterdamLinkStandaloneCompactLineHeight = "1.6";
-export const amsterdamLinkOnBackgroundDarkColor = "#ffffff";
-export const amsterdamLinkOnBackgroundDarkHoverColor = "#ffffff";
-export const amsterdamLinkOnBackgroundDarkVisitedColor = "#ffffff";
+export const amsterdamLinkOnBackgroundDarkColor = "#FFFFFF";
+export const amsterdamLinkOnBackgroundDarkHoverColor = "#FFFFFF";
+export const amsterdamLinkOnBackgroundDarkVisitedColor = "#FFFFFF";
 export const amsterdamLinkOnBackgroundLightColor = "#000000";
 export const amsterdamLinkOnBackgroundLightHoverColor = "#000000";
 export const amsterdamLinkOnBackgroundLightVisitedColor = "#000000";
@@ -300,15 +287,17 @@ export const amsterdamLogoEmblemColor = "#EC0000";
 export const amsterdamLogoTitleColor = "#EC0000";
 export const amsterdamLogoSubsiteColor = "#000000";
 export const amsterdamMarkBackgroundColor = "var(--amsterdam-color-yellow)";
+export const amsterdamMegaMenuListCategoryColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
+export const amsterdamMegaMenuListCategoryColumnWidth = "20rem";
+export const amsterdamMegaMenuListCategoryPaddingBlockStart = "1rem";
+export const amsterdamMegaMenuListCategoryPaddingBlockEnd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
 export const amsterdamOrderedListColor = "#000000";
 export const amsterdamOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamOrderedListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
 export const amsterdamOrderedListFontWeight = 400;
 export const amsterdamOrderedListGap = "0.75rem";
+export const amsterdamOrderedListLineHeight = "1.6";
 export const amsterdamOrderedListListStyleType = "decimal";
-export const amsterdamOrderedListSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamOrderedListSpaciousLineHeight = "1.6";
-export const amsterdamOrderedListCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
-export const amsterdamOrderedListCompactLineHeight = "1.6";
 export const amsterdamOrderedListItemMarginInlineStart = "2.25rem"; // Divide your total indentation width over margin and padding to position the marker.
 export const amsterdamOrderedListItemPaddingInlineStart = "0.25rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
 export const amsterdamOrderedListOrderedListListStyleType = "lower-alpha";
@@ -316,35 +305,29 @@ export const amsterdamOrderedListOrderedListItemMarginInlineStart = "1.5rem"; //
 export const amsterdamOrderedListOrderedListItemPaddingInlineStart = "0.25rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
 export const amsterdamPageHeadingColor = "#000000";
 export const amsterdamPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamPageHeadingFontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
 export const amsterdamPageHeadingFontWeight = 800;
-export const amsterdamPageHeadingInverseColor = "#ffffff";
-export const amsterdamPageHeadingSpaciousFontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
-export const amsterdamPageHeadingSpaciousLineHeight = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
-export const amsterdamPageHeadingCompactFontSize = "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)";
-export const amsterdamPageHeadingCompactLineHeight = "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)";
+export const amsterdamPageHeadingInverseColor = "#FFFFFF";
+export const amsterdamPageHeadingLineHeight = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
 export const amsterdamPageMenuColumnGap = "2.5rem";
 export const amsterdamPageMenuRowGap = "0.5rem";
 export const amsterdamPageMenuItemColor = "#004699";
 export const amsterdamPageMenuItemFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamPageMenuItemFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
 export const amsterdamPageMenuItemFontWeight = 400;
 export const amsterdamPageMenuItemGap = "0.5rem";
+export const amsterdamPageMenuItemLineHeight = "1.6";
 export const amsterdamPageMenuItemOutlineOffset = "2px";
 export const amsterdamPageMenuItemTextDecorationLine = "none";
 export const amsterdamPageMenuItemTextDecorationThickness = "0.125rem";
 export const amsterdamPageMenuItemTextUnderlineOffset = "0.375rem";
-export const amsterdamPageMenuItemSpaciousFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamPageMenuItemSpaciousLineHeight = "1.6";
-export const amsterdamPageMenuItemCompactFontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
-export const amsterdamPageMenuItemCompactLineHeight = "1.6";
 export const amsterdamPageMenuItemHoverColor = "#102E62";
 export const amsterdamPageMenuItemHoverTextDecorationLine = "underline";
 export const amsterdamPaginationColor = "#004699";
 export const amsterdamPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamPaginationFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
 export const amsterdamPaginationFontWeight = 400;
-export const amsterdamPaginationSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamPaginationSpaciousLineHeight = "1.6";
-export const amsterdamPaginationCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
-export const amsterdamPaginationCompactLineHeight = "1.6";
+export const amsterdamPaginationLineHeight = "1.6";
 export const amsterdamPaginationButtonOutlineOffset = "2px";
 export const amsterdamPaginationButtonTextDecorationLine = "none";
 export const amsterdamPaginationButtonTextDecorationThickness = "0.125rem";
@@ -355,29 +338,25 @@ export const amsterdamPaginationButtonHoverTextDecorationLine = "underline";
 export const amsterdamParagraphColor = "#000000";
 export const amsterdamParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamParagraphFontWeight = 400;
-export const amsterdamParagraphInverseColor = "#ffffff";
-export const amsterdamParagraphSpaciousSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamParagraphSpaciousSmallLineHeight = "1.6";
-export const amsterdamParagraphSpaciousMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamParagraphSpaciousMediumLineHeight = "1.6";
-export const amsterdamParagraphSpaciousLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
-export const amsterdamParagraphSpaciousLargeLineHeight = "1.5";
-export const amsterdamParagraphCompactSmallFontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
-export const amsterdamParagraphCompactSmallLineHeight = "1.6";
-export const amsterdamParagraphCompactMediumFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
-export const amsterdamParagraphCompactMediumLineHeight = "1.6";
-export const amsterdamParagraphCompactLargeFontSize = "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)";
-export const amsterdamParagraphCompactLargeLineHeight = "1.5";
+export const amsterdamParagraphInverseColor = "#FFFFFF";
+export const amsterdamParagraphSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsterdamParagraphSmallLineHeight = "1.6";
+export const amsterdamParagraphMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsterdamParagraphMediumLineHeight = "1.6";
+export const amsterdamParagraphLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsterdamParagraphLargeLineHeight = "1.5";
 export const amsterdamScreenWideMaxWidth = "100rem";
 export const amsterdamScreenXWideMaxWidth = "132rem";
 export const amsterdamSearchFieldButtonBackgroundColor = "#004699";
-export const amsterdamSearchFieldButtonColor = "#ffffff";
+export const amsterdamSearchFieldButtonColor = "#FFFFFF";
 export const amsterdamSearchFieldButtonOutlineOffset = "2px";
 export const amsterdamSearchFieldButtonHoverBackgroundColor = "#102E62";
 export const amsterdamSearchFieldInputBoxShadow = "inset 0 0 0 1px #000000";
 export const amsterdamSearchFieldInputColor = "#000000";
 export const amsterdamSearchFieldInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamSearchFieldInputFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
 export const amsterdamSearchFieldInputFontWeight = 400;
+export const amsterdamSearchFieldInputLineHeight = "1.6";
 export const amsterdamSearchFieldInputOutlineOffset = "2px";
 export const amsterdamSearchFieldInputCancelButtonBackgroundImage = "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 amsterdamSearchFieldInputCancelButtonColor = "#004699";
@@ -385,24 +364,18 @@ export const amsterdamSearchFieldInputCancelButtonHeight = "clamp(0.964rem, calc
 export const amsterdamSearchFieldInputCancelButtonWidth = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
 export const amsterdamSearchFieldInputHoverBoxShadow = "inset 0 0 0 2px #000000";
 export const amsterdamSearchFieldInputPlaceholderColor = "#767676";
-export const amsterdamSearchFieldInputCompactFontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
-export const amsterdamSearchFieldInputCompactLineHeight = "1.6";
-export const amsterdamSearchFieldInputSpaciousFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamSearchFieldInputSpaciousLineHeight = "1.6";
 export const amsterdamSkipLinkBackgroundColor = "#004699";
-export const amsterdamSkipLinkColor = "#ffffff";
+export const amsterdamSkipLinkColor = "#FFFFFF";
 export const amsterdamSkipLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamSkipLinkFontWeight = 400;
 export const amsterdamSkipLinkFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
 export const amsterdamSkipLinkLineHeight = "1.6";
 export const amsterdamSkipLinkOutlineOffset = "2px";
-export const amsterdamSkipLinkCompactFontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
-export const amsterdamSkipLinkCompactLineHeight = "1.6";
 export const amsterdamSkipLinkHoverBackgroundColor = "#102E62";
-export const amsterdamSpotlightBlueBackgroundColor = "#004699";
+export const amsterdamSpotlightBlueBackgroundColor = "#009DE6";
+export const amsterdamSpotlightDarkBlueBackgroundColor = "#004699";
 export const amsterdamSpotlightDarkGreenBackgroundColor = "#00A03C";
 export const amsterdamSpotlightGreenBackgroundColor = "#BED200";
-export const amsterdamSpotlightLightBlueBackgroundColor = "#009DEC";
 export const amsterdamSpotlightMagentaBackgroundColor = "#E50082";
 export const amsterdamSpotlightOrangeBackgroundColor = "#FF9100";
 export const amsterdamSpotlightPurpleBackgroundColor = "#A00078";
@@ -410,58 +383,58 @@ export const amsterdamSpotlightYellowBackgroundColor = "#FFE600";
 export const amsterdamSwitchFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamSwitchBackgroundColor = "#767676";
 export const amsterdamSwitchWidth = "3.5rem";
-export const amsterdamSwitchThumbBackgroundColor = "#ffffff";
+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 amsterdamSwitchDisabledBackgroundColor = "#BEBEBE";
+export const amsterdamTableColor = "#000000";
+export const amsterdamTableFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamTableFontWeight = 400;
+export const amsterdamTableFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsterdamTableLineHeight = "1.6";
+export const amsterdamTableCaptionFontWeight = 800;
+export const amsterdamTableCellBorderBottom = "1px solid #E8E8E8";
+export const amsterdamTableHeaderCellFontWeight = 800;
 export const amsterdamTextInputBoxShadow = "inset 0 0 0 1px #000000";
 export const amsterdamTextInputColor = "#000000";
 export const amsterdamTextInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamTextInputFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
 export const amsterdamTextInputFontWeight = 400;
+export const amsterdamTextInputLineHeight = "1.6";
 export const amsterdamTextInputOutlineOffset = "2px";
-export const amsterdamTextInputDisabledBackgroundColor = "#ffffff";
-export const amsterdamTextInputDisabledBoxShadow = "inset 0 0 0 1px #B4B4B4";
-export const amsterdamTextInputDisabledColor = "#B4B4B4";
+export const amsterdamTextInputDisabledBackgroundColor = "#FFFFFF";
+export const amsterdamTextInputDisabledBoxShadow = "inset 0 0 0 1px #BEBEBE";
+export const amsterdamTextInputDisabledColor = "#BEBEBE";
 export const amsterdamTextInputHoverBoxShadow = "inset 0 0 0 2px #000000";
 export const amsterdamTextInputInvalidBoxShadow = "inset 0 0 0 1px #EC0000";
 export const amsterdamTextInputInvalidHoverBoxShadow = "inset 0 0 0 2px #EC0000";
 export const amsterdamTextInputPlaceholderColor = "#767676";
-export const amsterdamTextInputCompactFontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
-export const amsterdamTextInputCompactLineHeight = "1.6";
-export const amsterdamTextInputSpaciousFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamTextInputSpaciousLineHeight = "1.6";
 export const amsterdamTopTaskLinkDescriptionColor = "#000000";
 export const amsterdamTopTaskLinkDescriptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamTopTaskLinkDescriptionFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
 export const amsterdamTopTaskLinkDescriptionFontWeight = 400;
-export const amsterdamTopTaskLinkDescriptionSpaciousFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamTopTaskLinkDescriptionSpaciousLineHeight = "1.6";
-export const amsterdamTopTaskLinkDescriptionCompactFontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
-export const amsterdamTopTaskLinkDescriptionCompactLineHeight = "1.6";
+export const amsterdamTopTaskLinkDescriptionLineHeight = "1.6";
 export const amsterdamTopTaskLinkLabelColor = "#004699";
 export const amsterdamTopTaskLinkLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamTopTaskLinkLabelFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
 export const amsterdamTopTaskLinkLabelFontWeight = 800;
+export const amsterdamTopTaskLinkLabelLineHeight = "1.5";
 export const amsterdamTopTaskLinkLabelTextDecorationLine = "none";
 export const amsterdamTopTaskLinkLabelTextDecorationThickness = "0.125rem";
 export const amsterdamTopTaskLinkLabelTextUnderlineOffset = "0.375rem";
 export const amsterdamTopTaskLinkLabelHoverColor = "#102E62";
 export const amsterdamTopTaskLinkLabelHoverTextDecorationLine = "underline";
-export const amsterdamTopTaskLinkLabelSpaciousFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
-export const amsterdamTopTaskLinkLabelSpaciousLineHeight = "1.5";
-export const amsterdamTopTaskLinkLabelCompactFontSize = "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)";
-export const amsterdamTopTaskLinkLabelCompactLineHeight = "1.5";
 export const amsterdamTopTaskLinkOutlineOffset = "2px";
 export const amsterdamUnorderedListColor = "#000000";
 export const amsterdamUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamUnorderedListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
 export const amsterdamUnorderedListFontWeight = 400;
 export const amsterdamUnorderedListGap = "0.75rem";
+export const amsterdamUnorderedListLineHeight = "1.6";
 export const amsterdamUnorderedListListStyleType = "'\\2022'";
-export const amsterdamUnorderedListSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamUnorderedListSpaciousLineHeight = "1.6";
-export const amsterdamUnorderedListCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
-export const amsterdamUnorderedListCompactLineHeight = "1.6";
 export const amsterdamUnorderedListItemMarginInlineStart = "1.625rem"; // Divide your total indentation width over margin and padding to position the marker.
 export const amsterdamUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
 export const amsterdamUnorderedListUnorderedListListStyleType = "'\\2013'";
@@ -475,26 +448,26 @@ export const utrechtActionNavigateCursor = "pointer";
 export const utrechtActionSubmitCursor = "pointer";
 export const utrechtFocusOutlineOffset = "2px";
 export const utrechtButtonBackgroundColor = "#004699";
-export const utrechtButtonColor = "#ffffff";
+export const utrechtButtonColor = "#FFFFFF";
 export const utrechtButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const utrechtButtonPaddingInlineStart = "1rem";
 export const utrechtButtonPaddingInlineEnd = "1rem";
 export const utrechtButtonPaddingBlockStart = "0.5rem";
 export const utrechtButtonPaddingBlockEnd = "0.5rem";
-export const utrechtButtonDisabledBackgroundColor = "#B4B4B4";
-export const utrechtButtonDisabledColor = "#ffffff";
+export const utrechtButtonDisabledBackgroundColor = "#BEBEBE";
+export const utrechtButtonDisabledColor = "#FFFFFF";
 export const utrechtButtonPrimaryActionBackgroundColor = "#004699";
-export const utrechtButtonPrimaryActionColor = "#ffffff";
-export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#B4B4B4";
+export const utrechtButtonPrimaryActionColor = "#FFFFFF";
+export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#BEBEBE";
 export const utrechtButtonPrimaryActionHoverBackgroundColor = "#102E62";
-export const utrechtButtonSecondaryActionBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionBackgroundColor = "#FFFFFF";
 export const utrechtButtonSecondaryActionColor = "#004699";
 export const utrechtButtonSecondaryActionHoverColor = "#102E62";
-export const utrechtButtonSecondaryActionDisabledBackgroundColor = "#ffffff";
-export const utrechtButtonSecondaryActionDisabledColor = "#B4B4B4";
+export const utrechtButtonSecondaryActionDisabledBackgroundColor = "#FFFFFF";
+export const utrechtButtonSecondaryActionDisabledColor = "#BEBEBE";
 export const utrechtButtonSubtleBackgroundColor = "transparent";
 export const utrechtButtonSubtleColor = "#004699";
 export const utrechtButtonSubtleHoverColor = "#102E62";
 export const utrechtButtonSubtleFocusColor = "#102E62";
 export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
-export const utrechtButtonSubtleDisabledColor = "#B4B4B4";
+export const utrechtButtonSubtleDisabledColor = "#BEBEBE";