@utrecht/web-component-library-stencil 3.0.1 → 3.1.0

package/dist/collection/components/checkbox.js

@@ -14,7 +14,7 @@ export class Checkbox {
     }
     render() {
         const { checked, disabled, value } = this;
-        return (h("input", { key: 'a89783617f21f10894db81c77cc00eabe46da049', class: clsx('utrecht-checkbox'), type: "checkbox", checked: checked, disabled: disabled, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+        return (h("input", { key: '237941bf96815e3a5f4934d79c081c0771f63348', class: clsx('utrecht-checkbox'), type: "checkbox", checked: checked, disabled: disabled, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.checked = evt.target.checked;
                 this.utrechtInput.emit(evt);
             } }));

package/dist/collection/components/code-block.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class CodeBlock {
     render() {
-        return (h("pre", { key: 'e89f809b627d423556f89c6e57edeec35b04e9eb', class: "utrecht-code-block" }, h("slot", { key: 'c793059638068858d5d02e5a57c2975cf09a09ee' })));
+        return (h("pre", { key: '43942ffdbee95c11991d47070dcda45140cd793d', class: "utrecht-code-block" }, h("slot", { key: '89a40704f2ef9fc7a139c317941838d5127f77f5' })));
     }
     static get is() { return "utrecht-code-block"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/code.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class Code {
     render() {
-        return (h("code", { key: '84962fdea5f2b563196295dc6b24529359ab3666', class: "utrecht-code" }, h("slot", { key: '1ac8c25a7d20b505eeafbbc3b1eea51c489e692d' })));
+        return (h("code", { key: '4553c6a4ef5cc0afbf7a6bc6fe56209e8d8f8afe', class: "utrecht-code" }, h("slot", { key: '7125ff0ab1d0377ed3c122c22f676cde609cd7a7' })));
     }
     static get is() { return "utrecht-code"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/color-sample.js

@@ -9,7 +9,7 @@ export class ColorSample {
         this.color = undefined;
     }
     render() {
-        return (h(Host, { key: '92b4c5bb77854043d02f0967817660762c92e6f0', style: { color: this.color } }, h("data", { key: 'c53f9a922b4a7246e18e58ab0e581731e6d97461', value: this.color }, h("slot", { key: 'b7c3499e66249019ea59933a7ded709990db459f' }))));
+        return (h(Host, { key: '996c17e787a1a1213dc988f2243a799f69b2a27e', style: { color: this.color } }, h("data", { key: '9d6f867cbca4ff2e20f885d1eb7afbae11be0a84', value: this.color }, h("slot", { key: 'b1bd84878c217a6a072aa4a804d04a6c25ae0c92' }))));
     }
     static get is() { return "utrecht-color-sample"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/column-layout.js

@@ -9,7 +9,7 @@ export class ColumnLayout {
         this.rule = false;
     }
     render() {
-        return h("slot", { key: '3c7303a54624fe137e2624fa0619c14545ced78e' });
+        return h("slot", { key: '563688d8babe895046cc3acbdc1876814af54d2c' });
     }
     static get is() { return "utrecht-column-layout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/contact-card-template.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class ContactCardTemplate {
     render() {
-        return (h("div", { key: '480dbb90868940e1c1e62497957d446053791933', class: "utrecht-contact-card" }, h("utrecht-heading-2", { key: 'bd04688bb0779e54119ec84576801817138c2689' }, "Hulp en contact"), h("div", { key: '8fe77c878e01babd137d9880173d6a396b58ffb7', class: "utrecht-contact-card__content" }, h("div", { key: '9aa3df366fbe20db93cb3934afdff1576410dbf3', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: '348cef1c00d79408ec7f717d3e22832fb466f800' }, "Telefoon"), h("utrecht-paragraph", { key: '2108e283aa73ed67d63b1f2eac8c6ce54918aef2', class: "utrecht-contact-card__telephone" }, h("a", { key: 'b168469c80867032b43167b07f60e21617ecd61c', href: "tel:14-030", class: "utrecht-link utrecht-link--html-a utrecht-link--telephone", title: "Telefoonnummer van gemeente Utrecht" }, "14 030")), h("utrecht-paragraph", { key: '28bda94e1784ca5876c8a12237bd022291d1660a' }, "Maandag t/m vrijdag 8.30 \u2013 17.30 uur")), h("div", { key: '203b1614bd8b1df8b664079deec3323cb6b208ef', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: 'fb94658abdc3e946d353a0fba8a9d47758a804b6' }, "E-mail"), h("utrecht-paragraph", { key: '74229dc465c39b004174695c6073bc72619484db' }, h("a", { key: 'bf3d3c067720305626e20f9a2c160d4cf944e6f4', class: "utrecht-link utrecht-link--html-a utrecht-link--html-a", href: "https://www.utrecht.nl/reactieformulier", title: "Algemeen reactieformulier van de gemeente Utrecht" }, "reactieformulier"))))));
+        return (h("div", { key: 'ddba69b87f6e4b1c1f09d07d127d2a9be21d1093', class: "utrecht-contact-card" }, h("utrecht-heading-2", { key: '88174a2d59052ceb1de4a3f5e3fd35ffa1f8bcfd' }, "Hulp en contact"), h("div", { key: '003884e6c5ae69eb527eb4ea22c32d455528793f', class: "utrecht-contact-card__content" }, h("div", { key: 'f03e083317fd5868bc4ce2185ef4b5ac5c5e3dfa', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: 'c953b684d30b00ef4539ce2ceef4d03e1855c789' }, "Telefoon"), h("utrecht-paragraph", { key: '5d26aa2f124cf30d9fc3ea2b416eb80e8a94ceb3', class: "utrecht-contact-card__telephone" }, h("a", { key: '58b021c1064f5648a5a385e7af13bd1debdfacc1', href: "tel:14-030", class: "utrecht-link utrecht-link--html-a utrecht-link--telephone", title: "Telefoonnummer van gemeente Utrecht" }, "14 030")), h("utrecht-paragraph", { key: '02ab1e5f5ca2c2e16e3f2c4c4aa5f2527f9e1821' }, "Maandag t/m vrijdag 8.30 \u2013 17.30 uur")), h("div", { key: '3512df567a94b6a7e2f3fcf99d35faa79fb3adb7', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: 'f1e2a2cb6a6d492cbb4d0122c24b14253ab00b99' }, "E-mail"), h("utrecht-paragraph", { key: '89c825f5b80531a8d1405d54f9b680f6b3a393c3' }, h("a", { key: '880c9f5136506317ec575975eb1573c433497dc9', class: "utrecht-link utrecht-link--html-a utrecht-link--html-a", href: "https://www.utrecht.nl/reactieformulier", title: "Algemeen reactieformulier van de gemeente Utrecht" }, "reactieformulier"))))));
     }
     static get is() { return "utrecht-contact-card-template"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/custom-checkbox.css

@@ -88,7 +88,6 @@
 .utrecht-checkbox--custom.utrecht-checkbox--active,
 .utrecht-custom-checkbox--active {
   background-color: var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
   border-color: var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));
   border-width: var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));
   color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
@@ -104,7 +103,6 @@
 .utrecht-checkbox--custom.utrecht-checkbox--focus,
 .utrecht-custom-checkbox--focus {
   background-color: var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
   border-color: var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));
   border-width: var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width));
 }
@@ -149,7 +147,6 @@
 .utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,
 .utrecht-custom-checkbox--html-input:focus {
   background-color: var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
   border-color: var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));
   border-width: var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width));
 }
@@ -177,7 +174,6 @@
 .utrecht-checkbox--custom.utrecht-checkbox--html-input:active,
 .utrecht-custom-checkbox--html-input:active {
   background-color: var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
   border-color: var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));
   border-width: var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));
   color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));

package/dist/collection/components/custom-checkbox.js

@@ -15,7 +15,7 @@ export class CustomCheckbox {
     }
     render() {
         const { checked, required, disabled, indeterminate, invalid } = this;
-        return (h("input", { key: '374065cd3491cf35bdc2eaca36fc6a817e6dfaed', "aria-invalid": invalid ? 'true' : null, class: clsx('utrecht-custom-checkbox', 'utrecht-custom-checkbox--html-input', invalid && 'utrecht-custom-checkbox__box--invalid'), type: "checkbox", checked: checked, required: required, indeterminate: indeterminate, disabled: disabled }));
+        return (h("input", { key: '6c3ec0d96df57817493a66f6a93b19727af86206', "aria-invalid": invalid ? 'true' : null, class: clsx('utrecht-custom-checkbox', 'utrecht-custom-checkbox--html-input', invalid && 'utrecht-custom-checkbox__box--invalid'), type: "checkbox", checked: checked, required: required, indeterminate: indeterminate, disabled: disabled }));
     }
     static get is() { return "utrecht-custom-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-badge.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class DataBadge {
     render() {
-        return (h("div", { key: '467e5a673e46c3201631234ab0e50735b2c49e62', class: "utrecht-data-badge" }, h("slot", { key: '33e87523266b2b16e295da36fb07e77ad6ab3a80' })));
+        return (h("div", { key: '81b64e4ce6a3822179b23d5101f7c86ddb6c873f', class: "utrecht-data-badge" }, h("slot", { key: '58c5fa9f697b39b3b00b128bf138e5ff2cbdd8c7' })));
     }
     static get is() { return "utrecht-data-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-list-actions.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class DataListActions {
     render() {
-        return (h("dd", { key: '71e53bcab1c43e7d863de4dba88c8bd94e7626f9' }, h("slot", { key: '714227d8b3889201c50e6dd514702aa89d83ec8f' })));
+        return (h("dd", { key: 'd01659ba29e577320cb664113a91d3bd046a44cf' }, h("slot", { key: 'cea8ab97d11ae9c14c74f81407974a4ab479da0b' })));
     }
     static get is() { return "utrecht-data-list-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-list-item.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class DataListItem {
     render() {
-        return (h("div", { key: '49811308ba56409c4bedd0aa570544b4d6be2c91' }, h("slot", { key: '663cda38d69e4eb05331fb19b519dfacc53f3914' })));
+        return (h("div", { key: '5b01eea70ee32dbc8b7647e09e151b6e08358a47' }, h("slot", { key: '52b10b374dc85fbcb3fea571a28923d730978a44' })));
     }
     static get is() { return "utrecht-data-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-list-key.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class DataListKey {
     render() {
-        return (h("dt", { key: 'b12f59c08538b72655429f0debf24022737cb050' }, h("slot", { key: 'da0a0be491760b552387b9389fb01becbdc59957' })));
+        return (h("dt", { key: '493aabfb8a11ce574797fa0463d5b41b6dbbd122' }, h("slot", { key: '9d1ed04864df3c2ff6fe8fbed29f83cc9dbedcef' })));
     }
     static get is() { return "utrecht-data-list-key"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-list-value.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class DataListValue {
     render() {
-        return (h("dd", { key: 'd68a1055f7d2dd5ee4ef8ec3dd58b21a83f1fea2' }, h("slot", { key: 'e4bd39fd51469f733acc9914d7aff54b528cb4ed' })));
+        return (h("dd", { key: '5755547f0e607afed2b044c377086c6e96d68f53' }, h("slot", { key: 'e22f9d6ace1b30e1fdb8f2d137b9358fc878ee41' })));
     }
     static get is() { return "utrecht-data-list-value"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-list.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class DataList {
     render() {
-        return (h("dl", { key: 'b9c69f133716dcda0dce23271668bb5a92674cbf' }, h("slot", { key: '9a18fc98802bfeae0c42e6d01cf5c3faf87e9621' })));
+        return (h("dl", { key: '513d3b6edadcddd86bb7cb0571c8eed33ea1b61a' }, h("slot", { key: 'b5d8164f5d5a8288e1162dd38c76a59c8bf868b5' })));
     }
     static get is() { return "utrecht-data-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/digid-button.js

@@ -10,7 +10,7 @@ export class DigidButton {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: 'e7d1dc537e61280200d578eb38f5420b4619ec77', class: "utrecht-digid-button" }, h("utrecht-digid-logo", { key: '63478652d22ff3f9e99987182578f8a335143860', class: "utrecht-digid-button__logo" }), h("slot", { key: '8af7bb8d870f149e0f44ea3e440490a15ac4e2ae' })));
+        return (h("div", { key: 'f1212d9f2e58b416ad10adbf9be0f7f13c5ab691', class: "utrecht-digid-button" }, h("utrecht-digid-logo", { key: '422595d281253ee157ea2acd7e5ae014e1ffcf9d', class: "utrecht-digid-button__logo" }), h("slot", { key: '665ad8db0714b47d0565d21f586ad1e8d78d1d72' })));
     }
     static get is() { return "utrecht-digid-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/digid-logo.js

@@ -7,7 +7,7 @@
 import { h } from "@stencil/core";
 export class DigidLogo {
     render() {
-        return (h("svg", { key: '5a244bcf35aaadbcc90bb93310af38bd7e0723e2', class: "utrecht-icon", width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 150 150" }, h("path", { key: '0afe8fbbac58fe101dcf287bb1b2cca942da5df9', d: "M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z" }), h("path", { key: '0a82966586b92bc0bc6f80fbad2869e98170f36e', d: "M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z", fill: "#FFFFFF" }), h("path", { key: '13b5b40263964b8530b1645124f8ad8898050b8e', d: "M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z", fill: "#E17000" })));
+        return (h("svg", { key: 'b869fd14fa811d994d0bd120643282e73b22984d', class: "utrecht-icon", width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 150 150" }, h("path", { key: '75b9c629d0df794acb401d6399adc852b3182169', d: "M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z" }), h("path", { key: '755995e76fad682ce94abe101a0d81546f0ce53b', d: "M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z", fill: "#FFFFFF" }), h("path", { key: 'bcc88f7a456bd0adfa0a1f9bba48bb4be47887dc', d: "M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z", fill: "#E17000" })));
     }
     static get is() { return "utrecht-digid-logo"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/document.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Document {
     render() {
-        return (h("div", { key: 'bb663e70964762d894eefd7b7d4f909f45eacf5b', class: "utrecht-document" }, h("slot", { key: '357a56fba273b4f95cab1dfb2bb48b2d4faa0d5e' })));
+        return (h("div", { key: 'f808c23ddaa5f7d6d0234c06d3d0ba77ae97b870', class: "utrecht-document" }, h("slot", { key: '63499ba27483d49518259076575bc04a0f72d2d1' })));
     }
     static get is() { return "utrecht-document"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/drawer.js

@@ -12,12 +12,12 @@ export class Drawer {
     }
     render() {
         const { align, open } = this;
-        return (h("dialog", { key: '7938af65e07d33a136fab2a3ee42dc95625b93fd', ref: (el) => (this.dialogElement = el), class: clsx('utrecht-drawer', {
+        return (h("dialog", { key: '74c0651d9d67f1aecc51e60ef7d9921349a2481a', ref: (el) => (this.dialogElement = el), class: clsx('utrecht-drawer', {
                 'utrecht-drawer--block-end': align === 'block-end',
                 'utrecht-drawer--block-start': align === 'block-start',
                 'utrecht-drawer--inline-end': align === 'inline-end' || !align,
                 'utrecht-drawer--inline-start': align === 'inline-start',
-            }), open: open }, h("slot", { key: 'b214e751a6d70b2f21cde05789f0a5dea2b9617e' })));
+            }), open: open }, h("slot", { key: 'f492b473e63c570e4a0f3f802a1c8b453c6b1a30' })));
     }
     async close() {
         var _a;

package/dist/collection/components/eherkenning-logo.js

@@ -7,7 +7,7 @@
 import { h } from "@stencil/core";
 export class EherkenningLogo {
     render() {
-        return (h("svg", { key: '7d0ba9b4c9e90dd29a0397fefff4bc5921175d7a', class: "utrecht-icon", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 0 81 80" }, h("rect", { key: 'be90b3bb7cf8195dcc20f8f9cfa456e795c1a8d7', fill: "#E0E0E0", width: "80", height: "80" }), h("path", { key: 'b52376096afcb3f9c62c8918d5dd7eaf920e0423', "fill-rule": "evenodd", fill: "#00328C", d: "M37.363,23.178c0,2.027,0,4.055,0,6.08c-4.257,0-9.55,0-14.208,0  c-1.662,0-3.648-0.207-4.799,0.193c-1.041,0.359-1.796,1.169-2.176,2.111c-0.439,1.084-0.32,2.8-0.32,4.414c0,3.425,0,6.055,0,9.475  c0,1.531-0.159,3.325,0.191,4.479c0.316,1.042,1.316,2.194,2.561,2.496c1.318,0.319,3.094,0.064,4.672,0.064  c4.599,0,9.521,0,14.08,0c0,2.025,0,4.053,0,6.08c-6.402-0.083-12.492,0.112-18.176,0c-4.937-0.099-8.966-3.966-9.344-8.833  c-0.226-2.883,0-5.901,0-8.769c0-2.971-0.19-5.932,0-8.767c0.328-4.896,4.208-8.676,8.959-9.024c3.002-0.222,6.129,0,9.28,0  C31.145,23.178,34.26,23.178,37.363,23.178z" }), h("path", { key: '4a32a52d2ae8fcb35be8308af4ca5a5f704b1706', "fill-rule": "evenodd", fill: "#FF0079", d: "M42.867,23.178c1.962,0,3.926,0,5.888,0c0,4.864,0,9.729,0,14.592  c-1.984,0-3.969,0-5.952,0c0-4.801,0-9.6,0-14.399C42.797,23.279,42.792,23.188,42.867,23.178z" }), h("path", { key: '0c6c7d3cb7a506c4f968ab22a73d291d463405bc', "fill-rule": "evenodd", fill: "#FF0079", d: "M64.434,23.178c1.941,0,3.883,0,5.824,0c0,11.798,0,23.595,0,35.393  c-1.962,0-3.926,0-5.888,0c0-4.992,0-9.984,0-14.977c-5.077,0-10.155,0-15.232,0c0.824-1.95,1.651-3.896,2.56-5.76  c4.203,0,8.405,0,12.608,0c0.15-4.693,0.021-9.664,0.064-14.464C64.365,23.279,64.36,23.188,64.434,23.178z" }), h("path", { key: 'b710a173a067bf0c6eccaae330aee2aba5708aa9', "fill-rule": "evenodd", fill: "#00328C", d: "M19.89,37.77c5.376,0,10.752,0,16.129,0c-0.772,2.022-1.748,3.843-2.56,5.824  c-4.544,0-9.088,0-13.633,0c0-1.877,0-3.755,0-5.633C19.821,37.87,19.816,37.781,19.89,37.77z" }), h("path", { key: 'e72f2992594601ea10262c6e188aabf7a5651a44', "fill-rule": "evenodd", fill: "#FF0079", d: "M42.93,43.594c1.941,0,3.883,0,5.824,0c0,4.992,0,9.984,0,14.977  c-1.984,0-3.969,0-5.952,0c0-4.93,0-9.856,0-14.783C42.8,43.678,42.851,43.62,42.93,43.594z" })));
+        return (h("svg", { key: '8d691c5cf13111a34bb7e7a399c55dd704e73c16', class: "utrecht-icon", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 0 81 80" }, h("rect", { key: '8d92a311fc6240d3ebbc6bf7737755f5e0c113d8', fill: "#E0E0E0", width: "80", height: "80" }), h("path", { key: '58e9c80d4ecd7916f546ad2d54c6aa271f25e6c1', "fill-rule": "evenodd", fill: "#00328C", d: "M37.363,23.178c0,2.027,0,4.055,0,6.08c-4.257,0-9.55,0-14.208,0  c-1.662,0-3.648-0.207-4.799,0.193c-1.041,0.359-1.796,1.169-2.176,2.111c-0.439,1.084-0.32,2.8-0.32,4.414c0,3.425,0,6.055,0,9.475  c0,1.531-0.159,3.325,0.191,4.479c0.316,1.042,1.316,2.194,2.561,2.496c1.318,0.319,3.094,0.064,4.672,0.064  c4.599,0,9.521,0,14.08,0c0,2.025,0,4.053,0,6.08c-6.402-0.083-12.492,0.112-18.176,0c-4.937-0.099-8.966-3.966-9.344-8.833  c-0.226-2.883,0-5.901,0-8.769c0-2.971-0.19-5.932,0-8.767c0.328-4.896,4.208-8.676,8.959-9.024c3.002-0.222,6.129,0,9.28,0  C31.145,23.178,34.26,23.178,37.363,23.178z" }), h("path", { key: '9674cbcb299f2c8e8f48ab84c3aa5e8eeb8646e0', "fill-rule": "evenodd", fill: "#FF0079", d: "M42.867,23.178c1.962,0,3.926,0,5.888,0c0,4.864,0,9.729,0,14.592  c-1.984,0-3.969,0-5.952,0c0-4.801,0-9.6,0-14.399C42.797,23.279,42.792,23.188,42.867,23.178z" }), h("path", { key: 'eafda654a6f9f376b741f01be955a554affeef82', "fill-rule": "evenodd", fill: "#FF0079", d: "M64.434,23.178c1.941,0,3.883,0,5.824,0c0,11.798,0,23.595,0,35.393  c-1.962,0-3.926,0-5.888,0c0-4.992,0-9.984,0-14.977c-5.077,0-10.155,0-15.232,0c0.824-1.95,1.651-3.896,2.56-5.76  c4.203,0,8.405,0,12.608,0c0.15-4.693,0.021-9.664,0.064-14.464C64.365,23.279,64.36,23.188,64.434,23.178z" }), h("path", { key: '5cc14259666374bf81d26f035dbbcc0663285b9f', "fill-rule": "evenodd", fill: "#00328C", d: "M19.89,37.77c5.376,0,10.752,0,16.129,0c-0.772,2.022-1.748,3.843-2.56,5.824  c-4.544,0-9.088,0-13.633,0c0-1.877,0-3.755,0-5.633C19.821,37.87,19.816,37.781,19.89,37.77z" }), h("path", { key: 'ff4bdb9f2c62b9ff1d52392bb542305634b7983b', "fill-rule": "evenodd", fill: "#FF0079", d: "M42.93,43.594c1.941,0,3.883,0,5.824,0c0,4.992,0,9.984,0,14.977  c-1.984,0-3.969,0-5.952,0c0-4.93,0-9.856,0-14.783C42.8,43.678,42.851,43.62,42.93,43.594z" })));
     }
     static get is() { return "utrecht-eherkenning-logo"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eidas-logo.js

@@ -7,7 +7,7 @@
 import { h } from "@stencil/core";
 export class EidasLogo {
     render() {
-        return (h("svg", { key: '6dd367336aaa0f277ac983cd313ef9481bc07158', class: "utrecht-icon", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cc88cfaf7103b73df56a662802901913961d24e5', d: "M21 17.3383C21 18.2955 20.2291 19.0664 19.272 19.0664H1.72805C0.770872 19.0664 0 18.2955 0 17.3383V1.72805C0 0.770879 0.777296 0 1.72805 0H19.272C20.2291 0 21 0.777303 21 1.72805V17.3383Z", fill: "#2C4375" }), h("path", { key: 'ea068c17dcb1e87528eeaf4fd386120d4590b017', d: "M7.88867 19.0984V15.9057C7.88867 14.5952 8.94862 13.5353 10.2591 13.5353H17.0493C18.3598 13.5353 19.4197 14.6017 19.4197 15.9057V19.0984", fill: "white" }), h("path", { key: 'fe2a7a43254448d4b4a92c90622658e15cdc7514', d: "M9.38546 9.78369C9.55891 9.19911 9.83513 8.72373 10.2141 8.34472C10.5932 7.97213 11.075 7.69589 11.6724 7.51602C12.2698 7.33615 12.9765 7.24622 13.8051 7.24622C14.4989 7.24622 15.1028 7.32973 15.6231 7.49675C16.1435 7.66377 16.5932 7.92716 16.985 8.2869C17.4411 8.71089 17.7495 9.20553 17.9101 9.76442C18.0707 10.3233 18.1542 11.0299 18.1542 11.8651V17.0428C18.1542 17.486 18.0514 17.8201 17.8523 18.0385C17.6467 18.2569 17.3833 18.3661 17.0557 18.3661C16.7281 18.3661 16.4647 18.2569 16.272 18.0385C16.0792 17.8201 15.9765 17.4925 15.9765 17.0428V11.7173C15.9765 10.7987 15.803 10.1113 15.4497 9.66163C15.0964 9.21196 14.4989 8.98069 13.6445 8.98069C13.0278 8.98069 12.5525 9.0899 12.2056 9.31474C11.8651 9.53958 11.6274 9.84793 11.4925 10.2526C11.3576 10.6574 11.2934 11.1584 11.2934 11.7559V17.0428C11.2934 17.4796 11.197 17.8137 10.9979 18.0321C10.7987 18.2505 10.5353 18.3597 10.1949 18.3597C9.87367 18.3597 9.6103 18.2505 9.41758 18.0321C9.21844 17.8137 9.12207 17.4796 9.12207 17.0428V11.8779C9.12207 11.0621 9.21201 10.3683 9.38546 9.78369Z", fill: "white" }), h("path", { key: '7e8d49786fe2db280121a31124fd6ad4a850d1ec', d: "M13.169 0.648804L13.683 2.0942L15.3275 2.08778L13.9913 2.98071L14.5052 4.41968L13.169 3.52675L11.8457 4.41968L12.3532 2.98071L11.0234 2.08778L12.668 2.0942L13.169 0.648804Z", fill: "#F2CD23" }), h("path", { key: '890b7c986e6152266a7e3ba4df98f41088df794f', d: "M18.2893 1.59314L18.7968 3.03854L20.4413 3.03211L19.1116 3.91862L19.6191 5.35759L18.2893 4.46466L16.9595 5.35759L17.4735 3.91862L16.1309 3.03211L17.7882 3.03854L18.2893 1.59314Z", fill: "#F2CD23" }), h("path", { key: 'a801c282db9daeecf41fa66e86ed469dd1e53507', d: "M3.60369 14.833L4.11118 16.2784L5.75573 16.272L4.41954 17.1585L4.93346 18.5975L3.60369 17.7045L2.27392 18.5975L2.78784 17.1585L1.45166 16.272L3.09619 16.2784L3.60369 14.833Z", fill: "#F2CD23" }), h("path", { key: '8c7951b8c4a435408ff6a0ed0d77cc349df9d820', d: "M4.80536 5.51819L5.31284 6.96358L6.95739 6.95716L5.62763 7.84367L6.13512 9.28264L4.80536 8.38971L3.47559 9.28264L3.98308 7.84367L2.65332 6.95716L4.30428 6.96358L4.80536 5.51819Z", fill: "#F2CD23" }), h("path", { key: '7638ce28f9d6193b2616ad21bf5e56fc71501035', d: "M8.43483 2.07495L8.93591 3.52035L10.5869 3.51392L9.25068 4.40043L9.76459 5.83941L8.43483 4.94647L7.10507 5.83941L7.61256 4.40043L6.27637 3.51392L7.92733 3.52035L8.43483 2.07495Z", fill: "#F2CD23" }), h("path", { key: '34c8fdf12bd10a28dad1590f7732d86ebc65ae00', d: "M3.12176 10.3234L3.62925 11.7688L5.28021 11.7623L3.94402 12.6488L4.45152 14.0878L3.12176 13.1949L1.79198 14.0878L2.3059 12.6488L0.969727 11.7623L2.61426 11.7688L3.12176 10.3234Z", fill: "#F2CD23" })));
+        return (h("svg", { key: '67e8d7430415a2aae8fe2ebe9654eec5e25dc8c1', class: "utrecht-icon", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '747af75fc88be759f117ee9ce49737781abec7c0', d: "M21 17.3383C21 18.2955 20.2291 19.0664 19.272 19.0664H1.72805C0.770872 19.0664 0 18.2955 0 17.3383V1.72805C0 0.770879 0.777296 0 1.72805 0H19.272C20.2291 0 21 0.777303 21 1.72805V17.3383Z", fill: "#2C4375" }), h("path", { key: 'ac3b2ecc305bb53778339f425a2f9a3a098d1d40', d: "M7.88867 19.0984V15.9057C7.88867 14.5952 8.94862 13.5353 10.2591 13.5353H17.0493C18.3598 13.5353 19.4197 14.6017 19.4197 15.9057V19.0984", fill: "white" }), h("path", { key: 'cc8ec7746402b7837a65cce8a14871c01e7db7d1', d: "M9.38546 9.78369C9.55891 9.19911 9.83513 8.72373 10.2141 8.34472C10.5932 7.97213 11.075 7.69589 11.6724 7.51602C12.2698 7.33615 12.9765 7.24622 13.8051 7.24622C14.4989 7.24622 15.1028 7.32973 15.6231 7.49675C16.1435 7.66377 16.5932 7.92716 16.985 8.2869C17.4411 8.71089 17.7495 9.20553 17.9101 9.76442C18.0707 10.3233 18.1542 11.0299 18.1542 11.8651V17.0428C18.1542 17.486 18.0514 17.8201 17.8523 18.0385C17.6467 18.2569 17.3833 18.3661 17.0557 18.3661C16.7281 18.3661 16.4647 18.2569 16.272 18.0385C16.0792 17.8201 15.9765 17.4925 15.9765 17.0428V11.7173C15.9765 10.7987 15.803 10.1113 15.4497 9.66163C15.0964 9.21196 14.4989 8.98069 13.6445 8.98069C13.0278 8.98069 12.5525 9.0899 12.2056 9.31474C11.8651 9.53958 11.6274 9.84793 11.4925 10.2526C11.3576 10.6574 11.2934 11.1584 11.2934 11.7559V17.0428C11.2934 17.4796 11.197 17.8137 10.9979 18.0321C10.7987 18.2505 10.5353 18.3597 10.1949 18.3597C9.87367 18.3597 9.6103 18.2505 9.41758 18.0321C9.21844 17.8137 9.12207 17.4796 9.12207 17.0428V11.8779C9.12207 11.0621 9.21201 10.3683 9.38546 9.78369Z", fill: "white" }), h("path", { key: '6a52812343b47cf547a6c0617814f23078e2dd99', d: "M13.169 0.648804L13.683 2.0942L15.3275 2.08778L13.9913 2.98071L14.5052 4.41968L13.169 3.52675L11.8457 4.41968L12.3532 2.98071L11.0234 2.08778L12.668 2.0942L13.169 0.648804Z", fill: "#F2CD23" }), h("path", { key: 'e245eddf54cb347da61b89edf6cd101bc2f91580', d: "M18.2893 1.59314L18.7968 3.03854L20.4413 3.03211L19.1116 3.91862L19.6191 5.35759L18.2893 4.46466L16.9595 5.35759L17.4735 3.91862L16.1309 3.03211L17.7882 3.03854L18.2893 1.59314Z", fill: "#F2CD23" }), h("path", { key: '767ed560235cae384ff3ad61b4641b05ccb240e5', d: "M3.60369 14.833L4.11118 16.2784L5.75573 16.272L4.41954 17.1585L4.93346 18.5975L3.60369 17.7045L2.27392 18.5975L2.78784 17.1585L1.45166 16.272L3.09619 16.2784L3.60369 14.833Z", fill: "#F2CD23" }), h("path", { key: 'f70b59c20fb038ad6fc9c83e87e8d3abffd8058f', d: "M4.80536 5.51819L5.31284 6.96358L6.95739 6.95716L5.62763 7.84367L6.13512 9.28264L4.80536 8.38971L3.47559 9.28264L3.98308 7.84367L2.65332 6.95716L4.30428 6.96358L4.80536 5.51819Z", fill: "#F2CD23" }), h("path", { key: 'e78df8515d8dacac5c41adceb54b48486ba965ac', d: "M8.43483 2.07495L8.93591 3.52035L10.5869 3.51392L9.25068 4.40043L9.76459 5.83941L8.43483 4.94647L7.10507 5.83941L7.61256 4.40043L6.27637 3.51392L7.92733 3.52035L8.43483 2.07495Z", fill: "#F2CD23" }), h("path", { key: '0efe8f4fca329ead9663e221d07f0b641f1db86a', d: "M3.12176 10.3234L3.62925 11.7688L5.28021 11.7623L3.94402 12.6488L4.45152 14.0878L3.12176 13.1949L1.79198 14.0878L2.3059 12.6488L0.969727 11.7623L2.61426 11.7688L3.12176 10.3234Z", fill: "#F2CD23" })));
     }
     static get is() { return "utrecht-eidas-logo"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/emphasis.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class Emphasis {
     render() {
-        return (h("em", { key: '995d1695fbd802e80f09b4364a345663c96a2c3b', class: "utrecht-emphasis" }, h("slot", { key: '1da689be3c9f19a69e18a132421dd16443dc970e' })));
+        return (h("em", { key: 'c22073e4a9412dad95a173fcad56872622c47b7c', class: "utrecht-emphasis" }, h("slot", { key: '74887e5669e145bb51ad89f4b0b137ca03c96695' })));
     }
     static get is() { return "utrecht-emphasis"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/flex-wrap-fallback.js

@@ -44,7 +44,7 @@ export class FlexWrapFallback {
     }
     render() {
         const { contentWraps } = this;
-        return (h("div", { key: '382031da81954ed0826271a8e40c7d1e5a996293' }, h("div", { key: '13de201de3f0bbea818b1b1adacd4103a2e51888', id: "wrap", class: `utrecht-flex-wrap-fallback__content ${contentWraps ? 'utrecht-flex-wrap-fallback__content--hidden' : ''}`, "data-inert": contentWraps, "aria-hidden": contentWraps }, h("slot", { key: '808c85b3933adfb0ace33929692a58bab95e7403' })), h("div", { key: '7bbb0a277a92a5afb6e9c430587b3662fa0b273a', id: "nowrap", class: `utrecht-flex-wrap-fallback__fallback ${contentWraps ? '' : 'utrecht-flex-wrap-fallback__fallback--hidden'}`, "data-inert": !contentWraps, hidden: !contentWraps }, h("slot", { key: '1ba764b80a82953684242595331ee328ed203425', name: "fallback" }))));
+        return (h("div", { key: '83c37023b9eecc8342d773fb0721770818958a94' }, h("div", { key: 'd185afc26a559f452471e6183a3aa9c4302e16f7', id: "wrap", class: `utrecht-flex-wrap-fallback__content ${contentWraps ? 'utrecht-flex-wrap-fallback__content--hidden' : ''}`, "data-inert": contentWraps, "aria-hidden": contentWraps }, h("slot", { key: '2d52827e5edea6a076c3846235ade554bf619cb9' })), h("div", { key: 'c0e3c32a24784bdd64063d28098a3865fc36af88', id: "nowrap", class: `utrecht-flex-wrap-fallback__fallback ${contentWraps ? '' : 'utrecht-flex-wrap-fallback__fallback--hidden'}`, "data-inert": !contentWraps, hidden: !contentWraps }, h("slot", { key: '3eecdfa3acc7a69c0bdf2fde8a9539c746689392', name: "fallback" }))));
     }
     static get is() { return "utrecht-flex-wrap-fallback"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form-field-checkbox.css

@@ -354,7 +354,6 @@
 .utrecht-checkbox--custom.utrecht-checkbox--active,
 .utrecht-custom-checkbox--active {
   background-color: var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
   border-color: var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));
   border-width: var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));
   color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
@@ -370,7 +369,6 @@
 .utrecht-checkbox--custom.utrecht-checkbox--focus,
 .utrecht-custom-checkbox--focus {
   background-color: var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
   border-color: var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));
   border-width: var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width));
 }
@@ -415,7 +413,6 @@
 .utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,
 .utrecht-custom-checkbox--html-input:focus {
   background-color: var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
   border-color: var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));
   border-width: var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width));
 }
@@ -443,7 +440,6 @@
 .utrecht-checkbox--custom.utrecht-checkbox--html-input:active,
 .utrecht-custom-checkbox--html-input:active {
   background-color: var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
   border-color: var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));
   border-width: var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));
   color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));

package/dist/collection/components/form-field-checkbox.js

@@ -30,18 +30,18 @@ export class FormFieldCheckbox {
             input.name = name;
             input.value = checked ? value || '' : '';
         }
-        return (h("div", { key: '5c52f3cf9cdd58dbc576ff731f1a8fa0fc09a9b0', class: clsx('utrecht-form-field', 'utrecht-form-field--checkbox', {
+        return (h("div", { key: '7265518f80f0130af29119b1ab263bad6972d57d', class: clsx('utrecht-form-field', 'utrecht-form-field--checkbox', {
                 'utrecht-form-field--invalid': invalid,
-            }) }, h("p", { key: '9fdacb28d94d70a083a24279ed19038cd94f3ed5', class: "utrecht-form-field__label utrecht-form-field__label--checkbox" }, h("label", { key: '9065bf22f99385698063967910fb8d0e8de2bbe2', class: clsx('utrecht-form-label', {
+            }) }, h("p", { key: 'f0e5dafe658a41a7b46a32274a5fcd3041af6d47', class: "utrecht-form-field__label utrecht-form-field__label--checkbox" }, h("label", { key: 'e064334dbcf1f4ec998d12faf365936b5aba9d42', class: clsx('utrecht-form-label', {
                 'utrecht-form-label--disabled': disabled,
-            }), htmlFor: "input" }, h("input", { key: '8bfd91c2891fc760d78507d132f3523892158673', id: "input", type: "checkbox", class: clsx('utrecht-form-field__input', 'utrecht-checkbox', 'utrecht-checkbox--custom', 'utrecht-checkbox--html-input', {
+            }), htmlFor: "input" }, h("input", { key: '15b4f5e5217fe962298cfeea1e31c693c1552c8b', id: "input", type: "checkbox", class: clsx('utrecht-form-field__input', 'utrecht-checkbox', 'utrecht-checkbox--custom', 'utrecht-checkbox--html-input', {
                 'utrecht-checkbox--disabled': disabled,
                 'utrecht-checkbox--invalid': invalid,
                 'utrecht-checkbox--required': required,
             }), "aria-invalid": invalid || undefined, disabled: disabled, required: required, checked: checked, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.checked = evt.target.checked;
                 this.utrechtInput.emit(evt);
-            } }), ' ', label, h("slot", { key: '5b314917ca1a22f716835e233090d55d8efa5823', name: "label" })), invalid && (h("utrecht-form-field-description", { key: '3eccd7b718c96222f7994e8a8fd18576b385fefc', status: "invalid", class: "utrecht-form-field__description utrecht-form-field__description--invalid", id: "error-message" }, h("slot", { key: 'cc943efca11de4fa8f0e9922998ec1732e472fdb', name: "error-message" })))), h("utrecht-form-field-description", { key: 'd6ecfffd5a884edb5d5e51a6aae268611f47701e', class: "utrecht-form-field__description", id: "description" }, h("slot", { key: '7eabecc360f0f57be76627b4ee7de4dc045c2fe3', name: "description" })), h("div", { key: '8029a4f260348aef4a4a796fc986b5ee11daa9be', class: "utrecht-form-field__status", id: "status" }, h("div", { key: '73a688219b34fd548bcf271114cb317f83038d78', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: '02926cc52d99cc163383db20ecec35aa18e6aaea', name: "status" })))));
+            } }), ' ', label, h("slot", { key: '71619a76ec68689e8b4ac06bf36495383764bb80', name: "label" })), invalid && (h("utrecht-form-field-description", { key: '94319c88090ae3d2c7b9b39889304c7897b4824e', status: "invalid", class: "utrecht-form-field__description utrecht-form-field__description--invalid", id: "error-message" }, h("slot", { key: 'fbc66084c8d5d258189aa9bff7161d9f5cd9ddbf', name: "error-message" })))), h("utrecht-form-field-description", { key: 'a72db09134635683fd1637aafdc97bcd056c5901', class: "utrecht-form-field__description", id: "description" }, h("slot", { key: 'fb6e2a4ae14b820aa5ed87f2bd684ac63fa57f17', name: "description" })), h("div", { key: '30338d3eebee35ec2bb4570297cd91960630074d', class: "utrecht-form-field__status", id: "status" }, h("div", { key: '7b418c8102f32e432ef2f1d46738340c10b79914', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: '775a5a6596ccad32aa32ce7b371a3d980ce8da55', name: "status" })))));
     }
     static get is() { return "utrecht-form-field-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form-field-description.js

@@ -11,7 +11,7 @@ export class FormFieldDescription {
     }
     render() {
         const { status } = this;
-        return (h("div", { key: '0b7ba77c313851507ae46b69e766b01440625f30', class: clsx('utrecht-form-field-description', status === 'valid' && 'utrecht-form-field-description--valid', status === 'invalid' && 'utrecht-form-field-description--invalid') }, h("slot", { key: '64c912d538677d625c3b44f3f6fda3c15e1221b0' })));
+        return (h("div", { key: 'e062a67c985b1469c913801052e7c1561ebeb8d5', class: clsx('utrecht-form-field-description', status === 'valid' && 'utrecht-form-field-description--valid', status === 'invalid' && 'utrecht-form-field-description--invalid') }, h("slot", { key: '18b196a06f50b68a7eff779a96bcd075d803ea4a' })));
     }
     static get is() { return "utrecht-form-field-description"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form-field-error-message.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class FormFieldErrorMessage {
     render() {
-        return h("slot", { key: 'c7c3252a520e82ab2bbae93335ca3deb8035e36f' });
+        return h("slot", { key: '7642cbacd380b3e3a0c10cc9164cd421d607118a' });
     }
     static get is() { return "utrecht-form-field-error-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form-field-textarea.js

@@ -35,14 +35,14 @@ export class FormFieldTextarea {
             input.name = name;
             input.value = value || '';
         }
-        return (h("div", { key: '77c36057c24af3512d440dc9232008f4cdc5d944', class: clsx('utrecht-form-field', 'utrecht-form-field--textbox', {
+        return (h("div", { key: 'cec777de54ce322910d51996873422fbbdca96ca', class: clsx('utrecht-form-field', 'utrecht-form-field--textbox', {
                 'utrecht-form-field--invalid': invalid,
-            }) }, h("p", { key: 'cb58ea2495a627514d4fe404bb9f73585f77c293', class: "utrecht-form-field__label" }, h("label", { key: '60ebf2db7d2155d9f9c96233e79a145be8ed6620', class: clsx('utrecht-form-label', {
+            }) }, h("p", { key: 'a3d6405682b62db03c9b199e0e61b746c47ed9f3', class: "utrecht-form-field__label" }, h("label", { key: 'a07ac189672740a83a793a098164f69ea42dcd4a', class: clsx('utrecht-form-label', {
                 'utrecht-form-label--disabled': disabled,
-            }), htmlFor: "input" }, label, h("slot", { key: '923bd77e45df5505fc4cb27d6e1255ec212fcfd1', name: "label" }))), h("utrecht-form-field-description", { key: '6114cbfcdd4e2c6359475bb8b36e76de371edf31', id: "description" }, h("slot", { key: '8a2b335e88231fb014aa410e7ea008356cc780c8', name: "description" })), invalid && (h("utrecht-form-field-description", { key: 'b19919f3a3def9cdd58933e9b9d56301a59506b1', status: "invalid", class: "utrecht-form-field__error-message", id: "error-message" }, h("slot", { key: 'd3469e798881aeedeab5699c73ce0ead5156fdf1', name: "error-message" }))), h("p", { key: 'da6ec981ede6e230ba677ec5822104ad3bf6ba25', class: "utrecht-form-field__input" }, h("textarea", { key: '3d5580105d5387951478ef078c997319f3e8e679', id: "input", class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), "aria-invalid": invalid, cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+            }), htmlFor: "input" }, label, h("slot", { key: '428b90a47576af81a35ae8d66b6fead6e9901f60', name: "label" }))), h("utrecht-form-field-description", { key: '64a99f6b92e22f7a603ae51fbbfd07928844ef34', id: "description" }, h("slot", { key: 'b13960601fd3d3d9dd6d9cfed6db7d31504c8220', name: "description" })), invalid && (h("utrecht-form-field-description", { key: 'bc9701b6db720c1b233b86de6693f0c55f1cc08f', status: "invalid", class: "utrecht-form-field__error-message", id: "error-message" }, h("slot", { key: '9f1fac2834ba2bb1bc6a0012b41d05293d7a0417', name: "error-message" }))), h("p", { key: 'e44c3e6317d0fcf562088403c301443c71893fec', class: "utrecht-form-field__input" }, h("textarea", { key: '39cfc14c30125954f77312c4b229780cf89fa5b8', id: "input", class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), "aria-invalid": invalid, cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.value = evt.target.value;
                 this.utrechtInput.emit(evt);
-            } }, value)), h("div", { key: '3b8754ee969752322f1b59b13b2e800f2eaf6990', class: "utrecht-form-field__status", id: "status" }, h("div", { key: '6037148d100830c205ad82f42fc56cb841a41c71', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: '840a14381d777b7d09d4b9eae28c371e7f45249b', name: "status" })))));
+            } }, value)), h("div", { key: '9ba58f2acefdbaaaa776a3b243ba120df6819044', class: "utrecht-form-field__status", id: "status" }, h("div", { key: 'ea134ff87175685e16b444f4229262efc555ddde', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: '4eeb7d0d33c6d51288cbcb334e5b0642789dabab', name: "status" })))));
     }
     static get is() { return "utrecht-form-field-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form-field-textbox.js

@@ -37,14 +37,14 @@ export class FormFieldTextbox {
             input.name = name;
             input.value = value || '';
         }
-        return (h("div", { key: 'e9cb00b9e653f6a29ef2f128289234d3c965a0df', class: clsx('utrecht-form-field', 'utrecht-form-field--textbox', {
+        return (h("div", { key: 'c090a869092abec0630e756ee19fcd30e335d2c8', class: clsx('utrecht-form-field', 'utrecht-form-field--textbox', {
                 'utrecht-form-field--invalid': invalid,
-            }) }, h("p", { key: 'c208aa999af784794f3ea1681a2da9568811632a', class: "utrecht-form-field__label" }, h("label", { key: '5c11a65bb000ecc3170c2ef256cfb7bcb11b22bc', class: clsx('utrecht-form-label', {
+            }) }, h("p", { key: 'f274897a079478facb3acacb371ba3332f60e7dc', class: "utrecht-form-field__label" }, h("label", { key: 'f68cfd0cc55585dae91bce92a13de711430961a9', class: clsx('utrecht-form-label', {
                 'utrecht-form-label--disabled': disabled,
-            }), htmlFor: "input" }, label, h("slot", { key: '78a552675351e2aee44ca08ad57d03cf38ffefe2', name: "label" }))), h("utrecht-form-field-description", { key: 'cea5b31b3e2e59d5ab6fdb2cfa707af7dc393c68', id: "description" }, h("slot", { key: '96a9f15cd6ba6b2c65dfbbeee365df86d3d926a4', name: "description" })), invalid && (h("utrecht-form-field-description", { key: 'c507621e8483d8865aa514bc45c434f61b7fbfe7', status: "invalid", class: "utrecht-form-field__error-message", id: "error-message" }, h("slot", { key: 'fcae39db5748f81b8ff5e864732942d00c17d390', name: "error-message" }))), h("p", { key: 'aeae8e40e523872e01d2e0e696638a3f1b772e2a', class: "utrecht-form-field__input" }, h("input", { key: '0d244ad6f672fc711ac7473106ac89a1913bbd4a', id: "input", class: clsx('utrecht-form-field__input', 'utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, "aria-describedby": clsx('description', 'status', { 'error-message': invalid }), "aria-invalid": invalid, dir: "auto", disabled: disabled, min: typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null, max: typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null, pattern: pattern ? pattern : null, placeholder: placeholder || null, readonly: readOnly, required: required, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+            }), htmlFor: "input" }, label, h("slot", { key: '08aa7d40ef4d2c3b1b677fb520592a4d0af5529f', name: "label" }))), h("utrecht-form-field-description", { key: '08ab3afb09b3163d2ea8a48a8c7a13f2458b6582', id: "description" }, h("slot", { key: '60338c41dc3ce7856346a22bf0e09d252a5efbdc', name: "description" })), invalid && (h("utrecht-form-field-description", { key: '3570c86b8c3ba92dd7fbb9f32d0121b04911d17a', status: "invalid", class: "utrecht-form-field__error-message", id: "error-message" }, h("slot", { key: '6e2ac0a358e860556a368cff07d1687765538c2b', name: "error-message" }))), h("p", { key: 'f8dea2c3a9b9ac8611c9276f18623e89cb36b1f8', class: "utrecht-form-field__input" }, h("input", { key: '587a0be0dec1c9de86234e2b1f6898b6d9406843', id: "input", class: clsx('utrecht-form-field__input', 'utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, "aria-describedby": clsx('description', 'status', { 'error-message': invalid }), "aria-invalid": invalid, dir: "auto", disabled: disabled, min: typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null, max: typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null, pattern: pattern ? pattern : null, placeholder: placeholder || null, readonly: readOnly, required: required, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.value = evt.target.value;
                 this.utrechtInput.emit(evt);
-            } })), h("div", { key: 'a66bf9644c67cefad3a320fa9a748b651377d713', class: "utrecht-form-field__status", id: "status" }, h("div", { key: 'f3fdc3c3835d4281f7ddbad7107524aae85d3838', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: 'e579bc13bb6539395759a9d439a77bbcb3e6dd83', name: "status" })))));
+            } })), h("div", { key: 'd2dcb3f4dd9b36ccf1537f451e0a87e7bbf701d9', class: "utrecht-form-field__status", id: "status" }, h("div", { key: 'bf895ff5118e0ed6f9390ab1f8664df1484fa9a3', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: '50f0129c9ef48476bbd69549ae017012ca05023e', name: "status" })))));
     }
     static get is() { return "utrecht-form-field-textbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form-toggle.js

@@ -33,7 +33,7 @@ export class FormToggle {
                 toggleInteraction();
             }
         };
-        return (h("div", { key: '5fab336353956969278692ab16d49b4670219d7d', class: clsx('utrecht-form-toggle', checked && 'utrecht-form-toggle--checked', !checked && 'utrecht-form-toggle--not-checked', disabled && 'utrecht-form-toggle--disabled'), tabIndex: disabled ? null : 0, role: "switch", "aria-disabled": disabled ? 'true' : null, onClick: handleClick, onKeyPress: handleKeyPress, onKeyUp: handleKeyUp }, h("div", { key: '42ee41122748db652c5d4b8d9b581e3b062f67f8', class: "utrecht-form-toggle__label utrecht-form-toggle__label--off" }), h("div", { key: 'e2f61213f75785fceb109d7aa6e5f8e858082100', class: "utrecht-form-toggle__label utrecht-form-toggle__label--on" }), h("div", { key: 'f9924fd642a74914f8a5ad028c71253fd6aae559', class: clsx('utrecht-form-toggle__track', checked && 'utrecht-form-toggle__track--checked', !checked && 'utrecht-form-toggle__track--not-checked', disabled && 'utrecht-form-toggle__track--disabled') }, h("div", { key: '97b4e2262123e0749147b9b196fbb1ee19003415', class: clsx('utrecht-form-toggle__thumb', checked && 'utrecht-form-toggle__thumb--checked', !checked && 'utrecht-form-toggle__thumb--not-checked', disabled && 'utrecht-form-toggle__thumb--disabled') }))));
+        return (h("div", { key: 'be20682f616eb7b0d14a213f46612a8a09292e2e', class: clsx('utrecht-form-toggle', checked && 'utrecht-form-toggle--checked', !checked && 'utrecht-form-toggle--not-checked', disabled && 'utrecht-form-toggle--disabled'), tabIndex: disabled ? null : 0, role: "switch", "aria-disabled": disabled ? 'true' : null, onClick: handleClick, onKeyPress: handleKeyPress, onKeyUp: handleKeyUp }, h("div", { key: 'a39f6ea33b38051b0cc321a85d830839d8f526db', class: "utrecht-form-toggle__label utrecht-form-toggle__label--off" }), h("div", { key: '2a817a7018427997e3ec410076aa58ac27f1b93e', class: "utrecht-form-toggle__label utrecht-form-toggle__label--on" }), h("div", { key: '9db9333631a9392b5af650bd40febc6d559e80a9', class: clsx('utrecht-form-toggle__track', checked && 'utrecht-form-toggle__track--checked', !checked && 'utrecht-form-toggle__track--not-checked', disabled && 'utrecht-form-toggle__track--disabled') }, h("div", { key: 'd468c947a90b4aec924c658b8d36f84f8eb27bc7', class: clsx('utrecht-form-toggle__thumb', checked && 'utrecht-form-toggle__thumb--checked', !checked && 'utrecht-form-toggle__thumb--not-checked', disabled && 'utrecht-form-toggle__thumb--disabled') }))));
     }
     static get is() { return "utrecht-form-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/generated/utrecht-icon-afspraak-maken/utrecht-icon-afspraak-maken.stencil.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAfspraakMaken {
     render() {
-        return (h("svg", { key: '9ceca3c39d405fa4f98b207e041956b558676cfb', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '051863db1020c10b3c30dfcb25517c22efc565c5', d: "M17.98 0C8.05 0 0 8.06 0 18s8.05 18 17.98 18S36 27.94 36 18 27.94 0 17.98 0M18 34C9.18 34 2 26.82 2 18S9.18 2 18 2s16 7.18 16 16-7.18 16-16 16" }), h("path", { key: '60b6a64926fef2f44ae2829e46562b376191af19', d: "M18 4C10.28 4 4 10.28 4 18s6.28 14 14 14 14-6.28 14-14S25.72 4 18 4m9 19.49c-.27.48-.88.66-1.36.39l-8.13-4.51a.992.992 0 0 1-.51-.87V7.49c0-.55.45-1 1-1s1 .45 1 1V17.9l7.61 4.23c.48.27.66.88.39 1.36" })));
+        return (h("svg", { key: 'd4488a1047f091d8af3522167b326b0e2bd1cfd1', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '2222152ddc660803e10c88e48de7e6de71ec1c2f', d: "M17.98 0C8.05 0 0 8.06 0 18s8.05 18 17.98 18S36 27.94 36 18 27.94 0 17.98 0M18 34C9.18 34 2 26.82 2 18S9.18 2 18 2s16 7.18 16 16-7.18 16-16 16" }), h("path", { key: 'd02b81a5692c102a9a81914e7caf8fe31b4c9154', d: "M18 4C10.28 4 4 10.28 4 18s6.28 14 14 14 14-6.28 14-14S25.72 4 18 4m9 19.49c-.27.48-.88.66-1.36.39l-8.13-4.51a.992.992 0 0 1-.51-.87V7.49c0-.55.45-1 1-1s1 .45 1 1V17.9l7.61 4.23c.48.27.66.88.39 1.36" })));
     }
     static get is() { return "utrecht-icon-afspraak-maken"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/generated/utrecht-icon-afval/utrecht-icon-afval.stencil.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAfval {
     render() {
-        return (h("svg", { key: 'e6b2c29c8cf337c12f194e12b8a7a3b1bf9b3a71', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("circle", { key: '375cc1a674caa1449468f26d145ec9a078902a67', cx: "10.08", cy: "33", r: "3" }), h("path", { key: 'e4924e67ea76c5404be11fb66ae0211d48c10df9', d: "M30.08 2h-3c0-1.1-.9-2-2-2H9.03C7.95 0 7.07.88 7.07 1.96V2h-1c-.55 0-1 .45-1 1v3h26V3c0-.55-.45-1-1-1Zm-23 27 .06-.03c.83-.6 1.84-.97 2.94-.97 2.76 0 5 2.24 5 5 0 1.13-.39 2.16-1.02 3h7.34c1.53 0 2.81-1.15 2.98-2.67L27.08 8H7.07v21Z" })));
+        return (h("svg", { key: 'f0d8f6184c27eeee2d42e725ab6dd722c2d8d024', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("circle", { key: 'edbe05ef98e6b308b8f59d09225c29963f9fb4f4', cx: "10.08", cy: "33", r: "3" }), h("path", { key: '32788cc3d0d2c09feb0b30301ab08b1743130469', d: "M30.08 2h-3c0-1.1-.9-2-2-2H9.03C7.95 0 7.07.88 7.07 1.96V2h-1c-.55 0-1 .45-1 1v3h26V3c0-.55-.45-1-1-1Zm-23 27 .06-.03c.83-.6 1.84-.97 2.94-.97 2.76 0 5 2.24 5 5 0 1.13-.39 2.16-1.02 3h7.34c1.53 0 2.81-1.15 2.98-2.67L27.08 8H7.07v21Z" })));
     }
     static get is() { return "utrecht-icon-afval"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/generated/utrecht-icon-afval-container/utrecht-icon-afval-container.stencil.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAfvalContainer {
     render() {
-        return (h("svg", { key: '907a62b1adf17e7a820e1a63b4dc2dbfc34d87bf', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '05c9f9427ada675aa271c3134624eba4e0bc4a3a', d: "M36 35c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1h34c.55 0 1-.45 1-1M24 10H11V7h13zm0 10H11v-8h13zm6-11v22H5V9c0-1.1.9-2 2-2h2v14c0 .55.45 1 1 1h15c.55 0 1-.45 1-1V7h2c1.1 0 2 .9 2 2m-3-8c0 .55-.45 1-1 1h-2v3h-2V2h-2c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1" })));
+        return (h("svg", { key: '98396e76f8ee665ca1901e71e5d8c56d0de6935c', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'dbab8eb06d62c926db308e6b74a8d273a3ea105a', d: "M36 35c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1h34c.55 0 1-.45 1-1M24 10H11V7h13zm0 10H11v-8h13zm6-11v22H5V9c0-1.1.9-2 2-2h2v14c0 .55.45 1 1 1h15c.55 0 1-.45 1-1V7h2c1.1 0 2 .9 2 2m-3-8c0 .55-.45 1-1 1h-2v3h-2V2h-2c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1" })));
     }
     static get is() { return "utrecht-icon-afval-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/generated/utrecht-icon-afval-containerpas/utrecht-icon-afval-containerpas.stencil.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAfvalContainerpas {
     render() {
-        return (h("svg", { key: '46e5d606b77207432ec25e0b755047587e410331', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '70b14f0fa475064c633ee62117b69bd8be011fcc', d: "M20.53 22H1.47C.66 22 0 22.66 0 23.47v11.06C0 35.34.66 36 1.47 36h18.52a2 2 0 0 0 2-2V23.47c0-.81-.66-1.47-1.47-1.47ZM7.51 25.07c.96 0 1.74.78 1.74 1.75s-.78 1.75-1.74 1.75-1.74-.78-1.74-1.75.78-1.75 1.74-1.75M10 32H5c-.53 0-.95-.41-.99-.93.08-1.12 2.34-1.69 3.49-1.69s3.41.57 3.49 1.69c-.04.52-.46.93-.99.93m7-1c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1m1-4c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1s.45-1 1-1h3c.55 0 1 .45 1 1m9-18H16V7h11zm9 22c0 .55-.45 1-1 1H24v-2h11c.55 0 1 .45 1 1M22 1c0-.55.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1h-2v3h-2V2h-2c-.55 0-1-.45-1-1m5 15H16v-5h11zm-3 7c0-1.66-1.34-3-3-3H10V9c0-1.1.9-2 2-2h2v10c0 .55.45 1 1 1h13c.55 0 1-.45 1-1V7h2c1.1 0 2 .9 2 2v19h-9z" })));
+        return (h("svg", { key: '9b63a9c758e4677221b236b3b94437cb1c960ad9', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '109188d74389aec5a5f4ed13e011d02e408534af', d: "M20.53 22H1.47C.66 22 0 22.66 0 23.47v11.06C0 35.34.66 36 1.47 36h18.52a2 2 0 0 0 2-2V23.47c0-.81-.66-1.47-1.47-1.47ZM7.51 25.07c.96 0 1.74.78 1.74 1.75s-.78 1.75-1.74 1.75-1.74-.78-1.74-1.75.78-1.75 1.74-1.75M10 32H5c-.53 0-.95-.41-.99-.93.08-1.12 2.34-1.69 3.49-1.69s3.41.57 3.49 1.69c-.04.52-.46.93-.99.93m7-1c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1m1-4c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1s.45-1 1-1h3c.55 0 1 .45 1 1m9-18H16V7h11zm9 22c0 .55-.45 1-1 1H24v-2h11c.55 0 1 .45 1 1M22 1c0-.55.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1h-2v3h-2V2h-2c-.55 0-1-.45-1-1m5 15H16v-5h11zm-3 7c0-1.66-1.34-3-3-3H10V9c0-1.1.9-2 2-2h2v10c0 .55.45 1 1 1h13c.55 0 1-.45 1-1V7h2c1.1 0 2 .9 2 2v19h-9z" })));
     }
     static get is() { return "utrecht-icon-afval-containerpas"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/generated/utrecht-icon-afval-kalender/utrecht-icon-afval-kalender.stencil.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAfvalKalender {
     render() {
-        return (h("svg", { key: 'ed6738ad28be9f4a5290b9b5ac8f5a9b5cd41e96', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '99a1b0b92444802b651cbd057391d351b3585e23', d: "M32 4v5H4V3.98c0-.55.45-1 1-1h4v2.03c0 .55.44.99.99.99.54 0 .99-.44.99-.99L11 .99c0-.55.45-1 1-1s1 .45 1 1v1.98l9 .02V5c0 .55.44.99.99.99h.02c.55 0 .99-.44.99-.99V1c0-.55.45-1 1-1s1 .45 1 1v2h5c.55 0 1 .45 1 1M4 11h28v20c0 3.21-1.79 5-4 5H8c-2.21 0-4-1.79-4-4zm12 19.5c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5.67 1.5 1.5 1.5 1.5-.67 1.5-1.5M23.01 19h-9.99L13 27.97c.69-.44 1.57-.62 2.5-.33.88.27 1.6.97 1.91 1.83.34.94.18 1.82-.23 2.53h2.98c.78 0 1.43-.6 1.49-1.38zM12 16c0 .55.45 1 1 1l11.02-.02c.54 0 .98-.44.98-.99s-.44-.99-.99-.99h-.95c0-.55-.45-1-1-1h-8.03c-.56 0-1.03.44-1.03 1-.55 0-1 .45-1 1" })));
+        return (h("svg", { key: '3d7169355663e01f5d256a048b26e2a8e15b6e1d', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'a95c866ab9fe076b3195a0f72398afafac569e05', d: "M32 4v5H4V3.98c0-.55.45-1 1-1h4v2.03c0 .55.44.99.99.99.54 0 .99-.44.99-.99L11 .99c0-.55.45-1 1-1s1 .45 1 1v1.98l9 .02V5c0 .55.44.99.99.99h.02c.55 0 .99-.44.99-.99V1c0-.55.45-1 1-1s1 .45 1 1v2h5c.55 0 1 .45 1 1M4 11h28v20c0 3.21-1.79 5-4 5H8c-2.21 0-4-1.79-4-4zm12 19.5c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5.67 1.5 1.5 1.5 1.5-.67 1.5-1.5M23.01 19h-9.99L13 27.97c.69-.44 1.57-.62 2.5-.33.88.27 1.6.97 1.91 1.83.34.94.18 1.82-.23 2.53h2.98c.78 0 1.43-.6 1.49-1.38zM12 16c0 .55.45 1 1 1l11.02-.02c.54 0 .98-.44.98-.99s-.44-.99-.99-.99h-.95c0-.55-.45-1-1-1h-8.03c-.56 0-1.03.44-1.03 1-.55 0-1 .45-1 1" })));
     }
     static get is() { return "utrecht-icon-afval-kalender"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/generated/utrecht-icon-afval-pmd/utrecht-icon-afval-pmd.stencil.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAfvalPmd {
     render() {
-        return (h("svg", { key: '8e33caa12444a69c93606275f4242b4bfb2ea604', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '74533219e12f765ce868f796dfb39034279b7852', d: "m19.91 19.96 1.1 1.83V33L20 35h-8l-1-2V21.93l1.1-1.94 7.8-.03ZM7.01 2.98h-2c-.54.01-.98.45-.99.99 0 .55-.02 1-.02 1h4v-1c0-.55-.45-.99-1-.99ZM33 2c0-.55-.45-1-1-1h-8c-.56 0-1.01.45-1.01 1.01V3l-3 3.94h10l3.03-3.97-.03-.97Zm.99 2.94L32 7.95V33l3.24-.79c.45-.11.76-.51.76-.97V7.35a1 1 0 0 0-.3-.71l-1.71-1.71Zm-22 9.05h.02s-.04-.08-.05-.12c-.02-.32-.13-.63-.37-.88 0 0-3.21-3.88-3.5-4.97l-.06-.4s-.02-.09-.02-.14v-.49h-4v.08c0 .05-.01.1-.02.15l-.06.43c-.29 1.17-3.5 5.33-3.5 5.33-.24.24-.35.56-.37.88-.02.04-.04.08-.05.12.01.33.14.66.39.92.28.28.43.64.43 1.04s-.15.76-.43 1.04c-.53.53-.53 1.4 0 1.93.28.28.43.64.43 1.04s-.15.76-.43 1.04c-.53.53-.53 1.4 0 1.93.56.56.57 1.46.04 2.03-.26.27-.44.61-.44 1v5.06c0 1.66 1.34 3 3 3h6.01V21.96c0-.34.09-.68.26-.98l1.1-1.94c.33-.58.94-.95 1.6-.99.03-.38-.09-.77-.38-1.06-.28-.28-.43-.64-.43-1.04s.15-.76.43-1.04c.25-.25.38-.58.39-.92Zm11.02 7.81V33h7V8.94h-10V18c.66.03 1.26.38 1.61.95l1.1 1.82c.19.31.29.67.29 1.03" })));
+        return (h("svg", { key: '80919304c6ae3532107ba2da5d121bcfb7749421', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '53546512da5e0f350c9d62750ea07bef036431ea', d: "m19.91 19.96 1.1 1.83V33L20 35h-8l-1-2V21.93l1.1-1.94 7.8-.03ZM7.01 2.98h-2c-.54.01-.98.45-.99.99 0 .55-.02 1-.02 1h4v-1c0-.55-.45-.99-1-.99ZM33 2c0-.55-.45-1-1-1h-8c-.56 0-1.01.45-1.01 1.01V3l-3 3.94h10l3.03-3.97-.03-.97Zm.99 2.94L32 7.95V33l3.24-.79c.45-.11.76-.51.76-.97V7.35a1 1 0 0 0-.3-.71l-1.71-1.71Zm-22 9.05h.02s-.04-.08-.05-.12c-.02-.32-.13-.63-.37-.88 0 0-3.21-3.88-3.5-4.97l-.06-.4s-.02-.09-.02-.14v-.49h-4v.08c0 .05-.01.1-.02.15l-.06.43c-.29 1.17-3.5 5.33-3.5 5.33-.24.24-.35.56-.37.88-.02.04-.04.08-.05.12.01.33.14.66.39.92.28.28.43.64.43 1.04s-.15.76-.43 1.04c-.53.53-.53 1.4 0 1.93.28.28.43.64.43 1.04s-.15.76-.43 1.04c-.53.53-.53 1.4 0 1.93.56.56.57 1.46.04 2.03-.26.27-.44.61-.44 1v5.06c0 1.66 1.34 3 3 3h6.01V21.96c0-.34.09-.68.26-.98l1.1-1.94c.33-.58.94-.95 1.6-.99.03-.38-.09-.77-.38-1.06-.28-.28-.43-.64-.43-1.04s.15-.76.43-1.04c.25-.25.38-.58.39-.92Zm11.02 7.81V33h7V8.94h-10V18c.66.03 1.26.38 1.61.95l1.1 1.82c.19.31.29.67.29 1.03" })));
     }
     static get is() { return "utrecht-icon-afval-pmd"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/generated/utrecht-icon-afval-scheiden/utrecht-icon-afval-scheiden.stencil.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAfvalScheiden {
     render() {
-        return (h("svg", { key: '3d7169355663e01f5d256a048b26e2a8e15b6e1d', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'a48b593732770225477d0db8c260ba8cd2bab60c', d: "M14.89 3.5c0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5S20.32 7 18.39 7s-3.5-1.57-3.5-3.5M9.14 36.02H3L2 23v-2h10l-.87 13.17a1.99 1.99 0 0 1-1.99 1.85m12 0h-6.15l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.17a2.004 2.004 0 0 1-1.99 1.85m11.99 0h-6.14l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.16a2.017 2.017 0 0 1-2.01 1.86zM1.73 20.95l-1.73-1 4-6.93c.55-.96 1.78-1.28 2.73-.73zm22.25-9.05c0-1.59-1.3-2.88-2.89-2.88h-6.1c-1.41 0-2.6.64-3.25 1.92l-3.75 8.08h3.18l2.82-5.67v3.67h10l-.02-5.12z" })));
+        return (h("svg", { key: '4301cbb91fe4c02c5faa54a94d787aa8d62c9096', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'a3788b25260930981950ba1995d9a37f58bc7cf6', d: "M14.89 3.5c0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5S20.32 7 18.39 7s-3.5-1.57-3.5-3.5M9.14 36.02H3L2 23v-2h10l-.87 13.17a1.99 1.99 0 0 1-1.99 1.85m12 0h-6.15l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.17a2.004 2.004 0 0 1-1.99 1.85m11.99 0h-6.14l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.16a2.017 2.017 0 0 1-2.01 1.86zM1.73 20.95l-1.73-1 4-6.93c.55-.96 1.78-1.28 2.73-.73zm22.25-9.05c0-1.59-1.3-2.88-2.89-2.88h-6.1c-1.41 0-2.6.64-3.25 1.92l-3.75 8.08h3.18l2.82-5.67v3.67h10l-.02-5.12z" })));
     }
     static get is() { return "utrecht-icon-afval-scheiden"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/generated/utrecht-icon-afvalkalender/utrecht-icon-afvalkalender.stencil.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAfvalkalender {
     render() {
-        return (h("svg", { key: '1810175bed4c947b28291cb6acfc22d32a28047a', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '28050ebd097ddecc5f9ab945bf7f3ddbdc811677', d: "M25.99 3V0h-2v6h-1V3l-11-.02V0h-2l-.02 6h-.98V3l-5-.02-.02 28.51c0 2.48 2.02 4.51 4.51 4.51l19.02.04c2.48 0 4.5-2.02 4.5-4.5V3zm-11.1 26.94c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5m7.05-1.31c-.06.78-.71 1.38-1.49 1.38h-2.97c.41-.71.57-1.58.23-2.53a2.95 2.95 0 0 0-1.91-1.83c-.93-.29-1.81-.11-2.5.33l-.28-9.93h9.99l-1.06 12.58Zm3.05-14.61-13 .03V12l.99.02c0-.55.45-1 1-1h7.79c.55 0 1 .45 1 1h2.22z" })));
+        return (h("svg", { key: 'a9982ece9dc19851bd78cad2adc354e87d3088e3', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '68d695a5d6590f9475fdad000726b8057b309459', d: "M25.99 3V0h-2v6h-1V3l-11-.02V0h-2l-.02 6h-.98V3l-5-.02-.02 28.51c0 2.48 2.02 4.51 4.51 4.51l19.02.04c2.48 0 4.5-2.02 4.5-4.5V3zm-11.1 26.94c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5m7.05-1.31c-.06.78-.71 1.38-1.49 1.38h-2.97c.41-.71.57-1.58.23-2.53a2.95 2.95 0 0 0-1.91-1.83c-.93-.29-1.81-.11-2.5.33l-.28-9.93h9.99l-1.06 12.58Zm3.05-14.61-13 .03V12l.99.02c0-.55.45-1 1-1h7.79c.55 0 1 .45 1 1h2.22z" })));
     }
     static get is() { return "utrecht-icon-afvalkalender"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/generated/utrecht-icon-alleen/utrecht-icon-alleen.stencil.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAlleen {
     render() {
-        return (h("svg", { key: '193826a0fd22702d8826bf0240856023d9e41cd5', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '4cd57529d1e85311f33af1f9d53c6a28905b33f9', d: "m14.2 5.29.12.03c.56.13 1.12.2 1.66.2 2.07 0 4.08-.86 5.53-2.36l1.6-1.58 1.37 1.36a7.68 7.68 0 0 0 3.07 2.09l.22.08-.07-.23C26.8 1.96 24.05-.08 21-.08s-5.97 2.16-6.77 5.25l-.03.11Zm-.18 2.06v.16c.31 3.6 3.38 6.41 6.98 6.41s6.76-2.89 6.98-6.58v-.1l-.65-.13a9.545 9.545 0 0 1-4.15-2.77l-.09-.1-.09.1c-1.79 2.06-4.36 3.24-7.03 3.24-.59 0-1.19-.07-1.8-.19l-.15-.03Zm16.96 13.64.03 9.98c0 .54-.44.99-.98 1l-2.04.04-.04 2.93c0 .55-.44 1-.99 1l-11.91.07c-.55 0-1-.45-1-1V20h-.61c-4.52 0-7.42-3.74-7.42-8v-.93c0-.56.46-1.01 1.01-1l2 .03c.55 0 .99.45.99 1v.9c0 2.09 1.07 4 3.42 4H26c2.81 0 4.99 2.19 4.99 5ZM7.53 8H9c.55 0 1-.45 1-1V1c0-.55-.44-1-1-1S8 .45 8 1l-.02 2H7.5a2.5 2.5 0 0 0 0 5h.04Z" })));
+        return (h("svg", { key: '1baa3c3f939b04c2fba1ff6a235f282264db4a3f', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '70a326a3eecdfaa77ec4872a287e74a883c3bcd5', d: "m14.2 5.29.12.03c.56.13 1.12.2 1.66.2 2.07 0 4.08-.86 5.53-2.36l1.6-1.58 1.37 1.36a7.68 7.68 0 0 0 3.07 2.09l.22.08-.07-.23C26.8 1.96 24.05-.08 21-.08s-5.97 2.16-6.77 5.25l-.03.11Zm-.18 2.06v.16c.31 3.6 3.38 6.41 6.98 6.41s6.76-2.89 6.98-6.58v-.1l-.65-.13a9.545 9.545 0 0 1-4.15-2.77l-.09-.1-.09.1c-1.79 2.06-4.36 3.24-7.03 3.24-.59 0-1.19-.07-1.8-.19l-.15-.03Zm16.96 13.64.03 9.98c0 .54-.44.99-.98 1l-2.04.04-.04 2.93c0 .55-.44 1-.99 1l-11.91.07c-.55 0-1-.45-1-1V20h-.61c-4.52 0-7.42-3.74-7.42-8v-.93c0-.56.46-1.01 1.01-1l2 .03c.55 0 .99.45.99 1v.9c0 2.09 1.07 4 3.42 4H26c2.81 0 4.99 2.19 4.99 5ZM7.53 8H9c.55 0 1-.45 1-1V1c0-.55-.44-1-1-1S8 .45 8 1l-.02 2H7.5a2.5 2.5 0 0 0 0 5h.04Z" })));
     }
     static get is() { return "utrecht-icon-alleen"; }
     static get encapsulation() { return "shadow"; }