@amsterdam/design-system-tokens 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Jul 2023 07:52:43 GMT
+ * Generated on Fri, 08 Sep 2023 12:12:54 GMT
  */
 
 export const amsterdamColorPrimaryBlack = "#000000";
@@ -22,29 +22,29 @@ export const amsterdamColorNeutralGrey4 = "#323232";
 export const amsterdamTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamTypographyFontWeightNormal = 400;
 export const amsterdamTypographyFontWeightBold = 800;
-export const amsterdamTypographyTextLevel0FontSizeNarrow = "clamp(2rem, 2rem + (2 * (100vw - 20rem)) / 33.3125, 4rem)";
-export const amsterdamTypographyTextLevel0FontSizeWide = "clamp(4rem, 4rem + (1 * (100vw - 53.375rem)) / 36.625, 5rem)";
+export const amsterdamTypographyTextLevel0NarrowFontSize = "clamp(2rem, 2rem + (2 * (100vw - 20rem)) / 33.3125, 4rem)";
+export const amsterdamTypographyTextLevel0WideFontSize = "clamp(4rem, 4rem + (1 * (100vw - 53.375rem)) / 36.625, 5rem)";
 export const amsterdamTypographyTextLevel0LineHeight = "1.1";
-export const amsterdamTypographyTextLevel1FontSizeNarrow = "clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem)";
-export const amsterdamTypographyTextLevel1FontSizeWide = "clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem)";
+export const amsterdamTypographyTextLevel1NarrowFontSize = "clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem)";
+export const amsterdamTypographyTextLevel1WideFontSize = "clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem)";
 export const amsterdamTypographyTextLevel1LineHeight = "1.2";
-export const amsterdamTypographyTextLevel2FontSizeNarrow = "clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem)";
-export const amsterdamTypographyTextLevel2FontSizeWide = "clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem)";
+export const amsterdamTypographyTextLevel2NarrowFontSize = "clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem)";
+export const amsterdamTypographyTextLevel2WideFontSize = "clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem)";
 export const amsterdamTypographyTextLevel2LineHeight = "1.3";
-export const amsterdamTypographyTextLevel3FontSizeNarrow = "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)";
-export const amsterdamTypographyTextLevel3FontSizeWide = "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)";
+export const amsterdamTypographyTextLevel3NarrowFontSize = "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)";
+export const amsterdamTypographyTextLevel3WideFontSize = "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)";
 export const amsterdamTypographyTextLevel3LineHeight = "1.4";
-export const amsterdamTypographyTextLevel4FontSizeNarrow = "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)";
-export const amsterdamTypographyTextLevel4FontSizeWide = "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)";
-export const amsterdamTypographyTextLevel4LineHeight = "1.5";
-export const amsterdamTypographyTextLevel5FontSizeNarrow = "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)";
-export const amsterdamTypographyTextLevel5FontSizeWide = "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)";
-export const amsterdamTypographyTextLevel5LineHeight = "1.4";
-export const amsterdamTypographyTextLevel6FontSizeNarrow = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
-export const amsterdamTypographyTextLevel6FontSizeWide = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
+export const amsterdamTypographyTextLevel4NarrowFontSize = "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)";
+export const amsterdamTypographyTextLevel4WideFontSize = "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)";
+export const amsterdamTypographyTextLevel4LineHeight = "1.4";
+export const amsterdamTypographyTextLevel5NarrowFontSize = "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)";
+export const amsterdamTypographyTextLevel5WideFontSize = "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)";
+export const amsterdamTypographyTextLevel5LineHeight = "1.5";
+export const amsterdamTypographyTextLevel6NarrowFontSize = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
+export const amsterdamTypographyTextLevel6WideFontSize = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
 export const amsterdamTypographyTextLevel6LineHeight = "1.6";
-export const amsterdamTypographyTextLevel7FontSizeNarrow = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
-export const amsterdamTypographyTextLevel7FontSizeWide = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
+export const amsterdamTypographyTextLevel7NarrowFontSize = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
+export const amsterdamTypographyTextLevel7WideFontSize = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
 export const amsterdamTypographyTextLevel7LineHeight = "1.6";
 export const amsterdamBorderWidthSm = "1px";
 export const amsterdamBorderWidthMd = "2px";
@@ -54,39 +54,101 @@ export const amsterdamSpacingInsetSm = "0.5rem";
 export const amsterdamSpacingInsetMd = "1rem";
 export const amsterdamSpacingInsetLg = "1.5rem";
 export const amsterdamSpacingInsetXl = "2.5rem";
-export const amsterdamButtonFontSizeNarrow = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
-export const amsterdamButtonFontSizeWide = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
-export const amsterdamButtonSecondaryHoverBoxShadow = "0 0 0 1px #00387A";
+export const amsterdamAccordionButtonColor = "#004699";
+export const amsterdamAccordionButtonFocusOutlineOffset = "2px";
+export const amsterdamAccordionButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamAccordionButtonFontWeight = 800;
+export const amsterdamAccordionButtonLineHeight = "1.5";
+export const amsterdamAccordionButtonNarrowFontSize = "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)";
+export const amsterdamAccordionButtonWideFontSize = "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)";
+export const amsterdamAccordionButtonHoverBoxShadow = "inset 0 0 0 2px #767676";
+export const amsterdamBlockquoteColor = "#000000";
+export const amsterdamBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamBlockquoteFontWeight = 800;
+export const amsterdamBlockquoteInverseColor = "#ffffff";
+export const amsterdamBlockquoteLineHeight = "1.4";
+export const amsterdamBlockquoteNarrowFontSize = "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)";
+export const amsterdamBlockquoteWideFontSize = "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)";
+export const amsterdamBreadcrumbColor = "#004699";
+export const amsterdamBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamBreadcrumbLineHeight = "1.6";
+export const amsterdamBreadcrumbNarrowFontSize = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
+export const amsterdamBreadcrumbWideFontSize = "clamp(1.0625rem, 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 amsterdamBreadcrumbItemLinkFocusTextDecoration = "underline";
+export const amsterdamButtonNarrowFontSize = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
+export const amsterdamButtonWideFontSize = "clamp(1.3125rem, 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 amsterdamButtonSecondaryDisabledBoxShadow = "inset 0 0 0 2px #B4B4B4";
+export const amsterdamButtonSecondaryFocusBoxShadow = "inset 0 0 0 3px #00387A";
+export const amsterdamButtonSecondaryFocusColor = "#00387A";
+export const amsterdamButtonTertiaryHoverBoxShadow = "inset 0 0 0 2px #767676";
+export const amsterdamButtonTertiaryFocusBoxShadow = "inset 0 0 0 2px #767676";
+export const amsterdamCheckboxColor = "#000000";
+export const amsterdamCheckboxCheckmarkBorderColor = "#004699";
+export const amsterdamCheckboxCheckmarkCheckedBackgroundColor = "#004699";
+export const amsterdamCheckboxCheckmarkCheckedHoverBackgroundColor = "#00387A";
+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 amsterdamCheckboxCheckmarkInvalidBorderColor = "#EC0000";
+export const amsterdamCheckboxCheckmarkInvalidCheckedBackgroundColor = "#EC0000";
+export const amsterdamCheckboxCheckmarkInvalidCheckedHoverBackgroundColor = "#EC0000";
+export const amsterdamCheckboxCheckmarkInvalidHoverBorderColor = "#EC0000";
+export const amsterdamCheckboxCheckmarkInvalidIndeterminateBackgroundColor = "#EC0000";
+export const amsterdamCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor = "#EC0000";
+export const amsterdamCheckboxCheckmarkIndeterminateBackgroundColor = "#004699";
+export const amsterdamCheckboxCheckmarkIndeterminateHoverBackgroundColor = "#00387A";
+export const amsterdamCheckboxCheckmarkNarrowSize = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
+export const amsterdamCheckboxCheckmarkWideSize = "clamp(1.3125rem, 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 amsterdamCheckboxOutlineOffset = "2px";
+export const amsterdamCheckboxLineHeight = "1.6";
+export const amsterdamCheckboxNarrowFontSize = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
+export const amsterdamCheckboxWideFontSize = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
+export const amsterdamFooterTopBackgroundColor = "#004699";
 export const amsterdamFormLabelColor = "#000000";
 export const amsterdamFormLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamFormLabelFontSizeNarrow = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
-export const amsterdamFormLabelFontSizeWide = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
 export const amsterdamFormLabelFontWeight = 800;
 export const amsterdamFormLabelLineHeight = "1.6";
-export const amsterdamHeading1FontSizeNarrow = "clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem)";
-export const amsterdamHeading1FontSizeWide = "clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem)";
+export const amsterdamFormLabelNarrowFontSize = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
+export const amsterdamFormLabelWideFontSize = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
 export const amsterdamHeading1LineHeight = "1.2";
-export const amsterdamHeading2FontSizeNarrow = "clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem)";
-export const amsterdamHeading2FontSizeWide = "clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem)";
+export const amsterdamHeading1NarrowFontSize = "clamp(2rem, 2rem + (1 * (100vw - 20rem)) / 33.3125, 3rem)";
+export const amsterdamHeading1WideFontSize = "clamp(3rem, 3rem + (0.5 * (100vw - 53.375rem)) / 36.625, 3.5rem)";
 export const amsterdamHeading2LineHeight = "1.3";
-export const amsterdamHeading3FontSizeNarrow = "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)";
-export const amsterdamHeading3FontSizeWide = "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)";
+export const amsterdamHeading2NarrowFontSize = "clamp(1.75rem, 1.75rem + (0.5 * (100vw - 20rem)) / 33.3125, 2.25rem)";
+export const amsterdamHeading2WideFontSize = "clamp(2.25rem, 2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625, 2.5rem)";
 export const amsterdamHeading3LineHeight = "1.4";
-export const amsterdamHeading4FontSizeNarrow = "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)";
-export const amsterdamHeading4FontSizeWide = "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)";
+export const amsterdamHeading3NarrowFontSize = "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)";
+export const amsterdamHeading3WideFontSize = "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)";
 export const amsterdamHeading4LineHeight = "1.4";
+export const amsterdamHeading4NarrowFontSize = "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)";
+export const amsterdamHeading4WideFontSize = "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)";
 export const amsterdamHeadingColor = "#000000";
 export const amsterdamHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
 export const amsterdamHeadingFontWeight = 800;
+export const amsterdamHeadingInverseColor = "#ffffff";
 export const amsterdamIconSize3IconSizeNarrow = "clamp(1.5rem, 1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125, 1.8125rem)";
 export const amsterdamIconSize3IconSizeWide = "clamp(1.8125rem, 1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625, 2rem)";
 export const amsterdamIconSize3ContainerMultiplier = "1.4";
-export const amsterdamIconSize4IconSizeNarrow = "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)";
-export const amsterdamIconSize4IconSizeWide = "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)";
-export const amsterdamIconSize4ContainerMultiplier = "1.5";
-export const amsterdamIconSize5IconSizeNarrow = "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)";
-export const amsterdamIconSize5IconSizeWide = "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)";
-export const amsterdamIconSize5ContainerMultiplier = "1.4";
+export const amsterdamIconSize4IconSizeNarrow = "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)";
+export const amsterdamIconSize4IconSizeWide = "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)";
+export const amsterdamIconSize4ContainerMultiplier = "1.4";
+export const amsterdamIconSize5IconSizeNarrow = "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)";
+export const amsterdamIconSize5IconSizeWide = "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)";
+export const amsterdamIconSize5ContainerMultiplier = "1.5";
 export const amsterdamIconSize6IconSizeNarrow = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
 export const amsterdamIconSize6IconSizeWide = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
 export const amsterdamIconSize6ContainerMultiplier = "1.6";
@@ -95,60 +157,119 @@ export const amsterdamIconSize7IconSizeWide = "clamp(1.0625rem, 1.0625rem + (0.0
 export const amsterdamIconSize7ContainerMultiplier = "1.6";
 export const amsterdamLinkColor = "#004699";
 export const amsterdamLinkOutlineOffset = "2px";
-export const amsterdamLinkTextDecoration = "none";
-export const amsterdamLinkTextUnderlineOffset = "9px";
-export const amsterdamLinkTextDecorationThickness = "2px";
 export const amsterdamLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamLinkFontSizeNarrow = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
-export const amsterdamLinkFontSizeWide = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
 export const amsterdamLinkFontWeight = 400;
 export const amsterdamLinkFocusColor = "#00387A";
-export const amsterdamLinkFocusTextDecoration = "underline";
-export const amsterdamLinkHoverColor = "#00387A";
-export const amsterdamLinkHoverTextDecoration = "underline";
-export const amsterdamLinkHoverTextDecorationThickness = "2px";
-export const amsterdamLinkLineHeight = "1.6";
-export const amsterdamLinkVisitedColor = "#004699";
-export const amsterdamLinkStandaloneBoldFontWeight = 800;
-export const amsterdamLinkInlineTextUnderlineOffset = "3px";
+export const amsterdamLinkInlineFocusTextDecoration = "underline";
+export const amsterdamLinkInlineFocusTextUnderlineOffset = "3px";
 export const amsterdamLinkInlineFontFamily = "inherit";
 export const amsterdamLinkInlineFontSize = "inherit";
+export const amsterdamLinkInlineLineHeight = "inherit";
+export const amsterdamLinkInlineTextDecoration = "none";
 export const amsterdamLinkInlineVisitedColor = "#A00078";
 export const amsterdamLinkInListGap = "0.5em";
-export const amsterdamLinkInListTextUnderlineOffset = "0.3em";
-export const amsterdamLinkInListFontSizeNarrow = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
-export const amsterdamLinkInListFontSizeWide = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
+export const amsterdamLinkInListFocusTextDecoration = "underline";
+export const amsterdamLinkInListFocusTextDecorationThickness = "2px";
+export const amsterdamLinkInListFocusTextUnderlineOffset = "7px";
+export const amsterdamLinkInListTextDecoration = "none";
 export const amsterdamLinkInListLineHeight = "1.6";
+export const amsterdamLinkInListNarrowFontSize = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
+export const amsterdamLinkInListWideFontSize = "clamp(1.0625rem, 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 amsterdamLinkStandaloneLineHeight = "1.6";
+export const amsterdamLinkStandaloneNarrowFontSize = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
+export const amsterdamLinkStandaloneWideFontSize = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
 export const amsterdamLinkOnBackgroundDarkColor = "#ffffff";
-export const amsterdamLinkOnBackgroundDarkTextDecoration = "underline";
-export const amsterdamLinkOnBackgroundDarkFocusColor = "#ffffff";
-export const amsterdamLinkOnBackgroundDarkFocusTextDecoration = "underline";
 export const amsterdamLinkOnBackgroundDarkHoverColor = "#ffffff";
-export const amsterdamLinkOnBackgroundDarkHoverTextDecoration = "none";
 export const amsterdamLinkOnBackgroundDarkVisitedColor = "#ffffff";
 export const amsterdamLinkOnBackgroundLightColor = "#000000";
-export const amsterdamLinkOnBackgroundLightTextDecoration = "underline";
-export const amsterdamLinkOnBackgroundLightTextDecorationThickness = "2px";
-export const amsterdamLinkOnBackgroundLightTextUnderlineOffset = "9px";
-export const amsterdamLinkOnBackgroundLightActiveColor = "#000000";
-export const amsterdamLinkOnBackgroundLightFontSize = {"narrow":{"value":"clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)","filePath":"./src/brand/amsterdam/typography.tokens.json","isSource":true,"original":{"value":"clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)"},"name":"amsterdamTypographyTextLevel6FontSizeNarrow","attributes":{"category":"amsterdam","type":"typography","item":"text-level","subitem":"6","state":"font-size"},"path":["amsterdam","typography","text-level","6","font-size","narrow"]},"wide":{"value":"clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)","filePath":"./src/brand/amsterdam/typography.tokens.json","isSource":true,"original":{"value":"clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)"},"name":"amsterdamTypographyTextLevel6FontSizeWide","attributes":{"category":"amsterdam","type":"typography","item":"text-level","subitem":"6","state":"font-size"},"path":["amsterdam","typography","text-level","6","font-size","wide"]}};
-export const amsterdamLinkOnBackgroundLightFocusColor = "#000000";
-export const amsterdamLinkOnBackgroundLightFocusTextDecoration = "underline";
 export const amsterdamLinkOnBackgroundLightHoverColor = "#000000";
-export const amsterdamLinkOnBackgroundLightHoverTextDecoration = "none";
 export const amsterdamLinkOnBackgroundLightVisitedColor = "#000000";
+export const amsterdamOrderedListColor = "#000000";
+export const amsterdamOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamOrderedListFontWeight = 400;
+export const amsterdamOrderedListGap = "0.75rem";
+export const amsterdamOrderedListLineHeight = "1.6";
+export const amsterdamOrderedListListStyleType = "decimal";
+export const amsterdamOrderedListNarrowFontSize = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
+export const amsterdamOrderedListWideFontSize = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
+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";
+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";
+export const amsterdamPageHeadingNarrowFontSize = "clamp(2rem, 2rem + (2 * (100vw - 20rem)) / 33.3125, 4rem)";
+export const amsterdamPageHeadingWideFontSize = "clamp(4rem, 4rem + (1 * (100vw - 53.375rem)) / 36.625, 5rem)";
+export const amsterdamPageHeadingFontWeight = 800;
+export const amsterdamPageHeadingInverseColor = "#ffffff";
+export const amsterdamPageMenuColumnGap = "2.5rem";
+export const amsterdamPageMenuRowGap = "0.5rem";
+export const amsterdamPageMenuItemColor = "#000000";
+export const amsterdamPageMenuItemFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamPageMenuItemFontWeight = 400;
+export const amsterdamPageMenuItemGap = "0.5rem";
+export const amsterdamPageMenuItemLineHeight = "1.6";
+export const amsterdamPageMenuItemTextDecoration = "none";
+export const amsterdamPageMenuItemNarrowFontSize = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
+export const amsterdamPageMenuItemWideFontSize = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
+export const amsterdamPageMenuItemHoverColor = "#00387A";
 export const amsterdamParagraphColor = "#000000";
 export const amsterdamParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamParagraphFontSizeNarrow = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
-export const amsterdamParagraphFontSizeWide = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
 export const amsterdamParagraphFontWeight = 400;
+export const amsterdamParagraphInverseColor = "#ffffff";
 export const amsterdamParagraphLineHeight = "1.6";
-export const amsterdamParagraphSmallFontSizeNarrow = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
-export const amsterdamParagraphSmallFontSizeWide = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
+export const amsterdamParagraphNarrowFontSize = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
+export const amsterdamParagraphWideFontSize = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
 export const amsterdamParagraphSmallLineHeight = "1.6";
-export const amsterdamParagraphLargeFontSizeNarrow = "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)";
-export const amsterdamParagraphLargeFontSizeWide = "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)";
+export const amsterdamParagraphSmallNarrowFontSize = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
+export const amsterdamParagraphSmallWideFontSize = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
 export const amsterdamParagraphLargeLineHeight = "1.5";
+export const amsterdamParagraphLargeNarrowFontSize = "clamp(1.375rem, 1.375rem + (0.25 * (100vw - 20rem)) / 33.3125, 1.625rem)";
+export const amsterdamParagraphLargeWideFontSize = "clamp(1.625rem, 1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.75rem)";
+export const amsterdamTopTaskLinkDescriptionColor = "#000000";
+export const amsterdamTopTaskLinkDescriptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamTopTaskLinkDescriptionFontWeight = 400;
+export const amsterdamTopTaskLinkDescriptionLineHeight = "1.6";
+export const amsterdamTopTaskLinkDescriptionNarrowFontSize = "clamp(1rem, 1rem + (0.0625 * (100vw - 20rem)) / 33.3125, 1.0625rem)";
+export const amsterdamTopTaskLinkDescriptionWideFontSize = "clamp(1.0625rem, 1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.125rem)";
+export const amsterdamTopTaskLinkLabelColor = "#004699";
+export const amsterdamTopTaskLinkLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamTopTaskLinkLabelFontWeight = 800;
+export const amsterdamTopTaskLinkLabelHoverColor = "#00387A";
+export const amsterdamTopTaskLinkLabelLineHeight = "1.4";
+export const amsterdamTopTaskLinkLabelNarrowFontSize = "clamp(1.25rem, 1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.4375rem)";
+export const amsterdamTopTaskLinkLabelWideFontSize = "clamp(1.4375rem, 1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625, 1.5625rem)";
+export const amsterdamTopTaskLinkOutlineOffset = "2px";
+export const amsterdamUnorderedListColor = "#000000";
+export const amsterdamUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsterdamUnorderedListFontWeight = 400;
+export const amsterdamUnorderedListGap = "0.75rem";
+export const amsterdamUnorderedListLineHeight = "1.6";
+export const amsterdamUnorderedListListStyleType = "'\\2022'";
+export const amsterdamUnorderedListNarrowFontSize = "clamp(1.125rem, 1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125, 1.3125rem)";
+export const amsterdamUnorderedListWideFontSize = "clamp(1.3125rem, 1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625, 1.375rem)";
+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'";
+export const amsterdamUnorderedListUnorderedListItemMarginInlineStart = "0.875rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
+export const amsterdamUnorderedListUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
+export const utrechtActionActivateCursor = "pointer";
+export const utrechtActionBusyCursor = "wait";
+export const utrechtActionDisabledCursor = "not-allowed";
+export const utrechtActionInertCursor = "default";
+export const utrechtActionNavigateCursor = "pointer";
+export const utrechtActionSubmitCursor = "pointer";
+export const utrechtFocusOutlineOffset = "2px";
 export const utrechtButtonBackgroundColor = "#004699";
 export const utrechtButtonColor = "#ffffff";
 export const utrechtButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
@@ -159,24 +280,19 @@ export const utrechtButtonPaddingBlockStart = "0.5rem";
 export const utrechtButtonPaddingBlockEnd = "0.5rem";
 export const utrechtButtonDisabledBackgroundColor = "#B4B4B4";
 export const utrechtButtonDisabledColor = "#ffffff";
-export const utrechtButtonDisabledBorderColor = "transparent";
-export const utrechtButtonHoverBackgroundColor = "#00387A";
 export const utrechtButtonPrimaryActionBackgroundColor = "#004699";
 export const utrechtButtonPrimaryActionColor = "#ffffff";
 export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#B4B4B4";
 export const utrechtButtonPrimaryActionHoverBackgroundColor = "#00387A";
+export const utrechtButtonPrimaryActionFocusBackgroundColor = "#00387A";
 export const utrechtButtonSecondaryActionBackgroundColor = "#ffffff";
 export const utrechtButtonSecondaryActionColor = "#004699";
-export const utrechtButtonSecondaryActionBorderColor = "#004699";
-export const utrechtButtonSecondaryActionBorderWidth = "2px";
 export const utrechtButtonSecondaryActionHoverColor = "#00387A";
-export const utrechtButtonSecondaryActionHoverBorderColor = "#00387A";
 export const utrechtButtonSecondaryActionDisabledBackgroundColor = "#ffffff";
 export const utrechtButtonSecondaryActionDisabledColor = "#B4B4B4";
-export const utrechtButtonSecondaryActionDisabledBorderColor = "#B4B4B4";
 export const utrechtButtonSubtleBackgroundColor = "transparent";
-export const utrechtButtonSubtleBorderWidth = "2px";
 export const utrechtButtonSubtleColor = "#004699";
-export const utrechtButtonSubtleHoverBorderColor = "#767676";
+export const utrechtButtonSubtleHoverColor = "#00387A";
+export const utrechtButtonSubtleFocusColor = "#00387A";
 export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
 export const utrechtButtonSubtleDisabledColor = "#B4B4B4";