@conduction/theme 1.0.23 → 1.0.26

package/conduction-design-tokens/src/component/conduction/{card.tokens.json → card-wrapper.tokens.json}

@@ -1,11 +1,15 @@
 {
-  "utrecht": {
-    "card": {
+  "conduction": {
+    "card-wrapper": {
       "background-color": { "value": "{conduction.color.white.100}" },
       "border-color": {},
-      "border-radius": { "value": "16px" },
-      "border-width": { "value": "unset" },
+      "border-width": {},
+      "border-style": {},
+      "border-radius": { "value": "{conduction.size.md}" },
       "color": { "value": "{conduction.color.black.0}" },
+      "hover": {
+        "background-color": {}
+      },
       "padding-inline-end": { "value": "{conduction.size.md}" },
       "padding-inline-start": { "value": "{conduction.size.md}" },
       "padding-block-end": { "value": "{conduction.size.md}" },

package/conduction-design-tokens/src/component/{conduction → utrecht/extra-tokens}/table.tokens.json

@@ -4,12 +4,20 @@
       "background-color": { "value": "{conduction.color.white.100}" },
       "header": {
         "border-block-end-color": { "value": "{conduction.color.grey.82}" },
-        "border-block-end-width": { "value": "{conduction.size.4xs}" }
+        "border-block-end-width": { "value": "{conduction.size.4xs}" },
+        "font-family": {}
       },
       "row": {
         "hover": {
-          "background-color": { "value": "{conduction.color.grey.97}" }
+          "background-color": { "value": "{conduction.color.grey.97}" },
+          "color": {}
         }
+      },
+      "body": {
+        "border": {}
+      },
+      "caption": {
+        "font-style": {}
       }
     }
   }

package/conduction-design-tokens/src/component/utrecht/list.tokens.json

@@ -24,6 +24,7 @@
         "margin-block-end": { "value": "{conduction.size.xs}" },
         "padding-inline-start": { "value": "1ch" }
       },
+
       "marker": {
         "color": { "value": "{conduction.color.primary}" }
       }

package/municipalities/dinkelland-design-tokens/README.md

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

package/municipalities/dinkelland-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 08:25:11 GMT
+ * Generated on Tue, 22 Aug 2023 15:07:58 GMT
  */
 
 .dinkelland-theme {
@@ -25,19 +25,11 @@
   --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-text-box-font-size: 15px;
   --utrecht-text-box-border-radius: 0px;
   --utrecht-table-header-cell-text-transform: unset;
   --utrecht-table-margin-block-end: 0;
   --utrecht-table-header-text-transform: unset;
-  --utrecht-table-border-collapse: collapse;
   --utrecht-page-header-logo-max-width: 150px;
   --utrecht-page-footer-background-image: url(https://www.dinkelland.nl/sites/all/themes/dinkelland/dist/assets/img/footer-bg.svg);
   --utrecht-page-footer-background-color: unset;
@@ -46,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;
@@ -112,11 +105,16 @@
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-input-select-border: var(--dinkelland-size-4xs) solid var(--dinkelland-color-grey-46);
   --conduction-input-select-background-color: var(--dinkelland-color-white-100);
+  --conduction-card-wrapper-padding-block-start: var(--dinkelland-size-xl);
+  --conduction-card-wrapper-padding-block-end: var(--dinkelland-size-xl);
+  --conduction-card-wrapper-padding-inline-start: var(--dinkelland-size-xl);
+  --conduction-card-wrapper-padding-inline-end: var(--dinkelland-size-xl);
+  --conduction-card-wrapper-background-color: var(--dinkelland-color-blue-94);
   --utrecht-paragraph-font-weight: var(--dinkelland-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--dinkelland-font-size-md);
   --utrecht-paragraph-font-family: var(--dinkelland-typography-lato-font-family);
-  --utrecht-page-padding-inline-end: var(--dinkelland-size-lg);
-  --utrecht-page-padding-inline-start: var(--dinkelland-size-lg);
+  --utrecht-page-margin-inline-end: var(--dinkelland-size-lg);
+  --utrecht-page-margin-inline-start: var(--dinkelland-size-lg);
   --utrecht-unordered-list-item-margin-block-end: var(--dinkelland-size-xs);
   --utrecht-unordered-list-item-margin-block-start: var(--dinkelland-size-xs);
   --utrecht-unordered-list-margin-block-start: var(--dinkelland-size-md);
@@ -152,6 +150,56 @@
   --utrecht-heading-1-font-size: var(--dinkelland-font-size-2xl);
   --utrecht-heading-1-font-family: var(--dinkelland-typography-montserrat-font-family);
   --utrecht-heading-1-color: var(--dinkelland-color-black-13);
+  --utrecht-text-box-focus-border-color: var(--dinkelland-color-blue-48);
+  --utrecht-text-box-placeholder-color: var(--dinkelland-color-grey-42);
+  --utrecht-text-box-padding-inline-start: var(--dinkelland-size-sm);
+  --utrecht-text-box-padding-inline-end: var(--dinkelland-size-sm);
+  --utrecht-text-box-padding-block-start: var(--dinkelland-size-xs);
+  --utrecht-text-box-padding-block-end: var(--dinkelland-size-xs);
+  --utrecht-text-box-font-family: var(--dinkelland-typography-lato-font-family);
+  --utrecht-text-box-color: var(--dinkelland-color-black-33);
+  --utrecht-text-box-border-width: var(--dinkelland-size-4xs);
+  --utrecht-text-box-border-color: var(--dinkelland-color-grey-46);
+  --utrecht-text-box-background-color: var(--dinkelland-color-white-100);
+  --utrecht-table-cell-padding-inline-start: var(--dinkelland-size-md);
+  --utrecht-table-cell-padding-inline-end: var(--dinkelland-size-md);
+  --utrecht-table-cell-padding-block-start: var(--dinkelland-size-md);
+  --utrecht-table-cell-padding-block-end: var(--dinkelland-size-md);
+  --utrecht-table-header-cell-font-weight: var(--dinkelland-typography-font-weight-bold);
+  --utrecht-table-margin-block-start: var(--dinkelland-size-md);
+  --utrecht-table-body-border: var(--dinkelland-size-4xs) solid var(--dinkelland-color-blue-94);
+  --utrecht-table-row-alternate-even-background-color: var(--dinkelland-color-blue-96);
+  --utrecht-table-row-alternate-odd-background-color: var(--dinkelland-color-white-100);
+  --utrecht-table-row-border-block-end-width: var(--dinkelland-size-4xs);
+  --utrecht-table-row-border-block-end-color: var(--dinkelland-color-lightgrey-89);
+  --utrecht-table-row-hover-color: var(--dinkelland-color-green-24);
+  --utrecht-table-row-hover-background-color: var(--dinkelland-color-grey-94);
+  --utrecht-table-header-font-weight: var(--dinkelland-typography-font-weight-bold);
+  --utrecht-table-header-font-family: var(--dinkelland-typography-montserrat-font-family);
+  --utrecht-table-header-border-block-end-width: var(--dinkelland-size-4xs);
+  --utrecht-table-header-border-block-end-color: var(--dinkelland-color-blue-94);
+  --utrecht-table-background-color: var(--dinkelland-color-white-100);
+  --utrecht-page-header-padding-block-end: var(--dinkelland-size-sm);
+  --utrecht-page-header-padding-block-start: var(--dinkelland-size-sm);
+  --utrecht-page-header-color: var(--dinkelland-color-black-20);
+  --utrecht-page-header-background-color: var(--dinkelland-color-white-100);
+  --utrecht-page-footer-padding-block-start: var(--dinkelland-size-2xl);
+  --utrecht-page-footer-padding-block-end: var(--dinkelland-size-2xl);
+  --utrecht-page-footer-padding-inline-start: var(--dinkelland-size-sm);
+  --utrecht-page-footer-padding-inline-end: var(--dinkelland-size-sm);
+  --utrecht-page-footer-color: var(--dinkelland-color-white-100);
+  --utrecht-icon-gap: var(--dinkelland-size-xs);
+  --utrecht-form-input-focus-border-color: var(--dinkelland-color-blue-48);
+  --utrecht-form-input-placeholder-color: var(--dinkelland-color-grey-42);
+  --utrecht-form-input-padding-inline-start: var(--dinkelland-size-sm);
+  --utrecht-form-input-padding-inline-end: var(--dinkelland-size-sm);
+  --utrecht-form-input-padding-block-start: var(--dinkelland-size-xs);
+  --utrecht-form-input-padding-block-end: var(--dinkelland-size-xs);
+  --utrecht-form-input-font-family: var(--dinkelland-typography-lato-font-family);
+  --utrecht-form-input-color: var(--dinkelland-color-black-33);
+  --utrecht-form-input-border-width: var(--dinkelland-size-4xs);
+  --utrecht-form-input-border-color: var(--dinkelland-color-grey-46);
+  --utrecht-form-input-background-color: var(--dinkelland-color-white-100);
   --utrecht-document-font-size: var(--dinkelland-font-size-md);
   --utrecht-document-font-family: var(--dinkelland-typography-lato-font-family);
   --utrecht-document-color: var(--dinkelland-color-black-20);
@@ -204,57 +252,7 @@
   --utrecht-blockquote-margin-inline-start: var(--dinkelland-size-xl);
   --utrecht-blockquote-color: var(--dinkelland-color-grey-64);
   --utrecht-blockquote-background-color: var(--dinkelland-color-grey-64);
-  --utrecht-text-box-focus-border-color: var(--dinkelland-color-blue-48);
-  --utrecht-text-box-placeholder-color: var(--dinkelland-color-grey-42);
-  --utrecht-text-box-padding-inline-start: var(--dinkelland-size-sm);
-  --utrecht-text-box-padding-inline-end: var(--dinkelland-size-sm);
-  --utrecht-text-box-padding-block-start: var(--dinkelland-size-xs);
-  --utrecht-text-box-padding-block-end: var(--dinkelland-size-xs);
-  --utrecht-text-box-font-family: var(--dinkelland-typography-lato-font-family);
-  --utrecht-text-box-color: var(--dinkelland-color-black-33);
-  --utrecht-text-box-border-width: var(--dinkelland-size-4xs);
-  --utrecht-text-box-border-color: var(--dinkelland-color-grey-46);
-  --utrecht-text-box-background-color: var(--dinkelland-color-white-100);
-  --utrecht-table-cell-padding-inline-start: var(--dinkelland-size-md);
-  --utrecht-table-cell-padding-inline-end: var(--dinkelland-size-md);
-  --utrecht-table-cell-padding-block-start: var(--dinkelland-size-md);
-  --utrecht-table-cell-padding-block-end: var(--dinkelland-size-md);
-  --utrecht-table-header-cell-font-weight: var(--dinkelland-typography-font-weight-bold);
-  --utrecht-table-margin-block-start: var(--dinkelland-size-md);
-  --utrecht-table-body-border: var(--dinkelland-size-4xs) solid var(--dinkelland-color-blue-94);
-  --utrecht-table-row-alternate-even-background-color: var(--dinkelland-color-blue-96);
-  --utrecht-table-row-alternate-odd-background-color: var(--dinkelland-color-white-100);
-  --utrecht-table-row-border-block-end-width: var(--dinkelland-size-4xs);
-  --utrecht-table-row-border-block-end-color: var(--dinkelland-color-lightgrey-89);
-  --utrecht-table-row-hover-color: var(--dinkelland-color-green-24);
-  --utrecht-table-row-hover-background-color: var(--dinkelland-color-grey-94);
-  --utrecht-table-header-font-weight: var(--dinkelland-typography-font-weight-bold);
-  --utrecht-table-header-font-family: var(--dinkelland-typography-montserrat-font-family);
-  --utrecht-table-header-border-block-end-width: var(--dinkelland-size-4xs);
-  --utrecht-table-header-border-block-end-color: var(--dinkelland-color-blue-94);
-  --utrecht-table-background-color: var(--dinkelland-color-white-100);
-  --utrecht-page-header-padding-block-end: var(--dinkelland-size-sm);
-  --utrecht-page-header-padding-block-start: var(--dinkelland-size-sm);
-  --utrecht-page-header-color: var(--dinkelland-color-black-20);
-  --utrecht-page-header-background-color: var(--dinkelland-color-white-100);
-  --utrecht-page-footer-padding-block-start: var(--dinkelland-size-2xl);
-  --utrecht-page-footer-padding-block-end: var(--dinkelland-size-2xl);
-  --utrecht-page-footer-padding-inline-start: var(--dinkelland-size-sm);
-  --utrecht-page-footer-padding-inline-end: var(--dinkelland-size-sm);
-  --utrecht-page-footer-color: var(--dinkelland-color-white-100);
-  --utrecht-icon-gap: var(--dinkelland-size-xs);
-  --utrecht-form-input-focus-border-color: var(--dinkelland-color-blue-48);
-  --utrecht-form-input-placeholder-color: var(--dinkelland-color-grey-42);
-  --utrecht-form-input-padding-inline-start: var(--dinkelland-size-sm);
-  --utrecht-form-input-padding-inline-end: var(--dinkelland-size-sm);
-  --utrecht-form-input-padding-block-start: var(--dinkelland-size-xs);
-  --utrecht-form-input-padding-block-end: var(--dinkelland-size-xs);
-  --utrecht-form-input-font-family: var(--dinkelland-typography-lato-font-family);
-  --utrecht-form-input-color: var(--dinkelland-color-black-33);
-  --utrecht-form-input-border-width: var(--dinkelland-size-4xs);
-  --utrecht-form-input-border-color: var(--dinkelland-color-grey-46);
-  --utrecht-form-input-background-color: var(--dinkelland-color-white-100);
-  --utrecht-card-background-color: var(--dinkelland-color-blue-94);
+  --utrecht-alert-icon-gap: var(--dinkelland-size-xs);
   --utrecht-alert-ok-background-color: var(--dinkelland-color-alert-succes-background);
   --utrecht-alert-error-background-color: var(--dinkelland-color-alert-error-background);
   --utrecht-alert-warning-background-color: var(--dinkelland-color-alert-warning-background);
@@ -262,7 +260,6 @@
   --utrecht-alert-padding-inline-start: var(--dinkelland-size-lg);
   --utrecht-alert-padding-block-end: var(--dinkelland-size-lg);
   --utrecht-alert-padding-block-start: var(--dinkelland-size-lg);
-  --utrecht-alert-icon-gap: var(--dinkelland-size-xs);
   --utrecht-space-inline-3xl: var(--dinkelland-size-3xl);
   --utrecht-space-inline-2xl: var(--dinkelland-size-2xl);
   --utrecht-space-inline-xl: var(--dinkelland-size-xl);
@@ -300,6 +297,7 @@
   --dinkelland-color-alert-error: var(--dinkelland-color-black-20);
   --dinkelland-color-primary-hover: var(--dinkelland-color-blue-26);
   --dinkelland-color-primary: var(--dinkelland-color-blue-36);
+  --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);
@@ -307,6 +305,11 @@
   --utrecht-link-visited-color: var(--dinkelland-color-primary);
   --utrecht-link-hover-color: var(--dinkelland-color-primary-hover);
   --utrecht-link-color: var(--dinkelland-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(--dinkelland-color-primary-hover);
@@ -316,19 +319,13 @@
   --utrecht-button-secondary-action-color: var(--dinkelland-color-primary);
   --utrecht-button-secondary-action-border-color: var(--dinkelland-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(--dinkelland-color-alert-succes);
+  --utrecht-alert-icon-warning-color: var(--dinkelland-color-alert-warning);
+  --utrecht-alert-icon-error-color: var(--dinkelland-color-alert-error);
+  --utrecht-alert-icon-color: var(--dinkelland-color-alert-info);
   --utrecht-alert-ok-color: var(--dinkelland-color-alert-succes);
   --utrecht-alert-error-color: var(--dinkelland-color-alert-error);
   --utrecht-alert-warning-color: var(--dinkelland-color-alert-warning);
   --utrecht-alert-color: var(--dinkelland-color-alert-info);
   --utrecht-alert-background-color: var(--dinkelland-color-alert-info-background);
-  --utrecht-alert-icon-ok-color: var(--dinkelland-color-alert-succes);
-  --utrecht-alert-icon-warning-color: var(--dinkelland-color-alert-warning);
-  --utrecht-alert-icon-error-color: var(--dinkelland-color-alert-error);
-  --utrecht-alert-icon-color: var(--dinkelland-color-alert-info);
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 08:25:11 GMT
+ * Generated on Tue, 22 Aug 2023 15:07:57 GMT
  */
 
 export const dinkellandColorPrimary = "#006cb9";
@@ -96,11 +96,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 = "#e5f0f8";
 export const utrechtAlertColor = "#333333";
 export const utrechtAlertPaddingBlockStart = "24px";
@@ -113,83 +108,11 @@ export const utrechtAlertErrorBackgroundColor = "#f8d7da";
 export const utrechtAlertErrorColor = "#333333";
 export const utrechtAlertOkBackgroundColor = "#d4edda";
 export const utrechtAlertOkColor = "#333333";
-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 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 = "250px";
-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 utrechtPageHeaderLogoMaxWidth = "150px";
-export const utrechtPageHeaderBackgroundColor = "#ffffff";
-export const utrechtPageHeaderColor = "#333333";
-export const utrechtPageHeaderPaddingBlockStart = "14px";
-export const utrechtPageHeaderPaddingBlockEnd = "14px";
-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 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";
@@ -258,6 +181,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 = "250px";
+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 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 = "#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 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";
@@ -313,8 +304,8 @@ export const utrechtUnorderedListItemMarginBlockStart = "8px";
 export const utrechtUnorderedListItemMarginBlockEnd = "8px";
 export const utrechtUnorderedListItemPaddingInlineStart = "1ch";
 export const utrechtUnorderedListMarkerColor = "#333333";
-export const utrechtPagePaddingInlineStart = "24px";
-export const utrechtPagePaddingInlineEnd = "24px";
+export const utrechtPageMarginInlineStart = "24px";
+export const utrechtPageMarginInlineEnd = "24px";
 export const utrechtPageMaxInlineSize = "1140px";
 export const utrechtParagraphColor = "#333333";
 export const utrechtParagraphFontFamily = "\"Lato\", Arial, sans-serif";
@@ -323,6 +314,12 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const conductionCardWrapperBackgroundColor = "#e5f0f8";
+export const conductionCardWrapperColor = "#333333";
+export const conductionCardWrapperPaddingInlineEnd = "32px";
+export const conductionCardWrapperPaddingInlineStart = "32px";
+export const conductionCardWrapperPaddingBlockEnd = "32px";
+export const conductionCardWrapperPaddingBlockStart = "32px";
 export const conductionInputSelectBackgroundColor = "#ffffff";
 export const conductionInputSelectBorder = "1px solid #767676";
 export const conductionInputSelectBorderFocus = "unset";