@utrecht/web-component-library-stencil 2.0.0 → 2.1.0

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconWerken {
     render() {
-        return (h("svg", { key: '587122482f9766e772348254e82b3782b246d446', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '435af6aa488725be1cf9f271678d13d640fb0ac6', d: "m21 20 14-2v12.95A3.05 3.05 0 0 1 31.95 34H4.05A3.05 3.05 0 0 1 1 30.95V18l14 2v2.22c0 .43.35.78.78.78h4.43c.43 0 .78-.35.78-.78V20ZM36 7.93v6.58c0 .82-.66 1.48-1.48 1.48l-13.52 2v-1.22c0-.43-.35-.78-.78-.78h-4.43c-.43 0-.78.35-.78.78v1.22l-13.51-2c-.83 0-1.49-.67-1.49-1.49V7.93C.01 6.31 1.32 5 2.94 5h9.07V1.11c0-.61.5-1.11 1.11-1.11h9.78c.61 0 1.11.5 1.11 1.11V5h9.07c1.62 0 2.93 1.31 2.93 2.93ZM22 2h-8v3h8zm-5 16v3h2v-3z" })));
+        return (h("svg", { key: 'b8c51e1cb6c0eb07b14508da7dbad277e92974db', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'a9afcc6858f35d4fa38421c579b1eafe73090b59', d: "m21 20 14-2v12.95A3.05 3.05 0 0 1 31.95 34H4.05A3.05 3.05 0 0 1 1 30.95V18l14 2v2.22c0 .43.35.78.78.78h4.43c.43 0 .78-.35.78-.78V20ZM36 7.93v6.58c0 .82-.66 1.48-1.48 1.48l-13.52 2v-1.22c0-.43-.35-.78-.78-.78h-4.43c-.43 0-.78.35-.78.78v1.22l-13.51-2c-.83 0-1.49-.67-1.49-1.49V7.93C.01 6.31 1.32 5 2.94 5h9.07V1.11c0-.61.5-1.11 1.11-1.11h9.78c.61 0 1.11.5 1.11 1.11V5h9.07c1.62 0 2.93 1.31 2.93 2.93ZM22 2h-8v3h8zm-5 16v3h2v-3z" })));
     }
     static get is() { return "utrecht-icon-werken"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconWerkzaamheden {
     render() {
-        return (h("svg", { key: '606d794ef8bf9c1fe0a05454123d3b213a2ef0a3', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '0a51f44260fab9a7b7d968ae9dac98ef4ce2786a', d: "m18.24 19.62-1.37 2.44 1.64.82zm-4.2-1.56-1.15 2.02 1.22.61 1.03-1.71.68-1.29-1.14-.04c-.11 0-.38 0-.64.42Z" }), h("path", { key: '78f211720ec5042d23dabdb103f475f6c293b057', d: "M35.52 31.02 19.63 2.98c-.36-.63-1.02-1.01-1.74-1.01s-1.38.39-1.74 1.01L.26 31.02c-.35.62-.35 1.38 0 1.99.36.61 1.02.99 1.73.99h31.78c.71 0 1.37-.38 1.73-.99s.36-1.37.01-1.99ZM20.49 13.91c.83 0 1.5.68 1.5 1.5s-.68 1.5-1.5 1.5-1.5-.68-1.5-1.5.68-1.5 1.5-1.5M17.6 28.89h-1.5v-3.05c0-.15-.04-.29-.13-.42l-1.56-2.33-3.42 5.68L9.7 28l3.63-6.03-2.53-1.27 1.96-3.43c.67-1.03 1.62-1.19 2.05-1.13l3.06.12c1.12 0 1.71 1.21 1.79 2.41l.42 5 1.99 1-.91.37c-.27.11-.47.3-.63.53l-3.99-1.99.68 1.02c.25.37.38.8.38 1.25v3.05Zm10.05-.36c-.14.23-.38.36-.65.36h-6.04c-.25 0-.49-.13-.63-.34a.748.748 0 0 1-.06-.71l.76-1.72c.08-.18.22-.32.4-.39l1.44-.58 1.08-1.72c.14-.22.38-.35.64-.35h.02a.7.7 0 0 1 .63.39l2.4 4.34c.13.23.12.51-.01.73h.02Z" })));
+        return (h("svg", { key: '134377b3ed1ffc784c1a097f2a05dc3a36f6f325', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'c83ec077e1f57bebac644e03090d1ccfb6c1057f', d: "m18.24 19.62-1.37 2.44 1.64.82zm-4.2-1.56-1.15 2.02 1.22.61 1.03-1.71.68-1.29-1.14-.04c-.11 0-.38 0-.64.42Z" }), h("path", { key: '1377d0a0277c5976223c62c63312d4484af3e380', d: "M35.52 31.02 19.63 2.98c-.36-.63-1.02-1.01-1.74-1.01s-1.38.39-1.74 1.01L.26 31.02c-.35.62-.35 1.38 0 1.99.36.61 1.02.99 1.73.99h31.78c.71 0 1.37-.38 1.73-.99s.36-1.37.01-1.99ZM20.49 13.91c.83 0 1.5.68 1.5 1.5s-.68 1.5-1.5 1.5-1.5-.68-1.5-1.5.68-1.5 1.5-1.5M17.6 28.89h-1.5v-3.05c0-.15-.04-.29-.13-.42l-1.56-2.33-3.42 5.68L9.7 28l3.63-6.03-2.53-1.27 1.96-3.43c.67-1.03 1.62-1.19 2.05-1.13l3.06.12c1.12 0 1.71 1.21 1.79 2.41l.42 5 1.99 1-.91.37c-.27.11-.47.3-.63.53l-3.99-1.99.68 1.02c.25.37.38.8.38 1.25v3.05Zm10.05-.36c-.14.23-.38.36-.65.36h-6.04c-.25 0-.49-.13-.63-.34a.748.748 0 0 1-.06-.71l.76-1.72c.08-.18.22-.32.4-.39l1.44-.58 1.08-1.72c.14-.22.38-.35.64-.35h.02a.7.7 0 0 1 .63.39l2.4 4.34c.13.23.12.51-.01.73h.02Z" })));
     }
     static get is() { return "utrecht-icon-werkzaamheden"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconWhatsapp {
     render() {
-        return (h("svg", { key: 'da36363f97e878a142f562d5529d31458b97874e', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'eae62f9d00aad7b40dfeb6b36ec3c57c4b71bcb7', d: "M30.69 5.24A17.822 17.822 0 0 0 18.03 0C8.19 0 .15 7.99.15 17.84c0 3.16.81 6.2 2.38 8.92L0 36l9.47-2.49c2.61 1.42 5.55 2.17 8.54 2.17 9.84 0 17.89-7.99 17.89-17.84.03-4.72-1.83-9.21-5.2-12.6ZM18.06 32.7c-2.67 0-5.29-.72-7.58-2.06l-.55-.32L4.3 31.8l1.51-5.47-.35-.55c-1.48-2.35-2.27-5.1-2.27-7.88 0-8.17 6.68-14.83 14.87-14.83 3.98 0 7.7 1.53 10.51 4.34s4.36 6.52 4.36 10.48c-.03 8.14-6.68 14.8-14.87 14.8Zm8.13-11.09c-.44-.23-2.64-1.3-3.05-1.45-.41-.14-.7-.23-1.02.23-.29.43-1.16 1.45-1.42 1.74-.26.29-.52.35-.96.12-.44-.23-1.89-.7-3.6-2.2a14.009 14.009 0 0 1-2.47-3.13c-.26-.43-.03-.67.2-.9.2-.2.44-.52.67-.78.23-.26.29-.43.44-.75.17-.29.09-.55-.03-.78-.12-.2-.99-2.4-1.36-3.3-.35-.87-.73-.75-1.02-.75-.26 0-.55-.03-.84-.03s-.78.12-1.19.55c-.44.46-1.57 1.53-1.57 3.74s1.6 4.32 1.83 4.6c.23.29 3.14 4.81 7.64 6.72 1.07.46 1.89.72 2.56.93 1.07.35 2.03.29 2.82.17.87-.12 2.64-1.07 3.02-2.11.38-1.04.38-1.94.26-2.11-.15-.17-.44-.29-.9-.49Z" })));
+        return (h("svg", { key: '812cd34d7a82a85d4b42d1d5041e0631607b3f5f', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '0d67409183e24e8954ba7734c6fe24d2ea66fa99', d: "M30.69 5.24A17.822 17.822 0 0 0 18.03 0C8.19 0 .15 7.99.15 17.84c0 3.16.81 6.2 2.38 8.92L0 36l9.47-2.49c2.61 1.42 5.55 2.17 8.54 2.17 9.84 0 17.89-7.99 17.89-17.84.03-4.72-1.83-9.21-5.2-12.6ZM18.06 32.7c-2.67 0-5.29-.72-7.58-2.06l-.55-.32L4.3 31.8l1.51-5.47-.35-.55c-1.48-2.35-2.27-5.1-2.27-7.88 0-8.17 6.68-14.83 14.87-14.83 3.98 0 7.7 1.53 10.51 4.34s4.36 6.52 4.36 10.48c-.03 8.14-6.68 14.8-14.87 14.8Zm8.13-11.09c-.44-.23-2.64-1.3-3.05-1.45-.41-.14-.7-.23-1.02.23-.29.43-1.16 1.45-1.42 1.74-.26.29-.52.35-.96.12-.44-.23-1.89-.7-3.6-2.2a14.009 14.009 0 0 1-2.47-3.13c-.26-.43-.03-.67.2-.9.2-.2.44-.52.67-.78.23-.26.29-.43.44-.75.17-.29.09-.55-.03-.78-.12-.2-.99-2.4-1.36-3.3-.35-.87-.73-.75-1.02-.75-.26 0-.55-.03-.84-.03s-.78.12-1.19.55c-.44.46-1.57 1.53-1.57 3.74s1.6 4.32 1.83 4.6c.23.29 3.14 4.81 7.64 6.72 1.07.46 1.89.72 2.56.93 1.07.35 2.03.29 2.82.17.87-.12 2.64-1.07 3.02-2.11.38-1.04.38-1.94.26-2.11-.15-.17-.44-.29-.9-.49Z" })));
     }
     static get is() { return "utrecht-icon-whatsapp"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconWonenKosten {
     render() {
-        return (h("svg", { key: 'e5955d68046ad4e478f394565b428a55a224c63c', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '301182d799963798146d68c522d18f2d6712536b', d: "M35.86 33.89c.26.39.16.91-.23 1.17-.93.63-1.97.94-3 .94-1.53 0-3.04-.68-4.18-1.98-.58-.66-1-1.42-1.29-2.24h-1.28c-.47 0-.84-.38-.84-.84s.38-.84.84-.84h.91c-.06-.56-.06-1.13 0-1.69h-.91c-.47 0-.84-.38-.84-.84s.38-.84.84-.84h1.28c.27-.78.67-1.51 1.21-2.15 1.91-2.27 4.9-2.74 7.26-1.14.39.26.49.78.23 1.17-.26.39-.79.49-1.17.23-1.63-1.1-3.7-.76-5.03.83-.27.32-.48.68-.66 1.06h3.63c.47 0 .84.38.84.84s-.38.84-.84.84h-4.16c-.08.56-.07 1.13 0 1.69h4.15c.47 0 .84.38.84.84s-.38.84-.84.84h-3.63c.2.4.43.79.72 1.13 1.35 1.54 3.35 1.85 4.97.75a.84.84 0 0 1 1.17.23Zm-4.93-19.4-.02.02c-.36.41-.98.45-1.39.1l-1.97-1.7v1.1h.02v6.57c-.2.2-.4.38-.58.59-.47.56-.87 1.17-1.21 1.83h-.21c-1.66 0-3 1.34-3 3v4H4.58c-.55 0-1-.44-1-1l.02-16.14-1.96 1.72a.983.983 0 0 1-1.39-.09H.24a.997.997 0 0 1 .1-1.41L14.93.24a1 1 0 0 1 1.3 0l9.35 8.3V6c0-.54.44-.98.98-.99.55 0 .99.44.99.99v4.27l3.27 2.83c.41.36.46.98.1 1.39Zm-11.35 5.53v-4c0-.55-.45-1-1-1h-5.99c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h5.99c.55 0 1-.45 1-1" })));
+        return (h("svg", { key: 'c2271e13f04a714c9b14b89305fcf174b8fc8fcc', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '6b578d15a6efd1e977b25f57ec546497c973d7bd', d: "M35.86 33.89c.26.39.16.91-.23 1.17-.93.63-1.97.94-3 .94-1.53 0-3.04-.68-4.18-1.98-.58-.66-1-1.42-1.29-2.24h-1.28c-.47 0-.84-.38-.84-.84s.38-.84.84-.84h.91c-.06-.56-.06-1.13 0-1.69h-.91c-.47 0-.84-.38-.84-.84s.38-.84.84-.84h1.28c.27-.78.67-1.51 1.21-2.15 1.91-2.27 4.9-2.74 7.26-1.14.39.26.49.78.23 1.17-.26.39-.79.49-1.17.23-1.63-1.1-3.7-.76-5.03.83-.27.32-.48.68-.66 1.06h3.63c.47 0 .84.38.84.84s-.38.84-.84.84h-4.16c-.08.56-.07 1.13 0 1.69h4.15c.47 0 .84.38.84.84s-.38.84-.84.84h-3.63c.2.4.43.79.72 1.13 1.35 1.54 3.35 1.85 4.97.75a.84.84 0 0 1 1.17.23Zm-4.93-19.4-.02.02c-.36.41-.98.45-1.39.1l-1.97-1.7v1.1h.02v6.57c-.2.2-.4.38-.58.59-.47.56-.87 1.17-1.21 1.83h-.21c-1.66 0-3 1.34-3 3v4H4.58c-.55 0-1-.44-1-1l.02-16.14-1.96 1.72a.983.983 0 0 1-1.39-.09H.24a.997.997 0 0 1 .1-1.41L14.93.24a1 1 0 0 1 1.3 0l9.35 8.3V6c0-.54.44-.98.98-.99.55 0 .99.44.99.99v4.27l3.27 2.83c.41.36.46.98.1 1.39Zm-11.35 5.53v-4c0-.55-.45-1-1-1h-5.99c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h5.99c.55 0 1-.45 1-1" })));
     }
     static get is() { return "utrecht-icon-wonen-kosten"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconWoningZoeken {
     render() {
-        return (h("svg", { key: 'dc1b17c717fe2575eee70b905c8b6c2cec412dd7', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '265b00cafbc23fe3314a0b0ee654530b1ac72a23', d: "m35.41 23.97-7.58-7.59c-.38-.38-.88-.59-1.42-.59s-1.04.21-1.42.59-1.63-1.63-1.63-1.63a8.986 8.986 0 0 0 2.05-5.72c0-4.98-4.04-9.02-9.01-9.02S7.41 4.05 7.41 9.02s4.04 9.02 9.01 9.02c2.08 0 4-.72 5.52-1.91l1.65 1.65-.05.05c-.78.78-.78 2.05 0 2.84l7.58 7.59c.39.39.9.59 1.42.59s1.03-.2 1.42-.59l1.46-1.46a2.006 2.006 0 0 0 0-2.84Zm-18.99-7.92c-3.86 0-7.01-3.15-7.01-7.02s3.14-7.02 7.01-7.02 7.01 3.15 7.01 7.02-3.14 7.02-7.01 7.02M0 25.41V35c0 .55.45 1 1 1h7.01c.55 0 1-.45 1-1v-9.58c0-.29-.12-.56-.33-.75l-3.54-3.18c-.38-.34-.96-.34-1.34 0L.33 24.66a1 1 0 0 0-.33.74Zm6.05 6.58c0 .55-.45 1-1 1h-1c-.55 0-1-.45-1-1s.45-1 1-1h1c.55 0 1 .45 1 1m0-4.01c0 .55-.45 1-1 1h-1c-.55 0-1-.45-1-1s.45-1 1-1h1c.55 0 1 .45 1 1m4.96-2.57V35c0 .55.45 1 1 1h7.01c.55 0 1-.45 1-1v-9.58c0-.29-.12-.56-.33-.75l-3.54-3.18c-.38-.34-.96-.34-1.34 0l-3.47 3.17a1 1 0 0 0-.33.74Zm6.05 6.58c0 .55-.45 1-1 1h-1c-.55 0-1-.45-1-1s.45-1 1-1h1c.55 0 1 .45 1 1m0-4.01c0 .55-.45 1-1 1h-1c-.55 0-1-.45-1-1s.45-1 1-1h1c.55 0 1 .45 1 1" })));
+        return (h("svg", { key: '95139a80c925572f49eb544cb0cdd1f93612e8d1', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '39aba41fde01625e9662ab287509406a8e549378', d: "m35.41 23.97-7.58-7.59c-.38-.38-.88-.59-1.42-.59s-1.04.21-1.42.59-1.63-1.63-1.63-1.63a8.986 8.986 0 0 0 2.05-5.72c0-4.98-4.04-9.02-9.01-9.02S7.41 4.05 7.41 9.02s4.04 9.02 9.01 9.02c2.08 0 4-.72 5.52-1.91l1.65 1.65-.05.05c-.78.78-.78 2.05 0 2.84l7.58 7.59c.39.39.9.59 1.42.59s1.03-.2 1.42-.59l1.46-1.46a2.006 2.006 0 0 0 0-2.84Zm-18.99-7.92c-3.86 0-7.01-3.15-7.01-7.02s3.14-7.02 7.01-7.02 7.01 3.15 7.01 7.02-3.14 7.02-7.01 7.02M0 25.41V35c0 .55.45 1 1 1h7.01c.55 0 1-.45 1-1v-9.58c0-.29-.12-.56-.33-.75l-3.54-3.18c-.38-.34-.96-.34-1.34 0L.33 24.66a1 1 0 0 0-.33.74Zm6.05 6.58c0 .55-.45 1-1 1h-1c-.55 0-1-.45-1-1s.45-1 1-1h1c.55 0 1 .45 1 1m0-4.01c0 .55-.45 1-1 1h-1c-.55 0-1-.45-1-1s.45-1 1-1h1c.55 0 1 .45 1 1m4.96-2.57V35c0 .55.45 1 1 1h7.01c.55 0 1-.45 1-1v-9.58c0-.29-.12-.56-.33-.75l-3.54-3.18c-.38-.34-.96-.34-1.34 0l-3.47 3.17a1 1 0 0 0-.33.74Zm6.05 6.58c0 .55-.45 1-1 1h-1c-.55 0-1-.45-1-1s.45-1 1-1h1c.55 0 1 .45 1 1m0-4.01c0 .55-.45 1-1 1h-1c-.55 0-1-.45-1-1s.45-1 1-1h1c.55 0 1 .45 1 1" })));
     }
     static get is() { return "utrecht-icon-woning-zoeken"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconX {
     render() {
-        return (h("svg", { key: 'fe7d0cdcc6bac34f17811d5efeb4f30961adf257', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'c3795a3853f207918c55ab9711b1e2357ccf176b', d: "M20.86 15.28 33.91.06h-3.09L19.49 13.27 10.44.06H0l13.69 19.98L0 36h3.09l11.97-13.96L24.62 36h10.44L20.87 15.28Zm-4.24 4.94-1.39-1.99L4.21 2.39h4.75l8.9 12.78 1.39 1.99 11.57 16.61h-4.75l-9.44-13.55Z" })));
+        return (h("svg", { key: '9d26e23503c7dfe8724dd0b57086fe93af28ef95', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '194d01d2eae50d1f1755748a2a9f1e97c9cdc4db', d: "M20.86 15.28 33.91.06h-3.09L19.49 13.27 10.44.06H0l13.69 19.98L0 36h3.09l11.97-13.96L24.62 36h10.44L20.87 15.28Zm-4.24 4.94-1.39-1.99L4.21 2.39h4.75l8.9 12.78 1.39 1.99 11.57 16.61h-4.75l-9.44-13.55Z" })));
     }
     static get is() { return "utrecht-icon-x"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconYoutube {
     render() {
-        return (h("svg", { key: '004d357f85d01657e5e06956053846af4ce722cf', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'a5d5854c40046a99cab9326e385aed6d22019ff1', d: "M35.25 9.28a4.493 4.493 0 0 0-3.18-3.2C29.26 5.32 18 5.32 18 5.32s-11.26 0-14.06.76a4.51 4.51 0 0 0-3.18 3.2C.01 12.11.01 18 .01 18s0 5.9.75 8.72a4.493 4.493 0 0 0 3.18 3.2c2.81.76 14.06.76 14.06.76s11.26 0 14.07-.76a4.51 4.51 0 0 0 3.18-3.2C36 23.89 36 18 36 18s0-5.9-.75-8.72M14.32 23.35v-10.7L23.73 18z" })));
+        return (h("svg", { key: '8fe0c74b2968f8f57d7274673a9f74579c4a1065', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '38bb56de60decfc5a1f034f2936e87132c62975c', d: "M35.25 9.28a4.493 4.493 0 0 0-3.18-3.2C29.26 5.32 18 5.32 18 5.32s-11.26 0-14.06.76a4.51 4.51 0 0 0-3.18 3.2C.01 12.11.01 18 .01 18s0 5.9.75 8.72a4.493 4.493 0 0 0 3.18 3.2c2.81.76 14.06.76 14.06.76s11.26 0 14.07-.76a4.51 4.51 0 0 0 3.18-3.2C36 23.89 36 18 36 18s0-5.9-.75-8.72M14.32 23.35v-10.7L23.73 18z" })));
     }
     static get is() { return "utrecht-icon-youtube"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconZelfstandigWonen {
     render() {
-        return (h("svg", { key: '966fa2f31c342e868ddb971f8b8ff63d63244338', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '242d77dce048c08b236a2675c4c511644078362e', d: "M9.36 17.99c1.35 0 2.45-1.12 2.45-2.5s-1.1-2.5-2.45-2.5-2.45 1.12-2.45 2.5 1.1 2.5 2.45 2.5M5.24 33.85c-1.52-.39-2.74-1.64-3.13-3.18-.56-2.23.53-4.27 2.29-5.17.32-.17.52-.51.52-.88 0-.76-.79-1.25-1.45-.9C1.1 24.96-.41 27.65.09 30.64c.45 2.66 2.56 4.81 5.18 5.27 2.93.51 5.58-1.03 6.8-3.43.34-.67-.14-1.47-.88-1.47-.36 0-.7.2-.86.53-.89 1.78-2.89 2.9-5.09 2.33Z" }), h("path", { key: 'e16645c4c798ea75f84e8ecce3c5157342d24ae7', d: "M14.79 25.99h-2.98v-4c0-1.38-1.1-2.5-2.45-2.5s-2.47 1.12-2.47 2.5v4.53c0 1.36 1.09 2.47 2.43 2.47h5.44v7h2.95v-7.03c0-1.64-1.32-2.98-2.93-2.98Z" }), h("path", { key: 'e9022311ddfab68a2d552665a9c454e75064bc06', d: "m35.66 13.1-3.22-2.83V6c0-.55-.44-.99-.97-.99s-.97.44-.97.99v2.54L21.3.24a.96.96 0 0 0-1.27 0L7.62 11.35c.53-.23 1.12-.37 1.74-.37 2.44 0 4.42 2.02 4.42 4.5 0 1.28-.52 2.43-1.37 3.25a4.53 4.53 0 0 1 1.37 3.25v2h1.01c2.7 0 4.89 2.23 4.89 4.98v1.06H31.5c.54 0 .97-.44.97-.99l-.03-16.12 1.93 1.7c.4.35 1.01.31 1.36-.1l.02-.02a.992.992 0 0 0-.1-1.39ZM24.6 21.04c0 .54-.43.99-.97.99h-5.92c-.54 0-.98-.45-.98-1v-4.01c0-.55.44-1 .98-1h5.92c.54 0 .97.44.97.99z" })));
+        return (h("svg", { key: '4518e72050846f780af2c200ea08718612db6f86', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '4e867a2c1901ed2a4a38f1695bca520c6d6e0fe4', d: "M9.36 17.99c1.35 0 2.45-1.12 2.45-2.5s-1.1-2.5-2.45-2.5-2.45 1.12-2.45 2.5 1.1 2.5 2.45 2.5M5.24 33.85c-1.52-.39-2.74-1.64-3.13-3.18-.56-2.23.53-4.27 2.29-5.17.32-.17.52-.51.52-.88 0-.76-.79-1.25-1.45-.9C1.1 24.96-.41 27.65.09 30.64c.45 2.66 2.56 4.81 5.18 5.27 2.93.51 5.58-1.03 6.8-3.43.34-.67-.14-1.47-.88-1.47-.36 0-.7.2-.86.53-.89 1.78-2.89 2.9-5.09 2.33Z" }), h("path", { key: '99379c8f2993ff01aa7d02fd781fd4c24a820c92', d: "M14.79 25.99h-2.98v-4c0-1.38-1.1-2.5-2.45-2.5s-2.47 1.12-2.47 2.5v4.53c0 1.36 1.09 2.47 2.43 2.47h5.44v7h2.95v-7.03c0-1.64-1.32-2.98-2.93-2.98Z" }), h("path", { key: '60bc2a229390ccd81ab8e0239be295cdade6526f', d: "m35.66 13.1-3.22-2.83V6c0-.55-.44-.99-.97-.99s-.97.44-.97.99v2.54L21.3.24a.96.96 0 0 0-1.27 0L7.62 11.35c.53-.23 1.12-.37 1.74-.37 2.44 0 4.42 2.02 4.42 4.5 0 1.28-.52 2.43-1.37 3.25a4.53 4.53 0 0 1 1.37 3.25v2h1.01c2.7 0 4.89 2.23 4.89 4.98v1.06H31.5c.54 0 .97-.44.97-.99l-.03-16.12 1.93 1.7c.4.35 1.01.31 1.36-.1l.02-.02a.992.992 0 0 0-.1-1.39ZM24.6 21.04c0 .54-.43.99-.97.99h-5.92c-.54 0-.98-.45-.98-1v-4.01c0-.55.44-1 .98-1h5.92c.54 0 .97.44.97.99z" })));
     }
     static get is() { return "utrecht-icon-zelfstandig-wonen"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconZoomMinus {
     render() {
-        return (h("svg", { key: '5485fd84780d423366c5853f4656cd9501761fc9', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '68c41f9369d045a22328237582cbadc4b9fc7460' }, h("clipPath", { key: '719e5fe67f30373d3b821aabed74245428066d23', id: "a" }, h("path", { key: 'c3f39c906ef2c46dacfd7d74ee2b173dbb3dc806', "stroke-width": "0", d: "M0 6h14v2H0z" }))), h("g", { key: 'c6931d456965c4406aa88750ec2de466dcdaf433', "clip-path": "url(#a)" }, h("path", { key: '4d545717a5e7975f730e74850601ad1ac1aa7f03', d: "M13 8H1c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1" }))));
+        return (h("svg", { key: 'a7d68a857430b8babc8b6ba3cd06b29c5b43d2cf', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '9682eed2e66d6cf5339a2abb7934df554a2d9a58' }, h("clipPath", { key: '3d2e64eafd980c3b01177c5959ebd3499f17431f', id: "a" }, h("path", { key: 'd5d7de083a7c6a8db98b22eed76294c0b3354872', "stroke-width": "0", d: "M0 6h14v2H0z" }))), h("g", { key: '7532a293089fd8993eee824ecadd659ebf54e7ec', "clip-path": "url(#a)" }, h("path", { key: '983f53dd28fccaeb5b1348bdbe21dfb102520f7d', d: "M13 8H1c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1" }))));
     }
     static get is() { return "utrecht-icon-zoom-minus"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconZoomPlus {
     render() {
-        return (h("svg", { key: '964a293f91016dfbbe2909692190bb807371f8fd', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '8bd2fbe091f1f4bf55ee96b411c8a0332be233e8' }, h("clipPath", { key: 'bf361cd8f860f2865f2b7998ab2bf9abf14fb05a', id: "a" }, h("path", { key: '7a26ddbdbf1ae9d5b1734e3ca748e35b5ef47bed', "stroke-width": "0", d: "M0 0h14v14H0z" }))), h("g", { key: 'daae0154e87746fd1893da571b718bcc8456bbdc', "clip-path": "url(#a)" }, h("path", { key: '0faf6db357cc115fcb1db178dfc0bb38aa0e634f', "fill-rule": "evenodd", d: "M7 0c.48 0 .88.39.88.88v5.25h5.25c.48 0 .88.39.88.88s-.39.88-.88.88H7.88v5.25c0 .48-.39.88-.88.88s-.88-.39-.88-.88V7.89H.88C.4 7.89 0 7.5 0 7.01s.39-.88.88-.88h5.25V.88c0-.48.39-.88.88-.88Z" }))));
+        return (h("svg", { key: '23a1781d3b5b226886919f3815f0557bbdd71925', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '20b6597606e30bcae8485bc3033648e8d4dafe87' }, h("clipPath", { key: '1edf4ac61163ef25305720d82d670bedd826fe39', id: "a" }, h("path", { key: 'e5bd2cbc0620866594d984744fe4107e33bfe1b7', "stroke-width": "0", d: "M0 0h14v14H0z" }))), h("g", { key: 'c10592d5dd5f0e4071e70f8dbe8dc7a9237dc200', "clip-path": "url(#a)" }, h("path", { key: '42a68341cbb230ba2c2e0af56a6bb49a345aedeb', "fill-rule": "evenodd", d: "M7 0c.48 0 .88.39.88.88v5.25h5.25c.48 0 .88.39.88.88s-.39.88-.88.88H7.88v5.25c0 .48-.39.88-.88.88s-.88-.39-.88-.88V7.89H.88C.4 7.89 0 7.5 0 7.01s.39-.88.88-.88h5.25V.88c0-.48.39-.88.88-.88Z" }))));
     }
     static get is() { return "utrecht-icon-zoom-plus"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconZoomin {
     render() {
-        return (h("svg", { key: 'ba88c3f2c47ed35059f549f4d7eee2b0c982da69', viewBox: "-1 -2 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '26b6a434666393cc0537d739fec9336a9c0143bd', d: "M11.6 5a.6.6 0 0 1 .6.6v10.8a.6.6 0 0 1-.6.6h-1.2a.6.6 0 0 1-.6-.6V5.6a.6.6 0 0 1 .6-.6z" }), h("path", { key: 'dce896e398f8b82e8fe098c375540f34f5d83597', d: "M5 10.4a.6.6 0 0 1 .6-.6h10.8a.6.6 0 0 1 .6.6v1.2a.6.6 0 0 1-.6.6H5.6a.6.6 0 0 1-.6-.6z" })));
+        return (h("svg", { key: '2be9dfc083414ec6586895bd840f21624172d67f', viewBox: "-1 -2 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'd047ed2ba02f4226638c4834c4293d60502bd761', d: "M11.6 5a.6.6 0 0 1 .6.6v10.8a.6.6 0 0 1-.6.6h-1.2a.6.6 0 0 1-.6-.6V5.6a.6.6 0 0 1 .6-.6z" }), h("path", { key: '1cd4dcaa770882eb85deeb19a3982b3339c65d0f', d: "M5 10.4a.6.6 0 0 1 .6-.6h10.8a.6.6 0 0 1 .6.6v1.2a.6.6 0 0 1-.6.6H5.6a.6.6 0 0 1-.6-.6z" })));
     }
     static get is() { return "utrecht-icon-zoomin"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconZoomout {
     render() {
-        return (h("svg", { key: '79b154564b29b81d231a2a437b9720589a80bc47', viewBox: "-6 -11 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '5ac2a5aed6ec39618dba6a5eb5099e2276680826', d: "M0 .5A.5.5 0 0 1 .5 0h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5z" })));
+        return (h("svg", { key: '364e9fbe82a1f5274499ff6c56e26a0b3fbaea38', viewBox: "-6 -11 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'a2e6e35d42391eca7b8c270105079f0e3b59662e', d: "M0 .5A.5.5 0 0 1 .5 0h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5z" })));
     }
     static get is() { return "utrecht-icon-zoomout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconZorgHuis {
     render() {
-        return (h("svg", { key: 'e5cdbbaf324f2ed54ead801f508b6bf977477dab', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '669d401dd05177576693c7aaef64977d9c47097a', d: "M0 23.87h5.3V33.9H0zm31.15 6.47-11 .67-3.96-1.19.59-1.75 3.88 1.15 3.75-.3c-.01-.1-.34-2.61-3.69-3.5l-6.64-1.9-6.68.96v8.47l12.74 3.06 15.85-3.15s0-2.52-4.85-2.52Z" }), h("path", { key: 'fdad862ddf08ce9d6e09bfd8d163780c520bad7a', d: "m7.61 14.35 1.92-1.59.04 9.55 4.16-.62c.24-.04.49-.02.72.06l7.22 2.17c3.43.95 4.5 3.18 4.69 4.63l4.38-.2V12.82l2.13 1.74 2.07-2.37-4.24-3.6V3.81h-3.18v2.22L20.11 0 5.52 12.08l2.09 2.26Zm9.34-2.52h6.35v5.01h-6.35z" })));
+        return (h("svg", { key: '7d3344b9c3d6321ee5ecd072ac76064c816baeea', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '0030249f19688f3f5c099542b6641fdd1b538a5a', d: "M0 23.87h5.3V33.9H0zm31.15 6.47-11 .67-3.96-1.19.59-1.75 3.88 1.15 3.75-.3c-.01-.1-.34-2.61-3.69-3.5l-6.64-1.9-6.68.96v8.47l12.74 3.06 15.85-3.15s0-2.52-4.85-2.52Z" }), h("path", { key: '45c8fa83081161e808f36e670e123736c455a2e9', d: "m7.61 14.35 1.92-1.59.04 9.55 4.16-.62c.24-.04.49-.02.72.06l7.22 2.17c3.43.95 4.5 3.18 4.69 4.63l4.38-.2V12.82l2.13 1.74 2.07-2.37-4.24-3.6V3.81h-3.18v2.22L20.11 0 5.52 12.08l2.09 2.26Zm9.34-2.52h6.35v5.01h-6.35z" })));
     }
     static get is() { return "utrecht-icon-zorg-huis"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconZweefpaal {
     render() {
-        return (h("svg", { key: '87a5001f876228bf840cebdd2ec1f903fabacbe4', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '3af91af7b5264c3bd3c7258c5070d4c4551324f8', d: "M30 32v2H6v-2h6V20h12v12zM14 12h8c1.34 0 2 .9 2 2.02V18H12v-4c0-1.1.68-2 2-2" })));
+        return (h("svg", { key: '6b8469e543c5f7a3ee82c73623bbdf9064ae04dc', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'be8375f02f0ed4e7ce0fa7f69fccf339766bc45f', d: "M30 32v2H6v-2h6V20h12v12zM14 12h8c1.34 0 2 .9 2 2.02V18H12v-4c0-1.1.68-2 2-2" })));
     }
     static get is() { return "utrecht-icon-zweefpaal"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconZwemmen {
     render() {
-        return (h("svg", { key: 'eaffd344608820054034a1cdd14d7a62a6371cfd', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '9873dee75d7ccc64ad130ed1f00cbd515d3e07eb', d: "M26.4 15.13a3.521 3.521 0 0 1 1.49-4.74 3.49 3.49 0 0 1 4.72 1.49c.89 1.72.23 3.84-1.49 4.74-1.71.9-3.83.23-4.72-1.49m5.76 4.52c-1.53 0-3.06.43-4.47 1.18-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.07c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73Zm-4.47 5.61c-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.06c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73c-1.53 0-3.06.43-4.47 1.18Zm-13.6-14.41-7.62 3.82c-.46.23-.65.79-.42 1.25l.06.13c.23.46.78.65 1.24.42l5.86-2.89 1.17-.58c.99-.49 2.19-.08 2.68.91l-8.65 4.11c.29.13.42.23.69.36.68.34 1.21.61 1.76.64h.13c.6 0 1.16-.27 2.04-.7.17-.09.35-.17.53-.26 1.42-.68 2.97-1.04 4.48-1.04.7 0 1.4.08 2.08.23 1.02.23 1.87.64 2.61 1.01.42.21.82.4 1.21.55.35.13.78.21.78.21s.57.03.78-.33c.21-.35-.06-.78-.06-.78l-.72-1.28c-1.07-2.17-3.1-3.99-4.81-5.24a5.725 5.725 0 0 0-5.82-.56Z" })));
+        return (h("svg", { key: '1770c1c2336b60ac2ca70e1dc080e088492be659', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '3ded24f8a6bdb6dc198b24b1ea541b30132de6d8', d: "M26.4 15.13a3.521 3.521 0 0 1 1.49-4.74 3.49 3.49 0 0 1 4.72 1.49c.89 1.72.23 3.84-1.49 4.74-1.71.9-3.83.23-4.72-1.49m5.76 4.52c-1.53 0-3.06.43-4.47 1.18-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.07c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73Zm-4.47 5.61c-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.06c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73c-1.53 0-3.06.43-4.47 1.18Zm-13.6-14.41-7.62 3.82c-.46.23-.65.79-.42 1.25l.06.13c.23.46.78.65 1.24.42l5.86-2.89 1.17-.58c.99-.49 2.19-.08 2.68.91l-8.65 4.11c.29.13.42.23.69.36.68.34 1.21.61 1.76.64h.13c.6 0 1.16-.27 2.04-.7.17-.09.35-.17.53-.26 1.42-.68 2.97-1.04 4.48-1.04.7 0 1.4.08 2.08.23 1.02.23 1.87.64 2.61 1.01.42.21.82.4 1.21.55.35.13.78.21.78.21s.57.03.78-.33c.21-.35-.06-.78-.06-.78l-.72-1.28c-1.07-2.17-3.1-3.99-4.81-5.24a5.725 5.725 0 0 0-5.82-.56Z" })));
     }
     static get is() { return "utrecht-icon-zwemmen"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/html-content.css

@@ -689,7 +689,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
   color: var(--_utrecht-button-color);
   cursor: var(--utrecht-action-activate-cursor, revert);
   display: inline-flex;
-  font-family: var(--_utrecht-button-font-family, var(--utrecht-document-font-family));
+  font-family: var(--utrecht-button-font-family, var(--utrecht-document-font-family));
   font-size: var(--_utrecht-button-font-size, var(--utrecht-document-font-family, inherit));
   font-weight: var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));
   gap: var(--utrecht-button-icon-gap);
@@ -885,12 +885,14 @@ however browsers don't seem to have implemented great looking supixel tweening y
   font-size: var(--utrecht-form-label-font-size);
   font-weight: var(--utrecht-form-label-font-weight);
 }
-.utrecht-html input[type=checkbox i] ~ label {
+.utrecht-html input[type=checkbox i] ~ label,
+.utrecht-html label:has(input[type=checkbox i]) {
   color: var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));
   cursor: var(--utrecht-action-activate-cursor, revert);
   font-weight: var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight));
 }
-.utrecht-html input[type=radio i] ~ label {
+.utrecht-html input[type=radio i] ~ label,
+.utrecht-html label:has(input[type=radio i]) {
   color: var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));
   cursor: var(--utrecht-action-activate-cursor, revert);
   font-weight: var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight));
@@ -1328,6 +1330,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
   color: var(--utrecht-select-color, var(--utrecht-form-control-color));
   font-family: var(--utrecht-select-font-family, var(--utrecht-form-control-font-family));
   font-size: var(--utrecht-select-font-size, var(--utrecht-form-control-font-size));
+  font-weight: var(--utrecht-select-font-size, var(--utrecht-form-control-font-weight, initial)); /* harden with `initial` */
   inline-size: 100%;
   min-block-size: var(--utrecht-select-min-block-size, var(--utrecht-pointer-target-min-size, 44px));
   min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
@@ -1417,7 +1420,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
 .utrecht-html thead {
   --_utrecht-table-header-cell-vertical-align: bottom;
   --_utrecht-table-header-cell-z-index: 8;
-  background-color: var(--utrecht-table-header-background-color);
+  background-color: var(--utrecht-table-header-background-color, transparent);
   break-inside: avoid;
   color: var(--utrecht-table-header-color);
   font-weight: var(--utrecht-table-header-font-weight);
@@ -1487,19 +1490,19 @@ however browsers don't seem to have implemented great looking supixel tweening y
   font-variant-numeric: lining-nums tabular-nums;
 }
 .utrecht-html table.alternate-row-color > tr:nth-child(even) > td, .utrecht-html table.alternate-row-color > tr:nth-child(even) > th {
-  background-color: var(--utrecht-table-row-alternate-even-background-color);
+  background-color: var(--utrecht-table-row-alternate-even-background-color, transparent);
   color: var(--utrecht-table-row-alternate-even-color);
 }
 .utrecht-html table.alternate-row-color > tr:nth-child(odd) > td, .utrecht-html table.alternate-row-color > tr:nth-child(odd) > th {
-  background-color: var(--utrecht-table-row-alternate-odd-background-color);
+  background-color: var(--utrecht-table-row-alternate-odd-background-color, transparent);
   color: var(--utrecht-table-row-alternate-odd-color);
 }
 .utrecht-html table.alternate-row-color > tbody > tr:nth-child(even) > td, .utrecht-html table.alternate-row-color > tbody > tr:nth-child(even) > th {
-  background-color: var(--utrecht-table-row-alternate-even-background-color);
+  background-color: var(--utrecht-table-row-alternate-even-background-color, transparent);
   color: var(--utrecht-table-row-alternate-even-color);
 }
 .utrecht-html table.alternate-row-color > tbody > tr:nth-child(odd) > td, .utrecht-html table.alternate-row-color > tbody > tr:nth-child(odd) > th {
-  background-color: var(--utrecht-table-row-alternate-odd-background-color);
+  background-color: var(--utrecht-table-row-alternate-odd-background-color, transparent);
   color: var(--utrecht-table-row-alternate-odd-color);
 }
 .utrecht-html textarea {
@@ -1507,7 +1510,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
   background-color: var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));
   block-size: initial; /* harden */
   border-width: var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width));
-  border-block-end-width: var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)));
+  border-block-end-width: var(--utrecht-textarea-border-block-end-width, var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)));
   border-color: var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color));
   border-radius: var(--utrecht-textarea-border-radius, var(--utrecht-form-control-border-radius, 0));
   border-style: solid;
@@ -1515,7 +1518,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
   color: var(--utrecht-textarea-color, var(--utrecht-form-control-color));
   font-family: var(--utrecht-textarea-font-family, var(--utrecht-form-control-font-family));
   font-size: var(--utrecht-textarea-font-size, var(--utrecht-form-control-font-size, inherit));
-  font-weight: initial; /* harden */
+  font-weight: var(--utrecht-textarea-font-weight, var(--utrecht-form-control-font-weight, initial)); /* harden with `initial` */
   inline-size: 100%;
   line-height: var(--utrecht-textarea-line-height, initial);
   max-inline-size: var(--utrecht-textarea-max-inline-size, var(--utrecht-form-control-max-inline-size));
@@ -1565,7 +1568,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
   );
   background-color: var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
   border-width: var(--_utrecht-textarea-border-width);
-  border-block-end-width: var(--utrecht-textarea-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textarea-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textarea-border-width)))));
+  border-block-end-width: var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));
   border-color: var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
   color: var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
 }
@@ -1631,7 +1634,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
   color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
   font-family: var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));
   font-size: var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, inherit));
-  font-weight: initial; /* harden */
+  font-weight: var(--utrecht-textbox-font-weight, var(--utrecht-form-control-font-weight, initial)); /* harden with `initial` */
   inline-size: 100%;
   line-height: var(--utrecht-textbox-line-height, var(--utrecht-form-control-line-height, initial));
   min-block-size: var(--utrecht-pointer-target-min-size, 44px);

package/dist/collection/components/number-badge.css

@@ -0,0 +1,59 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+.utrecht-number-badge {
+  /* Limit size to `max-content`, so the badge will not be stretched out of proportion inside a flexbox */
+  background-color: var(--utrecht-number-badge-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));
+  border-radius: var(--utrecht-number-badge-border-radius, var(--utrecht-badge-border-radius, 0.5ch));
+  color: var(--utrecht-number-badge-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));
+  display: inline-block;
+  font-family: var(--utrecht-number-badge-font-family, var(--utrecht-badge-font-family, var(--utrecht-document-font-family, sans-serif)));
+  font-size: var(--utrecht-number-badge-font-size, var(--utrecht-badge-font-size));
+  font-style: var(--utrecht-number-badge-font-style, normal); /* no inheritance */
+  font-weight: var(--utrecht-number-badge-font-weight, var(--utrecht-badge-font-weight, bold)); /* no inheritance */
+  line-height: 1;
+  max-block-size: max-content;
+  max-inline-size: max-content;
+  min-block-size: var(--utrecht-number-badge-min-block-size, var(--utrecht-number-badge-min-inline-size, var(--utrecht-number-badge-min-size, 1em)));
+  min-inline-size: var(--utrecht-number-badge-min-inline-size, var(--utrecht-number-badge-min-size, 1em));
+  padding-block-end: var(--utrecht-number-badge-padding-block, var(--utrecht-badge-padding-block, 0.5ex));
+  padding-block-start: var(--utrecht-number-badge-padding-block, var(--utrecht-badge-padding-block, 0.5ex));
+  padding-inline-end: var(--utrecht-number-badge-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));
+  padding-inline-start: var(--utrecht-number-badge-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));
+  text-align: center;
+  text-decoration: none; /* no inheritance */
+  white-space: nowrap;
+}
+@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
+  .utrecht-number-badge {
+    border-color: currentColor;
+    border-style: solid;
+    /* Warning: there layout difference because of the added 1px border */
+    border-width: 1px;
+  }
+}
+
+:host {
+  display: inline-block;
+}
+
+:host([hidden]) {
+  display: none !important;
+}

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

@@ -0,0 +1,88 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+import { h } from "@stencil/core";
+export class BadgeCounter {
+    constructor() {
+        this.value = undefined;
+        this.max = undefined;
+        this.locale = undefined;
+    }
+    render() {
+        const { locale, max, value } = this;
+        const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);
+        const formatNumber = (n) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));
+        const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';
+        return h("div", { key: '9d8ab3e9cdf83a24184f5ff7a7da1b2da2178b1e', class: "utrecht-number-badge" }, textContent ? textContent : h("slot", null));
+    }
+    static get is() { return "utrecht-number-badge"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["number-badge.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["number-badge.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "value",
+                "reflect": false
+            },
+            "max": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "max",
+                "reflect": false
+            },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "locale",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=number-badge.js.map

package/dist/collection/components/number-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-badge.js","sourceRoot":"","sources":["../../src/components/number-badge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,YAAY;;;;;;IAKvB,MAAM;QACJ,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEpC,MAAM,OAAO,GAAG,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QACpG,MAAM,YAAY,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/F,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAE7G,OAAO,4DAAK,KAAK,EAAC,sBAAsB,IAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAa,CAAO,CAAC;IAC7F,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-number-badge',\n  styleUrl: 'number-badge.scss',\n  shadow: true,\n})\nexport class BadgeCounter {\n  @Prop() value: number;\n  @Prop() max: number;\n  @Prop() locale: string;\n\n  render() {\n    const { locale, max, value } = this;\n\n    const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);\n    const formatNumber = (n: number) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));\n    const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';\n\n    return <div class=\"utrecht-number-badge\">{textContent ? textContent : <slot></slot>}</div>;\n  }\n}\n"]}

package/dist/collection/components/page-content.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class Page {
     render() {
-        return (h("div", { key: '238d0cc7e801476399d483033c39f1ed9fc19eaf', class: "utrecht-page-content" }, h("main", { key: 'ffb2344bdeb1cbd44d9f2bcb3db8f5b77f6b6bd0', class: "utrecht-page-content__main" }, h("slot", { key: '68768615711ad9c8e26b575ef3727958b73aa51f' }))));
+        return (h("div", { key: 'd0e25d9080ec1427b8f906cc4a5277bad1dc4146', class: "utrecht-page-content" }, h("main", { key: '004c2412e241f5bfbcbb9af8ad43953d5df561cf', class: "utrecht-page-content__main" }, h("slot", { key: 'a765682e10a4b0f7d884bb7891df4786fce08ff2' }))));
     }
     static get is() { return "utrecht-page-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/page-footer.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class PageFooter {
     render() {
-        return (h("footer", { key: 'b732b9d8c091a9ce1cea4cc9baacb8c2a79d76e0', class: "utrecht-page-footer" }, h("slot", { key: '40293158952052761e4e7e88beac9191158e0627' })));
+        return (h("footer", { key: '47125488c91317def040617ccaaa448cb68a2098', class: "utrecht-page-footer" }, h("slot", { key: 'cc7f599e2e25e035d5550e7ae3a3242347380052' })));
     }
     static get is() { return "utrecht-page-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/page-header.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class PageHeader {
     render() {
-        return (h("header", { key: '8da0b707f3aa787f7605cbb78c3acc8eb9efbab6', class: "utrecht-page-header" }, h("div", { key: '65941d846dcde2ea2362ca6191492c0c63172d33', class: "utrecht-page-header__content" }, h("slot", { key: '550de462b09ce95a61735d212dcfca5db8406717' }))));
+        return (h("header", { key: 'b26e46fbb4b775cef3e3b854aebcb7f283363420', class: "utrecht-page-header" }, h("div", { key: 'ef2e46914fd2f255bcd0abb2093e11678193ac3a', class: "utrecht-page-header__content" }, h("slot", { key: 'e5f1ab5815cfb556f440271e5af57c017ca0f764' }))));
     }
     static get is() { return "utrecht-page-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/page.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class Page {
     render() {
-        return (h("div", { key: '30cbf86db3dcfcc8f7946c41f5aac5579234222a', class: "utrecht-page" }, h("div", { key: 'f8417b919227800d2bbe265aabf166dcde0cc747', class: "utrecht-page__content" }, h("slot", { key: 'c4b593ed345d68276f1d7616b5032b080ac84dfb' }))));
+        return (h("div", { key: '31dd5c8a3fb3ce60d47a77cdd2d7e5657ba5cd1d', class: "utrecht-page" }, h("div", { key: 'eb1a86e7f305faaef5a0d8b81fd23f3168ad23ba', class: "utrecht-page__content" }, h("slot", { key: '718a6bbf68466047d2965d07b944728e129824b5' }))));
     }
     static get is() { return "utrecht-page"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pagination.js

@@ -17,8 +17,8 @@ export class Pagination {
         const next = typeof this.next === 'string' ? JSON.parse(this.next) : null;
         const prev = typeof this.prev === 'string' ? JSON.parse(this.next) : null;
         const RelativeLink = ({ disabled = false, href = '', rel = null, textContent = '', title = '' }) => disabled ? (h("span", { class: clsx('utrecht-pagination__relative-link', disabled && 'utrecht-pagination__relative-link--disabled', rel === 'next' && 'utrecht-pagination__relative-link--next', rel === 'prev' && 'utrecht-pagination__relative-link--prev'), "aria-label": title || null }, textContent)) : (h("a", { href: href, class: clsx('utrecht-pagination__relative-link', disabled && 'utrecht-pagination__relative-link--disabled', rel === 'next' && 'utrecht-pagination__relative-link--next', rel === 'prev' && 'utrecht-pagination__relative-link--prev'), rel: rel, "aria-label": title || null }, textContent));
-        const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (h("a", { key: '1a77d5d44061a55fd129a0b912acbc93096449e2', class: clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current'), href: href, "aria-current": current ? 'true' : null, rel: rel }, textContent));
-        return (h("nav", { key: 'bfa0a9b822279e5b843b4120ef4d0ef4271f99ad', class: "utrecht-pagination" }, h("span", { key: '3edb27a930f35643e0432b14fca9ecc72c7a8d5a', class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), h("span", { key: 'ef146c1b1baa9333d7169ae6e34461b9b7ae6638', role: "group", class: "utrecht-pagination__pages" }, links
+        const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (h("a", { key: '63b5b3067b1e12503452605b911d498694409ad7', class: clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current'), href: href, "aria-current": current ? 'true' : null, rel: rel }, textContent));
+        return (h("nav", { key: 'd3d98e4b21057fa9524ff312f4067eec055f2662', class: "utrecht-pagination" }, h("span", { key: 'df10e0ecfe671b48ac9bfb706ef2c9398d5f72e7', class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), h("span", { key: '2a23b50676cce24159c9759889e1dcbbf6bd09c5', role: "group", class: "utrecht-pagination__pages" }, links
             .sort((a, b) => (a.index === b.index ? 0 : a.index > b.index ? 1 : -1))
             .map((link, arrayIndex) => {
             const index = typeof link.index === 'number' ? link.index : arrayIndex;
@@ -30,7 +30,7 @@ export class Pagination {
                             : null
                     : null, textContent: link.index || index }, link);
         })
-            .map((link) => PageLink(link))), h("span", { key: '8001b89cf489c5105d140a8aaa384dce389d5dd8', class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
+            .map((link) => PageLink(link))), h("span", { key: '0c363b7ad9014019d1197b78c4d007a01f53ad83', class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
     }
     static get is() { return "utrecht-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/paragraph.js

@@ -5,7 +5,7 @@ export class Paragraph {
         this.lead = undefined;
     }
     render() {
-        return (h("div", { key: 'e829c2b41cf41251eae7204aab611197b644dcb7', class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", { key: 'a48975e9c81ae1c7a8c879f65cd96fecd4e06c9e' })));
+        return (h("div", { key: '9f7a470a47fea1d3b6a1c63836e20b6c41ba3dea', class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", { key: 'c1eff882fe3b57ebdedb31be94d0639d79ddef86' })));
     }
     static get is() { return "utrecht-paragraph"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pre-heading.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class PreHeading {
     render() {
-        return (h("p", { key: '9186ec8df779e02464ad3feeff16fce2d03a779f' }, h("slot", { key: '7169ab8d0d9067a4a67bfbcc2582da8b302fe020' })));
+        return (h("p", { key: '8af29d6e69170a4a1a3bbfc0fdf8412cd96ae7e2' }, h("slot", { key: 'ec231765eb7e96a4a63a94cd3ee8ed225f9193a8' })));
     }
     static get is() { return "utrecht-pre-heading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,17 +16,17 @@ export class StepProgressListItem {
     }
     render() {
         const { appearance, checked, details, from, _open, to } = this;
-        return (h("li", { key: '8fd54a57c5629a2a3bccd437b8f141b3c3412daa', class: clsx('denhaag-process-steps__step', {
+        return (h("li", { key: '1df0d1c96b6f7220bb5db6194cd96ec3b43279d1', class: clsx('denhaag-process-steps__step', {
                 'denhaag-process-steps__step--checked': checked,
                 'denhaag-process-steps__step--not-checked': !checked,
-            }) }, h("div", { key: '0d3e0e159691874b4a1f41d5970947ba167d1c3d', class: "denhaag-process-steps__step-header" }, h("div", { key: 'a4d29eb0831fbc677578e572680253579707d56d', class: clsx('denhaag-step-marker', {
+            }) }, h("div", { key: 'a2873c80d2a7d3ef0ce3daca3caa5fe7670ff9d6', class: "denhaag-process-steps__step-header" }, h("div", { key: 'e0b7f096a1f365aeebba8b099064d101950a7b9d', class: clsx('denhaag-step-marker', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, h("slot", { key: '5328b6432344308f9f5d4aa91fd15332855a5ad1', name: "marker" }), checked && (h("svg", { key: 'a5ef38ab877a196c8c5c52ef49c87fa02c2df2b2', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: 'f94df167c0c6b61e4754abc6f4c0af3837f4d24a', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), details ? (h("utrecht-button", { onClick: () => (this._open = !this._open), appearance: "subtle-button", class: "denhaag-process-steps__step-header-toggle", "aria-controls": "details", "aria-expanded": _open ? 'true' : 'false' }, h("p", { class: clsx('denhaag-process-steps__step-heading', {
+            }) }, h("slot", { key: 'f5f355c55ad2a6d8e6afbac7cf8244e95bcb8576', name: "marker" }), checked && (h("svg", { key: 'ecbfb7df96fb10549c70062c36773bc562de8cde', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: 'dbbf0082a1d2b4f07f48ade36ed9f0ba1f1b2d76', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), details ? (h("utrecht-button", { onClick: () => (this._open = !this._open), appearance: "subtle-button", class: "denhaag-process-steps__step-header-toggle", "aria-controls": "details", "aria-expanded": _open ? 'true' : 'false' }, h("p", { class: clsx('denhaag-process-steps__step-heading', {
                 'denhaag-process-steps__step-heading--checked': checked,
             }) }, h("slot", null)))) : (h("p", { class: clsx('denhaag-process-steps__step-heading', {
                 'denhaag-process-steps__step-heading--checked': checked,
-            }) }, h("slot", null)))), h("div", { key: '3c2c8ca1892249e1a0ac4e87297d2522687cc316', class: clsx('denhaag-process-steps__step-body') }, h("div", { key: '8a21eae42bdda94edac000d45a0158d9e6496afb', class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { key: '194ad4644559407f1b1e20d99538841a73974b3b', class: "denhaag-process-steps__step-meta" }, h("slot", { key: 'c024630ee7d65e2c4b6337f617b96b2920af422f', name: "body" }))), h("div", { key: '518f583bdcd5fc68049daf184f7f4e821ce4cd07', id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { key: '4ff2c41abc4853e85849e1fae5739081e9bdb40e', name: "details" }))));
+            }) }, h("slot", null)))), h("div", { key: '5162992103ef5e0ebf8100420be9e427fcdf5e0b', class: clsx('denhaag-process-steps__step-body') }, h("div", { key: 'b8b2d438f59344734f6ca23d0b37608ad7fdde68', class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { key: 'c6d9f7383e1a6dd5d4b582ae92b3a6266c0575ca', class: "denhaag-process-steps__step-meta" }, h("slot", { key: 'b6004e409f07a8f736ef1162a4995f9423d1edef', name: "body" }))), h("div", { key: 'd51cf40f7579c4adbc6b45e49b34a40cf199a711', id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { key: '4b305b0b37fbba6ae887681c93dff25a9d7bc903', name: "details" }))));
     }
     static get is() { return "utrecht-progress-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class StepProgressList {
     render() {
-        return (h("ol", { key: 'f048c469bbe928f7b78f556bfcf81161e88a6b2e', class: "denhaag-process-steps" }, h("slot", { key: '1adb5842a40ade8caae8a8821ec485fcd5ca0d52' })));
+        return (h("ol", { key: '8c034e96d6fbb03947e38de50ade902b3db90fdd', class: "denhaag-process-steps" }, h("slot", { key: 'c7fee3769f6e26029b35d3eb2741df32099428f2' })));
     }
     static get is() { return "utrecht-progress-list"; }
     static get encapsulation() { return "shadow"; }