@utrecht/web-component-library-stencil 3.2.0 → 3.3.0

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: '35f0afbd4e073a56d9ea7a5bff8986a1df208962', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '2f112fbd57b0dfd49113de6dda159cd49c6f76d3', 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: 'df1b6b17e0436c8f22af812bb0903644a55c5509', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'a3b153a94fcf953ebaba11724d8c66978ce66c81', 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: '41fcde5dcdbade3c80297ba4d4902399beb939d8', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'ee4e61f52eb0fd8c4102818b6d827dc6dd4365d3', 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: '5bd90d4c0afc785c79b81bf3433abf50dc0b3dac', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '97da3ab8d19a488a5c6cd935321fa3e37da57b4c', 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: '4e8a172d171368f334ba80634879923cc0d8b387', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '7484cb6baa55d40e24584b5b52bcdfe801015ca1', 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: 'a900df9af734e35d0eec86dd314e2d27720623f5', 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: '0170a351687a0f82af86f1556c19fa2f4b95ab4b', 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: '3237b5a8fc67229d79e10948a964716ab5613df8', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'd3ad46e76823a51ff2d4c3b7c3b08b07d7884d8b', 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: '785b9ef59c21448be1e40769020e01d963b8ad3d', 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: 'e93203d136e6f2361f633ed1441c1e41e142d7b3', 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: '4ddb38aa84bfd0a14c82d4b74bdccb234683f51d', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '8c4b8353f832f0e3ac107c5507c3b6dcaf85966d' }, h("clipPath", { key: '8274001499c72d00259d3a4bdc19fd9188fb31c5', id: "a" }, h("path", { key: 'c91f535ccc8cda0f674f30a09a1839079a4a47a6', "stroke-width": "0", d: "M0 6h14v2H0z" }))), h("g", { key: 'ad8619692a2200353140e38ba6638ab445e03c22', "clip-path": "url(#a)" }, h("path", { key: '9da69045e1a108912eb0e5404ee34ef0986c8316', 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: 'a2617a91e75249737a3eed8ead3161fb1fe9295a', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '5af763b9f098af9f4de000f8c78308a829a3d7b7' }, h("clipPath", { key: 'ac2dc848e792a586c12c3b6e7ac9becd9d91704c', id: "a" }, h("path", { key: 'e0146c4add2cbe410823bd2209e45152809b7545', "stroke-width": "0", d: "M0 6h14v2H0z" }))), h("g", { key: 'f8eb0a3e78b22ccc428e6c7064ab445a8117c101', "clip-path": "url(#a)" }, h("path", { key: 'e30ea0060f94d5c43b205f58c08f0cb17c3f7371', 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: '20fa3090cfaf6f7d8be0af094fb5c5733b8f1ad6', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: 'dfe15e8bc61a19aebf98b906a2014ed2959bd618' }, h("clipPath", { key: '15d86543f800c311644053d30bf990bad6a8f38d', id: "a" }, h("path", { key: 'f488e72157a66d80881913092aa5042027f26a53', "stroke-width": "0", d: "M0 0h14v14H0z" }))), h("g", { key: 'fa5f94316f9756e670f4f829bd268f63228727d0', "clip-path": "url(#a)" }, h("path", { key: '036ab78ea06c4128dbd1ff5f775e5dcb0d0270f5', "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: '12cf5f177c57a4eda9ae0440c21e8eb92388e85b', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '1d01c51b0048b896330c5d123e1a3a3fe44953eb' }, h("clipPath", { key: '8b2073e399b3350ed36751000a511022dda2ae68', id: "a" }, h("path", { key: 'dd1b44085c0647a7ce400bb3f7bbb4725de6a87e', "stroke-width": "0", d: "M0 0h14v14H0z" }))), h("g", { key: '29b6ebf10c020f5a3801001c27bcc2974e94e97c', "clip-path": "url(#a)" }, h("path", { key: 'f7ee3fbf1ba12917b0933d27b536838a2c71e4e9', "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: '2e6e939f64c58c550f66e67166e7847c0c501543', viewBox: "-1 -2 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'f8d8e4c36374b5e9c6afecc3b98feec5d3efdc6f', 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: 'ef35f1b1745d4965a699ae4274d6321fa36ea50e', 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: 'b4a79b09c73a7bc3e9e7b74b628be6377c92c6a7', viewBox: "-1 -2 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '96301a9127144271e12113a0deb40ca40b5d8ae0', 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: '648d85db5275519095c84427e0a444906798d33d', 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: '89df3f73b75ad2933a5fde2849e0b6b2c2e5428d', viewBox: "-6 -11 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'fb7661f59586dc238c4b821f02257534a5b5fa74', 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: 'd58c94ee1fedee65e4bdc645c8550e57a801979f', viewBox: "-6 -11 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'a4765e18172a9f13a8690deeee1a876fc553f731', 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: 'cd5088bec7a7d14d7a7b40875ba0476f40f0ac3b', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'dec1441dd469ccfef8d595d07e033bc772d3af41', 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: '1c627de29a5fd1cd39f9ec8b9856ab0b75b71942', 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: 'f31facb78e090d3c14c662fc76dbea145a2399a1', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'ae55fea6898e9f7f509c55730e87a1c0aaaef67a', 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: '567f299118471d8fb3c4a130200838bdbe67e922', 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: '704e42e50767a7f8075ea7dd09b976ae9ea53e14', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '1c7b299246482aecb458722e3b7d18f7a82d1bab', d: "M30 32v2H6v-2h6V20h12v12zM14 12h8c1.34 0 2 .9 2 2.02V18H12v-4c0-1.1.68-2 2-2" })));
+        return (h("svg", { key: '4f0e59ec0f4b602f4bed6f7b8b4fa023c542cfbd', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '69e319e5fe55859db756c1700a62539dacdda0c1', 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: 'da96f1e347a2dcdc54bf8073eb4dfc374352d433', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '4bf8df9f31512ce8cd20398064b4cc694beaccd2', 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: 'abd8b7d66b9450442010da87ed727eae89bf191c', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '42817962d745b6f63c2027c697e95a8bf0e57b9f', 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/number-data.css

@@ -8,25 +8,9 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-.utrecht-number-data {
-  font-variant-numeric: lining-nums tabular-nums;
-}
-
-.utrecht-number-data--positive {
-  color: var(--utrecht-number-data-positive-color);
-}
-
-.utrecht-number-data--negative {
-  color: var(--utrecht-number-data-negative-color);
-}
-
 :host {
   display: inline;
+  font-variant-numeric: lining-nums tabular-nums;
 }
 
 :host([hidden]) {

package/dist/collection/components/preserve-data.css

@@ -0,0 +1,20 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+:host {
+  display: inline;
+  unicode-bidi: isolate;
+  /* stylelint-disable-next-line property-no-unknown */
+  white-space-collapse: preserve-spaces;
+}
+
+:host([hidden]) {
+  display: none !important;
+}

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

@@ -0,0 +1,66 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+import { h, Host } from "@stencil/core";
+export class PreserveData {
+    constructor() {
+        this.dateTime = undefined;
+        this.value = undefined;
+    }
+    render() {
+        const { dateTime, value } = this;
+        return (h(Host, { key: '0af80ca8f8d5649a10e1ad32f93e55f8b826f251', translate: "no" }, typeof dateTime !== 'undefined' ? (h("time", { dateTime: dateTime }, h("slot", null))) : typeof value !== 'undefined' ? (h("data", { value: value }, h("slot", null))) : (h("slot", null))));
+    }
+    static get is() { return "utrecht-preserve-data"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["preserve-data.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["preserve-data.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "dateTime": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "datetime",
+                "reflect": true
+            },
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "value",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=preserve-data.js.map

package/dist/collection/components/preserve-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preserve-data.js","sourceRoot":"","sources":["../../src/components/preserve-data.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,YAAY;;;;;IAGvB,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEjC,OAAO,CACL,EAAC,IAAI,qDAAC,SAAS,EAAC,IAAI,IACjB,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,CACjC,YAAM,QAAQ,EAAE,QAAQ;YACtB,eAAa,CACR,CACR,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,CACjC,YAAM,KAAK,EAAE,KAAK;YAChB,eAAa,CACR,CACR,CAAC,CAAC,CAAC,CACF,eAAa,CACd,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-preserve-data',\n  styleUrl: 'preserve-data.scss',\n\n  // Do not use Shadow DOM, include these semantic elements in the document\n  shadow: false,\n})\nexport class PreserveData {\n  @Prop({ attribute: 'datetime', reflect: true }) dateTime?: string;\n  @Prop() value?: string;\n  render() {\n    const { dateTime, value } = this;\n\n    return (\n      <Host translate=\"no\">\n        {typeof dateTime !== 'undefined' ? (\n          <time dateTime={dateTime}>\n            <slot></slot>\n          </time>\n        ) : typeof value !== 'undefined' ? (\n          <data value={value}>\n            <slot></slot>\n          </data>\n        ) : (\n          <slot></slot>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

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: 'caa0648e77e21683dae7573ee990940fa5a83c36', class: clsx('denhaag-process-steps__step', {
+        return (h("li", { key: 'fbdcd6e3318a319ffb0987c46b6e8285ea1f54e2', class: clsx('denhaag-process-steps__step', {
                 'denhaag-process-steps__step--checked': checked,
                 'denhaag-process-steps__step--not-checked': !checked,
-            }) }, h("div", { key: 'f9d0697fdf0969a19f3cbb4ae85d64545d4eabe3', class: "denhaag-process-steps__step-header" }, h("div", { key: 'bee9ff4f7a59e5b370435520ff92cd022ff0fdac', class: clsx('denhaag-step-marker', {
+            }) }, h("div", { key: 'e73e5b95e38c97622b9dcb322257f5ead9d1532f', class: "denhaag-process-steps__step-header" }, h("div", { key: '0185ed3f37f4efcf2ef77fe7d921ee1b04d335b0', class: clsx('denhaag-step-marker', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, h("slot", { key: '0c7ead44d38c5347a4300af6c64a15d61e601ddb', name: "marker" }), checked && (h("svg", { key: '6d68b5aacee7b2c969609ca2cb2e5f684ac28aa3', 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: 'f8ae66145486abcd55ccc577c4459858148463da', 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: '39efda6a93fda9d40faf6bc1f11dde0b4e34f12b', name: "marker" }), checked && (h("svg", { key: 'cf26c63bcad32612297f2e0bf00bffc0b0a04dcc', 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: '34cccfa0c73ada75dc34392decc4bab0cbd55ae5', 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: '85191efd3106d694ee80497ffd7eda023bfee79f', class: clsx('denhaag-process-steps__step-body') }, h("div", { key: '327d986697ae1b3e5495391b7363b6652d4657aa', class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { key: 'e1f73194b4e12634089f69e01d8280fa43dfa5de', class: "denhaag-process-steps__step-meta" }, h("slot", { key: 'b27f7a24fff401d87b7ac4e670103e4e3e542dfb', name: "body" }))), h("div", { key: 'ffa69f7b8c4a687c3070a400fa4cb0c95c25fb6f', id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { key: '39bd617c2972ec1b4501329508de26117de31a20', name: "details" }))));
+            }) }, h("slot", null)))), h("div", { key: '86593b5f2e6045ecb834321ca1d177c71a4c79c4', class: clsx('denhaag-process-steps__step-body') }, h("div", { key: '0d2253bc3f1995bff6ddc6502cd81e54258b156f', class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { key: '74d9b3b0915df0c3fa8f1f3b124df9c40c5021d5', class: "denhaag-process-steps__step-meta" }, h("slot", { key: 'd5342f0983accefdd94ed0cfadfc93829eb3bc79', name: "body" }))), h("div", { key: '7aff1d7144d321887eec570535e87b73a453688c', id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { key: '6ca3c5b71e803188d0ec206ac4b28895e95b1bf8', 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: '0770384cf29787c75c987e47caf3230a2389d5ac', class: "denhaag-process-steps" }, h("slot", { key: '29f8e9b9f1631754f4dd069a715695b40ec78f86' })));
+        return (h("ol", { key: '1a654d30fa474ca3e06c030ef911d0ce8a13a47d', class: "denhaag-process-steps" }, h("slot", { key: '506328c3eb1a384fcbed44327c0e116390fe6de1' })));
     }
     static get is() { return "utrecht-progress-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,12 +12,12 @@ export class StepProgressSublistItem {
     }
     render() {
         const { appearance, checked } = this;
-        return (h("li", { key: '37b35416a9b24191b53f926f67b3bf1d9b15150d', class: clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, h("div", { key: '3e0143b5b7fe98411660dc01e7494bdd9601cec8', class: "denhaag-process-steps__step-header" }, h("div", { key: '3bfe2da0144920187118aa31c4734666905eb296', class: clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
+        return (h("li", { key: 'c7f039527c81ed7662740a888be491d63019ec9e', class: clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, h("div", { key: '25c339f3d412673b1ab8a9cc7755d04e39e19b88', class: "denhaag-process-steps__step-header" }, h("div", { key: '05956144e7865f07b5a96c782a188a778aae1e95', class: clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, h("slot", { key: '116a035936130ef465cccf5ba6aec6130b6fa7fe', name: "marker" }), checked && (h("svg", { key: 'db7c99d8d5acb5ef17a3f5a16fe0c1a40a1c77b1', 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: '59e4aa0138dd312e8383f423c07fd2a88672248c', 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" })))), h("p", { key: 'b92a16f86697bfdb82821d43cc40f68f9e556783', class: clsx('denhaag-process-steps__sub-step-heading', {
+            }) }, h("slot", { key: '1beef6a7c97ac2dee8ea90c0f58ed9291cbe78f2', name: "marker" }), checked && (h("svg", { key: '4f8ebd3f65d6b2da3b9a1723b354924b2e026b95', 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: '09e509a165809b2bd8099e9b70282abaef2200da', 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" })))), h("p", { key: '24a1245e488c3f201e226e9ff5a13598a46285b9', class: clsx('denhaag-process-steps__sub-step-heading', {
                 'denhaag-process-steps__sub-step-heading--checked': checked,
-            }) }, h("slot", { key: 'b58d4aafd52a30c5fde039f115f53df7a7b27cdb' })))));
+            }) }, h("slot", { key: 'c0774625671d121a01002eeac8f4961db825e3d8' })))));
     }
     static get is() { return "utrecht-progress-sublist-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/root.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class Root {
     render() {
-        return h("slot", { key: '0e102f93ea1294d50a79efc34cf80ef0b200e566' });
+        return h("slot", { key: '3f1a5ebf592319256507a14284f91c166d95a9c1' });
     }
     static get is() { return "utrecht-root"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/separator.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Separator {
     render() {
-        return h("hr", { key: '0e22f96cff72f7c774a2192a0f167c8610ba4c6e', class: "utrecht-separator" });
+        return h("hr", { key: '077dfa670fe007926503495186d6a336c1fe4326', class: "utrecht-separator" });
     }
     static get is() { return "utrecht-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidenav.js

@@ -11,7 +11,7 @@ export class Sidenav {
     }
     render() {
         const items = JSON.parse(this.json);
-        return (h("nav", { key: 'beabc2e17b649d9a876aa10a1a68c1c2bf2d73f7', class: "utrecht-sidenav" }, h("ul", { key: '0f5b7f1da223eb6ae29167f9c069c490376bd1e8', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
+        return (h("nav", { key: '387a82adf73169f5b827c32f305d1c5c0502721d', class: "utrecht-sidenav" }, h("ul", { key: 'b8fc64039480a835f4149f6a6d0f98d1ea267e81', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
     }
     static get is() { return "utrecht-sidenav"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/skip-link.js

@@ -9,7 +9,7 @@ export class SkipLink {
         this.href = undefined;
     }
     render() {
-        return (h("a", { key: '3c3a714e08941116b512e6b896b718a2ec607317', href: typeof this.href === 'string' ? this.href : undefined, class: "utrecht-skip-link utrecht-skip-link--visible-on-focus" }, h("slot", { key: '24582ba1a80e21fa78cfb1247a9933cdf3a6e869' })));
+        return (h("a", { key: 'b51a15421675dd33b7c96f7da367a0a355ba42c9', href: typeof this.href === 'string' ? this.href : undefined, class: "utrecht-skip-link utrecht-skip-link--visible-on-focus" }, h("slot", { key: 'b116757a22c64dfc335143d0a70bbf55aee5a04e' })));
     }
     static get is() { return "utrecht-skip-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spotlight-section.js

@@ -10,7 +10,7 @@ export class SpotlightSection {
         this.appearance = undefined;
     }
     render() {
-        return (h("div", { key: '5cb37bcfe7d9e279143f9572be483057d04af51f', class: clsx('utrecht-spotlight-section', this.appearance === 'info' && 'utrecht-spotlight-section--info', this.appearance === 'warning' && 'utrecht-spotlight-section--warning') }, h("slot", { key: '5d02498fb4ba7636bd987db0bc4aa65387ef3f4a' })));
+        return (h("div", { key: '03d1a44e430607fa12465b444a5447bc826149bb', class: clsx('utrecht-spotlight-section', this.appearance === 'info' && 'utrecht-spotlight-section--info', this.appearance === 'warning' && 'utrecht-spotlight-section--warning') }, h("slot", { key: '670dfca62c0bb832f62cc3c110d7d6bfb75862bf' })));
     }
     static get is() { return "utrecht-spotlight-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/surface.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class Surface {
     render() {
-        return (h("div", { key: '758482b39fc7df0dc90d75a703f5d7055539e38f', class: "utrecht-surface" }, h("slot", { key: '3c9eef371cd72113835a740eb468981b9ff45fc6' })));
+        return (h("div", { key: 'b70c485e2a9494fd543390b2756c23797da0aee9', class: "utrecht-surface" }, h("slot", { key: '079b3943ef0c514bc34dfd1fc70b304bb584cfea' })));
     }
     static get is() { return "utrecht-surface"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-body.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TableBody {
     render() {
-        return (h(Host, { key: '03cab6c061c0c46e540e4391090fef1fd9d1a7f8', role: "rowgroup" }, h("slot", { key: '13b2c4b2947ac160d4f1b0e9076125531184e6b6' })));
+        return (h(Host, { key: 'da4d1a97f30b169c4404189e2ea54252b1a24b9e', role: "rowgroup" }, h("slot", { key: '50b76d072d7cd62b9662307a6a9efeae08468ff6' })));
     }
     static get is() { return "utrecht-table-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-caption.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 export class TableCaption {
     render() {
         // TODO: Associate with parent <utrecht-table> aria-labelledby attribute
-        return h("slot", { key: '5c831a18493499dbf94fe617797d8e90b019c6bc' });
+        return h("slot", { key: '88705126388d55ce43b0e881fd04ea86635b3a19' });
     }
     static get is() { return "utrecht-table-caption"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-cell.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TableCell {
     render() {
-        return (h(Host, { key: '2721b1d22e38ea990ca297f80a13870f0796579d', role: "cell" }, h("slot", { key: '5143be4cc27570a700fb2caa5376bdc79bea44ac' })));
+        return (h(Host, { key: '2483148d816768b436dcd9bebf824aad4a6763da', role: "cell" }, h("slot", { key: 'c5ee683fba22d9b60664c1bf210d9c9a9d3a4006' })));
     }
     static get is() { return "utrecht-table-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-container.css

@@ -0,0 +1,97 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+/* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
+utrecht-table-container {
+  display: block;
+  overflow: auto;
+  background-attachment: local, local, scroll, scroll;
+  background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
+  background-position: left center, right center, left center, right center;
+  background-repeat: no-repeat;
+  background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
+}
+
+utrecht-table-container table {
+  /* stylelint-disable no-descending-specificity */
+  /* stylelint-enable no-descending-specificity */
+}
+utrecht-table-container table > caption {
+  break-inside: avoid;
+  color: var(--utrecht-table-caption-color);
+  font-family: var(--utrecht-table-caption-font-family);
+  font-size: var(--utrecht-table-caption-font-size);
+  font-weight: var(--utrecht-table-caption-font-weight);
+  line-height: var(--utrecht-table-caption-line-height);
+  margin-block-end: var(--utrecht-table-caption-margin-block-end);
+  page-break-after: avoid;
+  text-align: var(--utrecht-table-caption-text-align, center);
+}
+utrecht-table-container table > thead {
+  --_utrecht-table-header-cell-vertical-align: bottom;
+  --_utrecht-table-header-cell-z-index: 8;
+  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);
+  page-break-inside: avoid;
+  text-transform: var(--utrecht-table-header-text-transform);
+}
+utrecht-table-container table > tbody {
+  --_utrecht-table-header-cell-z-index: 2;
+}
+utrecht-table-container table > tr, utrecht-table-container table > thead > tr, utrecht-table-container table > tbody > tr, utrecht-table-container table > tfoot > tr {
+  break-inside: avoid;
+  page-break-inside: avoid;
+}
+utrecht-table-container table > thead > tr:last-of-type {
+  border-block-end-color: var(--utrecht-table-header-border-block-end-color, transparent);
+  border-block-end-style: solid;
+  border-block-end-width: var(--utrecht-table-header-border-block-end-width, 0);
+}
+utrecht-table-container table > tr > th, utrecht-table-container table > thead > tr > th, utrecht-table-container table > tbody > tr > th, utrecht-table-container table > tfoot > tr > th {
+  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
+  /* In tables `block-size` acts as `min-block-size`, but `min-block-size` is a clearer name for the design token */
+  block-size: var(--utrecht-table-cell-line-height, 1em);
+  line-height: var(--utrecht-table-cell-line-height, inherit);
+  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
+  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
+  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
+  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
+  text-align: start;
+  color: var(--utrecht-table-header-cell-color);
+  font-size: var(--utrecht-table-header-cell-font-size);
+  font-weight: var(--utrecht-table-header-cell-font-weight, bold);
+  text-transform: var(--utrecht-table-header-cell-text-transform);
+  vertical-align: var(--_utrecht-table-header-cell-vertical-align, top);
+  z-index: var(--_utrecht-table-header-cell-z-index);
+}
+utrecht-table-container table > tr > td, utrecht-table-container table > thead > tr > td, utrecht-table-container table > tbody > tr > td, utrecht-table-container table > tfoot > tr > td {
+  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
+  /* In tables `block-size` acts as `min-block-size`, but `min-block-size` is a clearer name for the design token */
+  block-size: var(--utrecht-table-cell-line-height, 1em);
+  line-height: var(--utrecht-table-cell-line-height, inherit);
+  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
+  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
+  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
+  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
+  text-align: start;
+  border-block-end-color: var(--utrecht-table-row-border-block-end-color, transparent);
+  border-block-end-style: solid;
+  border-block-end-width: var(--utrecht-table-row-border-block-end-width, 0);
+  vertical-align: top;
+}
+utrecht-table-container table > tr > td:last-child, utrecht-table-container table > thead > tr > td:last-child, utrecht-table-container table > tbody > tr > td:last-child, utrecht-table-container table > tfoot > tr > td:last-child {
+  padding-inline-end: var(--utrecht-table-row-padding-inline-end, var(--utrecht-table-cell-padding-inline-end, 0));
+}
+utrecht-table-container table > tr > td:first-child, utrecht-table-container table > thead > tr > td:first-child, utrecht-table-container table > tbody > tr > td:first-child, utrecht-table-container table > tfoot > tr > td:first-child {
+  padding-inline-start: var(--utrecht-table-row-padding-inline-start, var(--utrecht-table-cell-padding-inline-start, 0));
+}

package/dist/collection/components/table-container.js

@@ -0,0 +1,18 @@
+import { h } from "@stencil/core";
+export class TableContainer {
+    render() {
+        return h("slot", { key: 'd96a786a828ae3a1503ea8ecd07f0fcf05da4203' });
+    }
+    static get is() { return "utrecht-table-container"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["table-container.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["table-container.css"]
+        };
+    }
+}
+//# sourceMappingURL=table-container.js.map

package/dist/collection/components/table-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-container.js","sourceRoot":"","sources":["../../src/components/table-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,cAAc;IACzB,MAAM;QACJ,OAAO,8DAAa,CAAC;IACvB,CAAC;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-table-container',\n  styleUrl: 'table-container.scss',\n  shadow: false,\n})\nexport class TableContainer {\n  render() {\n    return <slot></slot>;\n  }\n}\n"]}

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TableFooter {
     render() {
-        return (h(Host, { key: 'c3d76e48e96e3102b0c7fd920b73b876a84cd984', role: "rowgroup" }, h("slot", { key: '903bd18ccb7eca8f97d79d5750a2b159bb5f7b70' })));
+        return (h(Host, { key: '024dc1106eb2413d649d9fed0fe656722bab870f', role: "rowgroup" }, h("slot", { key: 'b7d9b6ddeb265b7b21f6aa084f4c96eac773c185' })));
     }
     static get is() { return "utrecht-table-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-header-cell.js

@@ -4,7 +4,7 @@ export class TableHeaderCell {
         this.scope = undefined;
     }
     render() {
-        return (h(Host, { key: '906fcaa47081fe84b96c8596d27699398c9474b7', role: this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell' }, h("slot", { key: '3c9a362405f264a4a388420a3e63d3b3155f9076' })));
+        return (h(Host, { key: '1625c9dda888bb2d13bd61a4f8c435b3d7272cca', role: this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell' }, h("slot", { key: '7a762a39e4d7b66407a39fee8c7e861dbeac48e0' })));
     }
     static get is() { return "utrecht-table-header-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TableHeader {
     render() {
-        return (h(Host, { key: '469478fa45676b4e90eec4863416323634709b2b', role: "rowgroup" }, h("slot", { key: 'cf9a264db4c777f302187b8c0630cbe2dd998da5' })));
+        return (h(Host, { key: '404a8707098627156bd41922a1c93892225485f2', role: "rowgroup" }, h("slot", { key: 'e288498cd539f001409c8e3cc7be88c37b739760' })));
     }
     static get is() { return "utrecht-table-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-row.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TableRow {
     render() {
-        return (h(Host, { key: 'dc4e5db1ef63df3a4d075708fc7896f577725d90', role: "row" }, h("slot", { key: 'ad76b8dfb88630a146d6c9b9873f06285ec61a60' })));
+        return (h(Host, { key: '2549a7162397aa0ee06ce69c35a39af2f9700632', role: "row" }, h("slot", { key: 'd9d10eb4ef268e425f8d627602e6dcba7d9a7386' })));
     }
     static get is() { return "utrecht-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class Table {
     render() {
-        return (h(Host, { key: 'f133cbfd47027076bba6754dfbfc652bae0e0449', role: "table" }, h("slot", { key: '4176b8333e6de103676f3fd1aa788bb90ef1b159' })));
+        return (h(Host, { key: '83c8a6bf6d3647f087ec16a3024f808941041c38', role: "table" }, h("slot", { key: '9980467fdbf32e20f484e833c83a74721a8c89d7' })));
     }
     static get is() { return "utrecht-table"; }
     static get encapsulation() { return "shadow"; }