@amsterdam/design-system-tokens 0.3.0 → 0.4.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 22 Dec 2023 12:50:01 GMT
+ * Generated on Wed, 31 Jan 2024 12:56:24 GMT
  */
 
 export const amsterdamColorPrimaryBlack : string;
@@ -18,7 +18,6 @@ export const amsterdamColorMagenta : string;
 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;
@@ -84,8 +83,8 @@ export const amsterdamAccordionButtonSpaciousFontSize : string;
 export const amsterdamAccordionButtonSpaciousLineHeight : string;
 export const amsterdamAccordionButtonCompactFontSize : string;
 export const amsterdamAccordionButtonCompactLineHeight : string;
-export const amsterdamAlertBackgroundColor : string;
-export const amsterdamAlertBorder : string;
+export const amsterdamAlertBorderWidth : string;
+export const amsterdamAlertBorderStyle : string;
 export const amsterdamAlertGap : string;
 export const amsterdamAlertPaddingBlockStart : string;
 export const amsterdamAlertPaddingBlockEnd : string;
@@ -98,11 +97,10 @@ export const amsterdamAlertTitleSpaciousFontSize : string;
 export const amsterdamAlertTitleSpaciousLineHeight : string;
 export const amsterdamAlertTitleCompactFontSize : string;
 export const amsterdamAlertTitleCompactLineHeight : string;
-export const amsterdamAlertErrorBackgroundColor : string;
 export const amsterdamAlertErrorBorderColor : string;
-export const amsterdamAlertSuccessBackgroundColor : string;
+export const amsterdamAlertInfoBorderColor : string;
 export const amsterdamAlertSuccessBorderColor : string;
-export const amsterdamAlertCloseBackgroundColor : string;
+export const amsterdamAlertWarningBorderColor : string;
 export const amsterdamAlertCloseFill : string;
 export const amsterdamAlertCloseHoverFill : string;
 export const amsterdamAspectRatioXTall : string;
@@ -111,6 +109,29 @@ export const amsterdamAspectRatioSquare : string;
 export const amsterdamAspectRatioWide : string;
 export const amsterdamAspectRatioXWide : string;
 export const amsterdamAspectRatio2xWide : string;
+export const amsterdamBadgeFontFamily : string;
+export const amsterdamBadgeFontWeight : number;
+export const amsterdamBadgePaddingInline : string;
+export const amsterdamBadgeSpaciousFontSize : string;
+export const amsterdamBadgeSpaciousLineHeight : string;
+export const amsterdamBadgeCompactFontSize : string;
+export const amsterdamBadgeCompactLineHeight : string;
+export const amsterdamBadgeBlueBackgroundColor : string;
+export const amsterdamBadgeBlueColor : string;
+export const amsterdamBadgeDarkBlueBackgroundColor : string;
+export const amsterdamBadgeDarkBlueColor : string;
+export const amsterdamBadgeDarkGreenBackgroundColor : string;
+export const amsterdamBadgeDarkGreenColor : string;
+export const amsterdamBadgeGreenBackgroundColor : string;
+export const amsterdamBadgeGreenColor : string;
+export const amsterdamBadgeMagentaBackgroundColor : string;
+export const amsterdamBadgeMagentaColor : string;
+export const amsterdamBadgeOrangeBackgroundColor : string;
+export const amsterdamBadgeOrangeColor : string;
+export const amsterdamBadgePurpleBackgroundColor : string;
+export const amsterdamBadgePurpleColor : string;
+export const amsterdamBadgeYellowBackgroundColor : string;
+export const amsterdamBadgeYellowColor : string;
 export const amsterdamBlockquoteColor : string;
 export const amsterdamBlockquoteFontFamily : string;
 export const amsterdamBlockquoteFontWeight : number;
@@ -187,9 +208,6 @@ export const amsterdamDialogTitleSpaciousLineHeight : string;
 export const amsterdamDialogTitleCompactFontSize : string;
 export const amsterdamDialogTitleCompactLineHeight : 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;
@@ -245,6 +263,21 @@ export const amsterdamHeadingCompactLevel5LineHeight : string;
 export const amsterdamHeadingCompactLevel5FontSize : string;
 export const amsterdamHeadingCompactLevel6LineHeight : string;
 export const amsterdamHeadingCompactLevel6FontSize : string;
+export const amsterdamIconButtonColor : string;
+export const amsterdamIconButtonOutlineOffset : string;
+export const amsterdamIconButtonHoverBackgroundColor : string;
+export const amsterdamIconButtonHoverColor : string;
+export const amsterdamIconButtonDisabledColor : string;
+export const amsterdamIconButtonOnBackgroundLightColor : string;
+export const amsterdamIconButtonOnBackgroundLightHoverBackgroundColor : string;
+export const amsterdamIconButtonOnBackgroundLightHoverColor : string;
+export const amsterdamIconButtonOnBackgroundLightDisabledColor : string;
+export const amsterdamIconButtonOnBackgroundDarkBackgroundColor : string;
+export const amsterdamIconButtonOnBackgroundDarkColor : string;
+export const amsterdamIconButtonOnBackgroundDarkHoverBackgroundColor : string;
+export const amsterdamIconButtonOnBackgroundDarkHoverColor : string;
+export const amsterdamIconButtonOnBackgroundDarkDisabledColor : string;
+export const amsterdamIconButtonOnBackgroundDarkDisabledBackgroundColor : string;
 export const amsterdamIconSpaciousSize3FontSize : string;
 export const amsterdamIconSpaciousSize3LineHeight : string;
 export const amsterdamIconSpaciousSize4FontSize : string;
@@ -261,6 +294,33 @@ export const amsterdamIconCompactSize5FontSize : string;
 export const amsterdamIconCompactSize5LineHeight : string;
 export const amsterdamIconCompactSize6FontSize : string;
 export const amsterdamIconCompactSize6LineHeight : string;
+export const amsterdamLinkListGap : string;
+export const amsterdamLinkListLinkColor : string;
+export const amsterdamLinkListLinkFontFamily : string;
+export const amsterdamLinkListLinkFontWeight : number;
+export const amsterdamLinkListLinkGap : string;
+export const amsterdamLinkListLinkOutlineOffset : string;
+export const amsterdamLinkListLinkTextDecorationLine : string;
+export const amsterdamLinkListLinkTextDecorationThickness : string;
+export const amsterdamLinkListLinkTextUnderlineOffset : string;
+export const amsterdamLinkListLinkSpaciousSmallFontSize : string;
+export const amsterdamLinkListLinkSpaciousSmallLineHeight : string;
+export const amsterdamLinkListLinkSpaciousMediumFontSize : string;
+export const amsterdamLinkListLinkSpaciousMediumLineHeight : string;
+export const amsterdamLinkListLinkSpaciousLargeFontSize : string;
+export const amsterdamLinkListLinkSpaciousLargeLineHeight : string;
+export const amsterdamLinkListLinkCompactSmallFontSize : string;
+export const amsterdamLinkListLinkCompactSmallLineHeight : string;
+export const amsterdamLinkListLinkCompactMediumFontSize : string;
+export const amsterdamLinkListLinkCompactMediumLineHeight : string;
+export const amsterdamLinkListLinkCompactLargeFontSize : string;
+export const amsterdamLinkListLinkCompactLargeLineHeight : string;
+export const amsterdamLinkListLinkHoverColor : string;
+export const amsterdamLinkListLinkHoverTextDecorationLine : string;
+export const amsterdamLinkListLinkOnBackgroundDarkColor : string;
+export const amsterdamLinkListLinkOnBackgroundDarkHoverColor : string;
+export const amsterdamLinkListLinkOnBackgroundLightColor : string;
+export const amsterdamLinkListLinkOnBackgroundLightHoverColor : string;
 export const amsterdamLinkColor : string;
 export const amsterdamLinkFontFamily : string;
 export const amsterdamLinkFontWeight : number;
@@ -304,6 +364,10 @@ export const amsterdamLogoEmblemColor : string;
 export const amsterdamLogoTitleColor : string;
 export const amsterdamLogoSubsiteColor : string;
 export const amsterdamMarkBackgroundColor : string;
+export const amsterdamMegaMenuListCategoryColumnGap : string;
+export const amsterdamMegaMenuListCategoryColumnWidth : string;
+export const amsterdamMegaMenuListCategoryPaddingBlockStart : string;
+export const amsterdamMegaMenuListCategoryPaddingBlockEnd : string;
 export const amsterdamOrderedListColor : string;
 export const amsterdamOrderedListFontFamily : string;
 export const amsterdamOrderedListFontWeight : number;
@@ -408,9 +472,9 @@ export const amsterdamSkipLinkCompactFontSize : string;
 export const amsterdamSkipLinkCompactLineHeight : string;
 export const amsterdamSkipLinkHoverBackgroundColor : string;
 export const amsterdamSpotlightBlueBackgroundColor : string;
+export const amsterdamSpotlightDarkBlueBackgroundColor : string;
 export const amsterdamSpotlightDarkGreenBackgroundColor : string;
 export const amsterdamSpotlightGreenBackgroundColor : string;
-export const amsterdamSpotlightLightBlueBackgroundColor : string;
 export const amsterdamSpotlightMagentaBackgroundColor : string;
 export const amsterdamSpotlightOrangeBackgroundColor : string;
 export const amsterdamSpotlightPurpleBackgroundColor : string;
@@ -425,6 +489,14 @@ export const amsterdamSwitchThumbHoverColor : string;
 export const amsterdamSwitchCheckedBackgroundColor : string;
 export const amsterdamSwitchOutlineOffset : string;
 export const amsterdamSwitchDisabledBackgroundColor : string;
+export const amsterdamTableColor : string;
+export const amsterdamTableFontFamily : string;
+export const amsterdamTableFontWeight : number;
+export const amsterdamTableFontSize : string;
+export const amsterdamTableLineHeight : string;
+export const amsterdamTableCaptionFontWeight : number;
+export const amsterdamTableCellBorderBottom : string;
+export const amsterdamTableHeaderCellFontWeight : number;
 export const amsterdamTextInputBoxShadow : string;
 export const amsterdamTextInputColor : string;
 export const amsterdamTextInputFontFamily : string;

package/dist/index.js

@@ -1,10 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 22 Dec 2023 12:50:01 GMT
+ * Generated on Wed, 31 Jan 2024 12:56:24 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";
@@ -64,7 +63,7 @@ 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";
@@ -84,8 +83,8 @@ export const amsterdamAccordionButtonSpaciousFontSize = "clamp(1.125rem, calc(0.
 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";
@@ -94,15 +93,14 @@ 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 amsterdamAlertTitleSpaciousFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsterdamAlertTitleSpaciousLineHeight = "1.5";
+export const amsterdamAlertTitleCompactFontSize = "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)";
+export const amsterdamAlertTitleCompactLineHeight = "1.5";
 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,10 +109,33 @@ 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 amsterdamBadgeFontWeight = 800;
+export const amsterdamBadgePaddingInline = "0.5rem";
+export const amsterdamBadgeSpaciousFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsterdamBadgeSpaciousLineHeight = "1.6";
+export const amsterdamBadgeCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
+export const amsterdamBadgeCompactLineHeight = "1.6";
+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 amsterdamBlockquoteFontWeight = 800;
-export const amsterdamBlockquoteInverseColor = "#ffffff";
+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)";
@@ -139,7 +160,7 @@ export const amsterdamButtonCompactFontSize = "clamp(0.875rem, calc(0.313vw + 0.
 export const amsterdamButtonCompactLineHeight = "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";
@@ -176,7 +197,7 @@ export const amsterdamCheckboxSpaciousFontSize = "clamp(1.125rem, calc(0.469vw +
 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";
@@ -187,9 +208,6 @@ 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 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)";
@@ -216,7 +234,7 @@ export const amsterdamHeaderColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3
 export const amsterdamHeadingColor = "#000000";
 export const amsterdamHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamHeadingFontWeight = 800;
-export const amsterdamHeadingInverseColor = "#ffffff";
+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";
@@ -241,6 +259,21 @@ 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 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 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)";
@@ -257,6 +290,33 @@ export const amsterdamIconCompactSize5FontSize = "clamp(0.875rem, calc(0.313vw +
 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 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 amsterdamLinkListLinkSpaciousSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsterdamLinkListLinkSpaciousSmallLineHeight = "1.6";
+export const amsterdamLinkListLinkSpaciousMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsterdamLinkListLinkSpaciousMediumLineHeight = "1.6";
+export const amsterdamLinkListLinkSpaciousLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsterdamLinkListLinkSpaciousLargeLineHeight = "1.5";
+export const amsterdamLinkListLinkCompactSmallFontSize = "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)";
+export const amsterdamLinkListLinkCompactSmallLineHeight = "1.6";
+export const amsterdamLinkListLinkCompactMediumFontSize = "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)";
+export const amsterdamLinkListLinkCompactMediumLineHeight = "1.6";
+export const amsterdamLinkListLinkCompactLargeFontSize = "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)";
+export const amsterdamLinkListLinkCompactLargeLineHeight = "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;
@@ -289,9 +349,9 @@ export const amsterdamLinkStandaloneSpaciousFontSize = "clamp(1.125rem, calc(0.4
 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,6 +360,10 @@ 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 amsterdamOrderedListFontWeight = 400;
@@ -317,7 +381,7 @@ export const amsterdamOrderedListOrderedListItemPaddingInlineStart = "0.25rem";
 export const amsterdamPageHeadingColor = "#000000";
 export const amsterdamPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamPageHeadingFontWeight = 800;
-export const amsterdamPageHeadingInverseColor = "#ffffff";
+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)";
@@ -355,7 +419,7 @@ 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 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)";
@@ -371,7 +435,7 @@ export const amsterdamParagraphCompactLargeLineHeight = "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";
@@ -390,7 +454,7 @@ 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)";
@@ -399,10 +463,10 @@ 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,21 +474,29 @@ 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 amsterdamTextInputFontWeight = 400;
 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";
@@ -475,26 +547,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";