@utrecht/web-component-library-stencil 4.2.0 → 4.2.1

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: 'a88a2d27b1cbc0dd30ca0b38a230c11f89058f04', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '9fb39bab17ee4a7b2aa647bc02f9af8bf31f1fa8', 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: '67abfc06658f5c54540065987cc129f4ef2e9329', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '8e16509ed5ef58e337089afe34450a71ea9c390f', 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: '3c3d689707db27655e027893196da5a6f3ff2b70', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '7297280eb7365e43dca5d9428d495c357672dc6e', 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: '22022f531edc60b126027d03654087fccc7401c6', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'dd1baadea26711e5b3ae1e4bebeb74d3e7b4ca6e', 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: 'acfc31d8a4641f7113f898a01efece8615175405', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'f3db7a9425527e26b0cfb7f4d11ef78723b91c40', 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: '9b72099188ed8965cb4b914e896712c9b4c23a40', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'd3a32b63ab4b58d2ba4d6cadf61e080ec0cc0cba', 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: 'd7b41ce527d886a50c57af7e36168ec07f8c8cbd', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '0c459e7b01332b7975bb329df680cecfe5e5999f', 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: '04f0fd3860b471e34faa95e3160bc375fa4d7a60', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '740fd257d8269a1a502cf16d1d40566bdd704782', 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: '3e4a85778e2498d0c64d732000006c995990e4ce', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'df6db11b4fd96f8aa85b3899b793d69414682429', 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: 'b91199f65dbb754233a73e105aaa5321df675bc1', 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: '0c2fcfc1563b4d9c0efaf7dac44395b3d791d656', 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: 'efee33df2e42534fdcbfabcff1c0635ace15bd09', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '50a8b8eabbcad6a978130d483338489449c37218', 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: '3a7fad6b8096ccb7f3ce28ba5eb54d8d2ce0c0f4', 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: '171201de50d978e3ae9e4040a6f7c9bd14cbcf3b', 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: '01e99bfaabe13c697d5dd0eb0f56dd91f062f3d4', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '42b356bb0805bf4c276b971e6af4d4e9d2f530f4' }, h("clipPath", { key: '77e611f4aa6d8442144514f54e7918cc0bd5fb71', id: "a" }, h("path", { key: 'db339947818d85024b11f03479cddcdaefdbca3a', "stroke-width": "0", d: "M0 6h14v2H0z" }))), h("g", { key: '57222a4d390f77a684e0357e8e219829920665da', "clip-path": "url(#a)" }, h("path", { key: 'b9d2feef3a043f52e358d085ea6ba3906c1d534a', 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: '90770b49455bf8d65b7c44a9317698a729ae439e', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: 'ce1e193963a0df2bbdb6497367ee271eaed481e9' }, h("clipPath", { key: '645bd8f2dc18a2a4b03b8a12e0f703fa4c858fcd', id: "a" }, h("path", { key: 'ced8457047c86a8780d54891079960e025158ffa', "stroke-width": "0", d: "M0 6h14v2H0z" }))), h("g", { key: 'c1368df4d3ce8f447521ef7624037ea66d8b29bd', "clip-path": "url(#a)" }, h("path", { key: '77367d279f1d6015fd69ad16d0161a545fbd389e', 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: 'e4ea292ea9a795800f07a620eca72a89ed1a79e8', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '31f3150074dd148b972827057c9b02a3dfd74441' }, h("clipPath", { key: 'b778582af02f0cd58bf98a48a5e9e8492b7a8661', id: "a" }, h("path", { key: '612d4424da956d235936bc2c6ecabb59ec00fced', "stroke-width": "0", d: "M0 0h14v14H0z" }))), h("g", { key: 'fbc38abf607f17ef78610808ce390179dc1cb0fd', "clip-path": "url(#a)" }, h("path", { key: 'cafcf3ed1a424c240c2937fcd0872049775ced96', "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: '66f24fe134eb75e1a0173ee0687ea4f35244de09', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: 'd14b9b2a789fd56872a058f39a5af1ac849f8f40' }, h("clipPath", { key: 'e0017e8f5e5d5178b720c299da559360d536c936', id: "a" }, h("path", { key: '725dd4f26bfa2b0f57e19eb363a02b045f091326', "stroke-width": "0", d: "M0 0h14v14H0z" }))), h("g", { key: 'dfe106449cd37c095c6c4348c53df190b9a37d23', "clip-path": "url(#a)" }, h("path", { key: '5eeb2b7550ea2258eb1046ac2ec3b6ca2339873d', "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: '6b8c831d0604f7379b0f5beb85fbe5c2f8ceee28', viewBox: "-1 -2 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '9bee761bbb313d2836f4699b76ff8f4c9c034c3a', 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: '962f8637e9a1e2d66f759efda9a141e9fe11327f', 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: '2f154b4a2f4c02876977fa1220528a289e912696', viewBox: "-1 -2 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '2decc7d278122d6b4e2951481a36c3e7e51c81bb', 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: '680bd268c2a069de54142833e2c66ada300ce0d4', 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: '65c3f439adacd4709f2909de5b51abc23481572c', viewBox: "-6 -11 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'dcc620f8720b18b52f0a9472413b99e886e812cc', 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: '51dae614bd77d08439e88831ed364499f1ad151e', viewBox: "-6 -11 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'fec012751a1aa3b329e8c9e2621045456d407315', 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: '40792b5dc94eb6dfafcea2d4ae14ce4db37fa687', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'e2c2c90e9b556b2a3dff4515150312fff7564b6b', 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: '76884713542574a171e6bc221f0f327fedde003d', 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: 'd0f8028fd713d544a48b60e27abe6aeb1651636b', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '555bb6d38ed791ff18fd2e20cd02867cae485685', 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: 'e4fc6612b7aa8434b26d41b8a5eb56b5623bc353', 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: 'c1c33b1789c27ec17e70ed5c6ddf21315d178654', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '1a0373fa0a1667b9af9d922b89ed9e469b7bac16', d: "M30 32v2H6v-2h6V20h12v12zM14 12h8c1.34 0 2 .9 2 2.02V18H12v-4c0-1.1.68-2 2-2" })));
+        return (h("svg", { key: 'e9f3612e29abdadc1066c7725173b70b67067440', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '701408b89d3405fc925c63588dca867950e5a820', 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: '4306d7e75c160c2c42a7dfa5f0c9d65ba1b894e4', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '7d6432dee794601395e15bb00d9a10cca31b6160', 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: '11e5ddba7de791324ecb1c4b97cd821a813a3a6c', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '367c5fd5cb2016820c9c9e908f829ce406a88437', 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/heading-1.css

@@ -8,11 +8,6 @@
 * 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: contents;
 }
@@ -25,7 +20,6 @@ h1 {
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-1-font-size, revert);

package/dist/collection/components/heading-2.css

@@ -8,11 +8,6 @@
 * 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: contents;
 }
@@ -25,7 +20,6 @@ h2 {
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-2-font-size, revert);

package/dist/collection/components/heading-3.css

@@ -8,11 +8,6 @@
 * 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: contents;
 }
@@ -25,7 +20,6 @@ h3 {
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-3-font-size, revert);

package/dist/collection/components/heading-4.css

@@ -8,11 +8,6 @@
 * 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: contents;
 }
@@ -25,7 +20,6 @@ h4 {
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-4-font-size, revert);

package/dist/collection/components/heading-5.css

@@ -8,11 +8,6 @@
 * 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: contents;
 }
@@ -25,7 +20,6 @@ h5 {
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-5-font-size, revert);

package/dist/collection/components/heading-6.css

@@ -8,11 +8,6 @@
 * 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: contents;
 }
@@ -25,7 +20,6 @@ h6 {
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-6-font-size, revert);

package/dist/collection/components/heading.css

@@ -13,16 +13,10 @@
 * 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-heading-1 {
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-1-font-size, revert);
@@ -50,7 +44,6 @@
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-2-font-size, revert);
@@ -78,7 +71,6 @@
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-3-font-size, revert);
@@ -106,7 +98,6 @@
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-4-font-size, revert);
@@ -134,7 +125,6 @@
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-5-font-size, revert);
@@ -162,7 +152,6 @@
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-6-font-size, revert);

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

@@ -265,36 +265,6 @@
 * 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
-*/
-/**
-* @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
-*/
-/**
-* @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
-*/
-/**
-* @license EUPL-1.2
-* Copyright (c) 2020-2024 Frameless B.V.
-* Copyright (c) 2021-2024 Gemeente Utrecht
-*/
 /* stylelint-disable scss/no-global-function-names */
 /*
 
@@ -742,12 +712,14 @@ however browsers don't seem to have implemented great looking supixel tweening y
   align-items: center;
   background-color: var(--_utrecht-button-background-color);
   block-size: fit-content;
-  border-block-end-color: var(--_utrecht-button-border-bottom-color);
-  border-block-end-width: var(--_utrecht-button-border-block-end-width);
   border-color: var(--_utrecht-button-border-color);
   border-radius: var(--utrecht-button-border-radius);
   border-style: solid;
   border-width: var(--_utrecht-button-border-width);
+  /* stylelint-disable-next-line order/properties-alphabetical-order */
+  border-block-end-color: var(--_utrecht-button-border-bottom-color);
+  /* stylelint-disable-next-line order/properties-alphabetical-order */
+  border-block-end-width: var(--_utrecht-button-border-block-end-width);
   box-sizing: border-box;
   color: var(--_utrecht-button-color);
   column-gap: var(--utrecht-button-column-gap);
@@ -898,7 +870,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
   margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-margin-block-start, 0));
   /* `all: revert` unfortunately has as side-effect that the `hidde` attribute has no effect */
   all: revert;
-  border: 0;
+  border-width: 0;
   margin-inline-end: 0;
   margin-inline-start: 0;
   min-inline-size: 0;
@@ -985,7 +957,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-1-font-size, revert);
@@ -999,7 +970,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-2-font-size, revert);
@@ -1013,7 +983,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-3-font-size, revert);
@@ -1027,7 +996,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-4-font-size, revert);
@@ -1041,7 +1009,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-5-font-size, revert);
@@ -1055,7 +1022,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
   break-after: avoid;
   break-inside: avoid-column;
   break-inside: avoid;
-  break-after: avoid-page;
   color: var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
   font-family: var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
   font-size: var(--utrecht-heading-6-font-size, revert);
@@ -1399,14 +1365,14 @@ however browsers don't seem to have implemented great looking supixel tweening y
   );
 }
 .utrecht-html select {
-  background-color: var(--utrecht-select-background-color, var(--utrecht-form-control-background-color));
+  border-color: var(--utrecht-select-border-color, var(--utrecht-form-control-border-color));
+  border-radius: var(--utrecht-select-border-radius, var(--utrecht-form-control-border-radius, 0));
+  border-style: solid;
   border-block-end-width: var(--utrecht-select-border-block-end-width, var(--utrecht-select-border-width, var(--utrecht-form-control-border-width)));
   border-block-start-width: var(--utrecht-select-border-width, var(--utrecht-form-control-border-width));
-  border-color: var(--utrecht-select-border-color, var(--utrecht-form-control-border-color));
   border-inline-end-width: var(--utrecht-select-border-width, var(--utrecht-form-control-border-width));
   border-inline-start-width: var(--utrecht-select-border-width, var(--utrecht-form-control-border-width));
-  border-radius: var(--utrecht-select-border-radius, var(--utrecht-form-control-border-radius, 0));
-  border-style: solid;
+  background-color: var(--utrecht-select-background-color, var(--utrecht-form-control-background-color));
   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));
@@ -1462,10 +1428,10 @@ however browsers don't seem to have implemented great looking supixel tweening y
       var(--utrecht-select-border-width, var(--utrecht-form-control-border-width))
     )
   );
-  background-color: var(--utrecht-select-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
+  border-color: var(--utrecht-select-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));
   border-width: var(--_utrecht-select-border-width);
   border-block-end-width: var(--utrecht-select-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-select-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-select-border-width)))));
-  border-color: var(--utrecht-select-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));
+  background-color: var(--utrecht-select-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
 }
 .utrecht-html hr {
   border-color: var(--utrecht-separator-color);
@@ -1476,10 +1442,10 @@ however browsers don't seem to have implemented great looking supixel tweening y
   --utrecht-space-around: 1;
 }
 .utrecht-html table {
+  border-collapse: separate;
   /* `border-collapse: collapse` results in a broken border for sticky header and sticky footer.
    * Therefore we need to use `border-collapse: separate` instead.
    */
-  border-collapse: separate;
   border-color: var(--utrecht-table-border-color, 0);
   border-spacing: 0;
   border-style: solid;
@@ -1592,13 +1558,13 @@ however browsers don't seem to have implemented great looking supixel tweening y
 }
 .utrecht-html textarea {
   /* Fall back to `resize: vertical` for browsers that don't support `resize: block` */
-  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-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;
+  border-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)));
+  background-color: var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));
+  block-size: initial; /* harden */
   box-sizing: border-box;
   color: var(--utrecht-textarea-color, var(--utrecht-form-control-color));
   font-family: var(--utrecht-textarea-font-family, var(--utrecht-form-control-font-family));
@@ -1643,10 +1609,10 @@ however browsers don't seem to have implemented great looking supixel tweening y
       var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))
     )
   );
-  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-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))));
   border-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))));
+  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))));
   color: var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
 }
 .utrecht-html textarea {
@@ -1710,27 +1676,40 @@ however browsers don't seem to have implemented great looking supixel tweening y
       var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width, 0)) +
       var(--utrecht-textbox-autocomplete-ui-size, 44px)
   );
-  background-color: var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color));
-  block-size: initial; /* harden */
-  border-width: var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width));
-  border-block-end-width: var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)));
+  max-inline-size: min(var(--_utrecht-textbox-max-inline-size, 100%), var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size)));
+  min-block-size: var(--utrecht-pointer-target-min-size, var(--basis-pointer-target-min-block-size, 44px));
+  min-inline-size: var(--utrecht-pointer-target-min-size, var(--basis-pointer-target-min-inline-size, 44px));
+  --_utrecht-textbox-border-width: var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width));
+  --_utrecht-textbox-border-block-end-width: var(
+    --utrecht-textbox-border-bottom-width,
+    var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))
+  );
   border-color: var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color));
   border-radius: var(--utrecht-textbox-border-radius, var(--utrecht-form-control-border-radius, 0));
   border-style: solid;
+  border-width: var(--_utrecht-textbox-border-width);
+  border-block-end-width: var(--_utrecht-textbox-border-block-end-width);
   box-sizing: border-box;
+  background-color: var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color));
   color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
+  --_utrecht-textbox-padding-block-end: var(
+    --utrecht-textbox-padding-block-end,
+    var(--utrecht-form-control-padding-block-end, 0)
+  );
+  --_utrecht-textbox-padding-block-start: var(
+    --utrecht-textbox-padding-block-start,
+    var(--utrecht-form-control-padding-block-start, 0)
+  );
+  block-size: initial; /* harden */
   display: block;
   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: 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);
-  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
-  max-inline-size: min(var(--_utrecht-textbox-max-inline-size, 100%), var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size)));
   overflow: hidden;
-  padding-block-end: var(--utrecht-textbox-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));
-  padding-block-start: var(--utrecht-textbox-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));
+  padding-block-end: var(--_utrecht-textbox-padding-block-end);
+  padding-block-start: var(--_utrecht-textbox-padding-block-start);
   padding-inline-end: var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));
   padding-inline-start: var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));
   white-space: nowrap;
@@ -1810,10 +1789,10 @@ however browsers don't seem to have implemented great looking supixel tweening y
       var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))
     )
   );
-  background-color: var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));
+  border-color: var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));
   border-width: var(--_utrecht-textbox-border-width);
   border-block-end-width: var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));
-  border-color: var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));
+  background-color: var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));
   color: var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));
 }
 .utrecht-html input:not([type]),

package/dist/collection/components/icon/generated-direction-inherit.css

@@ -27,14 +27,14 @@ svg {
   /*
    * Override the width of SVGs when they are hardcoded, and avoid oversized SVG icons.
    * For example:
-   * 
+   *
    *   <svg width="128px" height="128px">
    */
-  /* stylelint-disable-next-line property-disallowed-list */
+  /* stylelint-disable-next-line csstools/use-logical */
   height: 100%;
   /* Remove tooltip from SVG `<title>` element using `pointer-events: none` */
   pointer-events: none;
-  /* stylelint-disable-next-line property-disallowed-list */
+  /* stylelint-disable-next-line csstools/use-logical */
   width: 100%;
 }
 

package/dist/collection/components/icon/generated.css

@@ -22,13 +22,13 @@ svg {
   /*
    * Override the width of SVGs when they are hardcoded, and avoid oversized SVG icons.
    * For example:
-   * 
+   *
    *   <svg width="128px" height="128px">
    */
-  /* stylelint-disable-next-line property-disallowed-list */
+  /* stylelint-disable-next-line csstools/use-logical */
   height: 100%;
   /* Remove tooltip from SVG `<title>` element using `pointer-events: none` */
   pointer-events: none;
-  /* stylelint-disable-next-line property-disallowed-list */
+  /* stylelint-disable-next-line csstools/use-logical */
   width: 100%;
 }