@conduction/theme 1.1.11 → 1.1.12

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

@@ -0,0 +1,614 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 08 Jan 2024 09:11:48 GMT
+ */
+
+export const noaberkrachtColorPrimary = "#4376fc";
+export const noaberkrachtColorPrimaryHover = "#2e5ed9";
+export const noaberkrachtColorError = "#dc3545";
+export const noaberkrachtColorAlertError = "#721c24";
+export const noaberkrachtColorAlertErrorBackground = "#f8d7da";
+export const noaberkrachtColorWarning = "#ffc107";
+export const noaberkrachtColorAlertWarning = "#856404";
+export const noaberkrachtColorAlertWarningBackground = "#fff3cd";
+export const noaberkrachtColorSucces = "#28a745";
+export const noaberkrachtColorAlertSucces = "#155724";
+export const noaberkrachtColorAlertSuccesBackground = "#d4edda";
+export const noaberkrachtColorInfo = "#4376fc";
+export const noaberkrachtColorAlertInfo = "#004085";
+export const noaberkrachtColorAlertInfoBackground = "#cce5ff";
+export const noaberkrachtColorBlue22 = "#003790"; // Base/Blue from Huisstijlhandboek, base color of website is #012c9d
+export const noaberkrachtColorBlue31 = "#012c9d";
+export const noaberkrachtColorBlue46 = "#1967d2";
+export const noaberkrachtColorBlue59 = "#6780c4"; // Blue color for over 31-60t color
+export const noaberkrachtColorBlue93 = "#e5e9f5";
+export const noaberkrachtColorBlue3110t = "#012c9d1a"; // Blue with 10% transparency
+export const noaberkrachtColorBlue3150t = "#012c9d80"; // Blue with 50% transparency
+export const noaberkrachtColorBlue3160t = "#012c9d99"; // Blue with 60% transparency
+export const noaberkrachtColorBlue3180t = "#012c9dcc"; // Blue with 80% transparency
+export const noaberkrachtColorYellow47 = "#f0b800"; // Base/Yellow from Huisstijlhandboek, base color of website is #f0af00
+export const noaberkrachtColorGrey31 = "#4f4f4f";
+export const noaberkrachtColorGrey46 = "#767676";
+export const noaberkrachtColorGrey50 = "#808080";
+export const noaberkrachtColorGrey82 = "#d1d1d1";
+export const noaberkrachtColorGrey97 = "#f7f7f7";
+export const noaberkrachtColorLightgrey96 = "#f5f5f5"; // Base/LightGrey
+export const noaberkrachtColorWhite98 = "#fafafa";
+export const noaberkrachtColorWhite100 = "#ffffff"; // Base/White
+export const noaberkrachtColorBlack0 = "#000000"; // Base/Black
+export const noaberkrachtFontSize4xs = "5px";
+export const noaberkrachtFontSize3xs = "8px";
+export const noaberkrachtFontSize2xs = "10x";
+export const noaberkrachtFontSizeXs = "12px";
+export const noaberkrachtFontSizeSm = "14px";
+export const noaberkrachtFontSizeMd = "18px";
+export const noaberkrachtFontSizeLg = "24px";
+export const noaberkrachtFontSizeXl = "36px";
+export const noaberkrachtFontSize2xl = "48px";
+export const noaberkrachtFontSize3xl = "60px";
+export const noaberkrachtFontSize4xl = "72px";
+export const noaberkrachtFontSize5xl = "84px";
+export const noaberkrachtSize4xs = "1px";
+export const noaberkrachtSize3xs = "2px";
+export const noaberkrachtSize2xs = "4px";
+export const noaberkrachtSizeXs = "8px";
+export const noaberkrachtSizeSm = "14px";
+export const noaberkrachtSizeMd = "18px";
+export const noaberkrachtSizeLg = "24px";
+export const noaberkrachtSizeXl = "32px";
+export const noaberkrachtSize2xl = "48px";
+export const noaberkrachtSize3xl = "72px";
+export const noaberkrachtSize4xl = "96px";
+export const noaberkrachtTypographyGreycliffCfFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const noaberkrachtTypographyOceanwideFontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
+export const noaberkrachtTypographySansSerifFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const noaberkrachtTypographyMonospaceFontFamily = "Monospace, \"Lucida Console\"";
+export const noaberkrachtTypographyFontWeightBold = "700";
+export const noaberkrachtTypographyFontWeightNormal = "400";
+export const noaberkrachtTypographyFontWeightLight = "100";
+export const noaberkrachtTypographyScale4xs = "5px";
+export const noaberkrachtTypographyScale3xs = "8px";
+export const noaberkrachtTypographyScale2xs = "10x";
+export const noaberkrachtTypographyScaleXs = "12px";
+export const noaberkrachtTypographyScaleSm = "14px";
+export const noaberkrachtTypographyScaleMd = "18px";
+export const noaberkrachtTypographyScaleLg = "24px";
+export const noaberkrachtTypographyScaleXl = "36px";
+export const noaberkrachtTypographyScale2xl = "48px";
+export const noaberkrachtTypographyScale3xl = "60px";
+export const noaberkrachtTypographyScale4xl = "72px";
+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 = "#f0b800";
+export const utrechtBadgeCounterBorderRadius = "50%";
+export const utrechtBadgeCounterColor = "#003790";
+export const utrechtBadgeCounterFontSize = "14px";
+export const utrechtBadgeCounterFontWeight = "400";
+export const utrechtBadgeCounterPaddingBlock = "4px";
+export const utrechtBadgeCounterPaddingInline = "4px";
+export const utrechtBadgeCounterFontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
+export const utrechtBadgeCounterTextDecoration = "none";
+export const utrechtBadgeBackgroundColor = "#012c9d ";
+export const utrechtBadgeBorderRadius = "9999px";
+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 = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const utrechtBreadcrumbNavLinkColor = "#f0b800";
+export const utrechtBreadcrumbNavLinkCurrentColor = "#003790";
+export const utrechtBreadcrumbNavLinkDisabledColor = "#003790";
+export const utrechtBreadcrumbNavLinkHoverColor = "#f0b800";
+export const utrechtBreadcrumbNavSeparatorColor = "#f0b800";
+export const utrechtBreadcrumbNavSeparatorIconSize = "14px";
+export const utrechtBreadcrumbNavPaddingInlineStart = "0";
+export const utrechtBreadcrumbNavPaddingInlineEnd = "0";
+export const utrechtBreadcrumbNavPaddingBlockStart = "12px";
+export const utrechtBreadcrumbNavPaddingBlockEnd = "12px";
+export const utrechtButtonBackgroundColor = "#f0b800";
+export const utrechtButtonBorderColor = "#f0b800";
+export const utrechtButtonBorderRadius = "9999px";
+export const utrechtButtonBorderWidth = "2px";
+export const utrechtButtonColor = "#ffffff";
+export const utrechtButtonFontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,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 = "#003790";
+export const utrechtButtonHoverBorderColor = "#003790";
+export const utrechtButtonHoverColor = "#ffffff";
+export const utrechtButtonPrimaryActionBackgroundColor = "#f0b800";
+export const utrechtButtonPrimaryActionBorderColor = "#f0b800";
+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 = "#f0b800";
+export const utrechtButtonPrimaryActionHoverBorderColor = "#f0b800";
+export const utrechtButtonPrimaryActionHoverColor = "#ffffff";
+export const utrechtButtonSecondaryActionBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionBorderColor = "#f0b800";
+export const utrechtButtonSecondaryActionBorderWidth = "2px";
+export const utrechtButtonSecondaryActionColor = "#f0b800";
+export const utrechtButtonSecondaryActionFontWeight = "400";
+export const utrechtButtonSecondaryActionDisabledBackgroundColor = "#d1d1d1";
+export const utrechtButtonSecondaryActionDisabledBorderColor = "#d1d1d1";
+export const utrechtButtonSecondaryActionDisabledColor = "#808080";
+export const utrechtButtonSecondaryActionHoverBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionHoverBorderColor = "#003790";
+export const utrechtButtonSecondaryActionHoverColor = "#003790";
+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 = "14px";
+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 = "#003790";
+export const utrechtDocumentFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const utrechtDocumentFontSize = "14px";
+export const utrechtFormInputBackgroundColor = "#ffffff";
+export const utrechtFormInputPlaceholderColor = "#003790";
+export const utrechtFormInputFocusBackgroundColor = "#ffffff";
+export const utrechtFormInputBorderColor = "#003790";
+export const utrechtFormInputBorderRadius = "9999px";
+export const utrechtFormInputBorderWidth = "1px";
+export const utrechtFormInputColor = "#003790";
+export const utrechtFormInputFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const utrechtFormInputFontSize = "14px";
+export const utrechtFormInputPaddingBlockEnd = "8px";
+export const utrechtFormInputPaddingBlockStart = "8px";
+export const utrechtFormInputPaddingInlineEnd = "18px";
+export const utrechtFormInputPaddingInlineStart = "18px";
+export const utrechtIconGap = "8px";
+export const utrechtPageFooterLogoMaxWidth = "150px";
+export const utrechtPageFooterLinkTextDecoration = "underline";
+export const utrechtPageFooterLinkTextDecorationColor = "unset";
+export const utrechtPageFooterLinkTextDecorationThickness = "1px";
+export const utrechtPageFooterLinkTextUnderlineOffset = "2px";
+export const utrechtPageFooterLinkHoverTextDecoration = "underline";
+export const utrechtPageFooterLinkHoverTextDecorationThickness = "1px";
+export const utrechtPageFooterBackgroundColor = "#f0b800";
+export const utrechtPageFooterBackgroundImage = "unset";
+export const utrechtPageFooterColor = "#ffffff";
+export const utrechtPageFooterPaddingInlineEnd = "14px";
+export const utrechtPageFooterPaddingInlineStart = "14px";
+export const utrechtPageFooterPaddingBlockEnd = "48px";
+export const utrechtPageFooterPaddingBlockStart = "48px";
+export const utrechtPageHeaderLogoMaxWidth = "130px";
+export const utrechtPageHeaderBackgroundColor = "#012c9d99";
+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 utrechtTableHeaderFontWeight = "700";
+export const utrechtTableHeaderColor = "#003790";
+export const utrechtTableHeaderTextTransform = "unset";
+export const utrechtTableHeaderCellFontSize = "14px";
+export const utrechtTableHeaderCellFontWeight = "700";
+export const utrechtTableHeaderCellColor = "#003790";
+export const utrechtTableHeaderCellTextTransform = "unset";
+export const utrechtTableCellPaddingBlockEnd = "18px";
+export const utrechtTableCellPaddingBlockStart = "18px";
+export const utrechtTableCellPaddingInlineEnd = "18px";
+export const utrechtTableCellPaddingInlineStart = "18px";
+export const utrechtTableRowBorderBlockEndColor = "#f5f5f5";
+export const utrechtTableRowBorderBlockEndWidth = "1px";
+export const utrechtTableBorderColor = "#f5f5f5";
+export const utrechtTableBorderWidth = "1px";
+export const utrechtTableFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const utrechtTableFontSize = "14px";
+export const utrechtTableMarginBlockEnd = 0;
+export const utrechtTableMarginBlockStart = "18px";
+export const utrechtTextboxBackgroundColor = "#ffffff";
+export const utrechtTextboxPlaceholderColor = "#003790";
+export const utrechtTextboxFocusBackgroundColor = "#ffffff";
+export const utrechtTextboxBorderColor = "#003790";
+export const utrechtTextboxBorderRadius = "9999px";
+export const utrechtTextboxBorderWidth = "1px";
+export const utrechtTextboxColor = "#003790";
+export const utrechtTextboxFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const utrechtTextboxFontSize = "14px";
+export const utrechtTextboxPaddingBlockEnd = "8px";
+export const utrechtTextboxPaddingBlockStart = "8px";
+export const utrechtTextboxPaddingInlineEnd = "18px";
+export const utrechtTextboxPaddingInlineStart = "18px";
+export const utrechtHeading1Color = "#003790";
+export const utrechtHeading1FontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
+export const utrechtHeading1FontSize = "48px";
+export const utrechtHeading1FontWeight = "700";
+export const utrechtHeading1MarginBlockEnd = "48px";
+export const utrechtHeading1MarginBlockStart = "18px";
+export const utrechtHeading2Color = "#003790";
+export const utrechtHeading2FontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
+export const utrechtHeading2FontSize = "36px";
+export const utrechtHeading2FontWeight = "700";
+export const utrechtHeading2MarginBlockEnd = "48px";
+export const utrechtHeading2MarginBlockStart = "18px";
+export const utrechtHeading3Color = "#003790";
+export const utrechtHeading3FontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
+export const utrechtHeading3FontSize = "24px";
+export const utrechtHeading3FontWeight = "400";
+export const utrechtHeading3MarginBlockEnd = "32px";
+export const utrechtHeading3MarginBlockStart = "18px";
+export const utrechtHeading4Color = "#003790";
+export const utrechtHeading4FontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
+export const utrechtHeading4FontSize = "18px";
+export const utrechtHeading4FontWeight = "400";
+export const utrechtHeading4MarginBlockEnd = "24px";
+export const utrechtHeading4MarginBlockStart = "18px";
+export const utrechtHeading5Color = "#003790";
+export const utrechtHeading5FontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
+export const utrechtHeading5FontSize = "14px";
+export const utrechtHeading5FontWeight = "100";
+export const utrechtHeading5MarginBlockEnd = "24px";
+export const utrechtHeading5MarginBlockStart = "18px";
+export const utrechtLinkColor = "#003790";
+export const utrechtLinkTextDecoration = "underline";
+export const utrechtLinkTextDecorationColor = "currentColor";
+export const utrechtLinkTextDecorationThickness = "1px";
+export const utrechtLinkTextUnderlineOffset = "2px";
+export const utrechtLinkHoverColor = "#003790";
+export const utrechtLinkHoverTextDecorationThickness = "1px";
+export const utrechtLinkVisitedColor = "#003790";
+export const utrechtLinkIconSize = "14px";
+export const utrechtOrderedListFontSize = "14px";
+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 = "14px";
+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 = "#003790";
+export const utrechtPageMarginInlineStart = "24px";
+export const utrechtPageMarginInlineEnd = "24px";
+export const utrechtPageMaxInlineSize = "1140px";
+export const utrechtParagraphColor = "#003790";
+export const utrechtParagraphFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const utrechtParagraphFontSize = "14px";
+export const utrechtParagraphFontWeight = "400";
+export const utrechtParagraphLineHeight = "1.5em";
+export const utrechtParagraphMarginBlockStart = 0;
+export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtSeparatorColor = "#f0b800";
+export const utrechtSeparatorBlockSize = "1px";
+export const utrechtSeparatorMarginBlockEnd = "0px";
+export const utrechtSeparatorMarginBlockStart = "0px";
+export const utrechtSurfaceBackgroundColor = "#ffffff";
+export const conductionCardHeaderColor = "#003790";
+export const conductionCardHeaderTitleColor = "#003790";
+export const conductionCardHeaderDateColor = "#003790";
+export const conductionCardHeaderDateFontSize = "12px";
+export const conductionCardHeaderDateFontWeight = "100";
+export const conductionCardHeaderDateMarginBlockEnd = "8px";
+export const conductionCardWrapperBackgroundColor = "#ffffff";
+export const conductionCardWrapperBorderColor = "#003790";
+export const conductionCardWrapperBorderStyle = "solid";
+export const conductionCardWrapperBorderWidth = "1px";
+export const conductionCardWrapperBorderRadius = "22px";
+export const conductionCardWrapperColor = "#003790";
+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 = "#003790";
+export const conductionInputCheckboxLabelFontSize = "14px";
+export const conductionInputCheckboxLabelFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const conductionInputCheckboxLabelContainerPadding = "3px";
+export const conductionInputCheckboxLabelContainerMargin = "3px";
+export const conductionDownloadCardTitleColor = "#003790";
+export const conductionDownloadCardTitleFontSize = "18px";
+export const conductionDownloadCardTitleFontWeight = "700";
+export const conductionDownloadCardTitleFontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
+export const conductionDownloadCardTitleMarginInlineEnd = "14px";
+export const conductionDownloadCardBorderWidth = "1px";
+export const conductionDownloadCardBorderStyle = "solid";
+export const conductionDownloadCardBorderColor = "#003790";
+export const conductionDownloadCardBorderRadius = "22px";
+export const conductionDownloadCardIconGap = "8px";
+export const conductionDownloadCardPaddingInlineEnd = "18px";
+export const conductionDownloadCardPaddingInlineStart = "18px";
+export const conductionDownloadCardPaddingBlockEnd = "18px";
+export const conductionDownloadCardPaddingBlockStart = "18px";
+export const conductionLogoHeaderInlineSize = "130px";
+export const conductionLogoHeaderBlockSize = "75px";
+export const conductionLogoHeaderBackgroundImage = "url('https://werkenbijnoaberkracht.nl/assets/img/base/logo.png')";
+export const conductionLogoFooterInlineSize = "150px";
+export const conductionLogoFooterBlockSize = "87px";
+export const conductionLogoFooterBackgroundImage = "url('https://werkenbijnoaberkracht.nl/assets/img/base/logo.png')";
+export const conductionLogoNavbarInlineSize = "69px";
+export const conductionLogoNavbarBlockSize = "43px";
+export const conductionLogoNavbarBackgroundImage = "url('https://werkenbijnoaberkracht.nl/assets/img/base/logo.png')";
+export const conductionPrimaryTopNavColor = "#ffffff";
+export const conductionPrimaryTopNavBackgroundColor = "#6780c4";
+export const conductionPrimaryTopNavHoverColor = "#ffffff";
+export const conductionPrimaryTopNavHoverBackgroundColor = "#6780c4";
+export const conductionPrimaryTopNavCurrentColor = "#ffffff";
+export const conductionPrimaryTopNavCurrentBackgroundColor = "#6780c4";
+export const conductionPrimaryTopNavCurrentBoxShadow = "inset 0 -4px #f0b800";
+export const conductionPrimaryTopNavCurrentMobileBoxShadow = "inset 4px 0 #f0b800";
+export const conductionPrimaryTopNavDropdownColor = "#ffffff";
+export const conductionPrimaryTopNavDropdownBackgroundColor = "#6780c4";
+export const conductionPrimaryTopNavDropdownBorderWidth = "1px";
+export const conductionPrimaryTopNavDropdownBorderStyle = "solid";
+export const conductionPrimaryTopNavDropdownBorderColor = "#012c9d99";
+export const conductionPrimaryTopNavDropdownHoverColor = "#ffffff";
+export const conductionPrimaryTopNavDropdownHoverBackgroundColor = "#6780c4";
+export const conductionPrimaryTopNavDropdownHoverBoxShadow = "inset 0 -4px #f0b800";
+export const conductionPrimaryTopNavDropdownCurrentColor = "#ffffff";
+export const conductionPrimaryTopNavDropdownCurrentBackgroundColor = "#6780c4";
+export const conductionPrimaryTopNavDropdownCurrentBoxShadow = "inset 0 -4px #f0b800";
+export const conductionPrimaryTopNavDropdownCurrentMobileBoxShadow = "inset 4px 0 #f0b800";
+export const conductionPrimaryTopNavItemPadding = "18px";
+export const conductionPrimaryTopNavPaddingInlineEnd = "16px";
+export const conductionPrimaryTopNavPaddingInlineStart = "16px";
+export const conductionPrimaryTopNavPaddingBlockEnd = "16px";
+export const conductionPrimaryTopNavPaddingBlockStart = "16px";
+export const conductionSecondaryTopNavColor = "#ffffff";
+export const conductionSecondaryTopNavBackgroundColor = "transparent";
+export const conductionSecondaryTopNavHoverColor = "#ffffff";
+export const conductionSecondaryTopNavHoverBackgroundColor = "transparent";
+export const conductionSecondaryTopNavCurrentColor = "#ffffff";
+export const conductionSecondaryTopNavCurrentBackgroundColor = "unset";
+export const conductionSecondaryTopNavCurrentBoxShadow = "inset 0 -4px #f0b800";
+export const conductionSecondaryTopNavFontSize = "12px";
+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 = "#012c9d";
+export const conductionPaginationItemBackgroundColor = "#ffffff";
+export const conductionPaginationItemPaddingInlineStart = "14px";
+export const conductionPaginationItemPaddingInlineEnd = "14px";
+export const conductionPaginationItemPaddingBlockStart = "8px";
+export const conductionPaginationItemPaddingBlockEnd = "8px";
+export const conductionPaginationItemFontSize = "14px";
+export const conductionPaginationItemFontWeight = "700";
+export const conductionPaginationItemFontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
+export const conductionPaginationItemBorderRadius = "18px";
+export const conductionPaginationNavigationButtonColor = "#012c9d80";
+export const conductionPaginationNavigationButtonBackgroundColor = "transparent";
+export const conductionPaginationNavigationButtonPaddingInlineStart = "8px";
+export const conductionPaginationNavigationButtonPaddingInlineEnd = "8px";
+export const conductionPaginationNavigationButtonPaddingBlockStart = "0px";
+export const conductionPaginationNavigationButtonPaddingBlockEnd = "0px";
+export const conductionPaginationNavigationButtonDisabledBackgroundColor = "#f5f5f5";
+export const conductionPaginationNavigationButtonHoverColor = "#012c9d80";
+export const conductionPaginationNavigationButtonHoverBackgroundColor = "#012c9d1a";
+export const conductionPaginationCurrentPageColor = "#012c9d";
+export const conductionPaginationCurrentPageBackgroundColor = "#012c9d1a";
+export const conductionPaginationCurrentPageFontWeight = "700";
+export const conductionPaginationCurrentPageTextDecoration = "unset";
+export const conductionPaginationPageHoverColor = "#012c9d";
+export const conductionPaginationPageHoverBackgroundColor = "#012c9d1a";
+export const conductionPaginationPageHoverTextDecoration = "unset";
+export const conductionPaginationPageHoverTextDecorationThickness = "0px";
+export const conductionInputSelectBackgroundColor = "#ffffff";
+export const conductionInputSelectBorder = "1px solid #003790";
+export const conductionInputSelectBorderFocus = "unset";
+export const conductionInputSelectBorderRadius = "9999px";
+export const conductionInputSelectInvalidBorderColor = "#dc3545";
+export const conductionInputSelectPaddingBlockEnd = 0;
+export const conductionInputSelectPaddingBlockStart = 0;
+export const conductionInputSelectListOptionFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const conductionInputSelectListOptionColor = "#012c9d";
+export const conductionInputSelectListOptionHoverFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const conductionInputSelectListOptionHoverBackgroundColor = "#1967d2";
+export const conductionInputSelectListOptionHoverColor = "#ffffff";
+export const conductionInputSelectListOptionSelectedBackgroundColor = "#1967d2";
+export const conductionInputSelectListOptionSelectedColor = "#ffffff";
+export const conductionInputSelectListOptionFocusBackgroundColor = "#1967d2";
+export const conductionInputSelectListOptionFocusColor = "#ffffff";
+export const conductionInputSelectPlaceholderColor = "#003790";
+export const conductionInputSelectPlaceholderFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const conductionTableWrapperScrollButtonBackgroundColor = "#ffffff";
+export const conductionTableWrapperScrollButtonColor = "#003790";
+export const conductionTableWrapperScrollButtonPaddingInlineStart = "14px";
+export const conductionTableWrapperScrollButtonPaddingInlineEnd = "14px";
+export const conductionTableWrapperScrollButtonBorderWidth = "1px";
+export const conductionTableWrapperScrollButtonBorderStyle = "solid";
+export const conductionTableWrapperScrollButtonBorderColor = "#f5f5f5";
+export const conductionTableWrapperScrollButtonHoverBackgroundColor = "#ffffff";
+export const conductionTableWrapperScrollButtonHoverColor = "#f0b800";
+export const conductionTabsTabBackgroundColor = "transparent";
+export const conductionTabsTabColor = "#003790";
+export const conductionTabsTabBottom = "-2px";
+export const conductionTabsTabPaddingBlockStart = "8px";
+export const conductionTabsTabPaddingBlockEnd = "8px";
+export const conductionTabsTabPaddingInlineStart = "14px";
+export const conductionTabsTabPaddingInlineEnd = "14px";
+export const conductionTabsTabFontSize = "14px";
+export const conductionTabsTabFontWeight = "400";
+export const conductionTabsTabFontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
+export const conductionTabsTabMaxWidth = "unset";
+export const conductionTabsTabMinWidth = "160px";
+export const conductionTabsTabMinHeight = "61px";
+export const conductionTabsTabSelectedBackgroundColor = "transparent";
+export const conductionTabsTabSelectedColor = "#003790";
+export const conductionTabsTabSelectedBorderBottomWidth = "2px";
+export const conductionTabsTabSelectedBorderBottomStyle = "solid";
+export const conductionTabsTabSelectedBorderBottomColor = "#003790";
+export const conductionTabsTabSelectedFontWeight = "700";
+export const conductionTabsTabSelectedFontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
+export const conductionTabsTabListPaddingInlineStart = "0px";
+export const conductionTabsTabListMarginBlockEnd = "0px";
+export const conductionTabsTabListBorderBottomWidth = "2px";
+export const conductionTabsTabListBorderBottomStyle = "solid";
+export const conductionTabsTabListBorderBottomColor = "#f0b800";
+export const conductionTabsTabPanelPaddingBlockStart = "24px";
+export const conductionTabsTabPanelPaddingBlockEnd = "24px";
+export const conductionTabsTabPanelPaddingInlineStart = "24px";
+export const conductionTabsTabPanelPaddingInlineEnd = "24px";
+export const conductionTabsScrollButtonBackgroundColor = "#ffffff";
+export const conductionTabsScrollButtonColor = "#003790";
+export const conductionTabsScrollButtonHoverBackgroundColor = "#ffffff";
+export const conductionTabsScrollButtonHoverColor = "#f0b800";
+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 = "#003790";
+export const openCatalogiRatingFontSize = "14px";
+export const openCatalogiRatingFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";