@conduction/theme 1.0.19 → 1.0.21

package/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json

@@ -25,17 +25,20 @@
       "alert-info-background": { "value": "#cce5ff" },
 
       "grey": {
+        "11": {
+          "value": "#1d1d1b"
+        },
         "33": {
           "value": "#5f594a",
           "comment": "Base/Grey"
-        },
-        "11": {
-          "value": "#1d1d1b"
         }
       },
 
       "lightgrey": {
-        "89": { "value": "#e4e4e4", "comment": "Base/LightGrey" }
+        "89": {
+          "value": "#e4e4e4",
+          "comment": "Base/LightGrey"
+        }
       },
 
       "white": {
@@ -46,7 +49,10 @@
       },
 
       "black": {
-        "9": { "value": "#0d1921", "comment": "Base/Black" }
+        "9": {
+          "value": "#0d1921",
+          "comment": "Base/Black"
+        }
       },
 
       "lightblue": {

package/municipalities/leiden-design-tokens/src/component/conduction/alert.tokens.json

@@ -0,0 +1,9 @@
+{
+  "utrecht": {
+    "alert": {
+      "icon": {
+        "gap": { "value": "{leiden.size.xs}" }
+      }
+    }
+  }
+}

package/municipalities/leiden-design-tokens/src/component/conduction/icon.tokens.json

@@ -0,0 +1,7 @@
+{
+  "utrecht": {
+    "icon": {
+      "gap": { "value": "{leiden.size.xs}" }
+    }
+  }
+}

package/municipalities/leiden-design-tokens/src/component/conduction/page-footer.tokens.json

@@ -0,0 +1,11 @@
+{
+  "utrecht": {
+    "page-footer": {
+      "min-height": {},
+      "logo": {
+        "max-height": { "value": "100px" },
+        "max-width": { "value": "100px" }
+      }
+    }
+  }
+}

package/municipalities/leiden-design-tokens/src/component/conduction/page-header.tokens.json

@@ -0,0 +1,10 @@
+{
+  "utrecht": {
+    "page-header": {
+      "logo": {
+        "max-height": {},
+        "max-width": { "value": "80px" }
+      }
+    }
+  }
+}

package/municipalities/leiden-design-tokens/src/component/utrecht/alert.tokens.json

@@ -34,7 +34,6 @@
         "error": {
           "color": { "value": "{leiden.color.alert-error}" }
         },
-        "gap": { "value": "{leiden.size.xs}" },
         "warning": {
           "color": { "value": "{leiden.color.alert-warning}" }
         },

package/municipalities/leiden-design-tokens/src/component/utrecht/icon.tokens.json

@@ -2,7 +2,6 @@
   "utrecht": {
     "icon": {
       "color": {},
-      "gap": { "value": "{leiden.size.xs}" },
       "size": {},
       "inset-block-start": {},
       "baseline": {

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

@@ -1,21 +1,16 @@
 /**
  * Do not edit directly
- * Generated on Tue, 15 Aug 2023 08:23:22 GMT
+ * Generated on Wed, 16 Aug 2023 08:06:35 GMT
  */
 
 .tubbergen-theme {
   --conduction-input-select-padding-block-start: 0;
   --conduction-input-select-padding-block-end: 0;
   --conduction-input-select-border-focus: unset;
-  --utrecht-textbox-font-size: 15px;
-  --utrecht-textbox-border-radius: 0px;
   --utrecht-paragraph-margin-block-end: 0;
   --utrecht-paragraph-margin-block-start: 0;
   --utrecht-paragraph-line-height: 1.5em;
   --utrecht-page-max-inline-size: 1140px;
-  --utrecht-page-footer-min-height: 300px;
-  --utrecht-page-footer-background-image: url(https://www.tubbergen.nl/sites/all/themes/tubbergen/dist/assets/img/footer-bg.svg);
-  --utrecht-page-footer-background-color: unset;
   --utrecht-unordered-list-item-padding-inline-start: 1ch;
   --utrecht-unordered-list-padding-inline-start: 2ch;
   --utrecht-unordered-list-margin-block-end: 0;
@@ -30,8 +25,6 @@
   --utrecht-heading-4-margin-block-end: 0;
   --utrecht-heading-3-margin-block-start: 0;
   --utrecht-heading-2-margin-block-start: 0;
-  --utrecht-form-input-font-size: 15px;
-  --utrecht-form-input-border-radius: 0px;
   --utrecht-code-block-margin-inline-end: 0;
   --utrecht-code-block-margin-inline-start: 0;
   --utrecht-code-font-size: inherit;
@@ -39,10 +32,20 @@
   --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;
   --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.tubbergen.nl/sites/all/themes/tubbergen/dist/assets/img/footer-bg.svg);
+  --utrecht-page-footer-background-color: unset;
+  --utrecht-page-footer-logo-max-width: 220px;
+  --utrecht-page-footer-logo-max-height: 100px;
+  --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;
@@ -80,6 +83,7 @@
   --tubbergen-font-size-2xs: 10px;
   --tubbergen-font-size-3xs: 8px;
   --tubbergen-font-size-4xs: 5px;
+  --tubbergen-color-lightgrey-96: #f5f5f5;
   --tubbergen-color-lightgrey-89: #e4e4e4; /* Base/LightGrey */
   --tubbergen-color-grey-64: #9aa1ab; /* Base/Grey */
   --tubbergen-color-grey-46: #767676;
@@ -110,31 +114,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);
-  --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-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);
   --utrecht-page-padding-inline-end: var(--tubbergen-size-lg);
   --utrecht-page-padding-inline-start: var(--tubbergen-size-lg);
-  --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-unordered-list-item-margin-block-end: var(--tubbergen-size-xs);
   --utrecht-unordered-list-item-margin-block-start: var(--tubbergen-size-xs);
   --utrecht-unordered-list-margin-block-start: var(--tubbergen-size-md);
@@ -146,7 +130,6 @@
   --utrecht-link-icon-size: var(--tubbergen-size-md);
   --utrecht-link-hover-text-decoration-thickness: var(--tubbergen-size-4xs);
   --utrecht-link-text-underline-offset: var(--tubbergen-size-3xs);
-  --utrecht-icon-gap: var(--tubbergen-size-xs);
   --utrecht-heading-5-font-weight: var(--tubbergen-typography-font-weight-light);
   --utrecht-heading-5-font-size: var(--tubbergen-font-size-md);
   --utrecht-heading-5-font-family: var(--tubbergen-typography-montserrat-font-family);
@@ -171,17 +154,6 @@
   --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-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);
@@ -195,9 +167,9 @@
   --utrecht-code-block-line-height: var(--tubbergen-size-lg);
   --utrecht-code-block-font-size: var(--tubbergen-font-size-md);
   --utrecht-code-block-font-family: var(--tubbergen-typography-monospace-font-family);
-  --utrecht-code-block-background-color: var(--tubbergen-color-lightgrey-89);
+  --utrecht-code-block-background-color: var(--tubbergen-color-lightgrey-96);
   --utrecht-code-font-family: var(--tubbergen-typography-monospace-font-family);
-  --utrecht-code-background-color: var(--tubbergen-color-lightgrey-89);
+  --utrecht-code-background-color: var(--tubbergen-color-lightgrey-96);
   --utrecht-button-secondary-action-focus-background-color: var(--tubbergen-color-white-100);
   --utrecht-button-secondary-action-hover-background-color: var(--tubbergen-color-white-100);
   --utrecht-button-secondary-action-font-weight: var(--tubbergen-typography-font-weight-normal);
@@ -234,14 +206,17 @@
   --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-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);
-  --utrecht-alert-padding-inline-end: var(--tubbergen-size-lg);
-  --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-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);
@@ -260,7 +235,36 @@
   --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-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);
+  --utrecht-alert-padding-inline-end: var(--tubbergen-size-lg);
+  --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);
@@ -314,19 +318,19 @@
   --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-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-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-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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 15 Aug 2023 08:23:22 GMT
+ * Generated on Wed, 16 Aug 2023 08:06:35 GMT
  */
 
 export const tubbergenColorPrimary = "#0b612d";
@@ -37,6 +37,7 @@ export const tubbergenColorGrey42 = "#6b6b6b";
 export const tubbergenColorGrey46 = "#767676";
 export const tubbergenColorGrey64 = "#9aa1ab"; // Base/Grey
 export const tubbergenColorLightgrey89 = "#e4e4e4"; // Base/LightGrey
+export const tubbergenColorLightgrey96 = "#f5f5f5";
 export const tubbergenFontSize4xs = "5px";
 export const tubbergenFontSize3xs = "8px";
 export const tubbergenFontSize2xs = "10px";
@@ -97,6 +98,23 @@ 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";
+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 utrechtCardBackgroundColor = "#d5efdf";
 export const utrechtCardBorderRadius = "0px";
 export const utrechtCardBorderWidth = "unset";
@@ -105,6 +123,35 @@ 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 utrechtTableBorderCollapse = "collapse";
 export const utrechtTableBackgroundColor = "#ffffff";
 export const utrechtTableHeaderBorderBlockEndColor = "#edeff2";
@@ -132,23 +179,19 @@ export const utrechtTableCellPaddingBlockEnd = "18px";
 export const utrechtTableCellPaddingBlockStart = "18px";
 export const utrechtTableCellPaddingInlineEnd = "18px";
 export const utrechtTableCellPaddingInlineStart = "18px";
-export const utrechtAlertBackgroundColor = "#d5efdf";
-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 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 utrechtBlockquoteBackgroundColor = "#9aa1ab";
 export const utrechtBlockquoteColor = "#9aa1ab";
 export const utrechtBlockquoteMarginInlineStart = "32px";
@@ -196,11 +239,11 @@ export const utrechtButtonSecondaryActionHoverColor = "#063318";
 export const utrechtButtonSecondaryActionFocusBackgroundColor = "#ffffff";
 export const utrechtButtonSecondaryActionFocusBorderColor = "#063318";
 export const utrechtButtonSecondaryActionFocusColor = "#063318";
-export const utrechtCodeBackgroundColor = "#e4e4e4";
+export const utrechtCodeBackgroundColor = "#f5f5f5";
 export const utrechtCodeColor = "#333333";
 export const utrechtCodeFontFamily = "Monospace, \"Lucida Console\"";
 export const utrechtCodeFontSize = "inherit";
-export const utrechtCodeBlockBackgroundColor = "#e4e4e4";
+export const utrechtCodeBlockBackgroundColor = "#f5f5f5";
 export const utrechtCodeBlockColor = "#333333";
 export const utrechtCodeBlockFontFamily = "Monospace, \"Lucida Console\"";
 export const utrechtCodeBlockFontSize = "16px";
@@ -217,19 +260,6 @@ 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";
@@ -260,7 +290,6 @@ export const utrechtHeading5FontSize = "16px";
 export const utrechtHeading5FontWeight = "100";
 export const utrechtHeading5MarginBlockEnd = 0;
 export const utrechtHeading5MarginBlockStart = 0;
-export const utrechtIconGap = "8px";
 export const utrechtLinkColor = "#0b612d";
 export const utrechtLinkTextDecoration = "none";
 export const utrechtLinkTextDecorationColor = "unset";
@@ -286,18 +315,6 @@ export const utrechtUnorderedListItemMarginBlockStart = "8px";
 export const utrechtUnorderedListItemMarginBlockEnd = "8px";
 export const utrechtUnorderedListItemPaddingInlineStart = "1ch";
 export const utrechtUnorderedListMarkerColor = "#333333";
-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 utrechtPageFooterMinHeight = "300px";
-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";
@@ -308,19 +325,6 @@ 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";