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

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: '3dbcef7a2e3bd9f9a68ebf7f32c345af304dd6d4', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '5af99ea8aa84277f538f8853902df240bf95f20d' }, h("clipPath", { key: '24594b579bb0bf432a81ebd957c01d0484fc15c9', id: "a" }, h("path", { key: '4ae3124ff1eeb2cd4443438b891538e5f4b656f5', "stroke-width": "0", d: "M0 0h14v14H0z" }))), h("g", { key: '25a9aba9b8f502b5d0fa242025b1991bbe756dca', "clip-path": "url(#a)" }, h("path", { key: '0dd32cbbdf4fddefe2035608e50f5f6287a71bc7', "fill-rule": "evenodd", d: "M7 0c.48 0 .88.39.88.88v5.25h5.25c.48 0 .88.39.88.88s-.39.88-.88.88H7.88v5.25c0 .48-.39.88-.88.88s-.88-.39-.88-.88V7.89H.88C.4 7.89 0 7.5 0 7.01s.39-.88.88-.88h5.25V.88c0-.48.39-.88.88-.88Z" }))));
+        return (h("svg", { key: '23a1781d3b5b226886919f3815f0557bbdd71925', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '20b6597606e30bcae8485bc3033648e8d4dafe87' }, h("clipPath", { key: '1edf4ac61163ef25305720d82d670bedd826fe39', id: "a" }, h("path", { key: 'e5bd2cbc0620866594d984744fe4107e33bfe1b7', "stroke-width": "0", d: "M0 0h14v14H0z" }))), h("g", { key: 'c10592d5dd5f0e4071e70f8dbe8dc7a9237dc200', "clip-path": "url(#a)" }, h("path", { key: '42a68341cbb230ba2c2e0af56a6bb49a345aedeb', "fill-rule": "evenodd", d: "M7 0c.48 0 .88.39.88.88v5.25h5.25c.48 0 .88.39.88.88s-.39.88-.88.88H7.88v5.25c0 .48-.39.88-.88.88s-.88-.39-.88-.88V7.89H.88C.4 7.89 0 7.5 0 7.01s.39-.88.88-.88h5.25V.88c0-.48.39-.88.88-.88Z" }))));
     }
     static get is() { return "utrecht-icon-zoom-plus"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Heading1 {
     render() {
-        return (h("h1", { key: '30bf0309a22d4580e4d2f035d96a85b0fd7aed7a' }, h("slot", { key: 'ae2b518e72b3a1179baca0fa6be63736df7576ef' })));
+        return (h("h1", { key: 'dbcec4f57d1bb60a204dad60dd64e885329ea263' }, h("slot", { key: '51349ea9c9ead6e65014f55acc386354e544f738' })));
     }
     static get is() { return "utrecht-heading-1"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Heading2 {
     render() {
-        return (h("h2", { key: '726e8e7e00a512a36e8ff7b3b12041e7f0d7adcf' }, h("slot", { key: 'eda19a74c755dd3e2f61f849a6542d61c2d44acb' })));
+        return (h("h2", { key: 'ec37fb469bb120e71147ac2db128e426994de695' }, h("slot", { key: 'ef88290bb18bd54b484f345aee80b3e675935485' })));
     }
     static get is() { return "utrecht-heading-2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Heading3 {
     render() {
-        return (h("h3", { key: 'ae6d99911311d4fc6869e824c4b9b8ad6dcb26ad' }, h("slot", { key: 'db98c3b498bbc84bf2354e6a4cc8e01d80a0e422' })));
+        return (h("h3", { key: '602a7d95bcbd5da72525d0c56b445637ab822c69' }, h("slot", { key: 'b2e16d7b617ac1b13e40c3cc81ca4b98795b9451' })));
     }
     static get is() { return "utrecht-heading-3"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Heading4 {
     render() {
-        return (h("h4", { key: '495f19b93781a49a15a907a45eabe44af7954e2d' }, h("slot", { key: 'e5a2baf3d2380da0c65bda613bcaa0b59b5eff32' })));
+        return (h("h4", { key: '9481587b32b4e33997ee64eb5d326b6eb40b49c1' }, h("slot", { key: '0838ff16d87ba3860f250b124027a41ca0f1564b' })));
     }
     static get is() { return "utrecht-heading-4"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Heading5 {
     render() {
-        return (h("h5", { key: 'f68577183f5776b0eaa550024e23b69c3c60c7a4' }, h("slot", { key: '86f4f70516d905b7692379d6e87e93be52280fcd' })));
+        return (h("h5", { key: '0fa27cca33829066a4162e467c38cc8458e5d79c' }, h("slot", { key: '41972971fb28f68d44475a34064014983fa01640' })));
     }
     static get is() { return "utrecht-heading-5"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Heading6 {
     render() {
-        return (h("h6", { key: '49fafa5e86bacd0e46af5489d31da621facd5b3c' }, h("slot", { key: '14b0baa49df2ce65542b1ae0163f885579b720d1' })));
+        return (h("h6", { key: '894f5fd5ab920cd220261132e5b00c60f756678e' }, h("slot", { key: '5fa86bcb746bc358c7ca48ae18dcadd9e900eeb2' })));
     }
     static get is() { return "utrecht-heading-6"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class HeadingGroup {
     render() {
-        return (h("hgroup", { key: 'a087c2e881fe0ccd660e496db6be7ec9befab7b4' }, h("slot", { key: '253d3313b76f500865ab54dc28057d47eb5981a0' })));
+        return (h("hgroup", { key: 'a03632de85a5f753c301f15ec02019b3ef4d2837' }, h("slot", { key: 'e2b740831a7a41ae83f9f4527643551cd32787b6' })));
     }
     static get is() { return "utrecht-heading-group"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -5,7 +5,7 @@
 import { h } from "@stencil/core";
 export class HTMLContent {
     render() {
-        return (h("div", { key: '3e2fcbd2c8bae72c45f6c01e9be74689b1c1b8c4', class: "utrecht-html" }, h("slot", { key: '90eb161d9190e1db6ea69dfa0cd596dbabd34af4' })));
+        return (h("div", { key: '6bc1fd7dd444a99aec15d29059f8d68205826f0c', class: "utrecht-html" }, h("slot", { key: '2d540c240e247f9912921b1e71081c5f3bb944e6' })));
     }
     static get is() { return "utrecht-html-content"; }
     static get originalStyleUrls() {

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

@@ -19,7 +19,7 @@ export class IBANData {
         const { value } = this;
         const normalized = normalizeIBAN(value);
         const formatted = formatIBAN(normalized);
-        return (h("data", { key: '70d3b92b6e0eb7ad7b4504bb67609369f4d6a05a', class: "utrecht-iban-data", value: normalized, translate: "no" }, formatted));
+        return (h("data", { key: '6b32074c81d05f5a3832f5ca47ee32957ad7b5d5', class: "utrecht-iban-data", value: normalized, translate: "no" }, formatted));
     }
     static get is() { return "utrecht-iban-data"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/icon.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class Icon {
     render() {
-        return (h(Host, { key: '09aa6e9cf0d0f61d740bed98cf4df6d1ebf1dc23', "aria-hidden": "true" }, h("slot", { key: '090329e40c7aa14511993351775893e7ce886bc9' })));
+        return (h(Host, { key: '215eebed96b4aacd2d102e1773130526aa2898a4', "aria-hidden": "true" }, h("slot", { key: 'f8785f08771bb77048f674f5469d9906fca83402' })));
     }
     static get is() { return "utrecht-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -74,7 +74,7 @@ export class LinkButton {
             button.style.display = 'none';
             button.value = value || '';
         }
-        return (h("button", { key: '66e6d7ef01292408aed0213514a82e7378b56384', class: clsx('utrecht-link-button', 'utrecht-link-button--html-button', this.disabled && 'utrecht-link-button--disabled', this.inline && 'utrecht-link-button--inline', this.pressed && 'utrecht-link-button--pressed'), disabled: this.disabled, "aria-pressed": typeof this.pressed === 'boolean' ? this.pressed : undefined, type: this.type || 'button', onClick: handleClick }, h("slot", { key: '89cd3f8298ab3b313cc41f9055db1dabadcfa0cc' })));
+        return (h("button", { key: '46ce4f53ff8f530d9f120363de3fc9cce3362f16', class: clsx('utrecht-link-button', 'utrecht-link-button--html-button', this.disabled && 'utrecht-link-button--disabled', this.inline && 'utrecht-link-button--inline', this.pressed && 'utrecht-link-button--pressed'), disabled: this.disabled, "aria-pressed": typeof this.pressed === 'boolean' ? this.pressed : undefined, type: this.type || 'button', onClick: handleClick }, h("slot", { key: 'fc099bc7a0684dbe822cfbd4c35f356d631dfcb7' })));
     }
     static get is() { return "utrecht-link-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/link.js

@@ -11,7 +11,7 @@ export class Link {
         this.target = undefined;
     }
     render() {
-        return (h("a", { key: '13801820d286ea50525240f29b7fc3031198e5cb', download: typeof this.download === 'string' ? this.download : undefined, href: typeof this.href === 'string' ? this.href : undefined, target: typeof this.target === 'string' ? this.target : undefined, class: "utrecht-link utrecht-link--html-a" }, h("slot", { key: 'a111b0bfc9ef8a1b6f40fd174bf9e8998cbdfd90' })));
+        return (h("a", { key: 'a1837fa8f97ba2dfcbda82005e0ff13dafa46ac3', download: typeof this.download === 'string' ? this.download : undefined, href: typeof this.href === 'string' ? this.href : undefined, target: typeof this.target === 'string' ? this.target : undefined, class: "utrecht-link utrecht-link--html-a" }, h("slot", { key: '23e0856642a0f1a4088c7ebbd61832de26941658' })));
     }
     static get is() { return "utrecht-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class DigidButton {
     render() {
-        return (h("div", { key: '10dee6e194e1b976893dc5e51ab39ee52de538c9', class: "utrecht-logo-button" }, h("slot", { key: '0c4d0e37a7ff4e3e09f01b99c1d8c64d67484f79' })));
+        return (h("div", { key: 'e2a357b9b6a819e67310ceb89b4fa3dee69b9b2f', class: "utrecht-logo-button" }, h("slot", { key: '7d76821bfa58b392694dbea3d917b50edb94401f' })));
     }
     static get is() { return "utrecht-logo-button"; }
     static get encapsulation() { return "shadow"; }