npm - @conduction/theme - Versions diffs - 1.0.24 → 1.0.26 - Mend

@conduction/theme 1.0.24 → 1.0.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (165) hide show

package/municipalities/tubbergen-design-tokens/README.md ADDED Viewed

@@ -0,0 +1,3 @@
+# NL Design System design tokens Gemeente Tubbergen
+These tokens have been obtained by analysing the [website of Gemeente Tubbergen](https://www.tubbergen.nl/).

package/municipalities/tubbergen-design-tokens/dist/design-tokens.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 12:11:39 GMT
+ * Generated on Tue, 22 Aug 2023 15:07:50 GMT
  */
 .tubbergen-theme {
@@ -25,13 +25,6 @@
   --utrecht-heading-4-margin-block-end: 0;
   --utrecht-heading-3-margin-block-start: 0;
   --utrecht-heading-2-margin-block-start: 0;
-  --utrecht-code-block-margin-inline-end: 0;
-  --utrecht-code-block-margin-inline-start: 0;
-  --utrecht-code-font-size: inherit;
-  --utrecht-button-primary-action-font-weight: inherit;
-  --utrecht-button-font-weight: inherit;
-  --utrecht-button-font-size: inherit;
-  --utrecht-button-border-radius: 0;
   --utrecht-textbox-font-size: 15px;
   --utrecht-textbox-border-radius: 0px;
   --utrecht-table-header-cell-text-transform: unset;
@@ -45,12 +38,13 @@
   --utrecht-page-footer-min-height: 300px;
   --utrecht-form-input-font-size: 15px;
   --utrecht-form-input-border-radius: 0px;
-  --utrecht-card-padding-block-start: 30px;
-  --utrecht-card-padding-block-end: 30px;
-  --utrecht-card-padding-inline-start: 30px;
-  --utrecht-card-padding-inline-end: 30px;
-  --utrecht-card-border-width: unset;
-  --utrecht-card-border-radius: 0px;
+  --utrecht-code-block-margin-inline-end: 0;
+  --utrecht-code-block-margin-inline-start: 0;
+  --utrecht-code-font-size: inherit;
+  --utrecht-button-primary-action-font-weight: inherit;
+  --utrecht-button-font-weight: inherit;
+  --utrecht-button-font-size: inherit;
+  --utrecht-button-border-radius: 0;
   --utrecht-action-submit-cursor: pointer;
   --utrecht-action-disabled-cursor: not-allowed;
   --utrecht-action-busy-cursor: wait;
@@ -113,6 +107,11 @@
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-input-select-border: var(--tubbergen-size-4xs) solid var(--tubbergen-color-grey-46);
   --conduction-input-select-background-color: var(--tubbergen-color-white-100);
+  --conduction-card-wrapper-padding-block-start: var(--tubbergen-size-sm);
+  --conduction-card-wrapper-padding-block-end: var(--tubbergen-size-sm);
+  --conduction-card-wrapper-padding-inline-start: var(--tubbergen-size-xl);
+  --conduction-card-wrapper-padding-inline-end: var(--tubbergen-size-xl);
+  --conduction-card-wrapper-background-color: var(--tubbergen-color-green-89);
   --utrecht-paragraph-font-weight: var(--tubbergen-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--tubbergen-font-size-md);
   --utrecht-paragraph-font-family: var(--tubbergen-typography-lato-font-family);
@@ -153,6 +152,56 @@
   --utrecht-heading-1-font-size: var(--tubbergen-font-size-2xl);
   --utrecht-heading-1-font-family: var(--tubbergen-typography-montserrat-font-family);
   --utrecht-heading-1-color: var(--tubbergen-color-black-13);
+  --utrecht-textbox-focus-border-color: var(--tubbergen-color-blue-48);
+  --utrecht-textbox-placeholder-color: var(--tubbergen-color-grey-42);
+  --utrecht-textbox-padding-inline-start: var(--tubbergen-size-sm);
+  --utrecht-textbox-padding-inline-end: var(--tubbergen-size-sm);
+  --utrecht-textbox-padding-block-start: var(--tubbergen-size-xs);
+  --utrecht-textbox-padding-block-end: var(--tubbergen-size-xs);
+  --utrecht-textbox-font-family: var(--tubbergen-typography-lato-font-family);
+  --utrecht-textbox-color: var(--tubbergen-color-black-33);
+  --utrecht-textbox-border-width: var(--tubbergen-size-4xs);
+  --utrecht-textbox-border-color: var(--tubbergen-color-grey-46);
+  --utrecht-textbox-background-color: var(--tubbergen-color-white-100);
+  --utrecht-table-cell-padding-inline-start: var(--tubbergen-size-md);
+  --utrecht-table-cell-padding-inline-end: var(--tubbergen-size-md);
+  --utrecht-table-cell-padding-block-start: var(--tubbergen-size-md);
+  --utrecht-table-cell-padding-block-end: var(--tubbergen-size-md);
+  --utrecht-table-header-cell-font-weight: var(--tubbergen-typography-font-weight-bold);
+  --utrecht-table-margin-block-start: var(--tubbergen-size-md);
+  --utrecht-table-body-border: var(--tubbergen-size-4xs) solid var(--tubbergen-color-blue-94);
+  --utrecht-table-row-alternate-even-background-color: var(--tubbergen-color-blue-96);
+  --utrecht-table-row-alternate-odd-background-color: var(--tubbergen-color-white-100);
+  --utrecht-table-row-border-block-end-width: var(--tubbergen-size-4xs);
+  --utrecht-table-row-border-block-end-color: var(--tubbergen-color-lightgrey-89);
+  --utrecht-table-row-hover-color: var(--tubbergen-color-green-21);
+  --utrecht-table-row-hover-background-color: var(--tubbergen-color-blue-94);
+  --utrecht-table-header-font-weight: var(--tubbergen-typography-font-weight-bold);
+  --utrecht-table-header-font-family: var(--tubbergen-typography-montserrat-font-family);
+  --utrecht-table-header-border-block-end-width: var(--tubbergen-size-4xs);
+  --utrecht-table-header-border-block-end-color: var(--tubbergen-color-blue-94);
+  --utrecht-table-background-color: var(--tubbergen-color-white-100);
+  --utrecht-page-header-padding-block-end: var(--tubbergen-size-sm);
+  --utrecht-page-header-padding-block-start: var(--tubbergen-size-sm);
+  --utrecht-page-header-color: var(--tubbergen-color-black-20);
+  --utrecht-page-header-background-color: var(--tubbergen-color-white-100);
+  --utrecht-page-footer-padding-block-start: var(--tubbergen-size-2xl);
+  --utrecht-page-footer-padding-block-end: var(--tubbergen-size-2xl);
+  --utrecht-page-footer-padding-inline-start: var(--tubbergen-size-sm);
+  --utrecht-page-footer-padding-inline-end: var(--tubbergen-size-sm);
+  --utrecht-page-footer-color: var(--tubbergen-color-white-100);
+  --utrecht-icon-gap: var(--tubbergen-size-xs);
+  --utrecht-form-input-focus-border-color: var(--tubbergen-color-blue-48);
+  --utrecht-form-input-placeholder-color: var(--tubbergen-color-grey-42);
+  --utrecht-form-input-padding-inline-start: var(--tubbergen-size-sm);
+  --utrecht-form-input-padding-inline-end: var(--tubbergen-size-sm);
+  --utrecht-form-input-padding-block-start: var(--tubbergen-size-xs);
+  --utrecht-form-input-padding-block-end: var(--tubbergen-size-xs);
+  --utrecht-form-input-font-family: var(--tubbergen-typography-lato-font-family);
+  --utrecht-form-input-color: var(--tubbergen-color-black-33);
+  --utrecht-form-input-border-width: var(--tubbergen-size-4xs);
+  --utrecht-form-input-border-color: var(--tubbergen-color-grey-46);
+  --utrecht-form-input-background-color: var(--tubbergen-color-white-100);
   --utrecht-document-font-size: var(--tubbergen-font-size-md);
   --utrecht-document-font-family: var(--tubbergen-typography-lato-font-family);
   --utrecht-document-color: var(--tubbergen-color-black-20);
@@ -205,57 +254,7 @@
   --utrecht-blockquote-margin-inline-start: var(--tubbergen-size-xl);
   --utrecht-blockquote-color: var(--tubbergen-color-grey-64);
   --utrecht-blockquote-background-color: var(--tubbergen-color-grey-64);
-  --utrecht-textbox-focus-border-color: var(--tubbergen-color-blue-48);
-  --utrecht-textbox-placeholder-color: var(--tubbergen-color-grey-42);
-  --utrecht-textbox-padding-inline-start: var(--tubbergen-size-sm);
-  --utrecht-textbox-padding-inline-end: var(--tubbergen-size-sm);
-  --utrecht-textbox-padding-block-start: var(--tubbergen-size-xs);
-  --utrecht-textbox-padding-block-end: var(--tubbergen-size-xs);
-  --utrecht-textbox-font-family: var(--tubbergen-typography-lato-font-family);
-  --utrecht-textbox-color: var(--tubbergen-color-black-33);
-  --utrecht-textbox-border-width: var(--tubbergen-size-4xs);
-  --utrecht-textbox-border-color: var(--tubbergen-color-grey-46);
-  --utrecht-textbox-background-color: var(--tubbergen-color-white-100);
-  --utrecht-table-cell-padding-inline-start: var(--tubbergen-size-md);
-  --utrecht-table-cell-padding-inline-end: var(--tubbergen-size-md);
-  --utrecht-table-cell-padding-block-start: var(--tubbergen-size-md);
-  --utrecht-table-cell-padding-block-end: var(--tubbergen-size-md);
-  --utrecht-table-header-cell-font-weight: var(--tubbergen-typography-font-weight-bold);
-  --utrecht-table-margin-block-start: var(--tubbergen-size-md);
-  --utrecht-table-body-border: var(--tubbergen-size-4xs) solid var(--tubbergen-color-blue-94);
-  --utrecht-table-row-alternate-even-background-color: var(--tubbergen-color-blue-96);
-  --utrecht-table-row-alternate-odd-background-color: var(--tubbergen-color-white-100);
-  --utrecht-table-row-border-block-end-width: var(--tubbergen-size-4xs);
-  --utrecht-table-row-border-block-end-color: var(--tubbergen-color-lightgrey-89);
-  --utrecht-table-row-hover-color: var(--tubbergen-color-green-21);
-  --utrecht-table-row-hover-background-color: var(--tubbergen-color-blue-94);
-  --utrecht-table-header-font-weight: var(--tubbergen-typography-font-weight-bold);
-  --utrecht-table-header-font-family: var(--tubbergen-typography-montserrat-font-family);
-  --utrecht-table-header-border-block-end-width: var(--tubbergen-size-4xs);
-  --utrecht-table-header-border-block-end-color: var(--tubbergen-color-blue-94);
-  --utrecht-table-background-color: var(--tubbergen-color-white-100);
-  --utrecht-page-header-padding-block-end: var(--tubbergen-size-sm);
-  --utrecht-page-header-padding-block-start: var(--tubbergen-size-sm);
-  --utrecht-page-header-color: var(--tubbergen-color-black-20);
-  --utrecht-page-header-background-color: var(--tubbergen-color-white-100);
-  --utrecht-page-footer-padding-block-start: var(--tubbergen-size-2xl);
-  --utrecht-page-footer-padding-block-end: var(--tubbergen-size-2xl);
-  --utrecht-page-footer-padding-inline-start: var(--tubbergen-size-sm);
-  --utrecht-page-footer-padding-inline-end: var(--tubbergen-size-sm);
-  --utrecht-page-footer-color: var(--tubbergen-color-white-100);
-  --utrecht-icon-gap: var(--tubbergen-size-xs);
-  --utrecht-form-input-focus-border-color: var(--tubbergen-color-blue-48);
-  --utrecht-form-input-placeholder-color: var(--tubbergen-color-grey-42);
-  --utrecht-form-input-padding-inline-start: var(--tubbergen-size-sm);
-  --utrecht-form-input-padding-inline-end: var(--tubbergen-size-sm);
-  --utrecht-form-input-padding-block-start: var(--tubbergen-size-xs);
-  --utrecht-form-input-padding-block-end: var(--tubbergen-size-xs);
-  --utrecht-form-input-font-family: var(--tubbergen-typography-lato-font-family);
-  --utrecht-form-input-color: var(--tubbergen-color-black-33);
-  --utrecht-form-input-border-width: var(--tubbergen-size-4xs);
-  --utrecht-form-input-border-color: var(--tubbergen-color-grey-46);
-  --utrecht-form-input-background-color: var(--tubbergen-color-white-100);
-  --utrecht-card-background-color: var(--tubbergen-color-green-89);
+  --utrecht-alert-icon-gap: var(--tubbergen-size-xs);
   --utrecht-alert-ok-background-color: var(--tubbergen-color-alert-succes-background);
   --utrecht-alert-error-background-color: var(--tubbergen-color-alert-error-background);
   --utrecht-alert-warning-background-color: var(--tubbergen-color-alert-warning-background);
@@ -263,7 +262,6 @@
   --utrecht-alert-padding-inline-start: var(--tubbergen-size-lg);
   --utrecht-alert-padding-block-end: var(--tubbergen-size-lg);
   --utrecht-alert-padding-block-start: var(--tubbergen-size-lg);
-  --utrecht-alert-icon-gap: var(--tubbergen-size-xs);
   --utrecht-space-inline-3xl: var(--tubbergen-size-3xl);
   --utrecht-space-inline-2xl: var(--tubbergen-size-2xl);
   --utrecht-space-inline-xl: var(--tubbergen-size-xl);
@@ -301,6 +299,7 @@
   --tubbergen-color-alert-error: var(--tubbergen-color-black-20);
   --tubbergen-color-primary-hover: var(--tubbergen-color-green-11);
   --tubbergen-color-primary: var(--tubbergen-color-green-21);
+  --conduction-card-wrapper-color: var(--utrecht-document-color);
   --utrecht-paragraph-color: var(--utrecht-document-color);
   --utrecht-unordered-list-marker-color: var(--utrecht-document-color);
   --utrecht-unordered-list-font-size: var(--utrecht-document-font-size);
@@ -308,6 +307,11 @@
   --utrecht-link-visited-color: var(--tubbergen-color-primary);
   --utrecht-link-hover-color: var(--tubbergen-color-primary-hover);
   --utrecht-link-color: var(--tubbergen-color-primary);
+  --utrecht-table-header-cell-color: var(--utrecht-document-color);
+  --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size);
+  --utrecht-table-font-size: var(--utrecht-document-font-size);
+  --utrecht-table-font-family: var(--utrecht-document-font-family);
+  --utrecht-table-header-color: var(--utrecht-document-color);
   --utrecht-code-block-color: var(--utrecht-document-color);
   --utrecht-code-color: var(--utrecht-document-color);
   --utrecht-button-secondary-action-focus-color: var(--tubbergen-color-primary-hover);
@@ -317,19 +321,13 @@
   --utrecht-button-secondary-action-color: var(--tubbergen-color-primary);
   --utrecht-button-secondary-action-border-color: var(--tubbergen-color-primary);
   --utrecht-blockquote-content-color: var(--utrecht-document-color);
-  --utrecht-table-header-cell-color: var(--utrecht-document-color);
-  --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size);
-  --utrecht-table-font-size: var(--utrecht-document-font-size);
-  --utrecht-table-font-family: var(--utrecht-document-font-family);
-  --utrecht-table-header-color: var(--utrecht-document-color);
-  --utrecht-card-color: var(--utrecht-document-color);
+  --utrecht-alert-icon-ok-color: var(--tubbergen-color-alert-succes);
+  --utrecht-alert-icon-warning-color: var(--tubbergen-color-alert-warning);
+  --utrecht-alert-icon-error-color: var(--tubbergen-color-alert-error);
+  --utrecht-alert-icon-color: var(--tubbergen-color-alert-info);
   --utrecht-alert-ok-color: var(--tubbergen-color-alert-succes);
   --utrecht-alert-error-color: var(--tubbergen-color-alert-error);
   --utrecht-alert-warning-color: var(--tubbergen-color-alert-warning);
   --utrecht-alert-color: var(--tubbergen-color-alert-info);
   --utrecht-alert-background-color: var(--tubbergen-color-alert-info-background);
-  --utrecht-alert-icon-ok-color: var(--tubbergen-color-alert-succes);
-  --utrecht-alert-icon-warning-color: var(--tubbergen-color-alert-warning);
-  --utrecht-alert-icon-error-color: var(--tubbergen-color-alert-error);
-  --utrecht-alert-icon-color: var(--tubbergen-color-alert-info);
 }

package/municipalities/tubbergen-design-tokens/dist/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 12:11:39 GMT
+ * Generated on Tue, 22 Aug 2023 15:07:50 GMT
  */
 export const tubbergenColorPrimary = "#0b612d";
@@ -98,11 +98,6 @@ export const utrechtSpaceInlineLg = "24px";
 export const utrechtSpaceInlineXl = "32px";
 export const utrechtSpaceInline2xl = "48px";
 export const utrechtSpaceInline3xl = "72px";
-export const utrechtAlertIconGap = "8px";
-export const utrechtAlertIconColor = "#333333";
-export const utrechtAlertIconErrorColor = "#333333";
-export const utrechtAlertIconWarningColor = "#333333";
-export const utrechtAlertIconOkColor = "#333333";
 export const utrechtAlertBackgroundColor = "#d5efdf";
 export const utrechtAlertColor = "#333333";
 export const utrechtAlertPaddingBlockStart = "24px";
@@ -115,82 +110,11 @@ export const utrechtAlertErrorBackgroundColor = "#f8d7da";
 export const utrechtAlertErrorColor = "#333333";
 export const utrechtAlertOkBackgroundColor = "#d4edda";
 export const utrechtAlertOkColor = "#333333";
-export const utrechtCardBackgroundColor = "#d5efdf";
-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 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 utrechtIconGap = "8px";
-export const utrechtPageFooterMinHeight = "300px";
-export const utrechtPageFooterLogoMaxHeight = "100px";
-export const utrechtPageFooterLogoMaxWidth = "220px";
-export const utrechtPageFooterBackgroundColor = "unset";
-export const utrechtPageFooterBackgroundImage = "url(https://www.tubbergen.nl/sites/all/themes/tubbergen/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 utrechtPageHeaderLogoMaxWidth = "150px";
-export const utrechtPageHeaderBackgroundColor = "#ffffff";
-export const utrechtPageHeaderColor = "#333333";
-export const utrechtPageHeaderPaddingBlockStart = "14px";
-export const utrechtPageHeaderPaddingBlockEnd = "14px";
-export const utrechtTableBackgroundColor = "#ffffff";
-export const utrechtTableHeaderBorderBlockEndColor = "#edeff2";
-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 = "#0b612d";
-export const utrechtTableRowBorderBlockEndColor = "#e4e4e4";
-export const utrechtTableRowBorderBlockEndWidth = "1px";
-export const utrechtTableRowAlternateOddBackgroundColor = "#ffffff";
-export const utrechtTableRowAlternateEvenBackgroundColor = "#f2f4f7";
-export const utrechtTableBodyBorder = "1px solid #edeff2";
-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 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 utrechtAlertIconColor = "#333333";
+export const utrechtAlertIconErrorColor = "#333333";
+export const utrechtAlertIconWarningColor = "#333333";
+export const utrechtAlertIconOkColor = "#333333";
+export const utrechtAlertIconGap = "8px";
 export const utrechtBlockquoteBackgroundColor = "#9aa1ab";
 export const utrechtBlockquoteColor = "#9aa1ab";
 export const utrechtBlockquoteMarginInlineStart = "32px";
@@ -259,6 +183,74 @@ 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 utrechtIconGap = "8px";
+export const utrechtPageFooterMinHeight = "300px";
+export const utrechtPageFooterLogoMaxHeight = "100px";
+export const utrechtPageFooterLogoMaxWidth = "220px";
+export const utrechtPageFooterBackgroundColor = "unset";
+export const utrechtPageFooterBackgroundImage = "url(https://www.tubbergen.nl/sites/all/themes/tubbergen/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 utrechtPageHeaderLogoMaxWidth = "150px";
+export const utrechtPageHeaderBackgroundColor = "#ffffff";
+export const utrechtPageHeaderColor = "#333333";
+export const utrechtPageHeaderPaddingBlockStart = "14px";
+export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtTableBackgroundColor = "#ffffff";
+export const utrechtTableHeaderBorderBlockEndColor = "#edeff2";
+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 = "#0b612d";
+export const utrechtTableRowBorderBlockEndColor = "#e4e4e4";
+export const utrechtTableRowBorderBlockEndWidth = "1px";
+export const utrechtTableRowAlternateOddBackgroundColor = "#ffffff";
+export const utrechtTableRowAlternateEvenBackgroundColor = "#f2f4f7";
+export const utrechtTableBodyBorder = "1px solid #edeff2";
+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 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 utrechtHeading1Color = "#222222";
 export const utrechtHeading1FontFamily = "\"Montserrat\", Arial, sans-serif";
 export const utrechtHeading1FontSize = "32px";
@@ -324,6 +316,12 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const conductionCardWrapperBackgroundColor = "#d5efdf";
+export const conductionCardWrapperColor = "#333333";
+export const conductionCardWrapperPaddingInlineEnd = "32px";
+export const conductionCardWrapperPaddingInlineStart = "32px";
+export const conductionCardWrapperPaddingBlockEnd = "14px";
+export const conductionCardWrapperPaddingBlockStart = "14px";
 export const conductionInputSelectBackgroundColor = "#ffffff";
 export const conductionInputSelectBorder = "1px solid #767676";
 export const conductionInputSelectBorderFocus = "unset";