@conduction/theme 1.0.59 → 1.0.60

package/municipalities/opencatalogi-design-tokens/dist/index.js

@@ -0,0 +1,658 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 12 Dec 2023 10:51:18 GMT
+ */
+
+export const conductionCardHeaderColor = "#404B4F";
+export const conductionCardHeaderTitleColor = "#00811F";
+export const conductionCardHeaderDateColor = "#404B4F";
+export const conductionCardHeaderDateFontSize = "16px";
+export const conductionCardHeaderDateFontWeight = "400";
+export const conductionCardHeaderDateMarginBlockEnd = "8px";
+export const conductionCardWrapperBackgroundColor = "#ffffff";
+export const conductionCardWrapperBorderBottomColor = "#CAD6DA";
+export const conductionCardWrapperBorderBottomStyle = "solid";
+export const conductionCardWrapperBorderBottomWidth = "4px";
+export const conductionCardWrapperBorderRadius = "0px";
+export const conductionCardWrapperColor = "#404B4F";
+export const conductionCardWrapperHoverBorderBottomColor = "#00811F";
+export const conductionCardWrapperHoverBorderBottomStyle = "solid";
+export const conductionCardWrapperHoverBorderBottomWidth = "4px";
+export const conductionCardWrapperPaddingInlineEnd = "16px";
+export const conductionCardWrapperPaddingInlineStart = "16px";
+export const conductionCardWrapperPaddingBlockEnd = "16px";
+export const conductionCardWrapperPaddingBlockStart = "16px";
+export const conductionInputCheckboxColor = "#ffffff";
+export const conductionInputCheckboxBorderWidth = "1px";
+export const conductionInputCheckboxBorderStyle = "solid";
+export const conductionInputCheckboxBorderColor = "#7C8B90";
+export const conductionInputCheckboxBorderRadius = "0px";
+export const conductionInputCheckboxHoverColor = "#ffffff";
+export const conductionInputCheckboxHoverBorderWidth = "2px";
+export const conductionInputCheckboxHoverBorderStyle = "solid";
+export const conductionInputCheckboxHoverBorderColor = "#00811F";
+export const conductionInputCheckboxHoverBorderRadius = "0px";
+export const conductionInputCheckboxCheckedColor = "#00811F";
+export const conductionInputCheckboxCheckedBorderWidth = "1px";
+export const conductionInputCheckboxCheckedBorderStyle = "solid";
+export const conductionInputCheckboxCheckedBorderColor = "#00811F";
+export const conductionInputCheckboxCheckedBorderRadius = "0px";
+export const conductionInputCheckboxCheckedHoverColor = "#000000";
+export const conductionInputCheckboxCheckedHoverBorderWidth = "1px";
+export const conductionInputCheckboxCheckedHoverBorderStyle = "solid";
+export const conductionInputCheckboxCheckedHoverBorderColor = "#000000";
+export const conductionInputCheckboxCheckedHoverBorderRadius = "0px";
+export const conductionInputCheckboxDisabledColor = "#7C8B90";
+export const conductionInputCheckboxDisabledBorderWidth = "1px";
+export const conductionInputCheckboxDisabledBorderStyle = "solid";
+export const conductionInputCheckboxDisabledBorderColor = "#7C8B90";
+export const conductionInputCheckboxDisabledBorderRadius = "0px";
+export const conductionInputCheckboxDisabledHoverColor = "#7C8B90";
+export const conductionInputCheckboxDisabledHoverBorderWidth = "1px";
+export const conductionInputCheckboxDisabledHoverBorderStyle = "solid";
+export const conductionInputCheckboxDisabledHoverBorderColor = "#7C8B90";
+export const conductionInputCheckboxDisabledHoverBorderRadius = "0px";
+export const conductionInputCheckboxFocusOutlineWidth = "1px";
+export const conductionInputCheckboxFocusOutlineStyle = "solid";
+export const conductionInputCheckboxFocusOutlineColor = "#000000";
+export const conductionInputCheckboxFocusOutlineOffset = "2px";
+export const conductionInputCheckboxLabelColor = "#404B4F";
+export const conductionInputCheckboxLabelFontSize = "16px";
+export const conductionInputCheckboxLabelFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const conductionInputCheckboxLabelContainerPadding = "3px";
+export const conductionInputCheckboxLabelContainerMargin = "3px";
+export const conductionDownloadCardTitleColor = "#404B4F";
+export const conductionDownloadCardTitleFontSize = "20px";
+export const conductionDownloadCardTitleFontWeight = "700";
+export const conductionDownloadCardTitleFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const conductionDownloadCardTitleMarginInlineEnd = "14px";
+export const conductionDownloadCardBorderWidth = "1px";
+export const conductionDownloadCardBorderStyle = "solid";
+export const conductionDownloadCardBorderColor = "#CAD6DA";
+export const conductionDownloadCardBorderRadius = "0px";
+export const conductionDownloadCardIconGap = "14px";
+export const conductionDownloadCardPaddingInlineEnd = "18px";
+export const conductionDownloadCardPaddingInlineStart = "18px";
+export const conductionDownloadCardPaddingBlockEnd = "18px";
+export const conductionDownloadCardPaddingBlockStart = "18px";
+export const conductionLogoHeaderInlineSize = "46px";
+export const conductionLogoHeaderBlockSize = "46px";
+export const conductionLogoHeaderBackgroundImage = "url('https://dev.opencatalogi.nl/static/logo_OpenCatalogi-8b1b0a001c3f37dae4d3f69b5964ec72.png')";
+export const conductionLogoFooterInlineSize = "46px";
+export const conductionLogoFooterBlockSize = "46px";
+export const conductionLogoFooterBackgroundImage = "url('https://dev.opencatalogi.nl/static/logo_OpenCatalogi-8b1b0a001c3f37dae4d3f69b5964ec72.png')";
+export const conductionLogoNavbarInlineSize = "46px";
+export const conductionLogoNavbarBlockSize = "46px";
+export const conductionLogoNavbarBackgroundImage = "url('https://dev.opencatalogi.nl/static/logo_OpenCatalogi-8b1b0a001c3f37dae4d3f69b5964ec72.png')";
+export const conductionPrimaryTopNavColor = "#404B4F";
+export const conductionPrimaryTopNavBackgroundColor = "#ffffff";
+export const conductionPrimaryTopNavHoverColor = "#00811F";
+export const conductionPrimaryTopNavHoverBackgroundColor = "#ffffff";
+export const conductionPrimaryTopNavCurrentColor = "#404B4F";
+export const conductionPrimaryTopNavCurrentBackgroundColor = "unset";
+export const conductionPrimaryTopNavCurrentBoxShadow = "inset 0 -4px  #00811F";
+export const conductionPrimaryTopNavCurrentMobileBoxShadow = "inset 4px 0 #00811F";
+export const conductionPrimaryTopNavDropdownColor = "#ffffff";
+export const conductionPrimaryTopNavDropdownBackgroundColor = "#00811F";
+export const conductionPrimaryTopNavDropdownHoverColor = "#ffffff";
+export const conductionPrimaryTopNavDropdownHoverBackgroundColor = "#000000";
+export const conductionPrimaryTopNavItemPadding = "18px";
+export const conductionPrimaryTopNavPaddingInlineEnd = "16px";
+export const conductionPrimaryTopNavPaddingInlineStart = "16px";
+export const conductionPrimaryTopNavPaddingBlockEnd = "16px";
+export const conductionPrimaryTopNavPaddingBlockStart = "16px";
+export const conductionSecondaryTopNavColor = "#404B4F";
+export const conductionSecondaryTopNavBackgroundColor = "transparent";
+export const conductionSecondaryTopNavHoverColor = "#ffffff";
+export const conductionSecondaryTopNavHoverBackgroundColor = "#00811F";
+export const conductionSecondaryTopNavCurrentColor = "#404B4F";
+export const conductionSecondaryTopNavCurrentBackgroundColor = "unset";
+export const conductionSecondaryTopNavCurrentBoxShadow = "inset 0 -4px  #00811F";
+export const conductionSecondaryTopNavFontSize = "16px";
+export const conductionSecondaryTopNavFontWeight = "400";
+export const conductionSecondaryTopNavItemPadding = "18px";
+export const conductionSecondaryTopNavPaddingInlineEnd = "16px";
+export const conductionSecondaryTopNavPaddingInlineStart = "16px";
+export const conductionSecondaryTopNavPaddingBlockEnd = "16px";
+export const conductionSecondaryTopNavPaddingBlockStart = "16px";
+export const conductionPaginationContainerBackgroundColor = "unset";
+export const conductionPaginationContainerPaddingInlineStart = "0px";
+export const conductionPaginationContainerPaddingInlineEnd = "0px";
+export const conductionPaginationContainerPaddingBlockStart = "0px";
+export const conductionPaginationContainerPaddingBlockEnd = "0px";
+export const conductionPaginationItemGap = "8px";
+export const conductionPaginationItemColor = "#404B4F";
+export const conductionPaginationItemBackgroundColor = "#ffffff";
+export const conductionPaginationItemPaddingInlineStart = "14px";
+export const conductionPaginationItemPaddingInlineEnd = "14px";
+export const conductionPaginationItemPaddingBlockStart = "8px";
+export const conductionPaginationItemPaddingBlockEnd = "8px";
+export const conductionPaginationItemFontSize = "16px";
+export const conductionPaginationItemFontWeight = "400";
+export const conductionPaginationItemFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const conductionPaginationItemBorderWidth = "1px";
+export const conductionPaginationItemBorderStyle = "solid";
+export const conductionPaginationItemBorderColor = "#ffffff";
+export const conductionPaginationItemBorderRadius = "0px";
+export const conductionPaginationNavigationButtonColor = "#404B4F";
+export const conductionPaginationNavigationButtonBackgroundColor = "transparent";
+export const conductionPaginationNavigationButtonPaddingInlineStart = "8px";
+export const conductionPaginationNavigationButtonPaddingInlineEnd = "8px";
+export const conductionPaginationNavigationButtonPaddingBlockStart = "8px";
+export const conductionPaginationNavigationButtonPaddingBlockEnd = "8px";
+export const conductionPaginationNavigationButtonDisabledColor = "#8D9DA4";
+export const conductionPaginationNavigationButtonDisabledBackgroundColor = "transparent";
+export const conductionPaginationNavigationButtonHoverColor = "#00811F";
+export const conductionPaginationNavigationButtonHoverBackgroundColor = "transparent";
+export const conductionPaginationCurrentPageColor = "#00602E";
+export const conductionPaginationCurrentPageBackgroundColor = "#E1EFE2";
+export const conductionPaginationCurrentPageFontWeight = "700";
+export const conductionPaginationCurrentPageTextDecoration = "unset";
+export const conductionPaginationCurrentPageBorderWidth = "1px";
+export const conductionPaginationCurrentPageBorderStyle = "solid";
+export const conductionPaginationCurrentPageBorderColor = "#00602E";
+export const conductionPaginationPageHoverColor = "#00811F";
+export const conductionPaginationPageHoverBackgroundColor = "#ffffff";
+export const conductionPaginationPageHoverTextDecoration = "unset";
+export const conductionPaginationPageHoverTextDecorationThickness = "0px";
+export const conductionPaginationPageHoverBorderWidth = "1px";
+export const conductionPaginationPageHoverBorderStyle = "solid";
+export const conductionPaginationPageHoverBorderColor = "#00811F";
+export const conductionInputSelectBackgroundColor = "#ffffff";
+export const conductionInputSelectBorder = "1px solid #7C8B90";
+export const conductionInputSelectBorderFocus = "unset";
+export const conductionInputSelectBorderRadius = "0";
+export const conductionInputSelectInvalidBorderColor = "#FE1818";
+export const conductionInputSelectPaddingBlockEnd = 0;
+export const conductionInputSelectPaddingBlockStart = 0;
+export const conductionInputSelectListOptionFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const conductionInputSelectListOptionBackgroundColor = "#ffffff";
+export const conductionInputSelectListOptionHoverFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const conductionInputSelectListOptionHoverBackgroundColor = "#00811F";
+export const conductionInputSelectListOptionHoverColor = "#ffffff";
+export const conductionInputSelectListOptionSelectedBackgroundColor = "#00811F";
+export const conductionInputSelectListOptionSelectedColor = "#ffffff";
+export const conductionInputSelectListOptionFocusBackgroundColor = "#ffffff";
+export const conductionInputSelectListOptionFocusColor = "#000000";
+export const conductionInputSelectPlaceholderColor = "#65757B";
+export const conductionInputSelectPlaceholderFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const conductionTableWrapperScrollButtonBackgroundColor = "#ffffff";
+export const conductionTableWrapperScrollButtonColor = "#404B4F";
+export const conductionTableWrapperScrollButtonPaddingInlineStart = "14px";
+export const conductionTableWrapperScrollButtonPaddingInlineEnd = "14px";
+export const conductionTableWrapperScrollButtonHoverBackgroundColor = "#ffffff";
+export const conductionTableWrapperScrollButtonHoverColor = "#00811F";
+export const conductionTabsTabBackgroundColor = "transparent";
+export const conductionTabsTabColor = "#404B4F";
+export const conductionTabsTabBottom = "-4px";
+export const conductionTabsTabPaddingBlockStart = "6px";
+export const conductionTabsTabPaddingBlockEnd = "6px";
+export const conductionTabsTabPaddingInlineStart = "12px";
+export const conductionTabsTabPaddingInlineEnd = "12px";
+export const conductionTabsTabFontSize = "14px";
+export const conductionTabsTabFontWeight = "400";
+export const conductionTabsTabFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const conductionTabsTabMaxWidth = "unset";
+export const conductionTabsTabMinWidth = "160px";
+export const conductionTabsTabMinHeight = "48px";
+export const conductionTabsTabLetterSpacing = "0.02857em";
+export const conductionTabsTabSelectedBackgroundColor = "transparent";
+export const conductionTabsTabSelectedColor = "#404B4F";
+export const conductionTabsTabSelectedBorderBottomWidth = "0.3rem";
+export const conductionTabsTabSelectedBorderBottomStyle = "solid";
+export const conductionTabsTabSelectedBorderBottomColor = "#00811F";
+export const conductionTabsTabSelectedFontWeight = "700";
+export const conductionTabsTabHoverBackgroundColor = "transparent";
+export const conductionTabsTabHoverColor = "#00811F";
+export const conductionTabsTabListPaddingInlineStart = "0px";
+export const conductionTabsTabListMarginBlockEnd = "0px";
+export const conductionTabsTabListBorderBottomWidth = "0.3rem";
+export const conductionTabsTabListBorderBottomStyle = "solid";
+export const conductionTabsTabListBorderBottomColor = "#EFF4F6";
+export const conductionTabsTabPanelPaddingBlockStart = "24px";
+export const conductionTabsTabPanelPaddingBlockEnd = "24px";
+export const conductionTabsTabPanelPaddingInlineStart = "24px";
+export const conductionTabsTabPanelPaddingInlineEnd = "24px";
+export const conductionTabsScrollButtonBackgroundColor = "#ffffff";
+export const conductionTabsScrollButtonColor = "#404B4F";
+export const conductionTabsScrollButtonHoverBackgroundColor = "#ffffff";
+export const conductionTabsScrollButtonHoverColor = "#00811F";
+export const conductionTooltipBackgroundColor = "#000000";
+export const conductionTooltipColor = "#ffffff";
+export const conductionTooltipPaddingBlockStart = "8px";
+export const conductionTooltipPaddingBlockEnd = "8px";
+export const conductionTooltipPaddingInlineStart = "14px";
+export const conductionTooltipPaddingInlineEnd = "14px";
+export const conductionTooltipBorderWidth = "0px";
+export const conductionTooltipBorderStyle = "unset";
+export const conductionTooltipBorderColor = "unset";
+export const conductionTooltipBorderRadius = "0px";
+export const conductionTooltipZIndex = "9999";
+export const openCatalogiRatingRatingBarColor = "#00811F";
+export const openCatalogiRatingFontSize = "16px";
+export const openCatalogiRatingFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const utrechtAlertBackgroundColor = "#e8f4fb";
+export const utrechtAlertBorderColor = "#b4dbf1";
+export const utrechtAlertBorderWidth = "1px";
+export const utrechtAlertColor = "#404B4F";
+export const utrechtAlertPaddingBlockStart = "24px";
+export const utrechtAlertPaddingBlockEnd = "24px";
+export const utrechtAlertPaddingInlineStart = "24px";
+export const utrechtAlertPaddingInlineEnd = "24px";
+export const utrechtAlertWarningBackgroundColor = "#fef8e6";
+export const utrechtAlertWarningColor = "#404B4F";
+export const utrechtAlertWarningBorderColor = "#f9e7ac";
+export const utrechtAlertWarningBorderWidth = "1px";
+export const utrechtAlertErrorBackgroundColor = "#fdf0ee";
+export const utrechtAlertErrorColor = "#404B4F";
+export const utrechtAlertErrorBorderColor = "#f7ccc5";
+export const utrechtAlertErrorBorderWidth = "1px";
+export const utrechtAlertOkBackgroundColor = "#e6f3e9";
+export const utrechtAlertOkColor = "#404B4F";
+export const utrechtAlertOkBorderColor = "#acd6b7";
+export const utrechtAlertOkBorderWidth = "1px";
+export const utrechtAlertIconColor = "#00689e";
+export const utrechtAlertIconErrorColor = "#D70D0D";
+export const utrechtAlertIconWarningColor = "#a65600";
+export const utrechtAlertIconOkColor = "#00811F";
+export const utrechtAlertIconGap = "8px";
+export const utrechtBadgeBackgroundColor = "#0079B8";
+export const utrechtBadgeBorderRadius = "0";
+export const utrechtBadgeColor = "#ffffff";
+export const utrechtBadgeFontSize = "12px";
+export const utrechtBadgeFontWeight = "700";
+export const utrechtBadgePaddingBlock = "2px";
+export const utrechtBadgePaddingInline = "8px";
+export const utrechtBreadcrumbNavFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const utrechtBreadcrumbNavLinkColor = "#00811F";
+export const utrechtBreadcrumbNavLinkCurrentColor = "#65757B";
+export const utrechtBreadcrumbNavLinkDisabledColor = "#65757B";
+export const utrechtBreadcrumbNavLinkHoverColor = "#00811F";
+export const utrechtBreadcrumbNavSeparatorColor = "#00811F";
+export const utrechtBreadcrumbNavSeparatorIconSize = "16px";
+export const utrechtCodeBackgroundColor = "#EFF4F6";
+export const utrechtCodeColor = "#404B4F";
+export const utrechtCodeFontSize = "inherit";
+export const utrechtBadgeCounterBackgroundColor = "#000000";
+export const utrechtBadgeCounterBorderRadius = "2em";
+export const utrechtBadgeCounterColor = "#ffffff";
+export const utrechtBadgeCounterFontSize = "16px";
+export const utrechtBadgeCounterFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const utrechtBadgeCounterTextDecoration = "none";
+export const utrechtBadgeCounterPaddingBlock = "5px";
+export const utrechtBadgeCounterPaddingInline = "5px";
+export const utrechtBadgeCounterFontWeight = "400";
+export const utrechtBadgeCounterPaddingBlockEnd = "5px";
+export const utrechtBadgeCounterPaddingInlineStart = "5px";
+export const utrechtButtonIconGap = "8px";
+export const utrechtButtonBackgroundColor = "#00811F";
+export const utrechtButtonBorderWidth = "0";
+export const utrechtButtonColor = "#ffffff";
+export const utrechtButtonFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const utrechtButtonFontSize = {"font-size":{"value":"16px","filePath":"src/rotterdam/brand/opencatalogi/typography.tokens.json","isSource":true,"original":{"value":"16px"},"name":"opencatalogiTypographyScaleMdFontSize","attributes":{"category":"opencatalogi","type":"typography","item":"scale","subitem":"md","state":"font-size"},"path":["opencatalogi","typography","scale","md","font-size"]},"line-height":{"value":"24px","filePath":"src/rotterdam/brand/opencatalogi/typography.tokens.json","isSource":true,"original":{"value":"24px"},"name":"opencatalogiTypographyScaleMdLineHeight","attributes":{"category":"opencatalogi","type":"typography","item":"scale","subitem":"md","state":"line-height"},"path":["opencatalogi","typography","scale","md","line-height"]}};
+export const utrechtButtonFontWeight = "700";
+export const utrechtButtonPaddingBlockEnd = "13px";
+export const utrechtButtonPaddingBlockStart = "11px";
+export const utrechtButtonPaddingInlineEnd = "16px";
+export const utrechtButtonPaddingInlineStart = "16px";
+export const utrechtButtonHoverBackgroundColor = "#006E32";
+export const utrechtButtonFocusBorderColor = "#000000";
+export const utrechtButtonDisabledBackgroundColor = "#CAD6DA";
+export const utrechtButtonDisabledColor = "#65757B";
+export const utrechtButtonPrimaryActionBackgroundColor = "#C93675";
+export const utrechtButtonPrimaryActionColor = "#ffffff";
+export const utrechtButtonPrimaryActionHoverBackgroundColor = "#A12B5E";
+export const utrechtButtonSecondaryActionBackgroundColor = "#000000";
+export const utrechtButtonSecondaryActionColor = "#ffffff";
+export const utrechtButtonSecondaryActionHoverBackgroundColor = "#404B4F";
+export const utrechtButtonSecondaryActionHoverBorderColor = "none";
+export const utrechtButtonSubtleBackgroundColor = "#ffffff";
+export const utrechtButtonSubtleColor = "#00811F";
+export const utrechtButtonSubtleDisabledBackgroundColor = "#CAD6DA";
+export const utrechtButtonSubtleDisabledColor = "#65757B";
+export const utrechtButtonSubtleHoverColor = "#00602E";
+export const utrechtIconGap = "8px";
+export const utrechtIconInsetBlockStart = "0.1em";
+export const utrechtPageFooterLogoMaxHeight = "48px";
+export const utrechtPageFooterLogoMaxWidth = "240px";
+export const utrechtPageFooterLinkTextDecoration = "underline";
+export const utrechtPageFooterLinkTextDecorationColor = "unset";
+export const utrechtPageFooterLinkTextDecorationThickness = 1;
+export const utrechtPageFooterLinkHoverTextDecoration = "underline";
+export const utrechtPageFooterLinkHoverTextDecorationThickness = 1;
+export const utrechtPageFooterColor = "#ffffff";
+export const utrechtPageFooterBackgroundColor = "#00811F";
+export const utrechtPageFooterPaddingInlineEnd = "72px";
+export const utrechtPageFooterPaddingInlineStart = "72px";
+export const utrechtPageFooterPaddingBlockEnd = "64px";
+export const utrechtPageFooterPaddingBlockStart = "40px";
+export const utrechtPageHeaderLogoMaxWidth = "222px";
+export const utrechtPageHeaderBackgroundColor = "#ffffff";
+export const utrechtPageHeaderColor = "#404B4F";
+export const utrechtPageHeaderPaddingBlockStart = "14px";
+export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtRadioButtonMinBlockSize = "16px";
+export const utrechtRadioButtonMinInlineSize = "16px";
+export const utrechtRadioButtonCheckedDisabledBorderColor = "#7C8B90";
+export const utrechtRadioButtonCheckedDisabledBorderWidth = "1px";
+export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#7C8B90";
+export const utrechtRadioButtonCheckedDisabledColor = "#7C8B90";
+export const utrechtRadioButtonBackgroundColor = "#ffffff";
+export const utrechtRadioButtonBorderColor = "#7C8B90";
+export const utrechtRadioButtonBorderWidth = "1px";
+export const utrechtRadioButtonCheckedBorderColor = "#00811F";
+export const utrechtRadioButtonCheckedBorderWidth = "5px";
+export const utrechtRadioButtonCheckedBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedColor = "#ffffff";
+export const utrechtRadioButtonCheckedActiveBorderColor = "#00811F";
+export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
+export const utrechtRadioButtonCheckedActiveBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedActiveColor = "#ffffff";
+export const utrechtRadioButtonCheckedHoverBorderColor = "#000000";
+export const utrechtRadioButtonCheckedHoverBorderWidth = "5px";
+export const utrechtRadioButtonCheckedHoverBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedHoverColor = "#ffffff";
+export const utrechtRadioButtonCheckedFocusBorderColor = "#00811F";
+export const utrechtRadioButtonCheckedFocusBorderWidth = "1px";
+export const utrechtRadioButtonCheckedFocusBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedFocusColor = "#ffffff";
+export const utrechtRadioButtonHoverBorderColor = "#00811F";
+export const utrechtRadioButtonHoverBorderWidth = "2px";
+export const utrechtRadioButtonHoverBackgroundColor = "#ffffff";
+export const utrechtRadioButtonFocusBorderColor = "#00811F";
+export const utrechtRadioButtonFocusBorderWidth = "5px";
+export const utrechtRadioButtonFocusBackgroundColor = "#ffffff";
+export const utrechtRadioButtonFocusColor = "#ffffff";
+export const utrechtRadioButtonDisabledBorderColor = "#7C8B90";
+export const utrechtRadioButtonDisabledBorderWidth = "1px";
+export const utrechtRadioButtonDisabledBackgroundColor = "#EFF4F6";
+export const utrechtRadioButtonDisabledColor = "#7C8B90";
+export const utrechtRadioButtonInvalidBorderColor = "#FE1818";
+export const utrechtRadioButtonInvalidBorderWidth = "1px";
+export const utrechtRadioButtonInvalidBackgroundColor = "#ffffff";
+export const utrechtRadioButtonInvalidColor = "#FE1818";
+export const utrechtTableBorderCollapse = "collapse";
+export const utrechtTableBackgroundColor = "#ffffff";
+export const utrechtTableHeaderBorderBlockEndColor = "#404B4F";
+export const utrechtTableHeaderBorderBlockEndWidth = "0.2rem";
+export const utrechtTableHeaderColor = "#404B4F";
+export const utrechtTableHeaderFontWeight = "400";
+export const utrechtTableRowHoverBackgroundColor = "#EFF4F6";
+export const utrechtTableRowBorderBlockEndColor = "#CAD6DA";
+export const utrechtTableRowBorderBlockEndWidth = " 1px";
+export const utrechtTableFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const utrechtTableFontSize = "16px";
+export const utrechtTableMarginBlockEnd = 0;
+export const utrechtTableMarginBlockStart = "18px";
+export const utrechtTableHeaderCellFontSize = "16px";
+export const utrechtTableHeaderCellFontWeight = "700";
+export const utrechtTableHeaderCellColor = "#404B4F";
+export const utrechtTableHeaderCellTextTransform = "unset";
+export const utrechtTableCellPaddingBlockEnd = "16px";
+export const utrechtTableCellPaddingBlockStart = "16px";
+export const utrechtTableCellPaddingInlineEnd = "12px";
+export const utrechtTableCellPaddingInlineStart = "12px";
+export const utrechtOrderedListFontSize = "16px";
+export const utrechtOrderedListMarginBlockStart = "14px";
+export const utrechtOrderedListMarginBlockEnd = "14px";
+export const utrechtOrderedListPaddingInlineStart = "32px";
+export const utrechtOrderedListItemMarginBlockStart = "4px";
+export const utrechtOrderedListItemMarginBlockEnd = "4px";
+export const utrechtOrderedListItemPaddingInlineStart = "1ch";
+export const utrechtUnorderedListFontSize = "16px";
+export const utrechtUnorderedListMarginBlockStart = "18px";
+export const utrechtUnorderedListMarginBlockEnd = 0;
+export const utrechtUnorderedListPaddingInlineStart = "2ch";
+export const utrechtUnorderedListItemMarginBlockStart = "8px";
+export const utrechtUnorderedListItemMarginBlockEnd = "8px";
+export const utrechtUnorderedListItemPaddingInlineStart = "1ch";
+export const utrechtUnorderedListMarkerColor = "#00811F";
+export const utrechtPageMarginInlineStart = "24px";
+export const utrechtPageMarginInlineEnd = "24px";
+export const utrechtPageMaxInlineSize = "1140px";
+export const utrechtActionBusyCursor = "wait";
+export const utrechtActionDisabledCursor = "not-allowed";
+export const utrechtActionSubmitCursor = "pointer";
+export const utrechtFocusOutlineColor = "#000000";
+export const utrechtFocusOutlineOffset = "1px";
+export const utrechtFocusOutlineStyle = "solid";
+export const utrechtFocusOutlineWidth = "1px";
+export const utrechtSpaceBlock3xs = "0";
+export const utrechtSpaceBlock2xs = "4px";
+export const utrechtSpaceBlockXs = "8px";
+export const utrechtSpaceBlockSm = "12px";
+export const utrechtSpaceBlockMd = "16px";
+export const utrechtSpaceBlockLg = "20px";
+export const utrechtSpaceBlockXl = "24px";
+export const utrechtSpaceBlock2xl = "28px";
+export const utrechtSpaceBlock3xl = "32px";
+export const utrechtSpaceBlock4xl = "36px";
+export const utrechtSpaceBlock5xl = "40px";
+export const utrechtSpaceInline3xs = "0.125ch";
+export const utrechtSpaceInline2xs = "0.25ch";
+export const utrechtSpaceInlineXs = "0.5ch";
+export const utrechtSpaceInlineSm = "0.75ch";
+export const utrechtSpaceInlineMd = "1ch";
+export const utrechtSpaceInlineLg = "1.5ch";
+export const utrechtSpaceInlineXl = "1.75ch";
+export const utrechtSpaceInline2xl = "2ch";
+export const utrechtSpaceInline3xl = "3ch";
+export const utrechtSpaceRow3xs = "0";
+export const utrechtSpaceRow2xs = "4px";
+export const utrechtSpaceRowXs = "8px";
+export const utrechtSpaceRowSm = "12px";
+export const utrechtSpaceRowMd = "16px";
+export const utrechtSpaceRowLg = "20px";
+export const utrechtSpaceRowXl = "24px";
+export const utrechtSpaceRow2xl = "28px";
+export const utrechtSpaceRow3xl = "32px";
+export const utrechtSpaceRow4xl = "36px";
+export const utrechtSpaceRow5xl = "40px";
+export const utrechtSpaceColumn3xs = "0";
+export const utrechtSpaceColumn2xs = "4px";
+export const utrechtSpaceColumnXs = "8px";
+export const utrechtSpaceColumnSm = "12px";
+export const utrechtSpaceColumnMd = "16px";
+export const utrechtSpaceColumnLg = "20px";
+export const utrechtSpaceColumnXl = "24px";
+export const utrechtSpaceColumn2xl = "28px";
+export const utrechtSpaceColumn3xl = "32px";
+export const utrechtSpaceColumn4xl = "36px";
+export const utrechtSpaceColumn5xl = "40px";
+export const utrechtCodeBlockBackgroundColor = "#EFF4F6";
+export const utrechtCodeBlockColor = "#404B4F";
+export const utrechtCodeBlockFontSize = {"font-size":{"value":"16px","filePath":"src/rotterdam/brand/opencatalogi/typography.tokens.json","isSource":true,"original":{"value":"16px"},"name":"opencatalogiTypographyScaleMdFontSize","attributes":{"category":"opencatalogi","type":"typography","item":"scale","subitem":"md","state":"font-size"},"path":["opencatalogi","typography","scale","md","font-size"]},"line-height":{"value":"24px","filePath":"src/rotterdam/brand/opencatalogi/typography.tokens.json","isSource":true,"original":{"value":"24px"},"name":"opencatalogiTypographyScaleMdLineHeight","attributes":{"category":"opencatalogi","type":"typography","item":"scale","subitem":"md","state":"line-height"},"path":["opencatalogi","typography","scale","md","line-height"]}};
+export const utrechtCodeBlockMarginBlockEnd = "24px";
+export const utrechtCodeBlockMarginBlockStart = "24px";
+export const utrechtCodeBlockPaddingBlockEnd = "24px";
+export const utrechtCodeBlockPaddingBlockStart = "24px";
+export const utrechtCodeBlockPaddingInlineStart = "24px";
+export const utrechtDocumentBackgroundColor = "#ffffff";
+export const utrechtDocumentColor = "#404B4F";
+export const utrechtDocumentFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const utrechtDocumentFontSize = "16px";
+export const utrechtFigureCaptionColor = "#E4EEF1";
+export const utrechtFigureCaptionFontSize = "16px";
+export const utrechtFigureCaptionLineHeight = "28px";
+export const utrechtFormControlBackgroundColor = "#ffffff";
+export const utrechtFormControlBlockSize = "46px"; // 48px - 2px border
+export const utrechtFormControlBorderColor = "#7C8B90";
+export const utrechtFormControlBorderRadius = "0";
+export const utrechtFormControlBorderWidth = "1px";
+export const utrechtFormControlColor = "#404B4F";
+export const utrechtFormControlFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const utrechtFormControlFontSize = {"font-size":{"value":"16px","filePath":"src/rotterdam/brand/opencatalogi/typography.tokens.json","isSource":true,"original":{"value":"16px"},"name":"opencatalogiTypographyScaleMdFontSize","attributes":{"category":"opencatalogi","type":"typography","item":"scale","subitem":"md","state":"font-size"},"path":["opencatalogi","typography","scale","md","font-size"]},"line-height":{"value":"24px","filePath":"src/rotterdam/brand/opencatalogi/typography.tokens.json","isSource":true,"original":{"value":"24px"},"name":"opencatalogiTypographyScaleMdLineHeight","attributes":{"category":"opencatalogi","type":"typography","item":"scale","subitem":"md","state":"line-height"},"path":["opencatalogi","typography","scale","md","line-height"]}};
+export const utrechtFormControlLineHeight = "24px";
+export const utrechtFormControlPaddingBlockEnd = "12px";
+export const utrechtFormControlPaddingBlockStart = "12px";
+export const utrechtFormControlPaddingInlineEnd = "16px";
+export const utrechtFormControlPaddingInlineStart = "16px";
+export const utrechtFormControlPlaceholderColor = "#65757B";
+export const utrechtFormControlDisabledBackgroundColor = "#EFF4F6";
+export const utrechtFormControlDisabledColor = "#65757B";
+export const utrechtFormFieldDescriptionFontSize = "12px";
+export const utrechtFormFieldDescriptionValidColor = "#006E32";
+export const utrechtFormFieldDescriptionInvalidColor = "#B53322";
+export const utrechtFormFieldsetMarginBlockStart = "40px";
+export const utrechtFormFieldsetLegendColor = "#404B4F";
+export const utrechtFormFieldsetLegendFontSize = "24px";
+export const utrechtFormFieldsetLegendFontWeight = "700";
+export const utrechtFormFieldsetLegendLineHeight = "32px";
+export const utrechtFormLabelColor = "#404B4F";
+export const utrechtFormLabelFontSize = "16px";
+export const utrechtFormLabelFontWeight = "700";
+export const utrechtFormLabelCheckboxFontWeight = "400";
+export const utrechtFormLabelRadioFontWeight = "400";
+export const utrechtFormSelectBackgroundColor = "#ffffff";
+export const utrechtFormSelectBorderWidth = "1px";
+export const utrechtFormSelectColor = "#404B4F";
+export const utrechtFormSelectMaxInlineSize = "100%";
+export const utrechtHeading1FontSize = "64px";
+export const utrechtHeading1LineHeight = "72px";
+export const utrechtHeading2FontSize = "48px";
+export const utrechtHeading2LineHeight = "56px";
+export const utrechtHeading3FontSize = "40px";
+export const utrechtHeading3LineHeight = "48px";
+export const utrechtHeadingFontWeight = "700";
+export const utrechtLinkColor = "#00811F";
+export const utrechtLinkTextDecoration = "underline";
+export const utrechtLinkActiveColor = "#00602E";
+export const utrechtLinkFocusColor = "#00602E";
+export const utrechtLinkHoverColor = "#00602E";
+export const utrechtParagraphFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const utrechtParagraphFontSize = "16px";
+export const utrechtParagraphFontWeight = "400";
+export const utrechtParagraphLineHeight = "28px";
+export const utrechtParagraphLeadFontSize = "28px";
+export const utrechtParagraphLeadFontWeight = "400";
+export const utrechtParagraphLeadLineHeight = "36px";
+export const utrechtParagraphSmallFontSize = "12px";
+export const utrechtParagraphSmallLineHeight = "20px";
+export const utrechtTextareaMinBlockSize = "200px";
+export const utrechtTextareaPaddingBlockEnd = "8px";
+export const utrechtTextareaPaddingBlockStart = "8px";
+export const utrechtTextareaPlaceholderColor = "#65757B";
+export const utrechtTextboxBorderColor = "#7C8B90";
+export const utrechtTextboxBorderWidth = "1px";
+export const utrechtTextboxColor = "#404B4F";
+export const utrechtTextboxFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const utrechtTextboxFontSize = "16px";
+export const utrechtTextboxLineHeight = "24px";
+export const utrechtTextboxPaddingBlockEnd = "12px";
+export const utrechtTextboxPaddingBlockStart = "10px";
+export const utrechtTextboxPaddingInlineEnd = "16px";
+export const utrechtTextboxPaddingInlineStart = "16px";
+export const utrechtTextboxPlaceholderColor = "#65757B";
+export const utrechtTextboxDisabledBackgroundColor = "#EFF4F6";
+export const utrechtTextboxInvalidBorderBottomWidth = "2px";
+export const utrechtTextboxInvalidBorderBottomColor = "#FE1818";
+export const opencatalogiColorBaseWhite = "#ffffff"; // Base/White
+export const opencatalogiColorBaseBlack = "#000000"; // Base/Black
+export const opencatalogiColorBaseGreen = "#00811F"; // Base/Green
+export const opencatalogiColorBaseMagenta = "#C93675"; // Base/Magenta
+export const opencatalogiColorBaseGray = "#EFF4F6"; // Base/Gray
+export const opencatalogiColorGrayTint01 = "#EFF4F6"; // Gray/Tint 01
+export const opencatalogiColorGrayTint02 = "#E4EEF1"; // Gray/Tint 02
+export const opencatalogiColorGrayTint03 = "#DBE7EA"; // Gray/Tint 03
+export const opencatalogiColorGrayTint04 = "#CAD6DA"; // Gray/Tint 04
+export const opencatalogiColorGrayTint05 = "#B6C4C8"; // Gray/Tint 05
+export const opencatalogiColorGrayTint06 = "#9DAFB6"; // Gray/Tint 06
+export const opencatalogiColorGrayTint07 = "#8D9DA4"; // Gray/Tint 07
+export const opencatalogiColorGrayTint08 = "#7C8B90"; // Gray/Tint 08
+export const opencatalogiColorGrayTint09 = "#65757B"; // Gray/Tint 09
+export const opencatalogiColorGrayTint10 = "#536165"; // Gray/Tint 10
+export const opencatalogiColorGrayTint11 = "#404B4F"; // Gray/Tint 11
+export const opencatalogiColorLightBlueTint01 = "#A8E8F5"; // Secondary/Blue/Tint 01
+export const opencatalogiColorLightBlueTint02 = "#92CFE1"; // Secondary/Blue/Tint 02
+export const opencatalogiColorLightBlueTint03 = "#76C1D3"; // Secondary/Blue/Tint 03
+export const opencatalogiColorBlueTint01 = "#1791D4"; // Secondary/Blue/Tint 01
+export const opencatalogiColorBlueTint02 = "#0084C4"; // Secondary/Blue/Tint 02
+export const opencatalogiColorBlueTint03 = "#0079B8"; // Secondary/Blue/Tint 03
+export const opencatalogiColorDarkBlueTint01 = "#00548F"; // Secondary/Blue/Tint 01
+export const opencatalogiColorDarkBlueTint02 = "#084279"; // Secondary/Blue/Tint 02
+export const opencatalogiColorDarkBlueTint03 = "#083968"; // Secondary/Blue/Tint 03
+export const opencatalogiColorGreenBlueTint01 = "#09957B"; // Secondary/Green blue/Tint 01
+export const opencatalogiColorGreenBlueTint02 = "#00846D"; // Secondary/Green blue/Tint 02
+export const opencatalogiColorGreenBlueTint03 = "#00755F"; // Secondary/Green blue/Tint 03
+export const opencatalogiColorDarkGreenTint01 = "#004C31"; // Secondary/Dark green/Tint 01
+export const opencatalogiColorDarkGreenTint02 = "#07341B"; // Secondary/Dark green/Tint 02
+export const opencatalogiColorDarkGreenTint03 = "#001905"; // Secondary/Dark green/Tint 03
+export const opencatalogiColorGreenTint01 = "#00811F"; // Secondary/Green/Tint 01
+export const opencatalogiColorGreenTint02 = "#006E32"; // Secondary/Green/Tint 02
+export const opencatalogiColorGreenTint03 = "#00602E"; // Secondary/Green/Tint 03
+export const opencatalogiColorGreenLightTint01 = "#57B051"; // Secondary/Green light/Tint 01
+export const opencatalogiColorGreenLightTint02 = "#11A03E"; // Secondary/Green light/Tint 02
+export const opencatalogiColorGreenLightTint03 = "#11A03E"; // Secondary/Green light/Tint 03
+export const opencatalogiColorSoftGreenTint01 = "#E1EFE2"; // Secondary/Soft green/Tint 01
+export const opencatalogiColorSoftGreenTint02 = "#D1E6CE"; // Secondary/Soft green/Tint 02
+export const opencatalogiColorSoftGreenTint03 = "#99CCA0"; // Secondary/Soft green/Tint 03
+export const opencatalogiColorLimeGreenTint01 = "#7DC90F"; // Secondary/Lime green/Tint 01
+export const opencatalogiColorLimeGreenTint02 = "#73B129"; // Secondary/Lime green/Tint 02
+export const opencatalogiColorLimeGreenTint03 = "#62A72B"; // Secondary/Lime green/Tint 03
+export const opencatalogiColorYellowTint01 = "#FDEC3D"; // Secondary/Yellow/Tint 01
+export const opencatalogiColorYellowTint02 = "#EDDE26"; // Secondary/Yellow/Tint 02
+export const opencatalogiColorYellowTint03 = "#E1D600"; // Secondary/Yellow/Tint 03
+export const opencatalogiColorDarkYellowTint01 = "#EDB500"; // Secondary/Dark yellow/Tint 01
+export const opencatalogiColorDarkYellowTint02 = "#E0A200"; // Secondary/Dark yellow/Tint 02
+export const opencatalogiColorDarkYellowTint03 = "#D99600"; // Secondary/Dark yellow/Tint 03
+export const opencatalogiColorBrightOrangeTint01 = "#EF7D00"; // Secondary/Bright orange/Tint 01
+export const opencatalogiColorBrightOrangeTint02 = "#E56E02"; // Secondary/Bright orange/Tint 02
+export const opencatalogiColorBrightOrangeTint03 = "#DB5F06"; // Secondary/Bright orange/Tint 03
+export const opencatalogiColorOrangeTint01 = "#E3614D"; // Secondary/Orange/Tint 01
+export const opencatalogiColorOrangeTint02 = "#D85644"; // Secondary/Orange/Tint 02
+export const opencatalogiColorOrangeTint03 = "#CE4C3B"; // Secondary/Orange/Tint 03
+export const opencatalogiColorPinkTint01 = "#E6007E"; // Secondary/Pink/Tint 01
+export const opencatalogiColorPinkTint02 = "#CE0075"; // Secondary/Pink/Tint 02
+export const opencatalogiColorPinkTint03 = "#B21271"; // Secondary/Pink/Tint 03
+export const opencatalogiColorMagentaTint01 = "#C93675"; // Secondary/Magenta/Tint 01
+export const opencatalogiColorMagentaTint02 = "#A12B5E"; // Secondary/Magenta/Tint 02
+export const opencatalogiColorMagentaTint03 = "#792046"; // Secondary/Magenta/Tint 03
+export const opencatalogiColorPurpleTint01 = "#701747"; // Secondary/Purple/Tint 01
+export const opencatalogiColorPurpleTint02 = "#510E33"; // Secondary/Purple/Tint 02
+export const opencatalogiColorPurpleTint03 = "#420C2F"; // Secondary/Purple/Tint 03
+export const opencatalogiColorDarkBrownTint01 = "#6B4236"; // Secondary/Dark brown/Tint 01
+export const opencatalogiColorDarkBrownTint02 = "#5E362C"; // Secondary/Dark brown/Tint 02
+export const opencatalogiColorDarkBrownTint03 = "#552D25"; // Secondary/Dark brown/Tint 03
+export const opencatalogiColorBrownTint01 = "#AB8061"; // Secondary/Brown/Tint 01
+export const opencatalogiColorBrownTint02 = "#997056"; // Secondary/Brown/Tint 02
+export const opencatalogiColorBrownTint03 = "#8B644C"; // Secondary/Brown/Tint 03
+export const opencatalogiColorRedTint01 = "#FE1818"; // Secondary/Red/Tint 01
+export const opencatalogiColorRedTint02 = "#D70D0D"; // Secondary/Red/Tint 02
+export const opencatalogiColorRedTint03 = "#9A0F0F"; // Secondary/Red/Tint 03
+export const opencatalogiTypographySansSerifFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
+export const opencatalogiTypographyScale6xlFontSize = "64px";
+export const opencatalogiTypographyScale6xlLineHeight = "72px";
+export const opencatalogiTypographyScale5xlFontSize = "48px";
+export const opencatalogiTypographyScale5xlLineHeight = "56px";
+export const opencatalogiTypographyScale4xlFontSize = "40px";
+export const opencatalogiTypographyScale4xlLineHeight = "48px";
+export const opencatalogiTypographyScale3xlFontSize = "32px";
+export const opencatalogiTypographyScale3xlLineHeight = "40px";
+export const opencatalogiTypographyScale2xlFontSize = "28px";
+export const opencatalogiTypographyScale2xlLineHeight = "36px";
+export const opencatalogiTypographyScaleXlFontSize = "24px";
+export const opencatalogiTypographyScaleXlLineHeight = "32px";
+export const opencatalogiTypographyScaleLgFontSize = "20px";
+export const opencatalogiTypographyScaleLgLineHeight = "28px";
+export const opencatalogiTypographyScaleMdFontSize = "16px";
+export const opencatalogiTypographyScaleMdLineHeight = "24px";
+export const opencatalogiTypographyScaleSmFontSize = "12px";
+export const opencatalogiTypographyScaleSmLineHeight = "20px";
+export const opencatalogiTypographyWeightScaleBoldFontWeight = "700";
+export const opencatalogiTypographyWeightScaleNormalFontWeight = "400";
+export const rotterdamSpaceScale0 = "0";
+export const rotterdamSpaceScale1 = "4px";
+export const rotterdamSpaceScale2 = "8px";
+export const rotterdamSpaceScale3 = "16px";
+export const rotterdamSpaceScale4 = "32px";
+export const rotterdamSpaceScale5 = "64px";
+export const rotterdamSpaceScale6 = "128px";
+export const rotterdamSpaceScale7 = "256px";
+export const rotterdamButtonLineHeight = "24px";
+export const rotterdamFormFieldsetLegendBorderBlockEndColor = "#CAD6DA";
+export const rotterdamFormFieldsetLegendBorderBlockEndWidth = "1px";
+export const rotterdamFormFieldsetLegendPaddingBlockEnd = "12px";
+export const rotterdamParagraphSmallFontSize = "12px";
+export const rotterdamParagraphSmallLineHeight = "20px";
+export const rotterdamTextboxHoverBorderColor = "#00811F";
+export const rotterdamTextboxHoverBorderWidth = "2px";