@conduction/theme 1.0.18 → 1.0.20

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

@@ -0,0 +1,329 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 15 Aug 2023 14:13:29 GMT
+ */
+
+export const dinkellandColorPrimary = "#006cb9";
+export const dinkellandColorPrimaryHover = "#004e86";
+export const dinkellandColorError = "#dc3545";
+export const dinkellandColorAlertError = "#333333";
+export const dinkellandColorAlertErrorBackground = "#f8d7da";
+export const dinkellandColorWarning = "#ffc107";
+export const dinkellandColorAlertWarning = "#333333";
+export const dinkellandColorAlertWarningBackground = "#fff3cd";
+export const dinkellandColorSucces = "#28a745";
+export const dinkellandColorAlertSucces = "#333333";
+export const dinkellandColorAlertSuccesBackground = "#d4edda";
+export const dinkellandColorInfo = "#006cb9";
+export const dinkellandColorAlertInfo = "#333333";
+export const dinkellandColorAlertInfoBackground = "#e5f0f8";
+export const dinkellandColorGreen24 = "#007a4d"; // Base/Green
+export const dinkellandColorBlue26 = "#004e86";
+export const dinkellandColorBlue36 = "#006cb9"; // Base/Blue
+export const dinkellandColorBlue48 = "#2e79c6";
+export const dinkellandColorBlue91 = "#deebf4";
+export const dinkellandColorBlue94 = "#e5f0f8";
+export const dinkellandColorBlue96 = "#f2f4f7";
+export const dinkellandColorWhite98 = "#fafafa";
+export const dinkellandColorWhite100 = "#ffffff"; // Base/White
+export const dinkellandColorBlack0 = "#000000";
+export const dinkellandColorBlack13 = "#222222"; // Base/Black
+export const dinkellandColorBlack20 = "#333333";
+export const dinkellandColorBlack33 = "#555555";
+export const dinkellandColorGrey42 = "#6b6b6b";
+export const dinkellandColorGrey46 = "#767676";
+export const dinkellandColorGrey64 = "#9aa1ab"; // Base/Grey
+export const dinkellandColorGrey94 = "#edeff2";
+export const dinkellandColorLightgrey89 = "#e4e4e4"; // Base/LightGrey
+export const dinkellandColorLightgrey96 = "#f5f5f5";
+export const dinkellandFontSize4xs = "5px";
+export const dinkellandFontSize3xs = "8px";
+export const dinkellandFontSize2xs = "10px";
+export const dinkellandFontSizeXs = "12px";
+export const dinkellandFontSizeSm = "14px";
+export const dinkellandFontSizeMd = "16px";
+export const dinkellandFontSizeLg = "18px";
+export const dinkellandFontSizeXl = "24px";
+export const dinkellandFontSize2xl = "32px";
+export const dinkellandFontSize3xl = "48px";
+export const dinkellandFontSize4xl = "58px";
+export const dinkellandSize4xs = "1px";
+export const dinkellandSize3xs = "2px";
+export const dinkellandSize2xs = "4px";
+export const dinkellandSizeXs = "8px";
+export const dinkellandSizeSm = "14px";
+export const dinkellandSizeMd = "18px";
+export const dinkellandSizeLg = "24px";
+export const dinkellandSizeXl = "32px";
+export const dinkellandSize2xl = "48px";
+export const dinkellandSize3xl = "72px";
+export const dinkellandSize4xl = "96px";
+export const dinkellandTypographyLatoFontFamily = "\"Lato\", Arial, sans-serif";
+export const dinkellandTypographyMontserratFontFamily = "\"Montserrat\", Arial, sans-serif";
+export const dinkellandTypographyMonospaceFontFamily = "Monospace, \"Lucida Console\"";
+export const dinkellandTypographyFontWeightBold = "700";
+export const dinkellandTypographyFontWeightNormal = "400";
+export const dinkellandTypographyFontWeightLight = "100";
+export const dinkellandTypographyScale4xs = "5px";
+export const dinkellandTypographyScale3xs = "8px";
+export const dinkellandTypographyScale2xs = "10px";
+export const dinkellandTypographyScaleXs = "12px";
+export const dinkellandTypographyScaleSm = "14px";
+export const dinkellandTypographyScaleMd = "16px";
+export const dinkellandTypographyScaleLg = "18px";
+export const dinkellandTypographyScaleXl = "24px";
+export const dinkellandTypographyScale2xl = "32px";
+export const dinkellandTypographyScale3xl = "48px";
+export const dinkellandTypographyScale4xl = "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 utrechtCardBackgroundColor = "#e5f0f8";
+export const utrechtCardBorderRadius = "0px";
+export const utrechtCardBorderWidth = "unset";
+export const utrechtCardColor = "#333333";
+export const utrechtCardPaddingInlineEnd = "30px";
+export const utrechtCardPaddingInlineStart = "30px";
+export const utrechtCardPaddingBlockEnd = "30px";
+export const utrechtCardPaddingBlockStart = "30px";
+export const utrechtPageFooterMinHeight = "300px";
+export const utrechtPageFooterBackgroundColor = "unset";
+export const utrechtPageFooterBackgroundImage = "url(https://www.dinkelland.nl/sites/all/themes/dinkelland/dist/assets/img/footer-bg.svg)";
+export const utrechtPageFooterColor = "#ffffff";
+export const utrechtPageFooterPaddingInlineEnd = "14px";
+export const utrechtPageFooterPaddingInlineStart = "14px";
+export const utrechtPageFooterPaddingBlockEnd = "48px";
+export const utrechtPageFooterPaddingBlockStart = "48px";
+export const utrechtTableBorderCollapse = "collapse";
+export const utrechtTableBackgroundColor = "#ffffff";
+export const utrechtTableHeaderBorderBlockEndColor = "#e5f0f8";
+export const utrechtTableHeaderBorderBlockEndWidth = "1px";
+export const utrechtTableHeaderFontFamily = "\"Montserrat\", Arial, sans-serif";
+export const utrechtTableHeaderFontWeight = "700";
+export const utrechtTableHeaderColor = "#333333";
+export const utrechtTableHeaderTextTransform = "unset";
+export const utrechtTableRowHoverBackgroundColor = "#edeff2";
+export const utrechtTableRowHoverColor = "#007a4d";
+export const utrechtTableRowBorderBlockEndColor = "#e4e4e4";
+export const utrechtTableRowBorderBlockEndWidth = "1px";
+export const utrechtTableRowAlternateOddBackgroundColor = "#ffffff";
+export const utrechtTableRowAlternateEvenBackgroundColor = "#f2f4f7";
+export const utrechtTableBodyBorder = "1px solid #e5f0f8";
+export const utrechtTableFontFamily = "\"Lato\", 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 = "#333333";
+export const utrechtTableHeaderCellTextTransform = "unset";
+export const utrechtTableCellPaddingBlockEnd = "18px";
+export const utrechtTableCellPaddingBlockStart = "18px";
+export const utrechtTableCellPaddingInlineEnd = "18px";
+export const utrechtTableCellPaddingInlineStart = "18px";
+export const utrechtAlertBackgroundColor = "#e5f0f8";
+export const utrechtAlertColor = "#333333";
+export const utrechtAlertPaddingBlockStart = "24px";
+export const utrechtAlertPaddingBlockEnd = "24px";
+export const utrechtAlertPaddingInlineStart = "24px";
+export const utrechtAlertPaddingInlineEnd = "24px";
+export const utrechtAlertWarningBackgroundColor = "#fff3cd";
+export const utrechtAlertWarningColor = "#333333";
+export const utrechtAlertErrorBackgroundColor = "#f8d7da";
+export const utrechtAlertErrorColor = "#333333";
+export const utrechtAlertOkBackgroundColor = "#d4edda";
+export const utrechtAlertOkColor = "#333333";
+export const utrechtAlertIconColor = "#333333";
+export const utrechtAlertIconErrorColor = "#333333";
+export const utrechtAlertIconGap = "8px";
+export const utrechtAlertIconWarningColor = "#333333";
+export const utrechtAlertIconOkColor = "#333333";
+export const utrechtBlockquoteBackgroundColor = "#9aa1ab";
+export const utrechtBlockquoteColor = "#9aa1ab";
+export const utrechtBlockquoteMarginInlineStart = "32px";
+export const utrechtBlockquoteMarginInlineEnd = "32px";
+export const utrechtBlockquoteContentColor = "#333333";
+export const utrechtBlockquoteContentFontSize = "16px";
+export const utrechtButtonBackgroundColor = "#006cb9";
+export const utrechtButtonBorderColor = "#006cb9";
+export const utrechtButtonBorderRadius = 0;
+export const utrechtButtonBorderWidth = "2px";
+export const utrechtButtonColor = "#ffffff";
+export const utrechtButtonFontFamily = "\"Lato\", Arial, sans-serif";
+export const utrechtButtonFontSize = "inherit";
+export const utrechtButtonFontWeight = "inherit";
+export const utrechtButtonPaddingBlockStart = "8px";
+export const utrechtButtonPaddingBlockEnd = "8px";
+export const utrechtButtonPaddingInlineStart = "8px";
+export const utrechtButtonPaddingInlineEnd = "8px";
+export const utrechtButtonIconGap = "8px";
+export const utrechtButtonHoverBackgroundColor = "#222222";
+export const utrechtButtonHoverBorderColor = "#222222";
+export const utrechtButtonHoverColor = "#ffffff";
+export const utrechtButtonPrimaryActionBackgroundColor = "#deebf4";
+export const utrechtButtonPrimaryActionBorderColor = "#deebf4";
+export const utrechtButtonPrimaryActionBorderWidth = "2px";
+export const utrechtButtonPrimaryActionColor = "#004e86";
+export const utrechtButtonPrimaryActionFontWeight = "inherit";
+export const utrechtButtonPrimaryActionHoverBackgroundColor = "#deebf4";
+export const utrechtButtonPrimaryActionHoverBorderColor = "#deebf4";
+export const utrechtButtonPrimaryActionHoverColor = "#004e86";
+export const utrechtButtonPrimaryActionFocusBackgroundColor = "#deebf4";
+export const utrechtButtonPrimaryActionFocusBorderColor = "#deebf4";
+export const utrechtButtonPrimaryActionFocusColor = "#004e86";
+export const utrechtButtonPrimaryActionPressedBackgroundColor = "#deebf4";
+export const utrechtButtonPrimaryActionPressedBorderColor = "#deebf4";
+export const utrechtButtonPrimaryActionPressedColor = "#004e86";
+export const utrechtButtonSecondaryActionBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionBorderColor = "#006cb9";
+export const utrechtButtonSecondaryActionBorderWidth = "2px";
+export const utrechtButtonSecondaryActionColor = "#006cb9";
+export const utrechtButtonSecondaryActionFontWeight = "400";
+export const utrechtButtonSecondaryActionHoverBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionHoverBorderColor = "#004e86";
+export const utrechtButtonSecondaryActionHoverColor = "#004e86";
+export const utrechtButtonSecondaryActionFocusBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionFocusBorderColor = "#004e86";
+export const utrechtButtonSecondaryActionFocusColor = "#004e86";
+export const utrechtCodeBackgroundColor = "#f5f5f5";
+export const utrechtCodeColor = "#333333";
+export const utrechtCodeFontFamily = "Monospace, \"Lucida Console\"";
+export const utrechtCodeFontSize = "inherit";
+export const utrechtCodeBlockBackgroundColor = "#f5f5f5";
+export const utrechtCodeBlockColor = "#333333";
+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 = "#ffffff";
+export const utrechtDocumentColor = "#333333";
+export const utrechtDocumentFontFamily = "\"Lato\", Arial, sans-serif";
+export const utrechtDocumentFontSize = "16px";
+export const utrechtFormInputBackgroundColor = "#ffffff";
+export const utrechtFormInputBorderColor = "#767676";
+export const utrechtFormInputBorderRadius = "0px";
+export const utrechtFormInputBorderWidth = "1px";
+export const utrechtFormInputColor = "#555555";
+export const utrechtFormInputFontFamily = "\"Lato\", 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 = "#6b6b6b";
+export const utrechtFormInputFocusBorderColor = "#2e79c6";
+export const utrechtHeading1Color = "#222222";
+export const utrechtHeading1FontFamily = "\"Montserrat\", Arial, sans-serif";
+export const utrechtHeading1FontSize = "32px";
+export const utrechtHeading1FontWeight = "700";
+export const utrechtHeading1MarginBlockEnd = "14px";
+export const utrechtHeading1MarginBlockStart = "14px";
+export const utrechtHeading2Color = "#222222";
+export const utrechtHeading2FontFamily = "\"Montserrat\", Arial, sans-serif";
+export const utrechtHeading2FontSize = "24px";
+export const utrechtHeading2FontWeight = "700";
+export const utrechtHeading2MarginBlockEnd = "8px";
+export const utrechtHeading2MarginBlockStart = 0;
+export const utrechtHeading3Color = "#222222";
+export const utrechtHeading3FontFamily = "\"Montserrat\", Arial, sans-serif";
+export const utrechtHeading3FontSize = "18px";
+export const utrechtHeading3FontWeight = "400";
+export const utrechtHeading3MarginBlockEnd = "4px";
+export const utrechtHeading3MarginBlockStart = 0;
+export const utrechtHeading4Color = "#222222";
+export const utrechtHeading4FontFamily = "\"Montserrat\", Arial, sans-serif";
+export const utrechtHeading4FontSize = "16px";
+export const utrechtHeading4FontWeight = "400";
+export const utrechtHeading4MarginBlockEnd = 0;
+export const utrechtHeading4MarginBlockStart = 0;
+export const utrechtHeading5Color = "#222222";
+export const utrechtHeading5FontFamily = "\"Montserrat\", Arial, sans-serif";
+export const utrechtHeading5FontSize = "16px";
+export const utrechtHeading5FontWeight = "100";
+export const utrechtHeading5MarginBlockEnd = 0;
+export const utrechtHeading5MarginBlockStart = 0;
+export const utrechtIconGap = "8px";
+export const utrechtLinkColor = "#006cb9";
+export const utrechtLinkTextDecoration = "none";
+export const utrechtLinkTextDecorationColor = "unset";
+export const utrechtLinkTextDecorationThickness = 0;
+export const utrechtLinkTextUnderlineOffset = "2px";
+export const utrechtLinkHoverColor = "#004e86";
+export const utrechtLinkHoverTextDecoration = "underline";
+export const utrechtLinkHoverTextDecorationThickness = "1px";
+export const utrechtLinkVisitedColor = "#006cb9";
+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 = "#333333";
+export const utrechtPageHeaderBackgroundColor = "#ffffff";
+export const utrechtPageHeaderColor = "#333333";
+export const utrechtPageHeaderPaddingBlockStart = "14px";
+export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtPagePaddingInlineStart = "24px";
+export const utrechtPagePaddingInlineEnd = "24px";
+export const utrechtPageMaxInlineSize = "1140px";
+export const utrechtParagraphColor = "#333333";
+export const utrechtParagraphFontFamily = "\"Lato\", Arial, sans-serif";
+export const utrechtParagraphFontSize = "16px";
+export const utrechtParagraphFontWeight = "400";
+export const utrechtParagraphLineHeight = "1.5em";
+export const utrechtParagraphMarginBlockStart = 0;
+export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtTextBoxBackgroundColor = "#ffffff";
+export const utrechtTextBoxBorderColor = "#767676";
+export const utrechtTextBoxBorderRadius = "0px";
+export const utrechtTextBoxBorderWidth = "1px";
+export const utrechtTextBoxColor = "#555555";
+export const utrechtTextBoxFontFamily = "\"Lato\", 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 = "#6b6b6b";
+export const utrechtTextBoxFocusBorderColor = "#2e79c6";
+export const conductionInputSelectBackgroundColor = "#ffffff";
+export const conductionInputSelectBorder = "1px solid #767676";
+export const conductionInputSelectBorderFocus = "unset";
+export const conductionInputSelectBorderRadius = "0px";
+export const conductionInputSelectInvalidBorderColor = "#dc3545";
+export const conductionInputSelectPaddingBlockEnd = 0;
+export const conductionInputSelectPaddingBlockStart = 0;