@conduction/theme 1.0.28 → 1.0.30

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 10:27:59 GMT
+ * Generated on Thu, 24 Aug 2023 15:21:01 GMT
  */
 
 export const noaberkrachtColorPrimary = "#4376fc";
@@ -18,7 +18,7 @@ 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 = "#012c9d99"; // Blue with 60% transparency
+export const noaberkrachtColorBlue3160t = "#012c9d99"; // Blue with 60% transparency
 export const noaberkrachtColorYellow47 = "#f0b800"; // Base/Yellow from Huisstijlhandboek, base color of website is #f0af00
 export const noaberkrachtColorLightgrey96 = "#f5f5f5"; // Base/LightGrey
 export const noaberkrachtColorWhite98 = "#fafafa";
@@ -46,7 +46,8 @@ export const noaberkrachtSizeXl = "32px";
 export const noaberkrachtSize2xl = "48px";
 export const noaberkrachtSize3xl = "72px";
 export const noaberkrachtSize4xl = "96px";
-export const noaberkrachtTypographyGreycliffCfFontFamily = "OceanWide";
+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";
@@ -105,10 +106,73 @@ export const utrechtBlockquoteMarginInlineStart = "32px";
 export const utrechtBlockquoteMarginInlineEnd = "32px";
 export const utrechtBlockquoteContentColor = "#000000";
 export const utrechtBlockquoteContentFontSize = "24px";
+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 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 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 utrechtButtonSecondaryActionHoverBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionHoverBorderColor = "#003790";
+export const utrechtButtonSecondaryActionHoverColor = "#003790";
+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 = "OceanWide";
-export const utrechtDocumentFontSize = "24px";
+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 = "18px";
+export const utrechtFormInputBackgroundColor = "#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 utrechtFormInputPlaceholderColor = "#003790";
+export const utrechtFormInputFocusBackgroundColor = "#ffffff";
+export const utrechtIconGap = "8px";
 export const utrechtPageFooterLogoMaxWidth = "150px";
 export const utrechtPageFooterBackgroundColor = "#f0b800";
 export const utrechtPageFooterBackgroundImage = "unset";
@@ -122,6 +186,126 @@ export const utrechtPageHeaderBackgroundColor = "#012c9d99";
 export const utrechtPageHeaderColor = "#ffffff";
 export const utrechtPageHeaderPaddingBlockStart = "14px";
 export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtTableHeaderFontWeight = "700";
+export const utrechtTableHeaderColor = "#003790";
+export const utrechtTableHeaderTextTransform = "unset";
+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 = "18px";
+export const utrechtTableMarginBlockEnd = 0;
+export const utrechtTableMarginBlockStart = "18px";
+export const utrechtTableHeaderCellFontSize = "18px";
+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 utrechtTextboxBackgroundColor = "#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 utrechtTextboxPlaceholderColor = "#003790";
+export const utrechtTextboxFocusBackgroundColor = "#ffffff";
+export const utrechtHeading1Color = "#003790";
+export const utrechtHeading1FontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
+export const utrechtHeading1FontSize = "60px";
+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 = "48px";
+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 = "36px";
+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 = "24px";
+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 = "18px";
+export const utrechtHeading5FontWeight = "100";
+export const utrechtHeading5MarginBlockEnd = "24px";
+export const utrechtHeading5MarginBlockStart = "18px";
+export const utrechtLinkColor = "#003790";
+export const utrechtLinkTextDecoration = "underline";
+export const utrechtLinkTextDecorationColor = "#003790";
+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 = "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 = "#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 = "18px";
+export const utrechtParagraphFontWeight = "400";
+export const utrechtParagraphLineHeight = "1.5em";
+export const utrechtParagraphMarginBlockStart = 0;
+export const utrechtParagraphMarginBlockEnd = 0;
+export const conductionCardHeaderColor = "#003790";
+export const conductionCardHeaderTitleColor = "#003790";
+export const conductionCardHeaderDateColor = "#003790";
+export const conductionCardHeaderDateFontSize = "14px";
+export const conductionCardHeaderDateFontWeight = "100";
+export const conductionCardHeaderDateMarginBlockEnd = "8px";
+export const conductionCardWrapperBackgroundColor = "#ffffff";
+export const conductionCardWrapperBorderColor = "#003790";
+export const conductionCardWrapperBorderWidth = "1px";
+export const conductionCardWrapperBorderStyle = "solid";
+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 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 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 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\"";