@amsterdam/design-system-tokens 0.4.0 → 0.5.0

package/dist/index.d.ts

@@ -1,584 +1,1107 @@
 /**
  * Do not edit directly
- * Generated on Wed, 31 Jan 2024 12:56:24 GMT
+ * Generated on Fri, 09 Feb 2024 16:26:11 GMT
  */
 
-export const amsterdamColorPrimaryBlack : string;
-export const amsterdamColorPrimaryWhite : string;
-export const amsterdamColorPrimaryBlue : string;
-export const amsterdamColorPrimaryRed : string;
-export const amsterdamColorDarkBlue : string;
-export const amsterdamColorOrange : string;
-export const amsterdamColorYellow : string;
-export const amsterdamColorGreen : string;
-export const amsterdamColorDarkGreen : string;
-export const amsterdamColorBlue : string;
-export const amsterdamColorPurple : string;
-export const amsterdamColorMagenta : string;
-export const amsterdamColorNeutralGrey1 : string;
-export const amsterdamColorNeutralGrey2 : string;
-export const amsterdamColorNeutralGrey3 : string;
-export const amsterdamProportionXTall : string;
-export const amsterdamProportionTall : string;
-export const amsterdamProportionSquare : string;
-export const amsterdamProportionWide : string;
-export const amsterdamProportionXWide : string;
-export const amsterdamProportion2xWide : string;
-export const amsterdamTypographyFontFamily : string;
-export const amsterdamTypographyFontWeightNormal : number;
-export const amsterdamTypographyFontWeightBold : number;
-export const amsterdamTypographySpaciousTextLevel0FontSize : string;
-export const amsterdamTypographySpaciousTextLevel0LineHeight : string;
-export const amsterdamTypographySpaciousTextLevel1FontSize : string;
-export const amsterdamTypographySpaciousTextLevel1LineHeight : string;
-export const amsterdamTypographySpaciousTextLevel2FontSize : string;
-export const amsterdamTypographySpaciousTextLevel2LineHeight : string;
-export const amsterdamTypographySpaciousTextLevel3FontSize : string;
-export const amsterdamTypographySpaciousTextLevel3LineHeight : string;
-export const amsterdamTypographySpaciousTextLevel4FontSize : string;
-export const amsterdamTypographySpaciousTextLevel4LineHeight : string;
-export const amsterdamTypographySpaciousTextLevel5FontSize : string;
-export const amsterdamTypographySpaciousTextLevel5LineHeight : string;
-export const amsterdamTypographySpaciousTextLevel6FontSize : string;
-export const amsterdamTypographySpaciousTextLevel6LineHeight : string;
-export const amsterdamTypographyCompactTextLevel0FontSize : string;
-export const amsterdamTypographyCompactTextLevel0LineHeight : string;
-export const amsterdamTypographyCompactTextLevel1FontSize : string;
-export const amsterdamTypographyCompactTextLevel1LineHeight : string;
-export const amsterdamTypographyCompactTextLevel2FontSize : string;
-export const amsterdamTypographyCompactTextLevel2LineHeight : string;
-export const amsterdamTypographyCompactTextLevel3FontSize : string;
-export const amsterdamTypographyCompactTextLevel3LineHeight : string;
-export const amsterdamTypographyCompactTextLevel4FontSize : string;
-export const amsterdamTypographyCompactTextLevel4LineHeight : string;
-export const amsterdamTypographyCompactTextLevel5FontSize : string;
-export const amsterdamTypographyCompactTextLevel5LineHeight : string;
-export const amsterdamTypographyCompactTextLevel6FontSize : string;
-export const amsterdamTypographyCompactTextLevel6LineHeight : string;
-export const amsterdamBorderWidthSm : string;
-export const amsterdamBorderWidthMd : string;
-export const amsterdamBorderWidthLg : string;
-export const amsterdamFocusOutlineOffset : string;
-export const amsterdamLinkAppearanceColor : string;
-export const amsterdamLinkAppearanceTextDecorationThickness : string;
-export const amsterdamLinkAppearanceTextUnderlineOffset : string;
-export const amsterdamLinkAppearanceHoverColor : string;
-export const amsterdamLinkAppearanceOnBackgroundDarkColor : string;
-export const amsterdamLinkAppearanceOnBackgroundLightColor : string;
-export const amsterdamLinkAppearanceRegularTextDecorationLine : string;
-export const amsterdamLinkAppearanceRegularHoverTextDecorationThickness : string;
-export const amsterdamLinkAppearanceRegularHoverTextUnderlineOffset : string;
-export const amsterdamLinkAppearanceSubtleTextDecorationLine : string;
-export const amsterdamLinkAppearanceSubtleHoverTextDecorationLine : string;
-export const amsterdamSpacingInsetSm : string;
-export const amsterdamSpacingInsetMd : string;
-export const amsterdamSpacingInsetLg : string;
-export const amsterdamSpacingInsetXl : string;
-export const amsterdamAccordionButtonColor : string;
-export const amsterdamAccordionButtonFocusOutlineOffset : string;
-export const amsterdamAccordionButtonFontFamily : string;
-export const amsterdamAccordionButtonFontWeight : number;
-export const amsterdamAccordionButtonHoverBoxShadow : string;
-export const amsterdamAccordionButtonSpaciousFontSize : string;
-export const amsterdamAccordionButtonSpaciousLineHeight : string;
-export const amsterdamAccordionButtonCompactFontSize : string;
-export const amsterdamAccordionButtonCompactLineHeight : string;
-export const amsterdamAlertBorderWidth : string;
-export const amsterdamAlertBorderStyle : string;
-export const amsterdamAlertGap : string;
-export const amsterdamAlertPaddingBlockStart : string;
-export const amsterdamAlertPaddingBlockEnd : string;
-export const amsterdamAlertPaddingInlineStart : string;
-export const amsterdamAlertPaddingInlineEnd : string;
-export const amsterdamAlertTitleColor : string;
-export const amsterdamAlertTitleFontFamily : string;
-export const amsterdamAlertTitleFontWeight : number;
-export const amsterdamAlertTitleSpaciousFontSize : string;
-export const amsterdamAlertTitleSpaciousLineHeight : string;
-export const amsterdamAlertTitleCompactFontSize : string;
-export const amsterdamAlertTitleCompactLineHeight : string;
-export const amsterdamAlertErrorBorderColor : string;
-export const amsterdamAlertInfoBorderColor : string;
-export const amsterdamAlertSuccessBorderColor : string;
-export const amsterdamAlertWarningBorderColor : string;
-export const amsterdamAlertCloseFill : string;
-export const amsterdamAlertCloseHoverFill : string;
-export const amsterdamAspectRatioXTall : string;
-export const amsterdamAspectRatioTall : string;
-export const amsterdamAspectRatioSquare : string;
-export const amsterdamAspectRatioWide : string;
-export const amsterdamAspectRatioXWide : string;
-export const amsterdamAspectRatio2xWide : string;
-export const 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;
-export const amsterdamBlockquoteInverseColor : string;
-export const amsterdamBlockquoteSpaciousFontSize : string;
-export const amsterdamBlockquoteSpaciousLineHeight : string;
-export const amsterdamBlockquoteCompactFontSize : string;
-export const amsterdamBlockquoteCompactLineHeight : string;
-export const amsterdamBreadcrumbFontFamily : string;
-export const amsterdamBreadcrumbFontWeight : number;
-export const amsterdamBreadcrumbSeparatorBackgroundImage : string;
-export const amsterdamBreadcrumbItemLinkColor : string;
-export const amsterdamBreadcrumbItemLinkOutlineOffset : string;
-export const amsterdamBreadcrumbItemLinkTextDecorationLine : string;
-export const amsterdamBreadcrumbItemLinkTextDecorationThickness : string;
-export const amsterdamBreadcrumbItemLinkTextUnderlineOffset : string;
-export const amsterdamBreadcrumbItemLinkHoverColor : string;
-export const amsterdamBreadcrumbItemLinkHoverTextDecorationLine : string;
-export const amsterdamBreadcrumbSpaciousFontSize : string;
-export const amsterdamBreadcrumbSpaciousLineHeight : string;
-export const amsterdamBreadcrumbCompactFontSize : string;
-export const amsterdamBreadcrumbCompactLineHeight : string;
-export const amsterdamButtonSpaciousFontSize : string;
-export const amsterdamButtonSpaciousLineHeight : string;
-export const amsterdamButtonCompactFontSize : string;
-export const amsterdamButtonCompactLineHeight : string;
-export const amsterdamButtonSecondaryBoxShadow : string;
-export const amsterdamButtonSecondaryHoverBoxShadow : string;
-export const amsterdamButtonSecondaryDisabledBoxShadow : string;
-export const amsterdamButtonSecondaryFocusBoxShadow : string;
-export const amsterdamButtonTertiaryHoverBoxShadow : string;
-export const amsterdamCardLinkColor : string;
-export const amsterdamCardLinkTextDecorationLine : string;
-export const amsterdamCardLinkTextDecorationThickness : string;
-export const amsterdamCardLinkTextUnderlineOffset : string;
-export const amsterdamCardLinkHoverColor : string;
-export const amsterdamCardLinkHoverTextDecorationLine : string;
-export const amsterdamCardOutlineOffset : string;
-export const amsterdamCheckboxColor : string;
-export const amsterdamCheckboxCheckmarkBorderColor : string;
-export const amsterdamCheckboxCheckmarkCheckedBackgroundColor : string;
-export const amsterdamCheckboxCheckmarkCheckedHoverBackgroundColor : string;
-export const amsterdamCheckboxCheckmarkDisabledBorderColor : string;
-export const amsterdamCheckboxCheckmarkDisabledCheckedBackgroundColor : string;
-export const amsterdamCheckboxCheckmarkDisabledCheckedHoverBackgroundColor : string;
-export const amsterdamCheckboxCheckmarkDisabledIndeterminateBackgroundColor : string;
-export const amsterdamCheckboxCheckmarkDisabledIndeterminateHoverBackgroundColor : string;
-export const amsterdamCheckboxCheckmarkHoverBorderColor : string;
-export const amsterdamCheckboxCheckmarkInvalidBorderColor : string;
-export const amsterdamCheckboxCheckmarkInvalidCheckedBackgroundColor : string;
-export const amsterdamCheckboxCheckmarkInvalidCheckedHoverBackgroundColor : string;
-export const amsterdamCheckboxCheckmarkInvalidHoverBorderColor : string;
-export const amsterdamCheckboxCheckmarkInvalidIndeterminateBackgroundColor : string;
-export const amsterdamCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor : string;
-export const amsterdamCheckboxCheckmarkIndeterminateBackgroundColor : string;
-export const amsterdamCheckboxCheckmarkIndeterminateHoverBackgroundColor : string;
-export const amsterdamCheckboxDisabledColor : string;
-export const amsterdamCheckboxFontFamily : string;
-export const amsterdamCheckboxFontWeight : number;
-export const amsterdamCheckboxHoverColor : string;
-export const amsterdamCheckboxOutlineOffset : string;
-export const amsterdamCheckboxSpaciousFontSize : string;
-export const amsterdamCheckboxSpaciousLineHeight : string;
-export const amsterdamCheckboxCompactFontSize : string;
-export const amsterdamCheckboxCompactLineHeight : string;
-export const amsterdamDialogBackgroundColor : string;
-export const amsterdamDialogBorder : string;
-export const amsterdamDialogMaxInlineSize : string;
-export const amsterdamDialogTitleColor : string;
-export const amsterdamDialogTitleFontFamily : string;
-export const amsterdamDialogTitleFontWeight : number;
-export const amsterdamDialogTitleSpaciousFontSize : string;
-export const amsterdamDialogTitleSpaciousLineHeight : string;
-export const amsterdamDialogTitleCompactFontSize : string;
-export const amsterdamDialogTitleCompactLineHeight : string;
-export const amsterdamDialogBackdropBackground : string;
-export const amsterdamDialogFormGap : string;
-export const amsterdamDialogFormPaddingBlock : string;
-export const amsterdamDialogFormPaddingInline : string;
-export const amsterdamDialogFormMaxBlockSize : string;
-export const amsterdamDialogArticlePaddingInlineEnd : string;
-export const amsterdamDialogHeaderGap : string;
-export const amsterdamDialogFooterGap : string;
-export const amsterdamDialogFooterPaddingBlock : string;
-export const amsterdamFormLabelColor : string;
-export const amsterdamFormLabelFontFamily : string;
-export const amsterdamFormLabelFontWeight : number;
-export const amsterdamFormLabelSpaciousFontSize : string;
-export const amsterdamFormLabelSpaciousLineHeight : string;
-export const amsterdamFormLabelCompactFontSize : string;
-export const amsterdamFormLabelCompactLineHeight : string;
-export const amsterdamGridColumnCount : string;
-/** Grows from 16px at 320px wide to 56px at 1600px wide. */
-export const amsterdamGridSpaciousGap : string;
-/** Equals 1.5 times the gap. */
-export const amsterdamGridSpaciousPaddingInline : string;
-/** Grows from 16px at 1088px wide to 40px at 2624px wide. */
-export const amsterdamGridCompactGap : string;
-/** Equals the gap. */
-export const amsterdamGridCompactPaddingInline : string;
-export const amsterdamGridMediumColumnCount : string;
-export const amsterdamGridWideColumnCount : string;
-export const amsterdamHeaderColumnGap : string;
-export const amsterdamHeadingColor : string;
-export const amsterdamHeadingFontFamily : string;
-export const amsterdamHeadingFontWeight : number;
-export const amsterdamHeadingInverseColor : string;
-export const amsterdamHeadingSpaciousLevel1LineHeight : string;
-export const amsterdamHeadingSpaciousLevel1FontSize : string;
-export const amsterdamHeadingSpaciousLevel2LineHeight : string;
-export const amsterdamHeadingSpaciousLevel2FontSize : string;
-export const amsterdamHeadingSpaciousLevel3LineHeight : string;
-export const amsterdamHeadingSpaciousLevel3FontSize : string;
-export const amsterdamHeadingSpaciousLevel4LineHeight : string;
-export const amsterdamHeadingSpaciousLevel4FontSize : string;
-export const amsterdamHeadingSpaciousLevel5LineHeight : string;
-export const amsterdamHeadingSpaciousLevel5FontSize : string;
-export const amsterdamHeadingSpaciousLevel6LineHeight : string;
-export const amsterdamHeadingSpaciousLevel6FontSize : string;
-export const amsterdamHeadingCompactLevel1LineHeight : string;
-export const amsterdamHeadingCompactLevel1FontSize : string;
-export const amsterdamHeadingCompactLevel2LineHeight : string;
-export const amsterdamHeadingCompactLevel2FontSize : string;
-export const amsterdamHeadingCompactLevel3LineHeight : string;
-export const amsterdamHeadingCompactLevel3FontSize : string;
-export const amsterdamHeadingCompactLevel4LineHeight : string;
-export const amsterdamHeadingCompactLevel4FontSize : string;
-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;
-export const amsterdamIconSpaciousSize4LineHeight : string;
-export const amsterdamIconSpaciousSize5FontSize : string;
-export const amsterdamIconSpaciousSize5LineHeight : string;
-export const amsterdamIconSpaciousSize6FontSize : string;
-export const amsterdamIconSpaciousSize6LineHeight : string;
-export const amsterdamIconCompactSize3FontSize : string;
-export const amsterdamIconCompactSize3LineHeight : string;
-export const amsterdamIconCompactSize4FontSize : string;
-export const amsterdamIconCompactSize4LineHeight : string;
-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;
-export const amsterdamLinkOutlineOffset : string;
-export const amsterdamLinkHoverColor : string;
-export const amsterdamLinkInlineTextDecorationLine : string;
-export const amsterdamLinkInlineTextDecorationThickness : string;
-export const amsterdamLinkInlineTextUnderlineOffset : string;
-export const amsterdamLinkInlineFontFamily : string;
-export const amsterdamLinkInlineFontSize : string;
-export const amsterdamLinkInlineLineHeight : string;
-export const amsterdamLinkInlineHoverTextDecorationThickness : string;
-export const amsterdamLinkInlineHoverTextUnderlineOffset : string;
-export const amsterdamLinkInlineVisitedColor : string;
-export const amsterdamLinkInListGap : string;
-export const amsterdamLinkInListTextDecorationLine : string;
-export const amsterdamLinkInListTextDecorationThickness : string;
-export const amsterdamLinkInListTextUnderlineOffset : string;
-export const amsterdamLinkInListHoverTextDecorationLine : string;
-export const amsterdamLinkInListSpaciousFontSize : string;
-export const amsterdamLinkInListSpaciousLineHeight : string;
-export const amsterdamLinkInListCompactFontSize : string;
-export const amsterdamLinkInListCompactLineHeight : string;
-export const amsterdamLinkStandaloneTextDecorationLine : string;
-export const amsterdamLinkStandaloneTextDecorationThickness : string;
-export const amsterdamLinkStandaloneTextUnderlineOffset : string;
-export const amsterdamLinkStandaloneHoverTextDecorationThickness : string;
-export const amsterdamLinkStandaloneHoverTextUnderlineOffset : string;
-export const amsterdamLinkStandaloneSpaciousFontSize : string;
-export const amsterdamLinkStandaloneSpaciousLineHeight : string;
-export const amsterdamLinkStandaloneCompactFontSize : string;
-export const amsterdamLinkStandaloneCompactLineHeight : string;
-export const amsterdamLinkOnBackgroundDarkColor : string;
-export const amsterdamLinkOnBackgroundDarkHoverColor : string;
-export const amsterdamLinkOnBackgroundDarkVisitedColor : string;
-export const amsterdamLinkOnBackgroundLightColor : string;
-export const amsterdamLinkOnBackgroundLightHoverColor : string;
-export const amsterdamLinkOnBackgroundLightVisitedColor : string;
-export const amsterdamLogoHeight : string;
-export const amsterdamLogoEmblemColor : string;
-export const amsterdamLogoTitleColor : string;
-export const amsterdamLogoSubsiteColor : string;
-export const 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;
-export const amsterdamOrderedListGap : string;
-export const amsterdamOrderedListListStyleType : string;
-export const amsterdamOrderedListSpaciousFontSize : string;
-export const amsterdamOrderedListSpaciousLineHeight : string;
-export const amsterdamOrderedListCompactFontSize : string;
-export const amsterdamOrderedListCompactLineHeight : string;
-/** Divide your total indentation width over margin and padding to position the marker. */
-export const amsterdamOrderedListItemMarginInlineStart : string;
-/** The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem. */
-export const amsterdamOrderedListItemPaddingInlineStart : string;
-export const amsterdamOrderedListOrderedListListStyleType : string;
-/** Indent less than the parent to start-align the child’s marker with the parent text. */
-export const amsterdamOrderedListOrderedListItemMarginInlineStart : string;
-/** The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem. */
-export const amsterdamOrderedListOrderedListItemPaddingInlineStart : string;
-export const amsterdamPageHeadingColor : string;
-export const amsterdamPageHeadingFontFamily : string;
-export const amsterdamPageHeadingFontWeight : number;
-export const amsterdamPageHeadingInverseColor : string;
-export const amsterdamPageHeadingSpaciousFontSize : string;
-export const amsterdamPageHeadingSpaciousLineHeight : string;
-export const amsterdamPageHeadingCompactFontSize : string;
-export const amsterdamPageHeadingCompactLineHeight : string;
-export const amsterdamPageMenuColumnGap : string;
-export const amsterdamPageMenuRowGap : string;
-export const amsterdamPageMenuItemColor : string;
-export const amsterdamPageMenuItemFontFamily : string;
-export const amsterdamPageMenuItemFontWeight : number;
-export const amsterdamPageMenuItemGap : string;
-export const amsterdamPageMenuItemOutlineOffset : string;
-export const amsterdamPageMenuItemTextDecorationLine : string;
-export const amsterdamPageMenuItemTextDecorationThickness : string;
-export const amsterdamPageMenuItemTextUnderlineOffset : string;
-export const amsterdamPageMenuItemSpaciousFontSize : string;
-export const amsterdamPageMenuItemSpaciousLineHeight : string;
-export const amsterdamPageMenuItemCompactFontSize : string;
-export const amsterdamPageMenuItemCompactLineHeight : string;
-export const amsterdamPageMenuItemHoverColor : string;
-export const amsterdamPageMenuItemHoverTextDecorationLine : string;
-export const amsterdamPaginationColor : string;
-export const amsterdamPaginationFontFamily : string;
-export const amsterdamPaginationFontWeight : number;
-export const amsterdamPaginationSpaciousFontSize : string;
-export const amsterdamPaginationSpaciousLineHeight : string;
-export const amsterdamPaginationCompactFontSize : string;
-export const amsterdamPaginationCompactLineHeight : string;
-export const amsterdamPaginationButtonOutlineOffset : string;
-export const amsterdamPaginationButtonTextDecorationLine : string;
-export const amsterdamPaginationButtonTextDecorationThickness : string;
-export const amsterdamPaginationButtonTextUnderlineOffset : string;
-export const amsterdamPaginationButtonCurrentFontWeight : number;
-export const amsterdamPaginationButtonHoverColor : string;
-export const amsterdamPaginationButtonHoverTextDecorationLine : string;
-export const amsterdamParagraphColor : string;
-export const amsterdamParagraphFontFamily : string;
-export const amsterdamParagraphFontWeight : number;
-export const amsterdamParagraphInverseColor : string;
-export const amsterdamParagraphSpaciousSmallFontSize : string;
-export const amsterdamParagraphSpaciousSmallLineHeight : string;
-export const amsterdamParagraphSpaciousMediumFontSize : string;
-export const amsterdamParagraphSpaciousMediumLineHeight : string;
-export const amsterdamParagraphSpaciousLargeFontSize : string;
-export const amsterdamParagraphSpaciousLargeLineHeight : string;
-export const amsterdamParagraphCompactSmallFontSize : string;
-export const amsterdamParagraphCompactSmallLineHeight : string;
-export const amsterdamParagraphCompactMediumFontSize : string;
-export const amsterdamParagraphCompactMediumLineHeight : string;
-export const amsterdamParagraphCompactLargeFontSize : string;
-export const amsterdamParagraphCompactLargeLineHeight : string;
-export const amsterdamScreenWideMaxWidth : string;
-export const amsterdamScreenXWideMaxWidth : string;
-export const amsterdamSearchFieldButtonBackgroundColor : string;
-export const amsterdamSearchFieldButtonColor : string;
-export const amsterdamSearchFieldButtonOutlineOffset : string;
-export const amsterdamSearchFieldButtonHoverBackgroundColor : string;
-export const amsterdamSearchFieldInputBoxShadow : string;
-export const amsterdamSearchFieldInputColor : string;
-export const amsterdamSearchFieldInputFontFamily : string;
-export const amsterdamSearchFieldInputFontWeight : number;
-export const amsterdamSearchFieldInputOutlineOffset : string;
-export const amsterdamSearchFieldInputCancelButtonBackgroundImage : string;
-export const amsterdamSearchFieldInputCancelButtonColor : string;
-export const amsterdamSearchFieldInputCancelButtonHeight : string;
-export const amsterdamSearchFieldInputCancelButtonWidth : string;
-export const amsterdamSearchFieldInputHoverBoxShadow : string;
-export const amsterdamSearchFieldInputPlaceholderColor : string;
-export const amsterdamSearchFieldInputCompactFontSize : string;
-export const amsterdamSearchFieldInputCompactLineHeight : string;
-export const amsterdamSearchFieldInputSpaciousFontSize : string;
-export const amsterdamSearchFieldInputSpaciousLineHeight : string;
-export const amsterdamSkipLinkBackgroundColor : string;
-export const amsterdamSkipLinkColor : string;
-export const amsterdamSkipLinkFontFamily : string;
-export const amsterdamSkipLinkFontWeight : number;
-export const amsterdamSkipLinkFontSize : string;
-export const amsterdamSkipLinkLineHeight : string;
-export const amsterdamSkipLinkOutlineOffset : string;
-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 amsterdamSpotlightMagentaBackgroundColor : string;
-export const amsterdamSpotlightOrangeBackgroundColor : string;
-export const amsterdamSpotlightPurpleBackgroundColor : string;
-export const amsterdamSpotlightYellowBackgroundColor : string;
-export const amsterdamSwitchFontFamily : string;
-export const amsterdamSwitchBackgroundColor : string;
-export const amsterdamSwitchWidth : string;
-export const amsterdamSwitchThumbBackgroundColor : string;
-export const amsterdamSwitchThumbWidth : string;
-export const amsterdamSwitchThumbHeight : string;
-export const amsterdamSwitchThumbHoverColor : string;
-export const amsterdamSwitchCheckedBackgroundColor : string;
-export const amsterdamSwitchOutlineOffset : string;
-export const amsterdamSwitchDisabledBackgroundColor : string;
-export const 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;
-export const amsterdamTextInputFontWeight : number;
-export const amsterdamTextInputOutlineOffset : string;
-export const amsterdamTextInputDisabledBackgroundColor : string;
-export const amsterdamTextInputDisabledBoxShadow : string;
-export const amsterdamTextInputDisabledColor : string;
-export const amsterdamTextInputHoverBoxShadow : string;
-export const amsterdamTextInputInvalidBoxShadow : string;
-export const amsterdamTextInputInvalidHoverBoxShadow : string;
-export const amsterdamTextInputPlaceholderColor : string;
-export const amsterdamTextInputCompactFontSize : string;
-export const amsterdamTextInputCompactLineHeight : string;
-export const amsterdamTextInputSpaciousFontSize : string;
-export const amsterdamTextInputSpaciousLineHeight : string;
-export const amsterdamTopTaskLinkDescriptionColor : string;
-export const amsterdamTopTaskLinkDescriptionFontFamily : string;
-export const amsterdamTopTaskLinkDescriptionFontWeight : number;
-export const amsterdamTopTaskLinkDescriptionSpaciousFontSize : string;
-export const amsterdamTopTaskLinkDescriptionSpaciousLineHeight : string;
-export const amsterdamTopTaskLinkDescriptionCompactFontSize : string;
-export const amsterdamTopTaskLinkDescriptionCompactLineHeight : string;
-export const amsterdamTopTaskLinkLabelColor : string;
-export const amsterdamTopTaskLinkLabelFontFamily : string;
-export const amsterdamTopTaskLinkLabelFontWeight : number;
-export const amsterdamTopTaskLinkLabelTextDecorationLine : string;
-export const amsterdamTopTaskLinkLabelTextDecorationThickness : string;
-export const amsterdamTopTaskLinkLabelTextUnderlineOffset : string;
-export const amsterdamTopTaskLinkLabelHoverColor : string;
-export const amsterdamTopTaskLinkLabelHoverTextDecorationLine : string;
-export const amsterdamTopTaskLinkLabelSpaciousFontSize : string;
-export const amsterdamTopTaskLinkLabelSpaciousLineHeight : string;
-export const amsterdamTopTaskLinkLabelCompactFontSize : string;
-export const amsterdamTopTaskLinkLabelCompactLineHeight : string;
-export const amsterdamTopTaskLinkOutlineOffset : string;
-export const amsterdamUnorderedListColor : string;
-export const amsterdamUnorderedListFontFamily : string;
-export const amsterdamUnorderedListFontWeight : number;
-export const amsterdamUnorderedListGap : string;
-export const amsterdamUnorderedListListStyleType : string;
-export const amsterdamUnorderedListSpaciousFontSize : string;
-export const amsterdamUnorderedListSpaciousLineHeight : string;
-export const amsterdamUnorderedListCompactFontSize : string;
-export const amsterdamUnorderedListCompactLineHeight : string;
-/** Divide your total indentation width over margin and padding to position the marker. */
-export const amsterdamUnorderedListItemMarginInlineStart : string;
-/** The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem. */
-export const amsterdamUnorderedListItemPaddingInlineStart : string;
-export const amsterdamUnorderedListUnorderedListListStyleType : string;
-/** Indent less than the parent to start-align the child’s marker with the parent text. */
-export const amsterdamUnorderedListUnorderedListItemMarginInlineStart : string;
-/** The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem. */
-export const amsterdamUnorderedListUnorderedListItemPaddingInlineStart : string;
-export const utrechtActionActivateCursor : string;
-export const utrechtActionBusyCursor : string;
-export const utrechtActionDisabledCursor : string;
-export const utrechtActionInertCursor : string;
-export const utrechtActionNavigateCursor : string;
-export const utrechtActionSubmitCursor : string;
-export const utrechtFocusOutlineOffset : string;
-export const utrechtButtonBackgroundColor : string;
-export const utrechtButtonColor : string;
-export const utrechtButtonFontFamily : string;
-export const utrechtButtonPaddingInlineStart : string;
-export const utrechtButtonPaddingInlineEnd : string;
-export const utrechtButtonPaddingBlockStart : string;
-export const utrechtButtonPaddingBlockEnd : string;
-export const utrechtButtonDisabledBackgroundColor : string;
-export const utrechtButtonDisabledColor : string;
-export const utrechtButtonPrimaryActionBackgroundColor : string;
-export const utrechtButtonPrimaryActionColor : string;
-export const utrechtButtonPrimaryActionDisabledBackgroundColor : string;
-export const utrechtButtonPrimaryActionHoverBackgroundColor : string;
-export const utrechtButtonSecondaryActionBackgroundColor : string;
-export const utrechtButtonSecondaryActionColor : string;
-export const utrechtButtonSecondaryActionHoverColor : string;
-export const utrechtButtonSecondaryActionDisabledBackgroundColor : string;
-export const utrechtButtonSecondaryActionDisabledColor : string;
-export const utrechtButtonSubtleBackgroundColor : string;
-export const utrechtButtonSubtleColor : string;
-export const utrechtButtonSubtleHoverColor : string;
-export const utrechtButtonSubtleFocusColor : string;
-export const utrechtButtonSubtleDisabledBackgroundColor : string;
-export const utrechtButtonSubtleDisabledColor : string;
+export default tokens;
+
+declare interface DesignToken {
+  value: any;
+  name?: string;
+  comment?: string;
+  themeable?: boolean;
+  attributes?: {
+    category?: string;
+    type?: string;
+    item?: string;
+    subitem?: string;
+    state?: string;
+    [key: string]: any;
+  };
+  [key: string]: any;
+}
+
+declare const tokens: {
+  "amsterdam": {
+    "color": {
+      "primary-black": DesignToken,
+      "primary-white": DesignToken,
+      "primary-blue": DesignToken,
+      "primary-red": DesignToken,
+      "dark-blue": DesignToken,
+      "orange": DesignToken,
+      "yellow": DesignToken,
+      "green": DesignToken,
+      "dark-green": DesignToken,
+      "blue": DesignToken,
+      "purple": DesignToken,
+      "magenta": DesignToken,
+      "neutral-grey1": DesignToken,
+      "neutral-grey2": DesignToken,
+      "neutral-grey3": DesignToken
+    },
+    "proportion": {
+      "x-tall": DesignToken,
+      "tall": DesignToken,
+      "square": DesignToken,
+      "wide": DesignToken,
+      "x-wide": DesignToken,
+      "2x-wide": DesignToken
+    },
+    "typography": {
+      "font-family": DesignToken,
+      "font-weight": {
+        "normal": DesignToken,
+        "bold": DesignToken
+      },
+      "text-level": {
+        "0": {
+          "font-size": DesignToken,
+          "line-height": DesignToken
+        },
+        "1": {
+          "font-size": DesignToken,
+          "line-height": DesignToken
+        },
+        "2": {
+          "font-size": DesignToken,
+          "line-height": DesignToken
+        },
+        "3": {
+          "font-size": DesignToken,
+          "line-height": DesignToken
+        },
+        "4": {
+          "font-size": DesignToken,
+          "line-height": DesignToken
+        },
+        "5": {
+          "font-size": DesignToken,
+          "line-height": DesignToken
+        },
+        "6": {
+          "font-size": DesignToken,
+          "line-height": DesignToken
+        }
+      }
+    },
+    "border-width": {
+      "sm": DesignToken,
+      "md": DesignToken,
+      "lg": DesignToken
+    },
+    "focus": {
+      "outline-offset": DesignToken
+    },
+    "hyphenation": {
+      "hyphenate-limit-chars": DesignToken,
+      "hyphens": DesignToken,
+      "overflow-wrap": DesignToken
+    },
+    "link-appearance": {
+      "color": DesignToken,
+      "text-decoration-thickness": DesignToken,
+      "text-underline-offset": DesignToken,
+      "hover": {
+        "color": DesignToken
+      },
+      "on-background-dark": {
+        "color": DesignToken
+      },
+      "on-background-light": {
+        "color": DesignToken
+      },
+      "regular": {
+        "text-decoration-line": DesignToken,
+        "hover": {
+          "text-decoration-thickness": DesignToken,
+          "text-underline-offset": DesignToken
+        }
+      },
+      "subtle": {
+        "text-decoration-line": DesignToken,
+        "hover": {
+          "text-decoration-line": DesignToken
+        }
+      }
+    },
+    "spacing": {
+      "inset": {
+        "sm": DesignToken,
+        "md": DesignToken,
+        "lg": DesignToken,
+        "xl": DesignToken
+      }
+    },
+    "accordion": {
+      "button": {
+        "color": DesignToken,
+        "font-family": DesignToken,
+        "font-size": DesignToken,
+        "font-weight": DesignToken,
+        "line-height": DesignToken,
+        "focus": {
+          "outline-offset": DesignToken
+        },
+        "hover": {
+          "box-shadow": DesignToken
+        }
+      }
+    },
+    "alert": {
+      "border-width": DesignToken,
+      "border-style": DesignToken,
+      "gap": DesignToken,
+      "padding-block-start": DesignToken,
+      "padding-block-end": DesignToken,
+      "padding-inline-start": DesignToken,
+      "padding-inline-end": DesignToken,
+      "error": {
+        "border-color": DesignToken
+      },
+      "info": {
+        "border-color": DesignToken
+      },
+      "success": {
+        "border-color": DesignToken
+      },
+      "warning": {
+        "border-color": DesignToken
+      },
+      "close": {
+        "fill": DesignToken,
+        "hover": {
+          "fill": DesignToken
+        }
+      }
+    },
+    "aspect-ratio": {
+      "x-tall": DesignToken,
+      "tall": DesignToken,
+      "square": DesignToken,
+      "wide": DesignToken,
+      "x-wide": DesignToken,
+      "2x-wide": DesignToken
+    },
+    "badge": {
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "padding-inline": DesignToken,
+      "blue": {
+        "background-color": DesignToken,
+        "color": DesignToken
+      },
+      "dark-blue": {
+        "background-color": DesignToken,
+        "color": DesignToken
+      },
+      "dark-green": {
+        "background-color": DesignToken,
+        "color": DesignToken
+      },
+      "green": {
+        "background-color": DesignToken,
+        "color": DesignToken
+      },
+      "magenta": {
+        "background-color": DesignToken,
+        "color": DesignToken
+      },
+      "orange": {
+        "background-color": DesignToken,
+        "color": DesignToken
+      },
+      "purple": {
+        "background-color": DesignToken,
+        "color": DesignToken
+      },
+      "yellow": {
+        "background-color": DesignToken,
+        "color": DesignToken
+      }
+    },
+    "blockquote": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "inverse-color": DesignToken
+    },
+    "breadcrumb": {
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "separator": {
+        "background-image": DesignToken
+      },
+      "item-link": {
+        "color": DesignToken,
+        "outline-offset": DesignToken,
+        "text-decoration-line": DesignToken,
+        "text-decoration-thickness": DesignToken,
+        "text-underline-offset": DesignToken,
+        "hover": {
+          "color": DesignToken,
+          "text-decoration-line": DesignToken
+        }
+      }
+    },
+    "button": {
+      "font-size": DesignToken,
+      "line-height": DesignToken,
+      "secondary": {
+        "box-shadow": DesignToken,
+        "hover": {
+          "box-shadow": DesignToken
+        },
+        "disabled": {
+          "box-shadow": DesignToken
+        },
+        "focus": {
+          "box-shadow": DesignToken
+        }
+      },
+      "tertiary": {
+        "hover": {
+          "box-shadow": DesignToken
+        }
+      }
+    },
+    "card": {
+      "link": {
+        "color": DesignToken,
+        "text-decoration-line": DesignToken,
+        "text-decoration-thickness": DesignToken,
+        "text-underline-offset": DesignToken,
+        "hover": {
+          "color": DesignToken,
+          "text-decoration-line": DesignToken
+        }
+      },
+      "outline-offset": DesignToken
+    },
+    "checkbox": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "outline-offset": DesignToken,
+      "checkmark": {
+        "border-color": DesignToken,
+        "checked": {
+          "background-color": DesignToken,
+          "hover": {
+            "background-color": DesignToken
+          }
+        },
+        "disabled": {
+          "border-color": DesignToken,
+          "checked": {
+            "background-color": DesignToken,
+            "hover": {
+              "background-color": DesignToken
+            }
+          },
+          "indeterminate": {
+            "background-color": DesignToken,
+            "hover": {
+              "background-color": DesignToken
+            }
+          }
+        },
+        "hover": {
+          "border-color": DesignToken
+        },
+        "invalid": {
+          "border-color": DesignToken,
+          "checked": {
+            "background-color": DesignToken,
+            "hover": {
+              "background-color": DesignToken
+            }
+          },
+          "hover": {
+            "border-color": DesignToken
+          },
+          "indeterminate": {
+            "background-color": DesignToken,
+            "hover": {
+              "background-color": DesignToken
+            }
+          }
+        },
+        "indeterminate": {
+          "background-color": DesignToken,
+          "hover": {
+            "background-color": DesignToken
+          }
+        }
+      },
+      "disabled": {
+        "color": DesignToken
+      },
+      "hover": {
+        "color": DesignToken
+      }
+    },
+    "dialog": {
+      "background-color": DesignToken,
+      "border": DesignToken,
+      "max-inline-size": DesignToken,
+      "title": {
+        "color": DesignToken,
+        "font-family": DesignToken,
+        "font-size": DesignToken,
+        "font-weight": DesignToken,
+        "line-height": DesignToken
+      },
+      "backdrop": {
+        "background": DesignToken
+      },
+      "form": {
+        "gap": DesignToken,
+        "padding-block": DesignToken,
+        "padding-inline": DesignToken,
+        "max-block-size": DesignToken
+      },
+      "article": {
+        "padding-inline-end": DesignToken
+      },
+      "header": {
+        "gap": DesignToken
+      },
+      "footer": {
+        "gap": DesignToken,
+        "padding-block": DesignToken
+      }
+    },
+    "form-label": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken
+    },
+    "grid": {
+      "column-count": DesignToken,
+      "gap": DesignToken,
+      "padding-inline": DesignToken,
+      "medium": {
+        "column-count": DesignToken
+      },
+      "wide": {
+        "column-count": DesignToken
+      }
+    },
+    "header": {
+      "column-gap": DesignToken
+    },
+    "heading": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-weight": DesignToken,
+      "inverse-color": DesignToken,
+      "level-1": {
+        "font-size": DesignToken,
+        "line-height": DesignToken
+      },
+      "level-2": {
+        "font-size": DesignToken,
+        "line-height": DesignToken
+      },
+      "level-3": {
+        "font-size": DesignToken,
+        "line-height": DesignToken
+      },
+      "level-4": {
+        "font-size": DesignToken,
+        "line-height": DesignToken
+      },
+      "level-5": {
+        "font-size": DesignToken,
+        "line-height": DesignToken
+      },
+      "level-6": {
+        "font-size": DesignToken,
+        "line-height": DesignToken
+      }
+    },
+    "icon-button": {
+      "color": DesignToken,
+      "outline-offset": DesignToken,
+      "hover": {
+        "background-color": DesignToken,
+        "color": DesignToken
+      },
+      "disabled": {
+        "color": DesignToken
+      },
+      "on-background-light": {
+        "color": DesignToken,
+        "hover": {
+          "background-color": DesignToken,
+          "color": DesignToken
+        },
+        "disabled": {
+          "color": DesignToken
+        }
+      },
+      "on-background-dark": {
+        "background-color": DesignToken,
+        "color": DesignToken,
+        "hover": {
+          "background-color": DesignToken,
+          "color": DesignToken
+        },
+        "disabled": {
+          "color": DesignToken,
+          "background-color": DesignToken
+        }
+      }
+    },
+    "icon": {
+      "size-3": {
+        "font-size": DesignToken,
+        "line-height": DesignToken
+      },
+      "size-4": {
+        "font-size": DesignToken,
+        "line-height": DesignToken
+      },
+      "size-5": {
+        "font-size": DesignToken,
+        "line-height": DesignToken
+      },
+      "size-6": {
+        "font-size": DesignToken,
+        "line-height": DesignToken
+      }
+    },
+    "link-list": {
+      "gap": DesignToken,
+      "link": {
+        "color": DesignToken,
+        "font-family": DesignToken,
+        "font-weight": DesignToken,
+        "gap": DesignToken,
+        "outline-offset": DesignToken,
+        "text-decoration-line": DesignToken,
+        "text-decoration-thickness": DesignToken,
+        "text-underline-offset": DesignToken,
+        "small": {
+          "font-size": DesignToken,
+          "line-height": DesignToken
+        },
+        "medium": {
+          "font-size": DesignToken,
+          "line-height": DesignToken
+        },
+        "large": {
+          "font-size": DesignToken,
+          "line-height": DesignToken
+        },
+        "hover": {
+          "color": DesignToken,
+          "text-decoration-line": DesignToken
+        },
+        "on-background-dark": {
+          "color": DesignToken,
+          "hover": {
+            "color": DesignToken
+          }
+        },
+        "on-background-light": {
+          "color": DesignToken,
+          "hover": {
+            "color": DesignToken
+          }
+        }
+      }
+    },
+    "link": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-weight": DesignToken,
+      "outline-offset": DesignToken,
+      "hover": {
+        "color": DesignToken
+      },
+      "inline": {
+        "text-decoration-line": DesignToken,
+        "text-decoration-thickness": DesignToken,
+        "text-underline-offset": DesignToken,
+        "font-family": DesignToken,
+        "font-size": DesignToken,
+        "line-height": DesignToken,
+        "hover": {
+          "text-decoration-thickness": DesignToken,
+          "text-underline-offset": DesignToken
+        },
+        "visited": {
+          "color": DesignToken
+        }
+      },
+      "standalone": {
+        "font-size": DesignToken,
+        "line-height": DesignToken,
+        "text-decoration-line": DesignToken,
+        "text-decoration-thickness": DesignToken,
+        "text-underline-offset": DesignToken,
+        "hover": {
+          "text-decoration-thickness": DesignToken,
+          "text-underline-offset": DesignToken
+        }
+      },
+      "on-background-dark": {
+        "color": DesignToken,
+        "hover": {
+          "color": DesignToken
+        },
+        "visited": {
+          "color": DesignToken
+        }
+      },
+      "on-background-light": {
+        "color": DesignToken,
+        "hover": {
+          "color": DesignToken
+        },
+        "visited": {
+          "color": DesignToken
+        }
+      }
+    },
+    "logo": {
+      "height": DesignToken,
+      "emblem": {
+        "color": DesignToken
+      },
+      "title": {
+        "color": DesignToken
+      },
+      "subsite": {
+        "color": DesignToken
+      }
+    },
+    "mark": {
+      "background-color": DesignToken
+    },
+    "mega-menu": {
+      "list-category": {
+        "column-gap": DesignToken,
+        "column-width": DesignToken,
+        "padding-block-start": DesignToken,
+        "padding-block-end": DesignToken
+      }
+    },
+    "ordered-list": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "gap": DesignToken,
+      "line-height": DesignToken,
+      "list-style-type": DesignToken,
+      "item": {
+        "margin-inline-start": DesignToken,
+        "padding-inline-start": DesignToken
+      },
+      "ordered-list": {
+        "list-style-type": DesignToken,
+        "item": {
+          "margin-inline-start": DesignToken,
+          "padding-inline-start": DesignToken
+        }
+      }
+    },
+    "page-heading": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "inverse-color": DesignToken,
+      "line-height": DesignToken
+    },
+    "page-menu": {
+      "column-gap": DesignToken,
+      "row-gap": DesignToken,
+      "item": {
+        "color": DesignToken,
+        "font-family": DesignToken,
+        "font-size": DesignToken,
+        "font-weight": DesignToken,
+        "gap": DesignToken,
+        "line-height": DesignToken,
+        "outline-offset": DesignToken,
+        "text-decoration-line": DesignToken,
+        "text-decoration-thickness": DesignToken,
+        "text-underline-offset": DesignToken,
+        "hover": {
+          "color": DesignToken,
+          "text-decoration-line": DesignToken
+        }
+      }
+    },
+    "pagination": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "button": {
+        "outline-offset": DesignToken,
+        "text-decoration-line": DesignToken,
+        "text-decoration-thickness": DesignToken,
+        "text-underline-offset": DesignToken,
+        "current": {
+          "font-weight": DesignToken
+        },
+        "hover": {
+          "color": DesignToken,
+          "text-decoration-line": DesignToken
+        }
+      }
+    },
+    "paragraph": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-weight": DesignToken,
+      "inverse-color": DesignToken,
+      "small": {
+        "font-size": DesignToken,
+        "line-height": DesignToken
+      },
+      "medium": {
+        "font-size": DesignToken,
+        "line-height": DesignToken
+      },
+      "large": {
+        "font-size": DesignToken,
+        "line-height": DesignToken
+      }
+    },
+    "screen": {
+      "wide": {
+        "max-width": DesignToken
+      },
+      "x-wide": {
+        "max-width": DesignToken
+      }
+    },
+    "search-field": {
+      "button": {
+        "background-color": DesignToken,
+        "color": DesignToken,
+        "outline-offset": DesignToken,
+        "hover": {
+          "background-color": DesignToken
+        }
+      },
+      "input": {
+        "box-shadow": DesignToken,
+        "color": DesignToken,
+        "font-family": DesignToken,
+        "font-size": DesignToken,
+        "font-weight": DesignToken,
+        "line-height": DesignToken,
+        "outline-offset": DesignToken,
+        "cancel-button": {
+          "background-image": DesignToken,
+          "color": DesignToken,
+          "height": DesignToken,
+          "width": DesignToken
+        },
+        "hover": {
+          "box-shadow": DesignToken
+        },
+        "placeholder": {
+          "color": DesignToken
+        }
+      }
+    },
+    "skip-link": {
+      "background-color": DesignToken,
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-weight": DesignToken,
+      "font-size": DesignToken,
+      "line-height": DesignToken,
+      "outline-offset": DesignToken,
+      "hover": {
+        "background-color": DesignToken
+      }
+    },
+    "spotlight": {
+      "blue": {
+        "background-color": DesignToken
+      },
+      "dark-blue": {
+        "background-color": DesignToken
+      },
+      "dark-green": {
+        "background-color": DesignToken
+      },
+      "green": {
+        "background-color": DesignToken
+      },
+      "magenta": {
+        "background-color": DesignToken
+      },
+      "orange": {
+        "background-color": DesignToken
+      },
+      "purple": {
+        "background-color": DesignToken
+      },
+      "yellow": {
+        "background-color": DesignToken
+      }
+    },
+    "switch": {
+      "font-family": DesignToken,
+      "background-color": DesignToken,
+      "width": DesignToken,
+      "thumb": {
+        "background-color": DesignToken,
+        "width": DesignToken,
+        "height": DesignToken,
+        "hover": {
+          "color": DesignToken
+        }
+      },
+      "checked": {
+        "background-color": DesignToken
+      },
+      "outline-offset": DesignToken,
+      "disabled": {
+        "background-color": DesignToken
+      }
+    },
+    "table": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-weight": DesignToken,
+      "font-size": DesignToken,
+      "line-height": DesignToken,
+      "caption": {
+        "font-weight": DesignToken
+      },
+      "cell": {
+        "border-bottom": DesignToken
+      },
+      "header-cell": {
+        "font-weight": DesignToken
+      }
+    },
+    "text-input": {
+      "box-shadow": DesignToken,
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "outline-offset": DesignToken,
+      "disabled": {
+        "background-color": DesignToken,
+        "box-shadow": DesignToken,
+        "color": DesignToken
+      },
+      "hover": {
+        "box-shadow": DesignToken
+      },
+      "invalid": {
+        "box-shadow": DesignToken,
+        "hover": {
+          "box-shadow": DesignToken
+        }
+      },
+      "placeholder": {
+        "color": DesignToken
+      }
+    },
+    "top-task-link": {
+      "description": {
+        "color": DesignToken,
+        "font-family": DesignToken,
+        "font-size": DesignToken,
+        "font-weight": DesignToken,
+        "line-height": DesignToken
+      },
+      "label": {
+        "color": DesignToken,
+        "font-family": DesignToken,
+        "font-size": DesignToken,
+        "font-weight": DesignToken,
+        "line-height": DesignToken,
+        "text-decoration-line": DesignToken,
+        "text-decoration-thickness": DesignToken,
+        "text-underline-offset": DesignToken,
+        "hover": {
+          "color": DesignToken,
+          "text-decoration-line": DesignToken
+        }
+      },
+      "outline-offset": DesignToken
+    },
+    "unordered-list": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "gap": DesignToken,
+      "line-height": DesignToken,
+      "list-style-type": DesignToken,
+      "item": {
+        "margin-inline-start": DesignToken,
+        "padding-inline-start": DesignToken
+      },
+      "unordered-list": {
+        "list-style-type": DesignToken,
+        "item": {
+          "margin-inline-start": DesignToken,
+          "padding-inline-start": DesignToken
+        }
+      }
+    }
+  },
+  "utrecht": {
+    "action": {
+      "activate": {
+        "cursor": DesignToken
+      },
+      "busy": {
+        "cursor": DesignToken
+      },
+      "disabled": {
+        "cursor": DesignToken
+      },
+      "inert": {
+        "cursor": DesignToken
+      },
+      "navigate": {
+        "cursor": DesignToken
+      },
+      "submit": {
+        "cursor": DesignToken
+      }
+    },
+    "focus": {
+      "outline-offset": DesignToken
+    },
+    "button": {
+      "background-color": DesignToken,
+      "border-color": {},
+      "border-radius": {},
+      "border-width": {},
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": {},
+      "line-height": {},
+      "padding-inline-start": DesignToken,
+      "padding-inline-end": DesignToken,
+      "padding-block-start": DesignToken,
+      "padding-block-end": DesignToken,
+      "margin-inline-start": {},
+      "margin-inline-end": {},
+      "margin-block-start": {},
+      "margin-block-end": {},
+      "icon": {
+        "gap": {}
+      },
+      "disabled": {
+        "background-color": DesignToken,
+        "color": DesignToken,
+        "border-color": {}
+      },
+      "hover": {
+        "background-color": {}
+      },
+      "focus": {
+        "scale": {}
+      },
+      "primary-action": {
+        "background-color": DesignToken,
+        "border-color": {},
+        "border-width": {},
+        "color": DesignToken,
+        "disabled": {
+          "background-color": DesignToken,
+          "color": {},
+          "border-color": {}
+        },
+        "hover": {
+          "background-color": DesignToken,
+          "border-color": {},
+          "color": {}
+        },
+        "focus": {
+          "background-color": {},
+          "border-color": {},
+          "border-width": {}
+        },
+        "ready": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        },
+        "warning": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        },
+        "danger": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        }
+      },
+      "secondary-action": {
+        "background-color": DesignToken,
+        "color": DesignToken,
+        "border-color": {},
+        "border-width": {},
+        "hover": {
+          "background-color": {},
+          "color": DesignToken,
+          "border-color": {}
+        },
+        "disabled": {
+          "background-color": DesignToken,
+          "color": DesignToken,
+          "border-color": {}
+        },
+        "danger": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        },
+        "warning": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        },
+        "ready": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        }
+      },
+      "subtle": {
+        "background-color": DesignToken,
+        "border-color": {},
+        "border-width": {},
+        "color": DesignToken,
+        "font-weight": {},
+        "hover": {
+          "background-color": {},
+          "color": DesignToken,
+          "border-color": {}
+        },
+        "focus": {
+          "background-color": {},
+          "color": DesignToken,
+          "border-color": {}
+        },
+        "disabled": {
+          "background-color": DesignToken,
+          "color": DesignToken
+        },
+        "danger": {
+          "color": {},
+          "hover": {
+            "color": {}
+          },
+          "focus": {
+            "color": {}
+          }
+        },
+        "ready": {
+          "color": {},
+          "hover": {
+            "color": {}
+          },
+          "focus": {
+            "color": {}
+          }
+        }
+      }
+    }
+  }
+}