@conduction/theme 1.1.10 → 1.1.12

package/conduction-design-tokens/dist/index.js

@@ -0,0 +1,592 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 08 Jan 2024 09:11:01 GMT
+ */
+
+export const conductionColorPrimary = "#4376fc";
+export const conductionColorPrimaryHover = "#2e5ed9";
+export const conductionColorError = "#dc3545";
+export const conductionColorAlertError = "#721c24";
+export const conductionColorAlertErrorBackground = "#f8d7da";
+export const conductionColorWarning = "#ffc107";
+export const conductionColorAlertWarning = "#856404";
+export const conductionColorAlertWarningBackground = "#fff3cd";
+export const conductionColorSucces = "#28a745";
+export const conductionColorAlertSucces = "#155724";
+export const conductionColorAlertSuccesBackground = "#d4edda";
+export const conductionColorInfo = "#4376fc";
+export const conductionColorAlertInfo = "#004085";
+export const conductionColorAlertInfoBackground = "#cce5ff";
+export const conductionColorGrey29 = "#4a4a4a";
+export const conductionColorGrey31 = "#4f4f4f";
+export const conductionColorGrey46 = "#767676";
+export const conductionColorGrey48 = "#7a7a7a";
+export const conductionColorGrey50 = "#808080"; // Base/Grey
+export const conductionColorGrey82 = "#d1d1d1";
+export const conductionColorGrey97 = "#f7f7f7";
+export const conductionColorLightgrey96 = "#f5f5f5"; // Base/LightGrey
+export const conductionColorWhite98 = "#fafafa";
+export const conductionColorWhite100 = "#ffffff"; // Base/White
+export const conductionColorBlack0 = "#000000"; // Base/Black
+export const conductionColorBlack30 = "#4d4d4d";
+export const conductionFontSize4xs = "5px";
+export const conductionFontSize3xs = "8px";
+export const conductionFontSize2xs = "10px";
+export const conductionFontSizeXs = "12px";
+export const conductionFontSizeSm = "14px";
+export const conductionFontSizeMd = "18px";
+export const conductionFontSizeLg = "20px";
+export const conductionFontSizeXl = "24px";
+export const conductionFontSize2xl = "32px";
+export const conductionFontSize3xl = "48px";
+export const conductionFontSize4xl = "58px";
+export const conductionSize4xs = "1px";
+export const conductionSize3xs = "2px";
+export const conductionSize2xs = "4px";
+export const conductionSizeXs = "8px";
+export const conductionSizeSm = "14px";
+export const conductionSizeMd = "18px";
+export const conductionSizeLg = "24px";
+export const conductionSizeXl = "32px";
+export const conductionSize2xl = "48px";
+export const conductionSize3xl = "72px";
+export const conductionSize4xl = "96px";
+export const conductionTypographyAldritchFontFamily = "\"Aldritch\", \"Noto Sans\", Arial, sans-serif";
+export const conductionTypographySansSerifFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const conductionTypographyMonospaceFontFamily = "Monospace, \"Lucida Console\"";
+export const conductionTypographyFontWeightBold = "700";
+export const conductionTypographyFontWeightNormal = "400";
+export const conductionTypographyFontWeightLight = "100";
+export const conductionTypographyScale4xs = "5px";
+export const conductionTypographyScale3xs = "8px";
+export const conductionTypographyScale2xs = "10px";
+export const conductionTypographyScaleXs = "12px";
+export const conductionTypographyScaleSm = "14px";
+export const conductionTypographyScaleMd = "18px";
+export const conductionTypographyScaleLg = "20px";
+export const conductionTypographyScaleXl = "24px";
+export const conductionTypographyScale2xl = "32px";
+export const conductionTypographyScale3xl = "48px";
+export const conductionTypographyScale4xl = "58px";
+export const conductionCardHeaderColor = "#000000";
+export const conductionCardHeaderTitleColor = "#000000";
+export const conductionCardHeaderDateColor = "#000000";
+export const conductionCardHeaderDateFontSize = "14px";
+export const conductionCardHeaderDateFontWeight = "100";
+export const conductionCardHeaderDateMarginBlockEnd = "8px";
+export const conductionCardWrapperBackgroundColor = "#ffffff";
+export const conductionCardWrapperBorderRadius = "18px";
+export const conductionCardWrapperColor = "#000000";
+export const conductionCardWrapperPaddingInlineEnd = "18px";
+export const conductionCardWrapperPaddingInlineStart = "18px";
+export const conductionCardWrapperPaddingBlockEnd = "18px";
+export const conductionCardWrapperPaddingBlockStart = "18px";
+export const conductionInputCheckboxColor = "#ffffff";
+export const conductionInputCheckboxBorderWidth = "1px";
+export const conductionInputCheckboxBorderStyle = "solid";
+export const conductionInputCheckboxBorderColor = "#767676";
+export const conductionInputCheckboxBorderRadius = "3px";
+export const conductionInputCheckboxHoverColor = "#ffffff";
+export const conductionInputCheckboxHoverBorderWidth = "1px";
+export const conductionInputCheckboxHoverBorderStyle = "solid";
+export const conductionInputCheckboxHoverBorderColor = "#4f4f4f";
+export const conductionInputCheckboxHoverBorderRadius = "3px";
+export const conductionInputCheckboxCheckedColor = "#4376fc";
+export const conductionInputCheckboxCheckedBorderWidth = "1px";
+export const conductionInputCheckboxCheckedBorderStyle = "solid";
+export const conductionInputCheckboxCheckedBorderColor = "#4376fc";
+export const conductionInputCheckboxCheckedBorderRadius = "3px";
+export const conductionInputCheckboxCheckedHoverColor = "#2e5ed9";
+export const conductionInputCheckboxCheckedHoverBorderWidth = "1px";
+export const conductionInputCheckboxCheckedHoverBorderStyle = "solid";
+export const conductionInputCheckboxCheckedHoverBorderColor = "#2e5ed9";
+export const conductionInputCheckboxCheckedHoverBorderRadius = "3px";
+export const conductionInputCheckboxDisabledColor = "#d1d1d1";
+export const conductionInputCheckboxDisabledBorderWidth = "1px";
+export const conductionInputCheckboxDisabledBorderStyle = "solid";
+export const conductionInputCheckboxDisabledBorderColor = "#d1d1d1";
+export const conductionInputCheckboxDisabledBorderRadius = "3px";
+export const conductionInputCheckboxDisabledHoverColor = "#d1d1d1";
+export const conductionInputCheckboxDisabledHoverBorderWidth = "1px";
+export const conductionInputCheckboxDisabledHoverBorderStyle = "solid";
+export const conductionInputCheckboxDisabledHoverBorderColor = "#d1d1d1";
+export const conductionInputCheckboxDisabledHoverBorderRadius = "3px";
+export const conductionInputCheckboxFocusOutlineWidth = "2px";
+export const conductionInputCheckboxFocusOutlineStyle = "solid";
+export const conductionInputCheckboxFocusOutlineColor = "#000000";
+export const conductionInputCheckboxFocusOutlineOffset = "2px";
+export const conductionInputCheckboxLabelColor = "#000000";
+export const conductionInputCheckboxLabelFontSize = "18px";
+export const conductionInputCheckboxLabelFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const conductionInputCheckboxLabelContainerPadding = "3px";
+export const conductionInputCheckboxLabelContainerMargin = "3px";
+export const conductionDownloadCardTitleColor = "#000000";
+export const conductionDownloadCardTitleFontSize = "18px";
+export const conductionDownloadCardTitleFontWeight = "700";
+export const conductionDownloadCardTitleFontFamily = "\"Aldritch\", \"Noto Sans\", Arial, sans-serif";
+export const conductionDownloadCardTitleMarginInlineEnd = "14px";
+export const conductionDownloadCardBorderWidth = "1px";
+export const conductionDownloadCardBorderStyle = "solid";
+export const conductionDownloadCardBorderColor = "#d1d1d1";
+export const conductionDownloadCardBorderRadius = "2px";
+export const conductionDownloadCardIconGap = "8px";
+export const conductionDownloadCardPaddingInlineEnd = "18px";
+export const conductionDownloadCardPaddingInlineStart = "18px";
+export const conductionDownloadCardPaddingBlockEnd = "18px";
+export const conductionDownloadCardPaddingBlockStart = "18px";
+export const conductionLogoHeaderInlineSize = "220px";
+export const conductionLogoHeaderBlockSize = "40px";
+export const conductionLogoHeaderBackgroundImage = "url('https://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png')";
+export const conductionLogoFooterInlineSize = "220px";
+export const conductionLogoFooterBlockSize = "40px";
+export const conductionLogoFooterBackgroundImage = "url('https://raw.githubusercontent.com/OpenCatalogi/web-app/df1e0533081d780c05b1d0b57ab327d97adcbdc6/pwa/src/assets/svgs/LogoConduction.svg')";
+export const conductionLogoNavbarInlineSize = "150px";
+export const conductionLogoNavbarBlockSize = "40px";
+export const conductionLogoNavbarBackgroundImage = "url('https://raw.githubusercontent.com/OpenCatalogi/web-app/df1e0533081d780c05b1d0b57ab327d97adcbdc6/pwa/src/assets/svgs/LogoConduction.svg')";
+export const conductionPrimaryTopNavColor = "#4a4a4a";
+export const conductionPrimaryTopNavBackgroundColor = "#ffffff";
+export const conductionPrimaryTopNavHoverColor = "#4376fc";
+export const conductionPrimaryTopNavHoverBackgroundColor = "#ffffff";
+export const conductionPrimaryTopNavCurrentColor = "#4376fc";
+export const conductionPrimaryTopNavCurrentBackgroundColor = "#ffffff";
+export const conductionPrimaryTopNavCurrentBoxShadow = "";
+export const conductionPrimaryTopNavCurrentMobileBoxShadow = "";
+export const conductionPrimaryTopNavDropdownColor = "#4a4a4a";
+export const conductionPrimaryTopNavDropdownBackgroundColor = "#ffffff";
+export const conductionPrimaryTopNavDropdownHoverColor = "#4376fc";
+export const conductionPrimaryTopNavDropdownHoverBackgroundColor = "#ffffff";
+export const conductionPrimaryTopNavDropdownCurrentColor = "#4376fc";
+export const conductionPrimaryTopNavDropdownCurrentBackgroundColor = "#ffffff";
+export const conductionPrimaryTopNavDropdownCurrentBoxShadow = "";
+export const conductionPrimaryTopNavDropdownCurrentMobileBoxShadow = "";
+export const conductionPrimaryTopNavItemPadding = "18px";
+export const conductionPrimaryTopNavPaddingInlineEnd = "16px";
+export const conductionPrimaryTopNavPaddingInlineStart = "16px";
+export const conductionPrimaryTopNavPaddingBlockEnd = "16px";
+export const conductionPrimaryTopNavPaddingBlockStart = "16px";
+export const conductionSecondaryTopNavColor = "#4a4a4a";
+export const conductionSecondaryTopNavBackgroundColor = "transparent";
+export const conductionSecondaryTopNavHoverColor = "#4376fc";
+export const conductionSecondaryTopNavHoverBackgroundColor = "#ffffff";
+export const conductionSecondaryTopNavCurrentColor = "#4376fc";
+export const conductionSecondaryTopNavCurrentBackgroundColor = "#ffffff";
+export const conductionSecondaryTopNavCurrentBoxShadow = "";
+export const conductionSecondaryTopNavFontSize = "18px";
+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 = "4px";
+export const conductionPaginationItemColor = "#000000";
+export const conductionPaginationItemBackgroundColor = "#fafafa";
+export const conductionPaginationItemPaddingInlineStart = "8px";
+export const conductionPaginationItemPaddingInlineEnd = "8px";
+export const conductionPaginationItemPaddingBlockStart = "8px";
+export const conductionPaginationItemPaddingBlockEnd = "8px";
+export const conductionPaginationItemFontSize = "18px";
+export const conductionPaginationItemFontWeight = "400";
+export const conductionPaginationItemFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const conductionPaginationItemBorderRadius = "4px";
+export const conductionPaginationNavigationButtonColor = "#ffffff";
+export const conductionPaginationNavigationButtonBackgroundColor = "#4376fc";
+export const conductionPaginationNavigationButtonPaddingInlineStart = "8px";
+export const conductionPaginationNavigationButtonPaddingInlineEnd = "8px";
+export const conductionPaginationNavigationButtonPaddingBlockStart = "0px";
+export const conductionPaginationNavigationButtonPaddingBlockEnd = "0px";
+export const conductionPaginationNavigationButtonDisabledColor = "#ffffff";
+export const conductionPaginationNavigationButtonDisabledBackgroundColor = "#d1d1d1";
+export const conductionPaginationNavigationButtonHoverColor = "#ffffff";
+export const conductionPaginationNavigationButtonHoverBackgroundColor = "#2e5ed9";
+export const conductionPaginationCurrentPageColor = "#ffffff";
+export const conductionPaginationCurrentPageBackgroundColor = "#4376fc";
+export const conductionPaginationCurrentPageFontWeight = "700";
+export const conductionPaginationCurrentPageTextDecoration = "unset";
+export const conductionPaginationPageHoverColor = "#4376fc";
+export const conductionPaginationPageHoverBackgroundColor = "#fafafa";
+export const conductionPaginationPageHoverTextDecoration = "unset";
+export const conductionPaginationPageHoverTextDecorationThickness = "0px";
+export const conductionInputSelectBackgroundColor = "#ffffff";
+export const conductionInputSelectBorder = "1px solid #7a7a7a";
+export const conductionInputSelectBorderFocus = "unset";
+export const conductionInputSelectBorderRadius = "3px";
+export const conductionInputSelectInvalidBorderColor = "#dc3545";
+export const conductionInputSelectPaddingBlockEnd = 0;
+export const conductionInputSelectPaddingBlockStart = 0;
+export const conductionInputSelectListOptionFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const conductionInputSelectListOptionHoverFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const conductionInputSelectPlaceholderColor = "#808080";
+export const conductionInputSelectPlaceholderFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const conductionTableWrapperScrollButtonBackgroundColor = "#ffffff";
+export const conductionTableWrapperScrollButtonColor = "#000000";
+export const conductionTableWrapperScrollButtonPaddingInlineStart = "14px";
+export const conductionTableWrapperScrollButtonPaddingInlineEnd = "14px";
+export const conductionTableWrapperScrollButtonHoverBackgroundColor = "#ffffff";
+export const conductionTableWrapperScrollButtonHoverColor = "#4376fc";
+export const conductionTabsTabBackgroundColor = "transparent";
+export const conductionTabsTabColor = "#4a4a4a";
+export const conductionTabsTabBottom = "-2px";
+export const conductionTabsTabPaddingBlockStart = "8px";
+export const conductionTabsTabPaddingBlockEnd = "8px";
+export const conductionTabsTabPaddingInlineStart = "14px";
+export const conductionTabsTabPaddingInlineEnd = "14px";
+export const conductionTabsTabFontSize = "18px";
+export const conductionTabsTabFontWeight = "400";
+export const conductionTabsTabFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const conductionTabsTabMaxWidth = "unset";
+export const conductionTabsTabMinWidth = "160px";
+export const conductionTabsTabMinHeight = "61px";
+export const conductionTabsTabSelectedBackgroundColor = "transparent";
+export const conductionTabsTabSelectedColor = "#4a4a4a";
+export const conductionTabsTabSelectedBorderBottomWidth = "2px";
+export const conductionTabsTabSelectedBorderBottomStyle = "solid";
+export const conductionTabsTabSelectedBorderBottomColor = "#4376fc";
+export const conductionTabsTabSelectedFontWeight = "700";
+export const conductionTabsTabSelectedFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const conductionTabsTabSelectedHoverColor = "#4a4a4a";
+export const conductionTabsTabHoverColor = "#4a4a4a";
+export const conductionTabsTabListPaddingInlineStart = "0px";
+export const conductionTabsTabListMarginBlockEnd = "0px";
+export const conductionTabsTabListBorderBottomWidth = "2px";
+export const conductionTabsTabListBorderBottomStyle = "solid";
+export const conductionTabsTabListBorderBottomColor = "#d1d1d1";
+export const conductionTabsTabPanelPaddingBlockStart = "24px";
+export const conductionTabsTabPanelPaddingBlockEnd = "24px";
+export const conductionTabsTabPanelPaddingInlineStart = "24px";
+export const conductionTabsTabPanelPaddingInlineEnd = "24px";
+export const conductionTabsScrollButtonBackgroundColor = "#4376fc";
+export const conductionTabsScrollButtonColor = "#ffffff";
+export const conductionTabsScrollButtonHoverBackgroundColor = "#2e5ed9";
+export const conductionTabsScrollButtonHoverColor = "#ffffff";
+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 utrechtActionBusyCursor = "wait";
+export const utrechtActionDisabledCursor = "not-allowed";
+export const utrechtActionSubmitCursor = "pointer";
+export const utrechtSpaceBlock3xs = "2px";
+export const utrechtSpaceBlock2xs = "4px";
+export const utrechtSpaceBlockXs = "8px";
+export const utrechtSpaceBlockSm = "14px";
+export const utrechtSpaceBlockMd = "18px";
+export const utrechtSpaceBlockLg = "24px";
+export const utrechtSpaceBlockXl = "32px";
+export const utrechtSpaceBlock2xl = "48px";
+export const utrechtSpaceBlock3xl = "72px";
+export const utrechtSpaceInline3xs = "2px";
+export const utrechtSpaceInline2xs = "4px";
+export const utrechtSpaceInlineXs = "8px";
+export const utrechtSpaceInlineSm = "14px";
+export const utrechtSpaceInlineMd = "18px";
+export const utrechtSpaceInlineLg = "24px";
+export const utrechtSpaceInlineXl = "32px";
+export const utrechtSpaceInline2xl = "48px";
+export const utrechtSpaceInline3xl = "72px";
+export const utrechtAlertBackgroundColor = "#cce5ff";
+export const utrechtAlertColor = "#004085";
+export const utrechtAlertPaddingBlockStart = "24px";
+export const utrechtAlertPaddingBlockEnd = "24px";
+export const utrechtAlertPaddingInlineStart = "24px";
+export const utrechtAlertPaddingInlineEnd = "24px";
+export const utrechtAlertWarningBackgroundColor = "#fff3cd";
+export const utrechtAlertWarningColor = "#856404";
+export const utrechtAlertErrorBackgroundColor = "#f8d7da";
+export const utrechtAlertErrorColor = "#721c24";
+export const utrechtAlertOkBackgroundColor = "#d4edda";
+export const utrechtAlertOkColor = "#155724";
+export const utrechtAlertIconColor = "#004085";
+export const utrechtAlertIconErrorColor = "#721c24";
+export const utrechtAlertIconWarningColor = "#856404";
+export const utrechtAlertIconOkColor = "#155724";
+export const utrechtAlertIconGap = "8px";
+export const utrechtBadgeCounterBackgroundColor = "#4376fc";
+export const utrechtBadgeCounterBorderRadius = "50%";
+export const utrechtBadgeCounterColor = "#ffffff";
+export const utrechtBadgeCounterFontSize = "18px";
+export const utrechtBadgeCounterFontWeight = "400";
+export const utrechtBadgeCounterPaddingBlock = "4px";
+export const utrechtBadgeCounterPaddingInline = "4px";
+export const utrechtBadgeCounterFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const utrechtBadgeCounterTextDecoration = "none";
+export const utrechtBadgeBackgroundColor = "#000000 ";
+export const utrechtBadgeBorderRadius = "0";
+export const utrechtBadgeColor = "#ffffff ";
+export const utrechtBadgeFontSize = "14px";
+export const utrechtBadgeFontWeight = "400";
+export const utrechtBadgePaddingBlock = "8px";
+export const utrechtBadgePaddingInline = "8px";
+export const utrechtBlockquoteMarginInlineStart = "32px";
+export const utrechtBlockquoteMarginInlineEnd = "32px";
+export const utrechtBlockquoteContentColor = "#000000";
+export const utrechtBlockquoteContentFontSize = "18px";
+export const utrechtBreadcrumbNavFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const utrechtBreadcrumbNavLinkColor = "#4376fc";
+export const utrechtBreadcrumbNavLinkCurrentColor = "#4a4a4a";
+export const utrechtBreadcrumbNavLinkDisabledColor = "#4a4a4a";
+export const utrechtBreadcrumbNavLinkHoverColor = "#2e5ed9";
+export const utrechtBreadcrumbNavSeparatorColor = "#000000";
+export const utrechtBreadcrumbNavSeparatorIconSize = "14px";
+export const utrechtBreadcrumbNavBackgroundColor = "#ffffff";
+export const utrechtBreadcrumbNavBorderRadius = "3px";
+export const utrechtBreadcrumbNavPaddingInlineStart = "0";
+export const utrechtBreadcrumbNavPaddingInlineEnd = "0";
+export const utrechtBreadcrumbNavPaddingBlockStart = "12px";
+export const utrechtBreadcrumbNavPaddingBlockEnd = "12px";
+export const utrechtButtonBackgroundColor = "#4376fc";
+export const utrechtButtonBorderColor = "#4376fc";
+export const utrechtButtonBorderRadius = "3px";
+export const utrechtButtonBorderWidth = "2px";
+export const utrechtButtonColor = "#ffffff";
+export const utrechtButtonFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const utrechtButtonFontSize = "inherit";
+export const utrechtButtonFontWeight = "inherit";
+export const utrechtButtonPaddingBlockStart = "4px";
+export const utrechtButtonPaddingBlockEnd = "4px";
+export const utrechtButtonPaddingInlineStart = "14px";
+export const utrechtButtonPaddingInlineEnd = "14px";
+export const utrechtButtonIconGap = "8px";
+export const utrechtButtonDisabledBackgroundColor = "#d1d1d1";
+export const utrechtButtonDisabledBorderColor = "#d1d1d1";
+export const utrechtButtonDisabledColor = "#808080";
+export const utrechtButtonHoverBackgroundColor = "#2e5ed9";
+export const utrechtButtonHoverBorderColor = "#2e5ed9";
+export const utrechtButtonHoverColor = "#ffffff";
+export const utrechtButtonPrimaryActionBackgroundColor = "#4376fc";
+export const utrechtButtonPrimaryActionBorderColor = "#4376fc";
+export const utrechtButtonPrimaryActionBorderWidth = "2px";
+export const utrechtButtonPrimaryActionColor = "#ffffff";
+export const utrechtButtonPrimaryActionFontWeight = "inherit";
+export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#d1d1d1";
+export const utrechtButtonPrimaryActionDisabledBorderColor = "#d1d1d1";
+export const utrechtButtonPrimaryActionDisabledColor = "#808080";
+export const utrechtButtonPrimaryActionHoverBackgroundColor = "#4376fc";
+export const utrechtButtonPrimaryActionHoverBorderColor = "#4376fc";
+export const utrechtButtonPrimaryActionHoverColor = "#ffffff";
+export const utrechtButtonSecondaryActionBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionBorderColor = "#4376fc";
+export const utrechtButtonSecondaryActionBorderWidth = "2px";
+export const utrechtButtonSecondaryActionColor = "#4376fc";
+export const utrechtButtonSecondaryActionFontWeight = "400";
+export const utrechtButtonSecondaryActionDisabledBackgroundColor = "#d1d1d1";
+export const utrechtButtonSecondaryActionDisabledBorderColor = "#d1d1d1";
+export const utrechtButtonSecondaryActionDisabledColor = "#808080";
+export const utrechtButtonSecondaryActionHoverBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionHoverBorderColor = "#2e5ed9";
+export const utrechtButtonSecondaryActionHoverColor = "#2e5ed9";
+export const utrechtButtonSubtleDisabledBackgroundColor = "#d1d1d1";
+export const utrechtButtonSubtleDisabledBorderColor = "#d1d1d1";
+export const utrechtButtonSubtleDisabledColor = "#808080";
+export const utrechtCodeBackgroundColor = "#f5f5f5";
+export const utrechtCodeColor = "#000000";
+export const utrechtCodeFontFamily = "Monospace, \"Lucida Console\"";
+export const utrechtCodeFontSize = "inherit";
+export const utrechtCodeBlockBackgroundColor = "#f5f5f5";
+export const utrechtCodeBlockColor = "#000000";
+export const utrechtCodeBlockFontFamily = "Monospace, \"Lucida Console\"";
+export const utrechtCodeBlockFontSize = "18px";
+export const utrechtCodeBlockLineHeight = "24px";
+export const utrechtCodeBlockMarginBlockStart = "18px";
+export const utrechtCodeBlockMarginBlockEnd = "18px";
+export const utrechtCodeBlockMarginInlineStart = 0;
+export const utrechtCodeBlockMarginInlineEnd = 0;
+export const utrechtCodeBlockPaddingBlockStart = "18px";
+export const utrechtCodeBlockPaddingBlockEnd = "18px";
+export const utrechtCodeBlockPaddingInlineStart = "18px";
+export const utrechtCodeBlockPaddingInlineEnd = "18px";
+export const utrechtDocumentBackgroundColor = "#fafafa";
+export const utrechtDocumentColor = "#000000";
+export const utrechtDocumentFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const utrechtDocumentFontSize = "18px";
+export const utrechtFormInputBackgroundColor = "#ffffff";
+export const utrechtFormInputPlaceholderColor = "#808080";
+export const utrechtFormInputFocusBackgroundColor = "#ffffff";
+export const utrechtFormInputBorderColor = "#7a7a7a";
+export const utrechtFormInputBorderRadius = "3px";
+export const utrechtFormInputBorderWidth = "1px";
+export const utrechtFormInputColor = "#4a4a4a";
+export const utrechtFormInputFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const utrechtFormInputFontSize = "15px";
+export const utrechtFormInputPaddingBlockEnd = "8px";
+export const utrechtFormInputPaddingBlockStart = "8px";
+export const utrechtFormInputPaddingInlineEnd = "14px";
+export const utrechtFormInputPaddingInlineStart = "14px";
+export const utrechtIconGap = "8px";
+export const utrechtPageFooterLogoMaxHeight = "100px";
+export const utrechtPageFooterLogoMaxWidth = "100px";
+export const utrechtPageFooterLinkTextDecoration = "none";
+export const utrechtPageFooterLinkTextDecorationColor = "unset";
+export const utrechtPageFooterLinkTextDecorationThickness = "1px";
+export const utrechtPageFooterLinkTextUnderlineOffset = "2px";
+export const utrechtPageFooterLinkHoverColor = "#4d4d4d";
+export const utrechtPageFooterLinkHoverTextDecoration = "underline";
+export const utrechtPageFooterLinkHoverTextDecorationThickness = "1px";
+export const utrechtPageFooterBackgroundColor = "#f5f5f5";
+export const utrechtPageFooterBackgroundImage = "unset";
+export const utrechtPageFooterColor = "#000000";
+export const utrechtPageFooterPaddingInlineEnd = "14px";
+export const utrechtPageFooterPaddingInlineStart = "14px";
+export const utrechtPageFooterPaddingBlockEnd = "48px";
+export const utrechtPageFooterPaddingBlockStart = "48px";
+export const utrechtPageHeaderLogoMaxWidth = "150px";
+export const utrechtPageHeaderBackgroundColor = "#4376fc";
+export const utrechtPageHeaderColor = "#ffffff";
+export const utrechtPageHeaderPaddingBlockStart = "14px";
+export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtRadioButtonMinBlockSize = "16px";
+export const utrechtRadioButtonMinInlineSize = "16px";
+export const utrechtRadioButtonCheckedDisabledBorderColor = "#d1d1d1";
+export const utrechtRadioButtonCheckedDisabledBorderWidth = "1px";
+export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedDisabledColor = "#d1d1d1";
+export const utrechtRadioButtonBackgroundColor = "#ffffff";
+export const utrechtRadioButtonBorderColor = "#767676";
+export const utrechtRadioButtonBorderWidth = "1px";
+export const utrechtRadioButtonIconSize = "5px";
+export const utrechtRadioButtonCheckedBorderColor = "#4376fc";
+export const utrechtRadioButtonCheckedBorderWidth = "1px";
+export const utrechtRadioButtonCheckedBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedColor = "#4376fc";
+export const utrechtRadioButtonCheckedActiveBorderColor = "#4376fc";
+export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
+export const utrechtRadioButtonCheckedActiveBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedActiveColor = "#4376fc";
+export const utrechtRadioButtonCheckedHoverBorderColor = "#2e5ed9";
+export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
+export const utrechtRadioButtonCheckedHoverBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedHoverColor = "#2e5ed9";
+export const utrechtRadioButtonCheckedFocusBorderColor = "#4376fc";
+export const utrechtRadioButtonCheckedFocusBorderWidth = "1px";
+export const utrechtRadioButtonCheckedFocusBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedFocusColor = "#4376fc";
+export const utrechtRadioButtonHoverBorderColor = "#4f4f4f";
+export const utrechtRadioButtonHoverBorderWidth = "1px";
+export const utrechtRadioButtonHoverBackgroundColor = "#ffffff";
+export const utrechtRadioButtonFocusBorderColor = "#4376fc";
+export const utrechtRadioButtonFocusBorderWidth = "1px";
+export const utrechtRadioButtonFocusBackgroundColor = "#ffffff";
+export const utrechtRadioButtonFocusColor = "#4376fc";
+export const utrechtRadioButtonDisabledBorderColor = "#d1d1d1";
+export const utrechtRadioButtonDisabledBorderWidth = "1px";
+export const utrechtRadioButtonDisabledBackgroundColor = "#f7f7f7";
+export const utrechtRadioButtonDisabledColor = "#d1d1d1";
+export const utrechtRadioButtonInvalidBorderColor = "#dc3545";
+export const utrechtRadioButtonInvalidBorderWidth = "1px";
+export const utrechtRadioButtonInvalidBackgroundColor = "#ffffff";
+export const utrechtRadioButtonInvalidColor = "#dc3545";
+export const utrechtTableBorderCollapse = "collapse";
+export const utrechtTableBackgroundColor = "#ffffff";
+export const utrechtTableHeaderBorderBlockEndColor = "#d1d1d1";
+export const utrechtTableHeaderBorderBlockEndWidth = "1px";
+export const utrechtTableHeaderFontWeight = "700";
+export const utrechtTableHeaderColor = "#000000";
+export const utrechtTableHeaderTextTransform = "unset";
+export const utrechtTableHeaderCellFontSize = "18px";
+export const utrechtTableHeaderCellFontWeight = "700";
+export const utrechtTableHeaderCellColor = "#000000";
+export const utrechtTableHeaderCellTextTransform = "unset";
+export const utrechtTableCellPaddingBlockEnd = "18px";
+export const utrechtTableCellPaddingBlockStart = "18px";
+export const utrechtTableCellPaddingInlineEnd = "18px";
+export const utrechtTableCellPaddingInlineStart = "18px";
+export const utrechtTableRowHoverBackgroundColor = "#f7f7f7";
+export const utrechtTableRowBorderBlockEndColor = "#d1d1d1";
+export const utrechtTableRowBorderBlockEndWidth = "1px";
+export const utrechtTableFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const utrechtTableFontSize = "18px";
+export const utrechtTableMarginBlockEnd = 0;
+export const utrechtTableMarginBlockStart = "18px";
+export const utrechtTextboxBackgroundColor = "#ffffff";
+export const utrechtTextboxPlaceholderColor = "#808080";
+export const utrechtTextboxFocusBackgroundColor = "#ffffff";
+export const utrechtTextboxBorderColor = "#7a7a7a";
+export const utrechtTextboxBorderRadius = "3px";
+export const utrechtTextboxBorderWidth = "1px";
+export const utrechtTextboxColor = "#4a4a4a";
+export const utrechtTextboxFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const utrechtTextboxFontSize = "15px";
+export const utrechtTextboxPaddingBlockEnd = "8px";
+export const utrechtTextboxPaddingBlockStart = "8px";
+export const utrechtTextboxPaddingInlineEnd = "14px";
+export const utrechtTextboxPaddingInlineStart = "14px";
+export const utrechtHeading1FontFamily = "\"Aldritch\", \"Noto Sans\", Arial, sans-serif";
+export const utrechtHeading1FontSize = "48px";
+export const utrechtHeading1FontWeight = "700";
+export const utrechtHeading1MarginBlockEnd = "48px";
+export const utrechtHeading1MarginBlockStart = "18px";
+export const utrechtHeading2FontFamily = "\"Aldritch\", \"Noto Sans\", Arial, sans-serif";
+export const utrechtHeading2FontSize = "32px";
+export const utrechtHeading2FontWeight = "700";
+export const utrechtHeading2MarginBlockEnd = "48px";
+export const utrechtHeading2MarginBlockStart = "18px";
+export const utrechtHeading3FontFamily = "\"Aldritch\", \"Noto Sans\", Arial, sans-serif";
+export const utrechtHeading3FontSize = "24px";
+export const utrechtHeading3FontWeight = "400";
+export const utrechtHeading3MarginBlockEnd = "32px";
+export const utrechtHeading3MarginBlockStart = "18px";
+export const utrechtHeading4FontFamily = "\"Aldritch\", \"Noto Sans\", Arial, sans-serif";
+export const utrechtHeading4FontSize = "20px";
+export const utrechtHeading4FontWeight = "400";
+export const utrechtHeading4MarginBlockEnd = "24px";
+export const utrechtHeading4MarginBlockStart = "18px";
+export const utrechtHeading5FontFamily = "\"Aldritch\", \"Noto Sans\", Arial, sans-serif";
+export const utrechtHeading5FontSize = "18px";
+export const utrechtHeading5FontWeight = "100";
+export const utrechtHeading5MarginBlockEnd = "24px";
+export const utrechtHeading5MarginBlockStart = "18px";
+export const utrechtLinkColor = "#4376fc";
+export const utrechtLinkTextDecoration = "none";
+export const utrechtLinkTextDecorationColor = "unset";
+export const utrechtLinkTextDecorationThickness = 0;
+export const utrechtLinkTextUnderlineOffset = "2px";
+export const utrechtLinkHoverColor = "#2e5ed9";
+export const utrechtLinkHoverTextDecoration = "underline";
+export const utrechtLinkHoverTextDecorationThickness = "1px";
+export const utrechtLinkVisitedColor = "#4376fc";
+export const utrechtLinkIconSize = "18px";
+export const utrechtOrderedListFontSize = "18px";
+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 = "18px";
+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 = "#4376fc";
+export const utrechtPageMarginInlineStart = "24px";
+export const utrechtPageMarginInlineEnd = "24px";
+export const utrechtPageMaxInlineSize = "1140px";
+export const utrechtParagraphColor = "#000000";
+export const utrechtParagraphFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const utrechtParagraphFontSize = "18px";
+export const utrechtParagraphFontWeight = "400";
+export const utrechtParagraphLineHeight = "1.5em";
+export const utrechtParagraphMarginBlockStart = 0;
+export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtSeparatorColor = "#d1d1d1";
+export const utrechtSeparatorBlockSize = "1px";
+export const utrechtSeparatorMarginBlockEnd = "0px";
+export const utrechtSeparatorMarginBlockStart = "0px";
+export const utrechtSurfaceBackgroundColor = "#fafafa";
+export const openCatalogiRatingRatingBarColor = "#4376fc";
+export const openCatalogiRatingFontSize = "18px";
+export const openCatalogiRatingFontFamily = "\"Noto Sans\", Arial, sans-serif";