@conduction/theme 1.0.19 → 1.0.21

package/municipalities/tubbergen-design-tokens/dist/index.json

@@ -689,6 +689,27 @@
       "89"
     ]
   },
+  {
+    "value": "#f5f5f5",
+    "filePath": "src/brand/tubbergen/color.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "#f5f5f5"
+    },
+    "name": "tubbergenColorLightgrey96",
+    "attributes": {
+      "category": "tubbergen",
+      "type": "color",
+      "item": "lightgrey",
+      "subitem": "96"
+    },
+    "path": [
+      "tubbergen",
+      "color",
+      "lightgrey",
+      "96"
+    ]
+  },
   {
     "value": "#0b612d",
     "filePath": "src/brand/tubbergen/color.tokens.json",
@@ -1796,7 +1817,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/alert.tokens.json",
+    "filePath": "src/component/conduction/alert.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.xs}"
@@ -3159,11 +3180,11 @@
     ]
   },
   {
-    "value": "#e4e4e4",
+    "value": "#f5f5f5",
     "filePath": "src/component/utrecht/code.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{tubbergen.color.lightgrey.89}"
+      "value": "{tubbergen.color.lightgrey.96}"
     },
     "name": "utrechtCodeBackgroundColor",
     "attributes": {
@@ -3178,11 +3199,11 @@
     ]
   },
   {
-    "value": "#e4e4e4",
+    "value": "#f5f5f5",
     "filePath": "src/component/utrecht/code.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{tubbergen.color.lightgrey.89}"
+      "value": "{tubbergen.color.lightgrey.96}"
     },
     "name": "utrechtCodeBlockBackgroundColor",
     "attributes": {
@@ -3559,7 +3580,7 @@
   },
   {
     "value": "#ffffff",
-    "filePath": "src/component/utrecht/form-input.tokens.json",
+    "filePath": "src/component/conduction/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.color.white.100}"
@@ -3578,7 +3599,7 @@
   },
   {
     "value": "#767676",
-    "filePath": "src/component/utrecht/form-input.tokens.json",
+    "filePath": "src/component/conduction/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.color.grey.46}"
@@ -3597,7 +3618,7 @@
   },
   {
     "value": "0px",
-    "filePath": "src/component/utrecht/form-input.tokens.json",
+    "filePath": "src/component/conduction/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "0px"
@@ -3616,7 +3637,7 @@
   },
   {
     "value": "1px",
-    "filePath": "src/component/utrecht/form-input.tokens.json",
+    "filePath": "src/component/conduction/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.4xs}"
@@ -3635,7 +3656,7 @@
   },
   {
     "value": "#555555",
-    "filePath": "src/component/utrecht/form-input.tokens.json",
+    "filePath": "src/component/conduction/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.color.black.33}"
@@ -3654,7 +3675,7 @@
   },
   {
     "value": "#2e79c6",
-    "filePath": "src/component/utrecht/form-input.tokens.json",
+    "filePath": "src/component/conduction/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.color.blue.48}"
@@ -3675,7 +3696,7 @@
   },
   {
     "value": "\"Lato\", Arial, sans-serif",
-    "filePath": "src/component/utrecht/form-input.tokens.json",
+    "filePath": "src/component/conduction/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.typography.lato.font-family}"
@@ -3694,7 +3715,7 @@
   },
   {
     "value": "15px",
-    "filePath": "src/component/utrecht/form-input.tokens.json",
+    "filePath": "src/component/conduction/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "15px"
@@ -3713,7 +3734,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/form-input.tokens.json",
+    "filePath": "src/component/conduction/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.xs}"
@@ -3732,7 +3753,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/form-input.tokens.json",
+    "filePath": "src/component/conduction/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.xs}"
@@ -3751,7 +3772,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/form-input.tokens.json",
+    "filePath": "src/component/conduction/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.sm}"
@@ -3770,7 +3791,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/form-input.tokens.json",
+    "filePath": "src/component/conduction/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.sm}"
@@ -3789,7 +3810,7 @@
   },
   {
     "value": "#6b6b6b",
-    "filePath": "src/component/utrecht/form-input.tokens.json",
+    "filePath": "src/component/conduction/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.color.grey.42}"
@@ -4380,7 +4401,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/icon.tokens.json",
+    "filePath": "src/component/conduction/icon.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.xs}"
@@ -4793,9 +4814,51 @@
       "color"
     ]
   },
+  {
+    "value": "100px",
+    "filePath": "src/component/conduction/page-footer.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "100px"
+    },
+    "name": "utrechtPageFooterLogoMaxHeight",
+    "attributes": {
+      "category": "utrecht",
+      "type": "page-footer",
+      "item": "logo",
+      "subitem": "max-height"
+    },
+    "path": [
+      "utrecht",
+      "page-footer",
+      "logo",
+      "max-height"
+    ]
+  },
+  {
+    "value": "220px",
+    "filePath": "src/component/conduction/page-footer.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "220px"
+    },
+    "name": "utrechtPageFooterLogoMaxWidth",
+    "attributes": {
+      "category": "utrecht",
+      "type": "page-footer",
+      "item": "logo",
+      "subitem": "max-width"
+    },
+    "path": [
+      "utrecht",
+      "page-footer",
+      "logo",
+      "max-width"
+    ]
+  },
   {
     "value": "300px",
-    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "filePath": "src/component/conduction/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "value": "300px"
@@ -4926,6 +4989,27 @@
       "color"
     ]
   },
+  {
+    "value": "150px",
+    "filePath": "src/component/conduction/page-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "150px"
+    },
+    "name": "utrechtPageHeaderLogoMaxWidth",
+    "attributes": {
+      "category": "utrecht",
+      "type": "page-header",
+      "item": "logo",
+      "subitem": "max-width"
+    },
+    "path": [
+      "utrecht",
+      "page-header",
+      "logo",
+      "max-width"
+    ]
+  },
   {
     "value": "14px",
     "filePath": "src/component/utrecht/page-header.tokens.json",
@@ -6097,7 +6181,7 @@
   },
   {
     "value": "#ffffff",
-    "filePath": "src/component/utrecht/textbox.tokens.json",
+    "filePath": "src/component/conduction/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.color.white.100}"
@@ -6116,7 +6200,7 @@
   },
   {
     "value": "#767676",
-    "filePath": "src/component/utrecht/textbox.tokens.json",
+    "filePath": "src/component/conduction/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.color.grey.46}"
@@ -6135,7 +6219,7 @@
   },
   {
     "value": "0px",
-    "filePath": "src/component/utrecht/textbox.tokens.json",
+    "filePath": "src/component/conduction/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "0px"
@@ -6154,7 +6238,7 @@
   },
   {
     "value": "1px",
-    "filePath": "src/component/utrecht/textbox.tokens.json",
+    "filePath": "src/component/conduction/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.4xs}"
@@ -6173,7 +6257,7 @@
   },
   {
     "value": "#555555",
-    "filePath": "src/component/utrecht/textbox.tokens.json",
+    "filePath": "src/component/conduction/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.color.black.33}"
@@ -6192,7 +6276,7 @@
   },
   {
     "value": "#2e79c6",
-    "filePath": "src/component/utrecht/textbox.tokens.json",
+    "filePath": "src/component/conduction/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.color.blue.48}"
@@ -6213,7 +6297,7 @@
   },
   {
     "value": "\"Lato\", Arial, sans-serif",
-    "filePath": "src/component/utrecht/textbox.tokens.json",
+    "filePath": "src/component/conduction/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.typography.lato.font-family}"
@@ -6232,7 +6316,7 @@
   },
   {
     "value": "15px",
-    "filePath": "src/component/utrecht/textbox.tokens.json",
+    "filePath": "src/component/conduction/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "15px"
@@ -6251,7 +6335,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/textbox.tokens.json",
+    "filePath": "src/component/conduction/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.xs}"
@@ -6270,7 +6354,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/textbox.tokens.json",
+    "filePath": "src/component/conduction/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.xs}"
@@ -6289,7 +6373,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/textbox.tokens.json",
+    "filePath": "src/component/conduction/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.sm}"
@@ -6308,7 +6392,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/textbox.tokens.json",
+    "filePath": "src/component/conduction/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.sm}"
@@ -6327,7 +6411,7 @@
   },
   {
     "value": "#6b6b6b",
-    "filePath": "src/component/utrecht/textbox.tokens.json",
+    "filePath": "src/component/conduction/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.color.grey.42}"

package/municipalities/tubbergen-design-tokens/dist/index.less

@@ -1,19 +1,14 @@
 
 // Do not edit directly
-// Generated on Tue, 15 Aug 2023 08:23:22 GMT
+// Generated on Wed, 16 Aug 2023 08:06:35 GMT
 
 @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;
@@ -28,8 +23,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;
@@ -37,10 +30,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;
@@ -78,6 +81,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;
@@ -108,31 +112,11 @@
 @conduction-input-select-border-radius: @utrecht-form-input-border-radius;
 @conduction-input-select-border: @tubbergen-size-4xs solid @tubbergen-color-grey-46;
 @conduction-input-select-background-color: @tubbergen-color-white-100;
-@utrecht-textbox-focus-border-color: @tubbergen-color-blue-48;
-@utrecht-textbox-placeholder-color: @tubbergen-color-grey-42;
-@utrecht-textbox-padding-inline-start: @tubbergen-size-sm;
-@utrecht-textbox-padding-inline-end: @tubbergen-size-sm;
-@utrecht-textbox-padding-block-start: @tubbergen-size-xs;
-@utrecht-textbox-padding-block-end: @tubbergen-size-xs;
-@utrecht-textbox-font-family: @tubbergen-typography-lato-font-family;
-@utrecht-textbox-color: @tubbergen-color-black-33;
-@utrecht-textbox-border-width: @tubbergen-size-4xs;
-@utrecht-textbox-border-color: @tubbergen-color-grey-46;
-@utrecht-textbox-background-color: @tubbergen-color-white-100;
 @utrecht-paragraph-font-weight: @tubbergen-typography-font-weight-normal;
 @utrecht-paragraph-font-size: @tubbergen-font-size-md;
 @utrecht-paragraph-font-family: @tubbergen-typography-lato-font-family;
 @utrecht-page-padding-inline-end: @tubbergen-size-lg;
 @utrecht-page-padding-inline-start: @tubbergen-size-lg;
-@utrecht-page-header-padding-block-end: @tubbergen-size-sm;
-@utrecht-page-header-padding-block-start: @tubbergen-size-sm;
-@utrecht-page-header-color: @tubbergen-color-black-20;
-@utrecht-page-header-background-color: @tubbergen-color-white-100;
-@utrecht-page-footer-padding-block-start: @tubbergen-size-2xl;
-@utrecht-page-footer-padding-block-end: @tubbergen-size-2xl;
-@utrecht-page-footer-padding-inline-start: @tubbergen-size-sm;
-@utrecht-page-footer-padding-inline-end: @tubbergen-size-sm;
-@utrecht-page-footer-color: @tubbergen-color-white-100;
 @utrecht-unordered-list-item-margin-block-end: @tubbergen-size-xs;
 @utrecht-unordered-list-item-margin-block-start: @tubbergen-size-xs;
 @utrecht-unordered-list-margin-block-start: @tubbergen-size-md;
@@ -144,7 +128,6 @@
 @utrecht-link-icon-size: @tubbergen-size-md;
 @utrecht-link-hover-text-decoration-thickness: @tubbergen-size-4xs;
 @utrecht-link-text-underline-offset: @tubbergen-size-3xs;
-@utrecht-icon-gap: @tubbergen-size-xs;
 @utrecht-heading-5-font-weight: @tubbergen-typography-font-weight-light;
 @utrecht-heading-5-font-size: @tubbergen-font-size-md;
 @utrecht-heading-5-font-family: @tubbergen-typography-montserrat-font-family;
@@ -169,17 +152,6 @@
 @utrecht-heading-1-font-size: @tubbergen-font-size-2xl;
 @utrecht-heading-1-font-family: @tubbergen-typography-montserrat-font-family;
 @utrecht-heading-1-color: @tubbergen-color-black-13;
-@utrecht-form-input-focus-border-color: @tubbergen-color-blue-48;
-@utrecht-form-input-placeholder-color: @tubbergen-color-grey-42;
-@utrecht-form-input-padding-inline-start: @tubbergen-size-sm;
-@utrecht-form-input-padding-inline-end: @tubbergen-size-sm;
-@utrecht-form-input-padding-block-start: @tubbergen-size-xs;
-@utrecht-form-input-padding-block-end: @tubbergen-size-xs;
-@utrecht-form-input-font-family: @tubbergen-typography-lato-font-family;
-@utrecht-form-input-color: @tubbergen-color-black-33;
-@utrecht-form-input-border-width: @tubbergen-size-4xs;
-@utrecht-form-input-border-color: @tubbergen-color-grey-46;
-@utrecht-form-input-background-color: @tubbergen-color-white-100;
 @utrecht-document-font-size: @tubbergen-font-size-md;
 @utrecht-document-font-family: @tubbergen-typography-lato-font-family;
 @utrecht-document-color: @tubbergen-color-black-20;
@@ -193,9 +165,9 @@
 @utrecht-code-block-line-height: @tubbergen-size-lg;
 @utrecht-code-block-font-size: @tubbergen-font-size-md;
 @utrecht-code-block-font-family: @tubbergen-typography-monospace-font-family;
-@utrecht-code-block-background-color: @tubbergen-color-lightgrey-89;
+@utrecht-code-block-background-color: @tubbergen-color-lightgrey-96;
 @utrecht-code-font-family: @tubbergen-typography-monospace-font-family;
-@utrecht-code-background-color: @tubbergen-color-lightgrey-89;
+@utrecht-code-background-color: @tubbergen-color-lightgrey-96;
 @utrecht-button-secondary-action-focus-background-color: @tubbergen-color-white-100;
 @utrecht-button-secondary-action-hover-background-color: @tubbergen-color-white-100;
 @utrecht-button-secondary-action-font-weight: @tubbergen-typography-font-weight-normal;
@@ -232,14 +204,17 @@
 @utrecht-blockquote-margin-inline-start: @tubbergen-size-xl;
 @utrecht-blockquote-color: @tubbergen-color-grey-64;
 @utrecht-blockquote-background-color: @tubbergen-color-grey-64;
-@utrecht-alert-icon-gap: @tubbergen-size-xs;
-@utrecht-alert-ok-background-color: @tubbergen-color-alert-succes-background;
-@utrecht-alert-error-background-color: @tubbergen-color-alert-error-background;
-@utrecht-alert-warning-background-color: @tubbergen-color-alert-warning-background;
-@utrecht-alert-padding-inline-end: @tubbergen-size-lg;
-@utrecht-alert-padding-inline-start: @tubbergen-size-lg;
-@utrecht-alert-padding-block-end: @tubbergen-size-lg;
-@utrecht-alert-padding-block-start: @tubbergen-size-lg;
+@utrecht-textbox-focus-border-color: @tubbergen-color-blue-48;
+@utrecht-textbox-placeholder-color: @tubbergen-color-grey-42;
+@utrecht-textbox-padding-inline-start: @tubbergen-size-sm;
+@utrecht-textbox-padding-inline-end: @tubbergen-size-sm;
+@utrecht-textbox-padding-block-start: @tubbergen-size-xs;
+@utrecht-textbox-padding-block-end: @tubbergen-size-xs;
+@utrecht-textbox-font-family: @tubbergen-typography-lato-font-family;
+@utrecht-textbox-color: @tubbergen-color-black-33;
+@utrecht-textbox-border-width: @tubbergen-size-4xs;
+@utrecht-textbox-border-color: @tubbergen-color-grey-46;
+@utrecht-textbox-background-color: @tubbergen-color-white-100;
 @utrecht-table-cell-padding-inline-start: @tubbergen-size-md;
 @utrecht-table-cell-padding-inline-end: @tubbergen-size-md;
 @utrecht-table-cell-padding-block-start: @tubbergen-size-md;
@@ -258,7 +233,36 @@
 @utrecht-table-header-border-block-end-width: @tubbergen-size-4xs;
 @utrecht-table-header-border-block-end-color: @tubbergen-color-blue-94;
 @utrecht-table-background-color: @tubbergen-color-white-100;
+@utrecht-page-header-padding-block-end: @tubbergen-size-sm;
+@utrecht-page-header-padding-block-start: @tubbergen-size-sm;
+@utrecht-page-header-color: @tubbergen-color-black-20;
+@utrecht-page-header-background-color: @tubbergen-color-white-100;
+@utrecht-page-footer-padding-block-start: @tubbergen-size-2xl;
+@utrecht-page-footer-padding-block-end: @tubbergen-size-2xl;
+@utrecht-page-footer-padding-inline-start: @tubbergen-size-sm;
+@utrecht-page-footer-padding-inline-end: @tubbergen-size-sm;
+@utrecht-page-footer-color: @tubbergen-color-white-100;
+@utrecht-icon-gap: @tubbergen-size-xs;
+@utrecht-form-input-focus-border-color: @tubbergen-color-blue-48;
+@utrecht-form-input-placeholder-color: @tubbergen-color-grey-42;
+@utrecht-form-input-padding-inline-start: @tubbergen-size-sm;
+@utrecht-form-input-padding-inline-end: @tubbergen-size-sm;
+@utrecht-form-input-padding-block-start: @tubbergen-size-xs;
+@utrecht-form-input-padding-block-end: @tubbergen-size-xs;
+@utrecht-form-input-font-family: @tubbergen-typography-lato-font-family;
+@utrecht-form-input-color: @tubbergen-color-black-33;
+@utrecht-form-input-border-width: @tubbergen-size-4xs;
+@utrecht-form-input-border-color: @tubbergen-color-grey-46;
+@utrecht-form-input-background-color: @tubbergen-color-white-100;
 @utrecht-card-background-color: @tubbergen-color-green-89;
+@utrecht-alert-ok-background-color: @tubbergen-color-alert-succes-background;
+@utrecht-alert-error-background-color: @tubbergen-color-alert-error-background;
+@utrecht-alert-warning-background-color: @tubbergen-color-alert-warning-background;
+@utrecht-alert-padding-inline-end: @tubbergen-size-lg;
+@utrecht-alert-padding-inline-start: @tubbergen-size-lg;
+@utrecht-alert-padding-block-end: @tubbergen-size-lg;
+@utrecht-alert-padding-block-start: @tubbergen-size-lg;
+@utrecht-alert-icon-gap: @tubbergen-size-xs;
 @utrecht-space-inline-3xl: @tubbergen-size-3xl;
 @utrecht-space-inline-2xl: @tubbergen-size-2xl;
 @utrecht-space-inline-xl: @tubbergen-size-xl;
@@ -312,18 +316,18 @@
 @utrecht-button-secondary-action-color: @tubbergen-color-primary;
 @utrecht-button-secondary-action-border-color: @tubbergen-color-primary;
 @utrecht-blockquote-content-color: @utrecht-document-color;
-@utrecht-alert-icon-ok-color: @tubbergen-color-alert-succes;
-@utrecht-alert-icon-warning-color: @tubbergen-color-alert-warning;
-@utrecht-alert-icon-error-color: @tubbergen-color-alert-error;
-@utrecht-alert-icon-color: @tubbergen-color-alert-info;
-@utrecht-alert-ok-color: @tubbergen-color-alert-succes;
-@utrecht-alert-error-color: @tubbergen-color-alert-error;
-@utrecht-alert-warning-color: @tubbergen-color-alert-warning;
-@utrecht-alert-color: @tubbergen-color-alert-info;
-@utrecht-alert-background-color: @tubbergen-color-alert-info-background;
 @utrecht-table-header-cell-color: @utrecht-document-color;
 @utrecht-table-header-cell-font-size: @utrecht-document-font-size;
 @utrecht-table-font-size: @utrecht-document-font-size;
 @utrecht-table-font-family: @utrecht-document-font-family;
 @utrecht-table-header-color: @utrecht-document-color;
 @utrecht-card-color: @utrecht-document-color;
+@utrecht-alert-ok-color: @tubbergen-color-alert-succes;
+@utrecht-alert-error-color: @tubbergen-color-alert-error;
+@utrecht-alert-warning-color: @tubbergen-color-alert-warning;
+@utrecht-alert-color: @tubbergen-color-alert-info;
+@utrecht-alert-background-color: @tubbergen-color-alert-info-background;
+@utrecht-alert-icon-ok-color: @tubbergen-color-alert-succes;
+@utrecht-alert-icon-warning-color: @tubbergen-color-alert-warning;
+@utrecht-alert-icon-error-color: @tubbergen-color-alert-error;
+@utrecht-alert-icon-color: @tubbergen-color-alert-info;