@conduction/theme 1.0.13 → 1.0.15

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

@@ -0,0 +1,287 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 08 Aug 2023 14:20:55 GMT
+ */
+
+export const xxllncColorPrimary = "#000000ad"; // Primary with 68% transparency
+export const xxllncColorPrimaryHover = "#00000080"; // Primary with 50% transparency
+export const xxllncColorError = "#dc3545";
+export const xxllncColorAlertError = "#721c24";
+export const xxllncColorAlertErrorBackground = "#f8d7da";
+export const xxllncColorWarning = "#ffc107";
+export const xxllncColorAlertWarning = "#856404";
+export const xxllncColorAlertWarningBackground = "#333338";
+export const xxllncColorSucces = "#28a745";
+export const xxllncColorAlertSucces = "#155724";
+export const xxllncColorAlertSuccesBackground = "#d4edda";
+export const xxllncColorInfo = "#000000ad";
+export const xxllncColorAlertInfo = "#155724";
+export const xxllncColorAlertInfoBackground = "#d4edda";
+export const xxllncColorWhite95 = "#f1f1f1";
+export const xxllncColorWhite100 = "#ffffff"; // Base/White
+export const xxllncColorWhite1000t = "#ffffff"; // White with 0% transparency
+export const xxllncColorBlack16 = "#28282c"; // Base/Black
+export const xxllncColorBlack17 = "#2b2b2b";
+export const xxllncColorBlack21 = "#333338";
+export const xxllncColorBlack17Hover = "#2b2b2bcc"; // Black with 80% transparency
+export const xxllncColorBlack022t = "#00000038"; // Black with 22% transparency
+export const xxllncColorGrey43 = "#6d6d6d";
+export const xxllncColorGrey90 = "#e5e5e5";
+export const xxllncColorGrey92 = "#eaeaea"; // Base/Grey
+export const xxllncColorGrey90Hover = "#e5e5e5cc"; // Grey with 80% transparency
+export const xxllncColorLightgrey = "#f5f5f5";
+export const xxllncFontSize4xs = "5px";
+export const xxllncFontSize3xs = "8px";
+export const xxllncFontSize2xs = "10px";
+export const xxllncFontSizeXs = "12px";
+export const xxllncFontSizeSm = "14px";
+export const xxllncFontSizeMd = "16px";
+export const xxllncFontSizeLg = "20px";
+export const xxllncFontSizeXl = "24px";
+export const xxllncFontSize2xl = "32px";
+export const xxllncFontSize3xl = "48px";
+export const xxllncFontSize4xl = "58px";
+export const xxllncSize4xs = "1px";
+export const xxllncSize3xs = "2px";
+export const xxllncSize2xs = "4px";
+export const xxllncSizeXs = "8px";
+export const xxllncSizeSm = "14px";
+export const xxllncSizeMd = "18px";
+export const xxllncSizeLg = "24px";
+export const xxllncSizeXl = "32px";
+export const xxllncSize2xl = "48px";
+export const xxllncSize3xl = "72px";
+export const xxllncSize4xl = "96px";
+export const xxllncTypographySansSerifFontFamily = "neue-haas-grotesk-text, sans-serif";
+export const xxllncTypographyMonospaceFontFamily = "Monospace, \"Lucida Console\"";
+export const xxllncTypographyInterFontFamily = "\"Inter\", sans-serif";
+export const xxllncTypographyFontWeightBold = "700";
+export const xxllncTypographyFontWeightNormal = "400";
+export const xxllncTypographyFontWeightLight = "100";
+export const xxllncTypographyScale4xs = "5px";
+export const xxllncTypographyScale3xs = "8px";
+export const xxllncTypographyScale2xs = "10px";
+export const xxllncTypographyScaleXs = "12px";
+export const xxllncTypographyScaleSm = "14px";
+export const xxllncTypographyScaleMd = "16px";
+export const xxllncTypographyScaleLg = "20px";
+export const xxllncTypographyScaleXl = "24px";
+export const xxllncTypographyScale2xl = "32px";
+export const xxllncTypographyScale3xl = "48px";
+export const xxllncTypographyScale4xl = "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 = "#333338";
+export const utrechtCardBorderRadius = "16px";
+export const utrechtCardBorderWidth = "unset";
+export const utrechtCardColor = "#f1f1f1";
+export const utrechtCardPaddingInlineEnd = "18px";
+export const utrechtCardPaddingInlineStart = "18px";
+export const utrechtCardPaddingBlockEnd = "18px";
+export const utrechtCardPaddingBlockStart = "18px";
+export const utrechtAlertBackgroundColor = "#d4edda";
+export const utrechtAlertColor = "#155724";
+export const utrechtAlertPaddingBlockStart = "24px";
+export const utrechtAlertPaddingBlockEnd = "24px";
+export const utrechtAlertPaddingInlineStart = "24px";
+export const utrechtAlertPaddingInlineEnd = "24px";
+export const utrechtAlertWarningBackgroundColor = "#333338";
+export const utrechtAlertWarningColor = "#856404";
+export const utrechtAlertErrorBackgroundColor = "#f8d7da";
+export const utrechtAlertErrorColor = "#721c24";
+export const utrechtAlertOkBackgroundColor = "#d4edda";
+export const utrechtAlertOkColor = "#155724";
+export const utrechtAlertIconColor = "#155724";
+export const utrechtAlertIconErrorColor = "#721c24";
+export const utrechtAlertIconGap = "8px";
+export const utrechtAlertIconWarningColor = "#856404";
+export const utrechtAlertIconOkColor = "#155724";
+export const utrechtButtonBackgroundColor = "#2b2b2b";
+export const utrechtButtonBorderRadius = "16px";
+export const utrechtButtonBorderWidth = 0;
+export const utrechtButtonColor = "#e5e5e5";
+export const utrechtButtonFontFamily = "\"Inter\", 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 utrechtButtonHoverBackgroundColor = "#2b2b2bcc";
+export const utrechtButtonHoverColor = "#e5e5e5cc";
+export const utrechtButtonPrimaryActionBackgroundColor = "#2b2b2b";
+export const utrechtButtonPrimaryActionBorderWidth = 0;
+export const utrechtButtonPrimaryActionColor = "#e5e5e5";
+export const utrechtButtonPrimaryActionFontWeight = "inherit";
+export const utrechtButtonPrimaryActionHoverBackgroundColor = "#2b2b2b";
+export const utrechtButtonPrimaryActionHoverColor = "#e5e5e5";
+export const utrechtButtonSecondaryActionBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionBorderColor = "#2b2b2b";
+export const utrechtButtonSecondaryActionBorderWidth = "2px";
+export const utrechtButtonSecondaryActionColor = "#2b2b2b";
+export const utrechtButtonSecondaryActionFontWeight = "400";
+export const utrechtButtonSecondaryActionHoverBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionHoverBorderColor = "#2b2b2bcc";
+export const utrechtButtonSecondaryActionHoverColor = "#2b2b2bcc";
+export const utrechtCodeBackgroundColor = "#f5f5f5";
+export const utrechtCodeColor = "#28282c";
+export const utrechtCodeFontFamily = "Monospace, \"Lucida Console\"";
+export const utrechtCodeFontSize = "inherit";
+export const utrechtCodeBlockBackgroundColor = "#f5f5f5";
+export const utrechtCodeBlockColor = "#28282c";
+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 = "#28282c";
+export const utrechtDocumentFontFamily = "neue-haas-grotesk-text, sans-serif";
+export const utrechtDocumentFontSize = "16px";
+export const utrechtPageFooterBackgroundColor = "#ffffff";
+export const utrechtPageFooterBackgroundImage = "unset";
+export const utrechtPageFooterColor = "#000000ad";
+export const utrechtPageFooterPaddingInlineEnd = "14px";
+export const utrechtPageFooterPaddingInlineStart = "14px";
+export const utrechtPageFooterPaddingBlockEnd = "48px";
+export const utrechtPageFooterPaddingBlockStart = "48px";
+export const utrechtFormInputBackgroundColor = "#ffffff";
+export const utrechtFormInputBorderColor = "#00000038";
+export const utrechtFormInputBorderRadius = "6px";
+export const utrechtFormInputBorderWidth = "1px";
+export const utrechtFormInputColor = "#6d6d6d";
+export const utrechtFormInputFontFamily = "neue-haas-grotesk-text, 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 = "#6d6d6d";
+export const utrechtHeading1FontFamily = "neue-haas-grotesk-text, sans-serif";
+export const utrechtHeading1FontSize = "48px";
+export const utrechtHeading1FontWeight = "400";
+export const utrechtHeading1MarginBlockEnd = "48px";
+export const utrechtHeading1MarginBlockStart = "18px";
+export const utrechtHeading2FontFamily = "neue-haas-grotesk-text, sans-serif";
+export const utrechtHeading2FontSize = "32px";
+export const utrechtHeading2FontWeight = "400";
+export const utrechtHeading2MarginBlockEnd = "48px";
+export const utrechtHeading2MarginBlockStart = "18px";
+export const utrechtHeading3FontFamily = "neue-haas-grotesk-text, sans-serif";
+export const utrechtHeading3FontSize = "24px";
+export const utrechtHeading3FontWeight = "400";
+export const utrechtHeading3MarginBlockEnd = "32px";
+export const utrechtHeading3MarginBlockStart = "18px";
+export const utrechtHeading4FontFamily = "neue-haas-grotesk-text, sans-serif";
+export const utrechtHeading4FontSize = "20px";
+export const utrechtHeading4FontWeight = "400";
+export const utrechtHeading4MarginBlockEnd = "24px";
+export const utrechtHeading4MarginBlockStart = "18px";
+export const utrechtHeading5FontFamily = "neue-haas-grotesk-text, sans-serif";
+export const utrechtHeading5FontSize = "16px";
+export const utrechtHeading5FontWeight = "100";
+export const utrechtHeading5MarginBlockEnd = "24px";
+export const utrechtHeading5MarginBlockStart = "18px";
+export const utrechtIconGap = "8px";
+export const utrechtLinkColor = "#000000ad";
+export const utrechtLinkTextDecoration = "none";
+export const utrechtLinkTextDecorationColor = "unset";
+export const utrechtLinkTextDecorationThickness = 0;
+export const utrechtLinkTextUnderlineOffset = "2px";
+export const utrechtLinkHoverColor = "#00000080";
+export const utrechtLinkHoverTextDecoration = "none";
+export const utrechtLinkHoverTextDecorationThickness = 0;
+export const utrechtLinkVisitedColor = "#000000ad";
+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 = "#000000ad";
+export const utrechtPageHeaderBackgroundColor = "#eaeaea";
+export const utrechtPageHeaderColor = "#28282c";
+export const utrechtPageHeaderPaddingBlockStart = "14px";
+export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtPagePaddingInlineStart = "24px";
+export const utrechtPagePaddingInlineEnd = "24px";
+export const utrechtPageMaxInlineSize = "1140px";
+export const utrechtParagraphColor = "#28282c";
+export const utrechtParagraphFontFamily = "neue-haas-grotesk-text, sans-serif";
+export const utrechtParagraphFontSize = "16px";
+export const utrechtParagraphFontWeight = "400";
+export const utrechtParagraphLineHeight = "1.5em";
+export const utrechtTableBorderColor = "#f5f5f5";
+export const utrechtTableBorderWidth = "1px";
+export const utrechtTableFontFamily = "neue-haas-grotesk-text, sans-serif";
+export const utrechtTableFontSize = "16px";
+export const utrechtTableMarginBlockEnd = 0;
+export const utrechtTableMarginBlockStart = "18px";
+export const utrechtTableHeaderFontWeight = "700";
+export const utrechtTableHeaderColor = "#28282c";
+export const utrechtTableHeaderTextTransform = "unset";
+export const utrechtTableHeaderCellFontSize = "16px";
+export const utrechtTableHeaderCellFontWeight = "700";
+export const utrechtTableHeaderCellColor = "#28282c";
+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 utrechtTextboxBackgroundColor = "#ffffff";
+export const utrechtTextboxBorderColor = "#00000038";
+export const utrechtTextboxBorderRadius = "6px";
+export const utrechtTextboxBorderWidth = "1px";
+export const utrechtTextboxColor = "#6d6d6d";
+export const utrechtTextboxFontFamily = "neue-haas-grotesk-text, 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 = "#6d6d6d";
+export const conductionInputSelectBackgroundColor = "#ffffff";
+export const conductionInputSelectBorder = "1px solid #eaeaea";
+export const conductionInputSelectBorderFocus = "unset";
+export const conductionInputSelectBorderRadius = "6px";
+export const conductionInputSelectInvalidBorderColor = "#dc3545";
+export const conductionInputSelectPaddingBlockEnd = 0;
+export const conductionInputSelectPaddingBlockStart = 0;
+export const conductionInputSelectFocusBorder = "1px solid #eaeaea";