@conduction/theme 1.0.23 → 1.0.26

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

@@ -0,0 +1,307 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 22 Aug 2023 15:08:12 GMT
+ */
+
+export const noordwijkColorPrimary = "#2c2276";
+export const noordwijkColorPrimaryHover = "#16113b";
+export const noordwijkColorError = "#dc3545";
+export const noordwijkColorAlertError = "#721c24";
+export const noordwijkColorAlertErrorBackground = "#f8d7da";
+export const noordwijkColorWarning = "#ffc107";
+export const noordwijkColorAlertWarning = "#856404";
+export const noordwijkColorAlertWarningBackground = "#fff3cd";
+export const noordwijkColorSucces = "#28a745";
+export const noordwijkColorAlertSucces = "#155724";
+export const noordwijkColorAlertSuccesBackground = "#d4edda";
+export const noordwijkColorInfo = "#2c2276";
+export const noordwijkColorAlertInfo = "#004085";
+export const noordwijkColorAlertInfoBackground = "#cce5ff";
+export const noordwijkColorGrey29 = "#4a4a4a";
+export const noordwijkColorGrey46 = "#757575";
+export const noordwijkColorGrey50 = "#808080"; // Base/Grey
+export const noordwijkColorGrey55 = "#8c8c8c";
+export const noordwijkColorGrey82 = "#d1d1d1";
+export const noordwijkColorGrey97 = "#f7f7f7";
+export const noordwijkColorLightGrey92 = "#ebebeb";
+export const noordwijkColorLightGrey96 = "#f5f5f5"; // Base/LightGrey
+export const noordwijkColorLightBlue51 = "#4685be";
+export const noordwijkColorLightBlue58 = "#6096c7";
+export const noordwijkColorLightBlue96 = "#f2f7fa";
+export const noordwijkColorBlue15 = "#16113b";
+export const noordwijkColorBlue30 = "#2c2276"; // Base/Blue
+export const noordwijkColorWhite98 = "#fafafa";
+export const noordwijkColorWhite100 = "#ffffff"; // Base/White
+export const noordwijkColorBlack0 = "#000000"; // Base/Black
+export const noordwijkFontSize4xs = "5px";
+export const noordwijkFontSize3xs = "8px";
+export const noordwijkFontSize2xs = "10px";
+export const noordwijkFontSizeXs = "12px";
+export const noordwijkFontSizeSm = "14px";
+export const noordwijkFontSizeMd = "16px";
+export const noordwijkFontSizeLg = "18px";
+export const noordwijkFontSizeXl = "24px";
+export const noordwijkFontSize2xl = "32px";
+export const noordwijkFontSize3xl = "48px";
+export const noordwijkFontSize4xl = "58px";
+export const noordwijkSize4xs = "1px";
+export const noordwijkSize3xs = "2px";
+export const noordwijkSize2xs = "4px";
+export const noordwijkSizeXs = "8px";
+export const noordwijkSizeSm = "14px";
+export const noordwijkSizeMd = "18px";
+export const noordwijkSizeLg = "24px";
+export const noordwijkSizeXl = "32px";
+export const noordwijkSize2xl = "48px";
+export const noordwijkSize3xl = "72px";
+export const noordwijkSize4xl = "96px";
+export const noordwijkTypographyRobotoFontFamily = "\"Roboto\",  Arial, sans-serif";
+export const noordwijkTypographyRobotoSlabFontFamily = "\"Roboto Slab\", Arial, sans-serif";
+export const noordwijkTypographyMonospaceFontFamily = "Monospace, \"Lucida Console\"";
+export const noordwijkTypographyFontWeightBold = "700";
+export const noordwijkTypographyFontWeightNormal = "300";
+export const noordwijkTypographyFontWeightLight = "100";
+export const noordwijkTypographyScale4xs = "5px";
+export const noordwijkTypographyScale3xs = "8px";
+export const noordwijkTypographyScale2xs = "10px";
+export const noordwijkTypographyScaleXs = "12px";
+export const noordwijkTypographyScaleSm = "14px";
+export const noordwijkTypographyScaleMd = "16px";
+export const noordwijkTypographyScaleLg = "18px";
+export const noordwijkTypographyScaleXl = "24px";
+export const noordwijkTypographyScale2xl = "32px";
+export const noordwijkTypographyScale3xl = "48px";
+export const noordwijkTypographyScale4xl = "58px";
+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 utrechtBlockquoteMarginInlineStart = "32px";
+export const utrechtBlockquoteMarginInlineEnd = "32px";
+export const utrechtBlockquoteContentColor = "#000000";
+export const utrechtBlockquoteContentFontSize = "16px";
+export const utrechtButtonBackgroundColor = "#6096c7";
+export const utrechtButtonBorderColor = "#6096c7";
+export const utrechtButtonBorderRadius = "5px";
+export const utrechtButtonBorderWidth = "2px";
+export const utrechtButtonColor = "#ffffff";
+export const utrechtButtonFontFamily = "\"Roboto Slab\", Arial, sans-serif";
+export const utrechtButtonFontSize = "inherit";
+export const utrechtButtonFontWeight = "500";
+export const utrechtButtonPaddingBlockStart = "4px";
+export const utrechtButtonPaddingBlockEnd = "4px";
+export const utrechtButtonPaddingInlineStart = "14px";
+export const utrechtButtonPaddingInlineEnd = "14px";
+export const utrechtButtonIconGap = "8px";
+export const utrechtButtonHoverBackgroundColor = "#4685be";
+export const utrechtButtonHoverBorderColor = "#4685be";
+export const utrechtButtonHoverColor = "#ffffff";
+export const utrechtButtonPrimaryActionBackgroundColor = "#2c2276";
+export const utrechtButtonPrimaryActionBorderColor = "#2c2276";
+export const utrechtButtonPrimaryActionBorderWidth = "2px";
+export const utrechtButtonPrimaryActionColor = "#ffffff";
+export const utrechtButtonPrimaryActionFontWeight = "inherit";
+export const utrechtButtonPrimaryActionHoverBackgroundColor = "#2c2276";
+export const utrechtButtonPrimaryActionHoverBorderColor = "#2c2276";
+export const utrechtButtonPrimaryActionHoverColor = "#ffffff";
+export const utrechtButtonSecondaryActionBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionBorderColor = "#2c2276";
+export const utrechtButtonSecondaryActionBorderWidth = "2px";
+export const utrechtButtonSecondaryActionColor = "#2c2276";
+export const utrechtButtonSecondaryActionFontWeight = "300";
+export const utrechtButtonSecondaryActionHoverBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionHoverBorderColor = "#16113b";
+export const utrechtButtonSecondaryActionHoverColor = "#16113b";
+export const utrechtCodeBackgroundColor = "#ebebeb";
+export const utrechtCodeColor = "#000000";
+export const utrechtCodeFontFamily = "Monospace, \"Lucida Console\"";
+export const utrechtCodeFontSize = "inherit";
+export const utrechtCodeBlockBackgroundColor = "#ebebeb";
+export const utrechtCodeBlockColor = "#000000";
+export const utrechtCodeBlockFontFamily = "Monospace, \"Lucida Console\"";
+export const utrechtCodeBlockFontSize = "16px";
+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 = "#f2f7fa";
+export const utrechtDocumentColor = "#000000";
+export const utrechtDocumentFontFamily = "\"Roboto\",  Arial, sans-serif";
+export const utrechtDocumentFontSize = "16px";
+export const utrechtFormInputBackgroundColor = "#ffffff";
+export const utrechtFormInputBorderColor = "#8c8c8c";
+export const utrechtFormInputBorderWidth = "1px";
+export const utrechtFormInputColor = "#4a4a4a";
+export const utrechtFormInputFontFamily = "\"Roboto\",  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 utrechtFormInputPlaceholderColor = "#757575";
+export const utrechtFormInputFocusBackgroundColor = "#ffffff";
+export const utrechtIconGap = "8px";
+export const utrechtPageFooterLogoMaxWidth = "150px";
+export const utrechtPageFooterBackgroundColor = "#f2f7fa";
+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 = "120px";
+export const utrechtPageHeaderBackgroundColor = "#ffffff";
+export const utrechtPageHeaderColor = "#2c2276";
+export const utrechtPageHeaderPaddingBlockStart = "14px";
+export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtTableBackgroundColor = "#ffffff";
+export const utrechtTableHeaderFontWeight = "700";
+export const utrechtTableHeaderColor = "#000000";
+export const utrechtTableHeaderTextTransform = "unset";
+export const utrechtTableRowBorderBlockEndColor = "#000000";
+export const utrechtTableRowBorderBlockEndWidth = "1px";
+export const utrechtTableBorderColor = "#000000";
+export const utrechtTableBorderWidth = "1px";
+export const utrechtTableFontFamily = "\"Roboto\",  Arial, sans-serif";
+export const utrechtTableFontSize = "16px";
+export const utrechtTableMarginBlockEnd = 0;
+export const utrechtTableMarginBlockStart = "18px";
+export const utrechtTableHeaderCellFontSize = "16px";
+export const utrechtTableHeaderCellFontWeight = "700";
+export const utrechtTableHeaderCellColor = "#000000";
+export const utrechtTableHeaderCellTextTransform = "unset";
+export const utrechtTableCellPaddingBlockEnd = "18px";
+export const utrechtTableCellPaddingBlockStart = "18px";
+export const utrechtTableCellPaddingInlineEnd = "18px";
+export const utrechtTableCellPaddingInlineStart = "18px";
+export const utrechtTextboxBackgroundColor = "#ffffff";
+export const utrechtTextboxBorderColor = "#8c8c8c";
+export const utrechtTextboxBorderWidth = "1px";
+export const utrechtTextboxColor = "#4a4a4a";
+export const utrechtTextboxFontFamily = "\"Roboto\",  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 utrechtTextboxPlaceholderColor = "#757575";
+export const utrechtTextboxFocusBackgroundColor = "#ffffff";
+export const utrechtHeading1Color = "#2c2276 !important";
+export const utrechtHeading1FontFamily = "\"Roboto Slab\", Arial, sans-serif";
+export const utrechtHeading1FontSize = "32px";
+export const utrechtHeading1FontWeight = "700";
+export const utrechtHeading1MarginBlockEnd = "48px";
+export const utrechtHeading1MarginBlockStart = "18px";
+export const utrechtHeading2Color = "#2c2276";
+export const utrechtHeading2FontFamily = "\"Roboto Slab\", Arial, sans-serif";
+export const utrechtHeading2FontSize = "24px";
+export const utrechtHeading2FontWeight = "700";
+export const utrechtHeading2MarginBlockEnd = "48px";
+export const utrechtHeading2MarginBlockStart = "18px";
+export const utrechtHeading3Color = "#2c2276";
+export const utrechtHeading3FontFamily = "\"Roboto Slab\", Arial, sans-serif";
+export const utrechtHeading3FontSize = "18px";
+export const utrechtHeading3FontWeight = "300";
+export const utrechtHeading3MarginBlockEnd = "32px";
+export const utrechtHeading3MarginBlockStart = "18px";
+export const utrechtHeading4Color = "#2c2276";
+export const utrechtHeading4FontFamily = "\"Roboto Slab\", Arial, sans-serif";
+export const utrechtHeading4FontSize = "16px";
+export const utrechtHeading4FontWeight = "300";
+export const utrechtHeading4MarginBlockEnd = "24px";
+export const utrechtHeading4MarginBlockStart = "18px";
+export const utrechtHeading5Color = "#2c2276";
+export const utrechtHeading5FontFamily = "\"Roboto Slab\", Arial, sans-serif";
+export const utrechtHeading5FontSize = "14px";
+export const utrechtHeading5FontWeight = "100";
+export const utrechtHeading5MarginBlockEnd = "24px";
+export const utrechtHeading5MarginBlockStart = "18px";
+export const utrechtLinkColor = "#2c2276";
+export const utrechtLinkTextDecoration = "underline";
+export const utrechtLinkTextDecorationColor = "unset";
+export const utrechtLinkTextDecorationThickness = 0;
+export const utrechtLinkTextUnderlineOffset = "0.25em";
+export const utrechtLinkHoverColor = "#16113b";
+export const utrechtLinkHoverTextDecoration = "underline";
+export const utrechtLinkHoverTextDecorationThickness = 0;
+export const utrechtLinkVisitedColor = "#2c2276";
+export const utrechtLinkIconSize = "18px";
+export const utrechtOrderedListFontSize = "16px";
+export const utrechtOrderedListMarginBlockStart = "14px";
+export const utrechtOrderedListMarginBlockEnd = "14px";
+export const utrechtOrderedListPaddingInlineStart = "32px";
+export const utrechtOrderedListItemMarginBlockStart = "4px";
+export const utrechtOrderedListItemMarginBlockEnd = "4px";
+export const utrechtOrderedListItemPaddingInlineStart = "1ch";
+export const utrechtUnorderedListFontSize = "16px";
+export const utrechtUnorderedListMarginBlockStart = "18px";
+export const utrechtUnorderedListMarginBlockEnd = 0;
+export const utrechtUnorderedListPaddingInlineStart = "2ch";
+export const utrechtUnorderedListItemMarginBlockStart = "8px";
+export const utrechtUnorderedListItemMarginBlockEnd = "8px";
+export const utrechtUnorderedListItemPaddingInlineStart = "1ch";
+export const utrechtUnorderedListMarkerColor = "#6096c7";
+export const utrechtPageMarginInlineStart = "24px";
+export const utrechtPageMarginInlineEnd = "24px";
+export const utrechtPageMaxInlineSize = "1140px";
+export const utrechtParagraphColor = "#000000";
+export const utrechtParagraphFontFamily = "\"Roboto\",  Arial, sans-serif";
+export const utrechtParagraphFontSize = "16px";
+export const utrechtParagraphFontWeight = "300";
+export const utrechtParagraphLineHeight = "1.5em";
+export const utrechtParagraphMarginBlockStart = 0;
+export const utrechtParagraphMarginBlockEnd = 0;
+export const conductionCardWrapperBackgroundColor = "#ffffff";
+export const conductionCardWrapperBorderWidth = "unset";
+export const conductionCardWrapperBorderRadius = "5px";
+export const conductionCardWrapperColor = "#000000";
+export const conductionCardWrapperPaddingInlineEnd = "18px";
+export const conductionCardWrapperPaddingInlineStart = "18px";
+export const conductionCardWrapperPaddingBlockEnd = "18px";
+export const conductionCardWrapperPaddingBlockStart = "18px";
+export const conductionInputSelectBackgroundColor = "#ffffff";
+export const conductionInputSelectBorder = "1px solid #757575";
+export const conductionInputSelectBorderFocus = "unset";
+export const conductionInputSelectBorderRadius = {};
+export const conductionInputSelectInvalidBorderColor = "#dc3545";
+export const conductionInputSelectPaddingBlockEnd = 0;
+export const conductionInputSelectPaddingBlockStart = 0;