@conduction/theme 1.0.14 → 1.0.16

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

@@ -0,0 +1,33 @@
+{
+  "utrecht": {
+    "link": {
+      "color": { "value": "{leiden.color.primary}" },
+      "text-decoration": { "value": "none" },
+      "text-decoration-color": { "value": "unset" },
+      "text-decoration-thickness": { "value": 0 },
+      "text-underline-offset": { "value": "{leiden.size.3xs}" },
+      "active": {
+        "color": {}
+      },
+      "focus": {
+        "color": {},
+        "text-decoration": {},
+        "text-decoration-thickness": {}
+      },
+      "hover": {
+        "color": { "value": "{leiden.color.primary-hover}" },
+        "text-decoration": { "value": "underline" },
+        "text-decoration-thickness": { "value": "{leiden.size.4xs}" }
+      },
+      "placeholder": {
+        "color": {}
+      },
+      "visited": {
+        "color": { "value": "{leiden.color.primary}" }
+      },
+      "icon": {
+        "size": { "value": "{leiden.size.md}" }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,32 @@
+{
+  "utrecht": {
+    "ordered-list": {
+      "font-size": { "value": "{utrecht.document.font-size}" },
+      "line-height": {},
+      "margin-block-start": { "value": "{leiden.size.sm}" },
+      "margin-block-end": { "value": "{leiden.size.sm}" },
+      "padding-inline-start": { "value": "{leiden.size.xl}" },
+      "item": {
+        "margin-block-start": { "value": "{leiden.size.2xs}" },
+        "margin-block-end": { "value": "{leiden.size.2xs}" },
+        "padding-inline-start": { "value": "1ch" }
+      }
+    },
+
+    "unordered-list": {
+      "font-size": { "value": "{utrecht.document.font-size}" },
+      "line-height": {},
+      "margin-block-start": { "value": "{leiden.size.md}" },
+      "margin-block-end": { "value": 0 },
+      "padding-inline-start": { "value": "2ch" },
+      "item": {
+        "margin-block-start": { "value": "{leiden.size.xs}" },
+        "margin-block-end": { "value": "{leiden.size.xs}" },
+        "padding-inline-start": { "value": "1ch" }
+      },
+      "marker": {
+        "color": { "value": "{leiden.color.primary}" }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,13 @@
+{
+  "utrecht": {
+    "page-footer": {
+      "background-color": { "value": "{leiden.color.black.9}" },
+      "background-image": { "value": "unset" },
+      "color": { "value": "{leiden.color.white.100}" },
+      "padding-inline-end": { "value": "{leiden.size.sm}" },
+      "padding-inline-start": { "value": "{leiden.size.sm}" },
+      "padding-block-end": { "value": "{leiden.size.2xl}" },
+      "padding-block-start": { "value": "{leiden.size.2xl}" }
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+{
+  "utrecht": {
+    "page-header": {
+      "background-color": { "value": "{leiden.color.black.9}" },
+      "color": { "value": "{leiden.color.white.100}" },
+      "padding-block-start": { "value": "{leiden.size.sm}" },
+      "padding-block-end": { "value": "{leiden.size.sm}" }
+    }
+  }
+}

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

@@ -0,0 +1,11 @@
+{
+  "utrecht": {
+    "page": {
+      "background-color": {},
+      "color": {},
+      "padding-inline-start": { "value": "{leiden.size.lg}" },
+      "padding-inline-end": { "value": "{leiden.size.lg}" },
+      "max-inline-size": { "value": "1140px" }
+    }
+  }
+}

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

@@ -0,0 +1,25 @@
+{
+  "utrecht": {
+    "paragraph": {
+      "color": { "value": "{utrecht.document.color}" },
+      "font-family": { "value": "{leiden.typography.sans-serif.font-family}" },
+      "font-size": { "value": "{leiden.font-size.md}" },
+      "font-weight": { "value": "{leiden.typography.font-weight.normal}" },
+      "line-height": { "value": "1.5em" },
+      "margin-block-start": { "value": 0 },
+      "margin-block-end": { "value": 0 },
+      "lead": {
+        "color": {},
+        "font-size": {},
+        "font-weight": {},
+        "line-height": {}
+      },
+      "small": {
+        "color": {},
+        "font-size": {},
+        "font-weight": {},
+        "line-height": {}
+      }
+    }
+  }
+}

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

@@ -0,0 +1,60 @@
+{
+  "utrecht": {
+    "table": {
+      "border-color": { "value": "{leiden.color.lightgrey.89}" },
+      "border-width": { "value": "{leiden.size.4xs}" },
+      "font-family": { "value": "{utrecht.document.font-family}" },
+      "font-size": { "value": "{utrecht.document.font-size}" },
+      "line-height": {},
+      "margin-block-end": { "value": 0 },
+      "margin-block-start": { "value": "{leiden.size.md}" },
+      "caption": {
+        "font-weight": {},
+        "font-family": {},
+        "font-size": {},
+        "color": {},
+        "line-height": {},
+        "text-align": {},
+        "margin-block-end": {}
+      },
+      "header": {
+        "font-weight": { "value": "{leiden.typography.font-weight.bold}" },
+        "background-color": {},
+        "color": { "value": "{utrecht.document.color}" },
+        "text-transform": { "value": "unset" },
+        "border-block-end-color": {},
+        "border-block-end-width": {}
+      },
+      "header-cell": {
+        "font-size": { "value": "{utrecht.document.font-size}" },
+        "font-weight": { "value": "{leiden.typography.font-weight.bold}" },
+        "color": { "value": "{utrecht.document.color}" },
+        "text-transform": { "value": "unset" }
+      },
+      "cell": {
+        "line-height": {},
+        "padding-block-end": { "value": "{leiden.size.md}" },
+        "padding-block-start": { "value": "{leiden.size.md}" },
+        "padding-inline-end": { "value": "{leiden.size.md}" },
+        "padding-inline-start": { "value": "{leiden.size.md}" },
+        "icon": {
+          "size": {}
+        }
+      },
+      "row": {
+        "border-block-end-color": { "value": "{leiden.color.lightgrey.89}" },
+        "border-block-end-width": { "value": "{leiden.size.4xs}" },
+        "padding-inline-end": {},
+        "padding-inline-start": {},
+        "alternate-odd": {
+          "background-color": {},
+          "color": {}
+        },
+        "alternate-even": {
+          "background-color": {},
+          "color": {}
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,44 @@
+{
+  "utrecht": {
+    "textbox": {
+      "background-color": { "value": "{leiden.color.white.100}" },
+      "border-bottom-width": {},
+      "border-color": { "value": "{leiden.color.grey.33}" },
+      "border-radius": { "value": "0px" },
+      "border-width": { "value": "{leiden.size.4xs}" },
+      "color": { "value": "{leiden.color.grey.11}" },
+      "font-family": { "value": "{leiden.typography.sans-serif.font-family}" },
+      "font-size": { "value": "15px" },
+      "line-height": {},
+      "max-inline-size": {},
+      "padding-block-end": { "value": "{leiden.size.xs}" },
+      "padding-block-start": { "value": "{leiden.size.xs}" },
+      "padding-inline-end": { "value": "{leiden.size.sm}" },
+      "padding-inline-start": { "value": "{leiden.size.sm}" },
+      "placeholder": {
+        "color": { "value": "{leiden.color.lightblue.24}" }
+      },
+      "disabled": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
+      "focus": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "background-color": {},
+        "border-color": {},
+        "border-width": {},
+        "color": {}
+      },
+      "read-only": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      }
+    }
+  }
+}

package/municipalities/leiden-design-tokens/src/config.json

@@ -0,0 +1,7 @@
+{
+  "fullName": "Gemeente Leiden",
+  "name": "Leiden",
+  "prefix": "leiden",
+  "npm": "@conduction/leiden-design-tokens",
+  "stories": ["react-utrecht-link--default"]
+}

package/municipalities/leiden-design-tokens/src/font.scss

@@ -0,0 +1 @@
+/* Place any @font-face definitions here */

package/municipalities/leiden-design-tokens/src/index.scss

@@ -0,0 +1,11 @@
+/**
+ * @license SEE LICENSE.md
+ * Copyright (c) 2021 NL Design System Community
+ * All rights reserved
+ */
+
+@import "./design-tokens.css";
+
+/* stylelint-disable block-no-empty */
+.example-theme {
+}

package/municipalities/leiden-design-tokens/style-dictionary.config.js

@@ -0,0 +1,6 @@
+const config = require('./src/config.json');
+const { createConfig } = require('../../style-dictionary-config');
+
+module.exports = createConfig({
+  selector: `.${config.prefix}-theme`,
+});

package/municipalities/leiden.css

@@ -56,19 +56,20 @@
   --leiden-color-alert-info: #004085;
   --leiden-color-alert-info-background: #cce5ff;
 
-  --leiden-color-lightgrey: #e4e4e4;
-  --leiden-color-white: #ffffff;
-  --leiden-color-black: #0d1921;
+  --leiden-color-lightgrey-89: #e4e4e4;
+  --leiden-color-white-100: #ffffff;
+  --leiden-color-black-9: #0d1921;
 
   --leiden-color-grey-33: #5f594a;
+  --leiden-color-grey-11: #1d1d1b;
+  
 
   --leiden-color-light-blue-24: #2c3e50;
   --leiden-color-light-blue-89: #dce4ec;
 
   /* Typography */
   --leiden-typography-sans-serif-font-family: "Open Sans", Arial, sans-serif;
-  --leiden-typography-header-font-family: "Open Sans", Arial, sans-serif;
-  --leiden-typography-code-font-family: Monospace, "Lucida Console";
+  --leiden-typography-monospace-font-family: Monospace, "Lucida Console";
 
   /*
    *
@@ -122,8 +123,8 @@
     --leiden-typography-sans-serif-font-family
   );
   --utrecht-document-font-size: var(--leiden-font-size-md);
-  --utrecht-document-color: var(--leiden-color-black);
-  --utrecht-document-background-color: var(--leiden-color-white);
+  --utrecht-document-color: var(--leiden-color-black-9);
+  --utrecht-document-background-color: var(--leiden-color-white-100);
   --utrecht-space-around: 1;
 
   /* Typography */
@@ -132,8 +133,8 @@
   );
 
   /* Header */
-  --utrecht-page-header-color: var(--leiden-color-white);
-  --utrecht-page-header-background-color: var(--leiden-color-black);
+  --utrecht-page-header-color: var(--leiden-color-white-100);
+  --utrecht-page-header-background-color: var(--leiden-color-black-9);
   --utrecht-page-header-padding-block-start: var(--leiden-size-sm);
   --utrecht-page-header-padding-block-end: var(--leiden-size-sm);
 
@@ -141,38 +142,48 @@
   --utrecht-page-padding-inline-start: var(--leiden-size-lg);
   --utrecht-page-padding-inline-end: var(--leiden-size-lg);
   --utrecht-page-max-inline-size: 1140px;
-  --utrecht-page-content-background-color: var(--leiden-color-black);
+  --utrecht-page-content-background-color: var(--leiden-color-black-9);
 
   /* Headings */
-  --utrecht-heading-1-font-family: var(--leiden-typography-header-font-family);
+  --utrecht-heading-1-font-family: var(
+    --leiden-typography-sans-serif-font-family
+  );
   --utrecht-heading-1-font-size: var(--leiden-font-size-3xl);
   --utrecht-heading-1-font-weight: var(--leiden-font-weight-bold);
   --utrecht-heading-1-letter-spacing: var(--leiden-letter-spacing-normal);
   --utrecht-heading-1-margin-block-start: var(--leiden-size-2xl);
   --utrecht-heading-1-margin-block-end: var(--leiden-size-md);
 
-  --utrecht-heading-2-font-family: var(--leiden-typography-header-font-family);
+  --utrecht-heading-2-font-family: var(
+    --leiden-typography-sans-serif-font-family
+  );
   --utrecht-heading-2-font-weight: var(--leiden-font-weight-bold);
   --utrecht-heading-2-font-size: var(--leiden-font-size-2xl);
   --utrecht-heading-2-letter-spacing: var(--leiden-letter-spacing-normal);
   --utrecht-heading-2-margin-block-start: var(--leiden-size-2xl);
   --utrecht-heading-2-margin-block-end: var(--leiden-size-md);
 
-  --utrecht-heading-3-font-family: var(--leiden-typography-header-font-family);
+  --utrecht-heading-3-font-family: var(
+    --leiden-typography-sans-serif-font-family
+  );
   --utrecht-heading-3-font-weight: var(--leiden-font-weight-normal);
   --utrecht-heading-3-font-size: var(--leiden-font-size-xl);
   --utrecht-heading-3-letter-spacing: var(--leiden-letter-spacing-normal);
   --utrecht-heading-3-margin-block-start: var(--leiden-size-xl);
   --utrecht-heading-3-margin-block-end: var(--leiden-size-md);
 
-  --utrecht-heading-4-font-family: var(--leiden-typography-header-font-family);
+  --utrecht-heading-4-font-family: var(
+    --leiden-typography-sans-serif-font-family
+  );
   --utrecht-heading-4-font-size: var(--leiden-font-size-lg);
   --utrecht-heading-4-font-weight: var(--leiden-font-weight-normal);
   --utrecht-heading-4-letter-spacing: var(--leiden-letter-spacing-normal);
-  --utrecht-heading-4-margin-block-start: var(--leiden-size-lf);
+  --utrecht-heading-4-margin-block-start: var(--leiden-size-lg);
   --utrecht-heading-4-margin-block-end: var(--leiden-size-md);
 
-  --utrecht-heading-5-font-family: var(--leiden-typography-header-font-family);
+  --utrecht-heading-5-font-family: var(
+    --leiden-typography-sans-serif-font-family
+  );
   --utrecht-heading-5-font-size: var(--leiden-font-size-md);
   --utrecht-heading-5-font-weight: var(--leiden-font-weight-light);
   --utrecht-heading-5-letter-spacing: var(--leiden-letter-spacing-normal);
@@ -192,8 +203,8 @@
   --utrecht-paragraph-margin-block-end: 0;
 
   /* Footer */
-  --utrecht-page-footer-color: var(--leiden-color-white);
-  --utrecht-page-footer-background-color: var(--leiden-color-black);
+  --utrecht-page-footer-color: var(--leiden-color-white-100);
+  --utrecht-page-footer-background-color: var(--leiden-color-black-9);
   --utrecht-page-footer-background-image: unset;
   --utrecht-page-footer-padding-block-start: var(--leiden-size-2xl);
   --utrecht-page-footer-padding-block-end: var(--leiden-size-2xl);
@@ -233,20 +244,22 @@
   --utrecht-link-hover-text-decoration-thickness: var(--leiden-size-4xs);
 
   /* Blockquote */
-  --utrecht-blockquote-content-color: var(--leiden-color-black);
+  --utrecht-blockquote-content-color: var(--leiden-color-black-9);
   --utrecht-blockquote-content-font-size: var(--leiden-size-md);
   --utrecht-blockquote-margin-inline-start: var(--leiden-size-xl);
   --utrecht-blockquote-margin-inline-end: var(--leiden-size-xl);
 
   /* Code */
-  --utrecht-code-color: var(--leiden-color-black);
-  --utrecht-code-background-color: var(--leiden-color-lightgrey);
-  --utrecht-code-font-family: var(--leiden-typography-code-font-family);
+  --utrecht-code-color: var(--leiden-color-black-9);
+  --utrecht-code-background-color: var(--leiden-color-lightgrey-89);
+  --utrecht-code-font-family: var(--leiden-typography-monospace-font-family);
   --utrecht-code-font-size: inherit;
 
-  --utrecht-code-block-color: var(--leiden-color-black);
-  --utrecht-code-block-background-color: var(--leiden-color-lightgrey);
-  --utrecht-code-block-font-family: var(--leiden-typography-code-font-family);
+  --utrecht-code-block-color: var(--leiden-color-black-9);
+  --utrecht-code-block-background-color: var(--leiden-color-lightgrey-89);
+  --utrecht-code-block-font-family: var(
+    --leiden-typography-monospace-font-family
+  );
   --utrecht-code-block-font-size: var(--leiden-font-size-md);
   --utrecht-code-block-font-weight: var(--leiden-font-weight-normal);
   --utrecht-code-block-line-height: var(--leiden-size-lg);
@@ -263,7 +276,7 @@
   --utrecht-unordered-list-marker-color: var(--leiden-color-primary);
 
   /* Table */
-  --utrecht-table-border-color: var(--leiden-color-lightgrey);
+  --utrecht-table-border-color: var(--leiden-color-lightgrey-89);
   --utrecht-table-border-width: var(--leiden-size-4xs);
   --utrecht-table-font-family: var(--utrecht-document-font-family) inherit;
   --utrecht-table-font-size: var(--utrecht-document-font-size) inherit;
@@ -274,11 +287,12 @@
   --utrecht-table-header-font-weight: var(--leiden-font-weight-bold);
   --utrecht-table-header-text-transform: unset;
 
-  --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size) inherit;
+  --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size)
+    inherit;
   --utrecht-table-header-cell-font-weight: var(--leiden-font-weight-bold);
   --utrecht-table-header-cell-text-transform: unset;
 
-  --utrecht-table-row-border-block-end-color: var(--leiden-color-lightgrey);
+  --utrecht-table-row-border-block-end-color: var(--leiden-color-lightgrey-89);
   --utrecht-table-row-border-block-end-width: var(--leiden-size-4xs);
 
   --utrecht-table-cell-padding-block-start: var(--leiden-size-md);
@@ -321,7 +335,7 @@
   --utrecht-icon-gap: var(--leiden-size-xs);
 
   /* Button */
-  --utrecht-button-color: var(--leiden-color-white);
+  --utrecht-button-color: var(--leiden-color-white-100);
   --utrecht-button-background-color: var(--leiden-color-primary);
 
   --utrecht-button-icon-gap: var(--leiden-size-xs);
@@ -350,25 +364,29 @@
 
   --utrecht-button-focus-background-color: var(--leiden-color-primary);
   --utrecht-button-focus-border-color: var(--leiden-color-primary);
-  --utrecht-button-focus-color: var(--leiden-color-white);
+  --utrecht-button-focus-color: var(--leiden-color-white-100);
 
-  --utrecht-button-hover-background-color: var(--leiden-color-white);
+  --utrecht-button-hover-background-color: var(--leiden-color-white-100);
   --utrecht-button-hover-color: var(--leiden-color-primary-hover);
   /* --utrecht-button-hover-border-color: unset; */
   /* --utrecht-button-focus-transform-scale: unset; */
 
-  --utrecht-button-secondary-action-background-color: var(--leiden-color-white);
+  --utrecht-button-secondary-action-background-color: var(
+    --leiden-color-white-100
+  );
   --utrecht-button-secondary-action-border-color: var(--leiden-color-primary);
   --utrecht-button-secondary-action-border-width: 2px;
   --utrecht-button-secondary-action-color: var(--leiden-color-primary);
-  --utrecht-button-secondary-action-font-weight: var(--leiden-font-weight-normal);
+  --utrecht-button-secondary-action-font-weight: var(
+    --leiden-font-weight-normal
+  );
 
   /* InputField */
   --utrecht-form-input-background-color: var(--leiden-color-white-100);
   --utrecht-form-input-border-width: var(--leiden-size-4xs);
   --utrecht-form-input-border-color: var(--leiden-color-grey-33);
   --utrecht-form-input-border-radius: 0px;
-  --utrecht-form-input-color: var(--leiden-color-grey-43);
+  --utrecht-form-input-color: var(--leiden-color-grey-11);
   --utrecht-form-input-font-family: var(
     --leiden-typography-sans-serif-font-family
   );
@@ -385,7 +403,7 @@
   /* --utrecht-textbox-border-bottom-width: ; */
   --utrecht-textbox-border-color: var(--leiden-color-grey-33);
   --utrecht-textbox-border-radius: 0px;
-  --utrecht-textbox-color: var(--leiden-color-grey-43);
+  --utrecht-textbox-color: var(--leiden-color-grey-11);
   --utrecht-textbox-font-family: var(
     --leiden-typography-sans-serif-font-family
   );
@@ -407,15 +425,18 @@
   /* Input select single */
   --conduction-input-select-padding-block-start: 0;
   --conduction-input-select-padding-block-end: 0;
-  --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
-  --conduction-input-select-background-color: var(--leiden-color-white);
-  --conduction-input-select-border: 1px solid var(--utrecht-form-input-border-color);
+  --conduction-input-select-border-radius: var(
+    --utrecht-form-input-border-radius
+  );
+  --conduction-input-select-background-color: var(--leiden-color-white-100);
+  --conduction-input-select-border: 1px solid
+    var(--utrecht-form-input-border-color);
   --conduction-input-select-border-focus: unset;
   --conduction-input-select-invalid-border-color: var(--leiden-color-error);
 
   /* conduction Card */
-  --utrecht-card-background-color: var(--leiden-color-lightgrey);
-  --utrecht-card-color: var(--leiden-color-black);
+  --utrecht-card-background-color: var(--leiden-color-lightgrey-89);
+  --utrecht-card-color: var(--leiden-color-black-9);
   /* --utrecht-card-border-radius: <length>; */
   --utrecht-card-padding-block-end: var(--leiden-size-sm);
   --utrecht-card-padding-block-start: var(--leiden-size-sm);

package/municipalities/xxllnc-design-tokens/LICENSE.md

@@ -0,0 +1,17 @@
+# Auteursrecht XXLLNC
+
+Copyright (c) 2023 XXLLNC
+
+## Logo en huisstijl
+
+Op het huisstijl en logo zijn auteursrechten van toepassing. Het gebruik van logo en huisstijl is alleen toegestaan voor gebruik door XXLLNC.
+
+Wanneer je een bewerking van de software wilt gebruiken voor andere doeleinden, mag je niet het logo van XXLLNC gebruiken en je ontwerpt een eigen huisstijl.
+
+## Lettertype
+
+Lettertypes die worden gebruikt voor de huisstijl zijn niet allemaal gratis en open source. Let op dat bij gebruik van die bijgeleverde lettertypes je een (betaalde) licentie regelt. Pas anders de configuratie aan om minder of andere lettertypes te gebruiken.
+
+## Toestemming
+
+Wanneer je het logo of de huisstijl wilt gebruiken kun je voor toestemming contact opnemen met XXLLNC.

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Aug 2023 14:20:55 GMT
+ * Generated on Wed, 09 Aug 2023 13:53:32 GMT
  */
 
 .xxllnc-theme {
@@ -12,8 +12,11 @@
   --utrecht-table-header-cell-text-transform: unset;
   --utrecht-table-header-text-transform: unset;
   --utrecht-table-margin-block-end: 0;
+  --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-background-image: unset;
   --utrecht-unordered-list-item-padding-inline-start: 1ch;
   --utrecht-unordered-list-padding-inline-start: 2ch;
   --utrecht-unordered-list-margin-block-end: 0;
@@ -25,7 +28,6 @@
   --utrecht-link-text-decoration: none;
   --utrecht-form-input-font-size: 15px;
   --utrecht-form-input-border-radius: 6px;
-  --utrecht-page-footer-background-image: unset;
   --utrecht-code-block-margin-inline-end: 0;
   --utrecht-code-block-margin-inline-start: 0;
   --utrecht-code-font-size: inherit;
@@ -94,7 +96,6 @@
   --xxllnc-color-error: #dc3545;
   --xxllnc-color-primary-hover: #00000080; /* Primary with 50% transparency */
   --xxllnc-color-primary: #000000ad; /* Primary with 68% transparency */
-  --conduction-input-select-focus-border: 1px solid var(--xxllnc-color-grey-92);
   --conduction-input-select-invalid-border-color: var(--xxllnc-color-error);
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-input-select-border: 1px solid var(--xxllnc-color-grey-92);
@@ -129,6 +130,12 @@
   --utrecht-page-header-padding-block-start: var(--xxllnc-size-sm);
   --utrecht-page-header-color: var(--xxllnc-color-black-16);
   --utrecht-page-header-background-color: var(--xxllnc-color-grey-92);
+  --utrecht-page-footer-padding-block-start: var(--xxllnc-size-2xl);
+  --utrecht-page-footer-padding-block-end: var(--xxllnc-size-2xl);
+  --utrecht-page-footer-padding-inline-start: var(--xxllnc-size-sm);
+  --utrecht-page-footer-padding-inline-end: var(--xxllnc-size-sm);
+  --utrecht-page-footer-color: var(--xxllnc-color-primary);
+  --utrecht-page-footer-background-color: var(--xxllnc-color-white-100);
   --utrecht-unordered-list-marker-color: var(--xxllnc-color-primary);
   --utrecht-unordered-list-item-margin-block-end: var(--xxllnc-size-xs);
   --utrecht-unordered-list-item-margin-block-start: var(--xxllnc-size-xs);
@@ -179,12 +186,6 @@
   --utrecht-form-input-border-width: var(--xxllnc-size-4xs);
   --utrecht-form-input-border-color: var(--xxllnc-color-black-0-22t);
   --utrecht-form-input-background-color: var(--xxllnc-color-white-100-0t);
-  --utrecht-page-footer-padding-block-start: var(--xxllnc-size-2xl);
-  --utrecht-page-footer-padding-block-end: var(--xxllnc-size-2xl);
-  --utrecht-page-footer-padding-inline-start: var(--xxllnc-size-sm);
-  --utrecht-page-footer-padding-inline-end: var(--xxllnc-size-sm);
-  --utrecht-page-footer-color: var(--xxllnc-color-primary);
-  --utrecht-page-footer-background-color: var(--xxllnc-color-white-100);
   --utrecht-document-font-size: var(--xxllnc-font-size-md);
   --utrecht-document-font-family: var(--xxllnc-typography-sans-serif-font-family);
   --utrecht-document-color: var(--xxllnc-color-black-16);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Aug 2023 14:20:55 GMT
+ * Generated on Wed, 09 Aug 2023 13:53:32 GMT
  */
 
 export const xxllncColorPrimary = "#000000ad"; // Primary with 68% transparency
@@ -164,13 +164,6 @@ export const utrechtDocumentBackgroundColor = "#ffffff";
 export const utrechtDocumentColor = "#28282c";
 export const utrechtDocumentFontFamily = "neue-haas-grotesk-text, sans-serif";
 export const utrechtDocumentFontSize = "16px";
-export const utrechtPageFooterBackgroundColor = "#ffffff";
-export const utrechtPageFooterBackgroundImage = "unset";
-export const utrechtPageFooterColor = "#000000ad";
-export const utrechtPageFooterPaddingInlineEnd = "14px";
-export const utrechtPageFooterPaddingInlineStart = "14px";
-export const utrechtPageFooterPaddingBlockEnd = "48px";
-export const utrechtPageFooterPaddingBlockStart = "48px";
 export const utrechtFormInputBackgroundColor = "#ffffff";
 export const utrechtFormInputBorderColor = "#00000038";
 export const utrechtFormInputBorderRadius = "6px";
@@ -234,6 +227,13 @@ export const utrechtUnorderedListItemMarginBlockStart = "8px";
 export const utrechtUnorderedListItemMarginBlockEnd = "8px";
 export const utrechtUnorderedListItemPaddingInlineStart = "1ch";
 export const utrechtUnorderedListMarkerColor = "#000000ad";
+export const utrechtPageFooterBackgroundColor = "#ffffff";
+export const utrechtPageFooterBackgroundImage = "unset";
+export const utrechtPageFooterColor = "#000000ad";
+export const utrechtPageFooterPaddingInlineEnd = "14px";
+export const utrechtPageFooterPaddingInlineStart = "14px";
+export const utrechtPageFooterPaddingBlockEnd = "48px";
+export const utrechtPageFooterPaddingBlockStart = "48px";
 export const utrechtPageHeaderBackgroundColor = "#eaeaea";
 export const utrechtPageHeaderColor = "#28282c";
 export const utrechtPageHeaderPaddingBlockStart = "14px";
@@ -246,6 +246,8 @@ export const utrechtParagraphFontFamily = "neue-haas-grotesk-text, sans-serif";
 export const utrechtParagraphFontSize = "16px";
 export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
+export const utrechtParagraphMarginBlockStart = 0;
+export const utrechtParagraphMarginBlockEnd = 0;
 export const utrechtTableBorderColor = "#f5f5f5";
 export const utrechtTableBorderWidth = "1px";
 export const utrechtTableFontFamily = "neue-haas-grotesk-text, sans-serif";
@@ -284,4 +286,3 @@ export const conductionInputSelectBorderRadius = "6px";
 export const conductionInputSelectInvalidBorderColor = "#dc3545";
 export const conductionInputSelectPaddingBlockEnd = 0;
 export const conductionInputSelectPaddingBlockStart = 0;
-export const conductionInputSelectFocusBorder = "1px solid #eaeaea";