@conduction/theme 1.1.12 → 1.1.14

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

@@ -1,592 +0,0 @@
-/**
- * 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";