@utrecht/web-component-library-stencil 1.3.0 → 2.0.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: '964a293f91016dfbbe2909692190bb807371f8fd', viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '8bd2fbe091f1f4bf55ee96b411c8a0332be233e8' }, h("clipPath", { key: 'bf361cd8f860f2865f2b7998ab2bf9abf14fb05a', id: "a" }, h("path", { key: '7a26ddbdbf1ae9d5b1734e3ca748e35b5ef47bed', "stroke-width": "0", d: "M0 0h14v14H0z" }))), h("g", { key: 'daae0154e87746fd1893da571b718bcc8456bbdc', "clip-path": "url(#a)" }, h("path", { key: '0faf6db357cc115fcb1db178dfc0bb38aa0e634f', "fill-rule": "evenodd", d: "M7 0c.48 0 .88.39.88.88v5.25h5.25c.48 0 .88.39.88.88s-.39.88-.88.88H7.88v5.25c0 .48-.39.88-.88.88s-.88-.39-.88-.88V7.89H.88C.4 7.89 0 7.5 0 7.01s.39-.88.88-.88h5.25V.88c0-.48.39-.88.88-.88Z" }))));
     }
     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: 'ba88c3f2c47ed35059f549f4d7eee2b0c982da69', viewBox: "-1 -2 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '26b6a434666393cc0537d739fec9336a9c0143bd', d: "M11.6 5a.6.6 0 0 1 .6.6v10.8a.6.6 0 0 1-.6.6h-1.2a.6.6 0 0 1-.6-.6V5.6a.6.6 0 0 1 .6-.6z" }), h("path", { key: 'dce896e398f8b82e8fe098c375540f34f5d83597', d: "M5 10.4a.6.6 0 0 1 .6-.6h10.8a.6.6 0 0 1 .6.6v1.2a.6.6 0 0 1-.6.6H5.6a.6.6 0 0 1-.6-.6z" })));
     }
     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: '79b154564b29b81d231a2a437b9720589a80bc47', viewBox: "-6 -11 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '5ac2a5aed6ec39618dba6a5eb5099e2276680826', d: "M0 .5A.5.5 0 0 1 .5 0h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5z" })));
     }
     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: 'e5cdbbaf324f2ed54ead801f508b6bf977477dab', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '669d401dd05177576693c7aaef64977d9c47097a', d: "M0 23.87h5.3V33.9H0zm31.15 6.47-11 .67-3.96-1.19.59-1.75 3.88 1.15 3.75-.3c-.01-.1-.34-2.61-3.69-3.5l-6.64-1.9-6.68.96v8.47l12.74 3.06 15.85-3.15s0-2.52-4.85-2.52Z" }), h("path", { key: 'fdad862ddf08ce9d6e09bfd8d163780c520bad7a', d: "m7.61 14.35 1.92-1.59.04 9.55 4.16-.62c.24-.04.49-.02.72.06l7.22 2.17c3.43.95 4.5 3.18 4.69 4.63l4.38-.2V12.82l2.13 1.74 2.07-2.37-4.24-3.6V3.81h-3.18v2.22L20.11 0 5.52 12.08l2.09 2.26Zm9.34-2.52h6.35v5.01h-6.35z" })));
     }
     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: '87a5001f876228bf840cebdd2ec1f903fabacbe4', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '3af91af7b5264c3bd3c7258c5070d4c4551324f8', d: "M30 32v2H6v-2h6V20h12v12zM14 12h8c1.34 0 2 .9 2 2.02V18H12v-4c0-1.1.68-2 2-2" })));
     }
     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: 'eaffd344608820054034a1cdd14d7a62a6371cfd', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '9873dee75d7ccc64ad130ed1f00cbd515d3e07eb', d: "M26.4 15.13a3.521 3.521 0 0 1 1.49-4.74 3.49 3.49 0 0 1 4.72 1.49c.89 1.72.23 3.84-1.49 4.74-1.71.9-3.83.23-4.72-1.49m5.76 4.52c-1.53 0-3.06.43-4.47 1.18-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.07c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73Zm-4.47 5.61c-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.06c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73c-1.53 0-3.06.43-4.47 1.18Zm-13.6-14.41-7.62 3.82c-.46.23-.65.79-.42 1.25l.06.13c.23.46.78.65 1.24.42l5.86-2.89 1.17-.58c.99-.49 2.19-.08 2.68.91l-8.65 4.11c.29.13.42.23.69.36.68.34 1.21.61 1.76.64h.13c.6 0 1.16-.27 2.04-.7.17-.09.35-.17.53-.26 1.42-.68 2.97-1.04 4.48-1.04.7 0 1.4.08 2.08.23 1.02.23 1.87.64 2.61 1.01.42.21.82.4 1.21.55.35.13.78.21.78.21s.57.03.78-.33c.21-.35-.06-.78-.06-.78l-.72-1.28c-1.07-2.17-3.1-3.99-4.81-5.24a5.725 5.725 0 0 0-5.82-.56Z" })));
     }
     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

@@ -673,6 +673,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
     --utrecht-button-border-bottom-width,
     var(--_utrecht-button-border-width, 0)
   );
+  --_utrecht-button-font-size: var(--_utrecht-button-appearance-font-size, var(--utrecht-button-font-size));
+  --_utrecht-button-line-height: var(--_utrecht-button-appearance-line-height, var(--utrecht-button-line-height));
   --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
   align-items: center;
   background-color: var(--_utrecht-button-background-color);
@@ -687,13 +689,13 @@ 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-size: var(--utrecht-button-font-size, var(--utrecht-document-font-family, inherit));
+  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);
   inline-size: var(--utrecht-button-inline-size, auto);
   justify-content: center;
-  line-height: var(--utrecht-button-line-height);
+  line-height: var(--_utrecht-button-line-height);
   max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
   min-block-size: var(--utrecht-button-min-block-size, 44px);
   min-inline-size: var(--utrecht-button-min-inline-size, 44px);
@@ -792,6 +794,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
 }
 .utrecht-html body {
   /* reset `font-smoothing: antialiasing`, prefer automatic (`subpixel-antialiasing`) behavior for high-dpi screens */
+  -webkit-font-smoothing: auto !important;
+  -moz-osx-font-smoothing: auto !important;
   color: var(--utrecht-document-color, inherit);
   font-family: var(--utrecht-document-font-family, inherit);
   font-size: var(--utrecht-document-font-size, inherit);
@@ -1498,7 +1502,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
   background-color: var(--utrecht-table-row-alternate-odd-background-color);
   color: var(--utrecht-table-row-alternate-odd-color);
 }
-.utrecht-html textarea { /* Fall back to `resize: vertical` for browsers that don't support `resize: block` */
+.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));

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"; }