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

package/dist/collection/components/custom-checkbox.js

@@ -14,7 +14,7 @@ export class CustomCheckbox {
     }
     render() {
         const { checked, required, disabled, indeterminate, invalid } = this;
-        return (h("input", { key: 'a52236ea1600d5442970eaa600d28de194fcac0f', "aria-invalid": invalid ? 'true' : null, class: clsx('utrecht-custom-checkbox', 'utrecht-custom-checkbox--html-input', invalid && 'utrecht-custom-checkbox__box--invalid'), type: "checkbox", checked: checked, required: required, indeterminate: indeterminate, disabled: disabled }));
+        return (h("input", { key: 'd2bda758499bbb7251b53aa6ed5a6d13a41d7484', "aria-invalid": invalid ? 'true' : null, class: clsx('utrecht-custom-checkbox', 'utrecht-custom-checkbox--html-input', invalid && 'utrecht-custom-checkbox__box--invalid'), type: "checkbox", checked: checked, required: required, indeterminate: indeterminate, disabled: disabled }));
     }
     static get is() { return "utrecht-custom-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-list-actions.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class DataListValue {
     render() {
-        return (h("dd", { key: '9ab8b58d08d6cf3c6a6e431dba8e57aa92ca9e21' }, h("slot", { key: 'fbe96c62e22259caec60d9bac6893fa5c0a2a2a5' })));
+        return (h("dd", { key: 'e44c9b8b5310a92b7fa9dba628eecdb69c3d053b' }, h("slot", { key: 'c535c25d9b16724e7a9d04fee94c6e3d9cd515b3' })));
     }
     static get is() { return "utrecht-data-list-actions"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class DataListItem {
     render() {
-        return (h("div", { key: '37d3facb8867a1efad795500d095948ce9e244f9' }, h("slot", { key: '3986b8ce9d9f1f06292269c85758f000410f8417' })));
+        return (h("div", { key: '49811308ba56409c4bedd0aa570544b4d6be2c91' }, h("slot", { key: '663cda38d69e4eb05331fb19b519dfacc53f3914' })));
     }
     static get is() { return "utrecht-data-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-list-key.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class DataListValue {
     render() {
-        return (h("dt", { key: '11d9ca39e9b648da1082d00b5273080fb8d60ad9' }, h("slot", { key: '89f7571111603b24357f52189a255fdb3ad69951' })));
+        return (h("dt", { key: '77b30edc6063d09aeddc15a98f053967bf1fac48' }, h("slot", { key: '2b380dcdb0e79e99ddc88cf921f4927b28f12edf' })));
     }
     static get is() { return "utrecht-data-list-key"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-list-value.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class DataListValue {
     render() {
-        return (h("dd", { key: '143e59914010d5860430b7feb83515d7049b0194' }, h("slot", { key: 'd5d9fb5317effae90ee356073fe7a0abc2d5a488' })));
+        return (h("dd", { key: 'd68a1055f7d2dd5ee4ef8ec3dd58b21a83f1fea2' }, h("slot", { key: 'e4bd39fd51469f733acc9914d7aff54b528cb4ed' })));
     }
     static get is() { return "utrecht-data-list-value"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class DataList {
     render() {
-        return (h("dl", { key: 'af18a7d91d76dd02548046fae4cdc6e346eaf356' }, h("slot", { key: 'f97edf13f70d2cb2e20a45f2cc3b71ee4e4e9222' })));
+        return (h("dl", { key: 'b9c69f133716dcda0dce23271668bb5a92674cbf' }, h("slot", { key: '9a18fc98802bfeae0c42e6d01cf5c3faf87e9621' })));
     }
     static get is() { return "utrecht-data-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/digid-button.css

@@ -7,7 +7,7 @@
  * Copyright (c) 2021 Robbert Broersma
  */
 .utrecht-digid-button {
-  --utrecht-button-min-block-size: var(--utrecht-digid-button-block-size, 50px);
+  --utrecht-button-min-block-size: var(--utrecht-digid-button-block-size, 44px);
   --utrecht-logo-max-block-size: var(--utrecht-digid-button-block-size, 50px);
   --utrecht-logo-max-inline-size: var(--utrecht-digid-button-block-size, 50px);
   block-size: var(--utrecht-digid-button-block-size, 50px);

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

@@ -9,7 +9,7 @@ export class DigidButton {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: '1c923c0b8248a6acf980af625d57dc0a2bbfab8e', class: "utrecht-digid-button" }, h("utrecht-digid-logo", { key: '3b166855251bebe2aa98dab0b918ee426efa31f6', class: "utrecht-digid-button__logo" }), h("slot", { key: 'b33f6d99a22530131905355554b8fed30da19d07' })));
+        return (h("div", { key: 'ddb035f2a001d3196853bdbb8196e5fca2d7b078', class: "utrecht-digid-button" }, h("utrecht-digid-logo", { key: 'eab0c827e672602fce12318bfe8d330a982d6212', class: "utrecht-digid-button__logo" }), h("slot", { key: 'f6e0ab5a148ec779fbd9e2e8855e683290381403' })));
     }
     static get is() { return "utrecht-digid-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class DigidLogo {
     render() {
-        return (h("svg", { key: 'ccebd2fb850f36d6763697c91a69033375012059', class: "utrecht-icon", width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 150 150" }, h("path", { key: '0226f247f386aa04bd70a88c276b5071dc1030c2', d: "M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z" }), h("path", { key: 'd9f9b5b8fc3efc555cd95287b88e0a74d0b17189', d: "M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z", fill: "#FFFFFF" }), h("path", { key: 'af3c438c98c6e4682a713542164c5905393a5526', d: "M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z", fill: "#E17000" })));
+        return (h("svg", { key: '528c4d2e6c297b86ecc1973209cc1e70ea3d00fb', class: "utrecht-icon", width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 150 150" }, h("path", { key: '5bad7594480e48f4e975df4fba2dcc2dd720f424', d: "M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z" }), h("path", { key: 'b3456c515ef864658cc735a80c22c41d3c103879', d: "M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z", fill: "#FFFFFF" }), h("path", { key: '26ad1fdb489dd218f2e8f5f2fc73b4ab7d910282', d: "M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z", fill: "#E17000" })));
     }
     static get is() { return "utrecht-digid-logo"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/document.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Document {
     render() {
-        return (h("div", { key: '329dc033f2e6ccc21427c3e6ab8e32a12d34c7f0', class: "utrecht-document" }, h("slot", { key: 'f96e1eea2279055c933b595d0c3510001ef1a44e' })));
+        return (h("div", { key: 'bb663e70964762d894eefd7b7d4f909f45eacf5b', class: "utrecht-document" }, h("slot", { key: '357a56fba273b4f95cab1dfb2bb48b2d4faa0d5e' })));
     }
     static get is() { return "utrecht-document"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/drawer.js

@@ -12,12 +12,12 @@ export class Drawer {
     }
     render() {
         const { align, open } = this;
-        return (h("dialog", { key: '272c084cc6e7936b7929d75adbad1ed4456ee386', ref: (el) => (this.dialogElement = el), class: clsx('utrecht-drawer', {
+        return (h("dialog", { key: '7938af65e07d33a136fab2a3ee42dc95625b93fd', ref: (el) => (this.dialogElement = el), class: clsx('utrecht-drawer', {
                 'utrecht-drawer--block-end': align === 'block-end',
                 'utrecht-drawer--block-start': align === 'block-start',
                 'utrecht-drawer--inline-end': align === 'inline-end' || !align,
                 'utrecht-drawer--inline-start': align === 'inline-start',
-            }), open: open }, h("slot", { key: '2a707170509313263ba06471a8837965b557d96f' })));
+            }), open: open }, h("slot", { key: 'b214e751a6d70b2f21cde05789f0a5dea2b9617e' })));
     }
     async close() {
         var _a;

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

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class EherkenningLogo {
     render() {
-        return (h("svg", { key: '54350ca78e776df7df098ee28489bc279b2abab8', class: "utrecht-icon", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 0 81 80" }, h("rect", { key: '004166a9164785d2cdabb57f8c9c7716750c3639', fill: "#E0E0E0", width: "80", height: "80" }), h("path", { key: 'eec6954d0dcc1e1e38449055a66e225217d600d8', "fill-rule": "evenodd", fill: "#00328C", d: "M37.363,23.178c0,2.027,0,4.055,0,6.08c-4.257,0-9.55,0-14.208,0  c-1.662,0-3.648-0.207-4.799,0.193c-1.041,0.359-1.796,1.169-2.176,2.111c-0.439,1.084-0.32,2.8-0.32,4.414c0,3.425,0,6.055,0,9.475  c0,1.531-0.159,3.325,0.191,4.479c0.316,1.042,1.316,2.194,2.561,2.496c1.318,0.319,3.094,0.064,4.672,0.064  c4.599,0,9.521,0,14.08,0c0,2.025,0,4.053,0,6.08c-6.402-0.083-12.492,0.112-18.176,0c-4.937-0.099-8.966-3.966-9.344-8.833  c-0.226-2.883,0-5.901,0-8.769c0-2.971-0.19-5.932,0-8.767c0.328-4.896,4.208-8.676,8.959-9.024c3.002-0.222,6.129,0,9.28,0  C31.145,23.178,34.26,23.178,37.363,23.178z" }), h("path", { key: 'e9eff96ce7dc4de0283353147ec8eba18a62ec0a', "fill-rule": "evenodd", fill: "#FF0079", d: "M42.867,23.178c1.962,0,3.926,0,5.888,0c0,4.864,0,9.729,0,14.592  c-1.984,0-3.969,0-5.952,0c0-4.801,0-9.6,0-14.399C42.797,23.279,42.792,23.188,42.867,23.178z" }), h("path", { key: '8bb2c65ce23d6a3f8fc459db4922642c30c7a50b', "fill-rule": "evenodd", fill: "#FF0079", d: "M64.434,23.178c1.941,0,3.883,0,5.824,0c0,11.798,0,23.595,0,35.393  c-1.962,0-3.926,0-5.888,0c0-4.992,0-9.984,0-14.977c-5.077,0-10.155,0-15.232,0c0.824-1.95,1.651-3.896,2.56-5.76  c4.203,0,8.405,0,12.608,0c0.15-4.693,0.021-9.664,0.064-14.464C64.365,23.279,64.36,23.188,64.434,23.178z" }), h("path", { key: '093131d60cab725f767fc68529d64fbfac4711fe', "fill-rule": "evenodd", fill: "#00328C", d: "M19.89,37.77c5.376,0,10.752,0,16.129,0c-0.772,2.022-1.748,3.843-2.56,5.824  c-4.544,0-9.088,0-13.633,0c0-1.877,0-3.755,0-5.633C19.821,37.87,19.816,37.781,19.89,37.77z" }), h("path", { key: '4b148263dea9e933380d4ddd7a441ea2b7754c32', "fill-rule": "evenodd", fill: "#FF0079", d: "M42.93,43.594c1.941,0,3.883,0,5.824,0c0,4.992,0,9.984,0,14.977  c-1.984,0-3.969,0-5.952,0c0-4.93,0-9.856,0-14.783C42.8,43.678,42.851,43.62,42.93,43.594z" })));
+        return (h("svg", { key: '76e9ab6db62f64b6557d4ac5b204cdf1bc5c5395', class: "utrecht-icon", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 0 81 80" }, h("rect", { key: 'd48e6c46f99eab91eceeff4ecf94fbaabfd54263', fill: "#E0E0E0", width: "80", height: "80" }), h("path", { key: '69fa1925294335f77f618dca3728dfebfee59aa2', "fill-rule": "evenodd", fill: "#00328C", d: "M37.363,23.178c0,2.027,0,4.055,0,6.08c-4.257,0-9.55,0-14.208,0  c-1.662,0-3.648-0.207-4.799,0.193c-1.041,0.359-1.796,1.169-2.176,2.111c-0.439,1.084-0.32,2.8-0.32,4.414c0,3.425,0,6.055,0,9.475  c0,1.531-0.159,3.325,0.191,4.479c0.316,1.042,1.316,2.194,2.561,2.496c1.318,0.319,3.094,0.064,4.672,0.064  c4.599,0,9.521,0,14.08,0c0,2.025,0,4.053,0,6.08c-6.402-0.083-12.492,0.112-18.176,0c-4.937-0.099-8.966-3.966-9.344-8.833  c-0.226-2.883,0-5.901,0-8.769c0-2.971-0.19-5.932,0-8.767c0.328-4.896,4.208-8.676,8.959-9.024c3.002-0.222,6.129,0,9.28,0  C31.145,23.178,34.26,23.178,37.363,23.178z" }), h("path", { key: 'b9f2d0ecbafafca9a4395c164bb199cfe51815c6', "fill-rule": "evenodd", fill: "#FF0079", d: "M42.867,23.178c1.962,0,3.926,0,5.888,0c0,4.864,0,9.729,0,14.592  c-1.984,0-3.969,0-5.952,0c0-4.801,0-9.6,0-14.399C42.797,23.279,42.792,23.188,42.867,23.178z" }), h("path", { key: 'f04734ef6004a3b6045da1686e1fb65a26510731', "fill-rule": "evenodd", fill: "#FF0079", d: "M64.434,23.178c1.941,0,3.883,0,5.824,0c0,11.798,0,23.595,0,35.393  c-1.962,0-3.926,0-5.888,0c0-4.992,0-9.984,0-14.977c-5.077,0-10.155,0-15.232,0c0.824-1.95,1.651-3.896,2.56-5.76  c4.203,0,8.405,0,12.608,0c0.15-4.693,0.021-9.664,0.064-14.464C64.365,23.279,64.36,23.188,64.434,23.178z" }), h("path", { key: 'c2d3aa6bd768330e955365604e7220c306af3e8c', "fill-rule": "evenodd", fill: "#00328C", d: "M19.89,37.77c5.376,0,10.752,0,16.129,0c-0.772,2.022-1.748,3.843-2.56,5.824  c-4.544,0-9.088,0-13.633,0c0-1.877,0-3.755,0-5.633C19.821,37.87,19.816,37.781,19.89,37.77z" }), h("path", { key: '538b27eb32f91fa04287a89f89e6f7e024ada4de', "fill-rule": "evenodd", fill: "#FF0079", d: "M42.93,43.594c1.941,0,3.883,0,5.824,0c0,4.992,0,9.984,0,14.977  c-1.984,0-3.969,0-5.952,0c0-4.93,0-9.856,0-14.783C42.8,43.678,42.851,43.62,42.93,43.594z" })));
     }
     static get is() { return "utrecht-eherkenning-logo"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class EidasLogo {
     render() {
-        return (h("svg", { key: 'ae6444e1c0ff762bfed850042d19e095a981ed2f', class: "utrecht-icon", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1a6620f67f6b00221bd732913f5590b772079d31', d: "M21 17.3383C21 18.2955 20.2291 19.0664 19.272 19.0664H1.72805C0.770872 19.0664 0 18.2955 0 17.3383V1.72805C0 0.770879 0.777296 0 1.72805 0H19.272C20.2291 0 21 0.777303 21 1.72805V17.3383Z", fill: "#2C4375" }), h("path", { key: 'd28fa3f2011c4155e6b8ee50d88b0d73bce61b3f', d: "M7.88867 19.0984V15.9057C7.88867 14.5952 8.94862 13.5353 10.2591 13.5353H17.0493C18.3598 13.5353 19.4197 14.6017 19.4197 15.9057V19.0984", fill: "white" }), h("path", { key: '8f8fbb98c425d693ae75b32085872319a7384453', d: "M9.38546 9.78369C9.55891 9.19911 9.83513 8.72373 10.2141 8.34472C10.5932 7.97213 11.075 7.69589 11.6724 7.51602C12.2698 7.33615 12.9765 7.24622 13.8051 7.24622C14.4989 7.24622 15.1028 7.32973 15.6231 7.49675C16.1435 7.66377 16.5932 7.92716 16.985 8.2869C17.4411 8.71089 17.7495 9.20553 17.9101 9.76442C18.0707 10.3233 18.1542 11.0299 18.1542 11.8651V17.0428C18.1542 17.486 18.0514 17.8201 17.8523 18.0385C17.6467 18.2569 17.3833 18.3661 17.0557 18.3661C16.7281 18.3661 16.4647 18.2569 16.272 18.0385C16.0792 17.8201 15.9765 17.4925 15.9765 17.0428V11.7173C15.9765 10.7987 15.803 10.1113 15.4497 9.66163C15.0964 9.21196 14.4989 8.98069 13.6445 8.98069C13.0278 8.98069 12.5525 9.0899 12.2056 9.31474C11.8651 9.53958 11.6274 9.84793 11.4925 10.2526C11.3576 10.6574 11.2934 11.1584 11.2934 11.7559V17.0428C11.2934 17.4796 11.197 17.8137 10.9979 18.0321C10.7987 18.2505 10.5353 18.3597 10.1949 18.3597C9.87367 18.3597 9.6103 18.2505 9.41758 18.0321C9.21844 17.8137 9.12207 17.4796 9.12207 17.0428V11.8779C9.12207 11.0621 9.21201 10.3683 9.38546 9.78369Z", fill: "white" }), h("path", { key: 'c47983543b6b3130fabc16436d2d165ad92912ca', d: "M13.169 0.648804L13.683 2.0942L15.3275 2.08778L13.9913 2.98071L14.5052 4.41968L13.169 3.52675L11.8457 4.41968L12.3532 2.98071L11.0234 2.08778L12.668 2.0942L13.169 0.648804Z", fill: "#F2CD23" }), h("path", { key: 'e945b0090a5e083319091bc66b9d525cfb48d0de', d: "M18.2893 1.59314L18.7968 3.03854L20.4413 3.03211L19.1116 3.91862L19.6191 5.35759L18.2893 4.46466L16.9595 5.35759L17.4735 3.91862L16.1309 3.03211L17.7882 3.03854L18.2893 1.59314Z", fill: "#F2CD23" }), h("path", { key: '6c65636790da7b1d4c7e637281bc5a17b05ac711', d: "M3.60369 14.833L4.11118 16.2784L5.75573 16.272L4.41954 17.1585L4.93346 18.5975L3.60369 17.7045L2.27392 18.5975L2.78784 17.1585L1.45166 16.272L3.09619 16.2784L3.60369 14.833Z", fill: "#F2CD23" }), h("path", { key: '30241a8a0f08623399d4bb16757ba6ca6836bcfd', d: "M4.80536 5.51819L5.31284 6.96358L6.95739 6.95716L5.62763 7.84367L6.13512 9.28264L4.80536 8.38971L3.47559 9.28264L3.98308 7.84367L2.65332 6.95716L4.30428 6.96358L4.80536 5.51819Z", fill: "#F2CD23" }), h("path", { key: '99bd9e6269faf78451be4e66b1d6d788289ac631', d: "M8.43483 2.07495L8.93591 3.52035L10.5869 3.51392L9.25068 4.40043L9.76459 5.83941L8.43483 4.94647L7.10507 5.83941L7.61256 4.40043L6.27637 3.51392L7.92733 3.52035L8.43483 2.07495Z", fill: "#F2CD23" }), h("path", { key: '74113e0db0056193ef22352ed10dffc5412ef066', d: "M3.12176 10.3234L3.62925 11.7688L5.28021 11.7623L3.94402 12.6488L4.45152 14.0878L3.12176 13.1949L1.79198 14.0878L2.3059 12.6488L0.969727 11.7623L2.61426 11.7688L3.12176 10.3234Z", fill: "#F2CD23" })));
+        return (h("svg", { key: '8b27862d7a1dc7cfd756a2449a8e70ff17229019', class: "utrecht-icon", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ffec2ad23f699797d61032e7f78342635ccd6313', d: "M21 17.3383C21 18.2955 20.2291 19.0664 19.272 19.0664H1.72805C0.770872 19.0664 0 18.2955 0 17.3383V1.72805C0 0.770879 0.777296 0 1.72805 0H19.272C20.2291 0 21 0.777303 21 1.72805V17.3383Z", fill: "#2C4375" }), h("path", { key: '9d1ae1a4d5d4c1369f7fcbddfb3958dd39b94be1', d: "M7.88867 19.0984V15.9057C7.88867 14.5952 8.94862 13.5353 10.2591 13.5353H17.0493C18.3598 13.5353 19.4197 14.6017 19.4197 15.9057V19.0984", fill: "white" }), h("path", { key: '0e91aaa716496525e621aa5ccbc57a717b423737', d: "M9.38546 9.78369C9.55891 9.19911 9.83513 8.72373 10.2141 8.34472C10.5932 7.97213 11.075 7.69589 11.6724 7.51602C12.2698 7.33615 12.9765 7.24622 13.8051 7.24622C14.4989 7.24622 15.1028 7.32973 15.6231 7.49675C16.1435 7.66377 16.5932 7.92716 16.985 8.2869C17.4411 8.71089 17.7495 9.20553 17.9101 9.76442C18.0707 10.3233 18.1542 11.0299 18.1542 11.8651V17.0428C18.1542 17.486 18.0514 17.8201 17.8523 18.0385C17.6467 18.2569 17.3833 18.3661 17.0557 18.3661C16.7281 18.3661 16.4647 18.2569 16.272 18.0385C16.0792 17.8201 15.9765 17.4925 15.9765 17.0428V11.7173C15.9765 10.7987 15.803 10.1113 15.4497 9.66163C15.0964 9.21196 14.4989 8.98069 13.6445 8.98069C13.0278 8.98069 12.5525 9.0899 12.2056 9.31474C11.8651 9.53958 11.6274 9.84793 11.4925 10.2526C11.3576 10.6574 11.2934 11.1584 11.2934 11.7559V17.0428C11.2934 17.4796 11.197 17.8137 10.9979 18.0321C10.7987 18.2505 10.5353 18.3597 10.1949 18.3597C9.87367 18.3597 9.6103 18.2505 9.41758 18.0321C9.21844 17.8137 9.12207 17.4796 9.12207 17.0428V11.8779C9.12207 11.0621 9.21201 10.3683 9.38546 9.78369Z", fill: "white" }), h("path", { key: '25f5268bee2ea885cc2099e6ec8e8222ccffc739', d: "M13.169 0.648804L13.683 2.0942L15.3275 2.08778L13.9913 2.98071L14.5052 4.41968L13.169 3.52675L11.8457 4.41968L12.3532 2.98071L11.0234 2.08778L12.668 2.0942L13.169 0.648804Z", fill: "#F2CD23" }), h("path", { key: '1d3d7c7ea74212b9d3d1cfaff5036cbdb96ac8fc', d: "M18.2893 1.59314L18.7968 3.03854L20.4413 3.03211L19.1116 3.91862L19.6191 5.35759L18.2893 4.46466L16.9595 5.35759L17.4735 3.91862L16.1309 3.03211L17.7882 3.03854L18.2893 1.59314Z", fill: "#F2CD23" }), h("path", { key: '7e80b44e96e959ff97411e692dc68ce77622de79', d: "M3.60369 14.833L4.11118 16.2784L5.75573 16.272L4.41954 17.1585L4.93346 18.5975L3.60369 17.7045L2.27392 18.5975L2.78784 17.1585L1.45166 16.272L3.09619 16.2784L3.60369 14.833Z", fill: "#F2CD23" }), h("path", { key: 'a468f734dd083257ab43d12c7e0428448c077f1d', d: "M4.80536 5.51819L5.31284 6.96358L6.95739 6.95716L5.62763 7.84367L6.13512 9.28264L4.80536 8.38971L3.47559 9.28264L3.98308 7.84367L2.65332 6.95716L4.30428 6.96358L4.80536 5.51819Z", fill: "#F2CD23" }), h("path", { key: 'dc575c2a2ecc1aab72d6d678f03fdeb046933314', d: "M8.43483 2.07495L8.93591 3.52035L10.5869 3.51392L9.25068 4.40043L9.76459 5.83941L8.43483 4.94647L7.10507 5.83941L7.61256 4.40043L6.27637 3.51392L7.92733 3.52035L8.43483 2.07495Z", fill: "#F2CD23" }), h("path", { key: '2fdf972329eab3008b0c680fddf069027dfacfd2', d: "M3.12176 10.3234L3.62925 11.7688L5.28021 11.7623L3.94402 12.6488L4.45152 14.0878L3.12176 13.1949L1.79198 14.0878L2.3059 12.6488L0.969727 11.7623L2.61426 11.7688L3.12176 10.3234Z", fill: "#F2CD23" })));
     }
     static get is() { return "utrecht-eidas-logo"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/emphasis.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class Emphasis {
     render() {
-        return (h("em", { key: '907d24252aec3d728c59531676107eed61325922', class: "utrecht-emphasis" }, h("slot", { key: '24f9919ea1aade18339b6af57beaa942a0a9f183' })));
+        return (h("em", { key: '995d1695fbd802e80f09b4364a345663c96a2c3b', class: "utrecht-emphasis" }, h("slot", { key: '1da689be3c9f19a69e18a132421dd16443dc970e' })));
     }
     static get is() { return "utrecht-emphasis"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/flex-wrap-fallback.js

@@ -44,7 +44,7 @@ export class FlexWrapFallback {
     }
     render() {
         const { contentWraps } = this;
-        return (h("div", { key: '699b6801d6e3a0ad3812de6cd1fb8e0419af03c5' }, h("div", { key: 'ea3dd809ce7fb1d6a2abe4eb40ab4eab7a6daacf', id: "wrap", class: `utrecht-flex-wrap-fallback__content ${contentWraps ? 'utrecht-flex-wrap-fallback__content--hidden' : ''}`, "data-inert": contentWraps, "aria-hidden": contentWraps }, h("slot", { key: '5061cd46b6a14883f218541495c0dc4f840146ca' })), h("div", { key: '1c3910af692fe817c51e96e8c2e262f21874f5d6', id: "nowrap", class: `utrecht-flex-wrap-fallback__fallback ${contentWraps ? '' : 'utrecht-flex-wrap-fallback__fallback--hidden'}`, "data-inert": !contentWraps, hidden: !contentWraps }, h("slot", { key: '8be831229161bc9868c7f8ec8b5efd28ff8cac24', name: "fallback" }))));
+        return (h("div", { key: '382031da81954ed0826271a8e40c7d1e5a996293' }, h("div", { key: '13de201de3f0bbea818b1b1adacd4103a2e51888', id: "wrap", class: `utrecht-flex-wrap-fallback__content ${contentWraps ? 'utrecht-flex-wrap-fallback__content--hidden' : ''}`, "data-inert": contentWraps, "aria-hidden": contentWraps }, h("slot", { key: '808c85b3933adfb0ace33929692a58bab95e7403' })), h("div", { key: '7bbb0a277a92a5afb6e9c430587b3662fa0b273a', id: "nowrap", class: `utrecht-flex-wrap-fallback__fallback ${contentWraps ? '' : 'utrecht-flex-wrap-fallback__fallback--hidden'}`, "data-inert": !contentWraps, hidden: !contentWraps }, h("slot", { key: '1ba764b80a82953684242595331ee328ed203425', name: "fallback" }))));
     }
     static get is() { return "utrecht-flex-wrap-fallback"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form-field-checkbox.css

@@ -238,7 +238,7 @@
 .utrecht-checkbox--html-input:disabled {
   cursor: var(--utrecht-action-disabled-cursor, revert);
 }
-.utrecht-checkbox--html-input:focus {
+.utrecht-checkbox--html-input :focus-visible {
   /* - The browser default focus ring should apply when these CSS custom properties are not set.
    * - Make the `box-shadow` value available, so components that have their own `box-shadow`
    *   can combine it with the focus ring box shadow.
@@ -251,11 +251,6 @@
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
-.utrecht-checkbox--html-input:focus:not(:focus-visible) {
-  /* undo focus ring */
-  box-shadow: none;
-  outline-style: revert;
-}
 
 /**
  * @license EUPL-1.2

package/dist/collection/components/form-field-checkbox.js

@@ -29,18 +29,18 @@ export class FormFieldCheckbox {
             input.name = name;
             input.value = checked ? value || '' : '';
         }
-        return (h("div", { key: '9eec4cd037eeae8b6640f638ab25549d42b5ee5d', class: clsx('utrecht-form-field', 'utrecht-form-field--checkbox', {
+        return (h("div", { key: '255edb363025b65fa34adccdeaeb997f2f7fc5e2', class: clsx('utrecht-form-field', 'utrecht-form-field--checkbox', {
                 'utrecht-form-field--invalid': invalid,
-            }) }, h("p", { key: '540a80ae15f8b16ada45019aad3212012dc690da', class: "utrecht-form-field__label utrecht-form-field__label--checkbox" }, h("label", { key: '0b44924644fbb626a900a4f0914380cc4c8fd2fa', class: clsx('utrecht-form-label', {
+            }) }, h("p", { key: '088554968fcd160899fd6a60ff0059d8551903fd', class: "utrecht-form-field__label utrecht-form-field__label--checkbox" }, h("label", { key: 'ae5a7a77df04a396504fe29f522d36981a4f19d1', class: clsx('utrecht-form-label', {
                 'utrecht-form-label--disabled': disabled,
-            }), htmlFor: "input" }, h("input", { key: '7fd9742c71a258317b8b48a145fb07dd53001d36', id: "input", type: "checkbox", class: clsx('utrecht-form-field__input', 'utrecht-checkbox', 'utrecht-checkbox--custom', 'utrecht-checkbox--html-input', {
+            }), htmlFor: "input" }, h("input", { key: '9d9872f101688ca90a18690566f5e1c1a82ab7ee', id: "input", type: "checkbox", class: clsx('utrecht-form-field__input', 'utrecht-checkbox', 'utrecht-checkbox--custom', 'utrecht-checkbox--html-input', {
                 'utrecht-checkbox--disabled': disabled,
                 'utrecht-checkbox--invalid': invalid,
                 'utrecht-checkbox--required': required,
             }), "aria-invalid": invalid || undefined, disabled: disabled, required: required, checked: checked, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.checked = evt.target.checked;
                 this.utrechtInput.emit(evt);
-            } }), ' ', label, h("slot", { key: '43f20b3b6a114380ffd8e4a3a3b00dea5eba09de', name: "label" })), invalid && (h("utrecht-form-field-description", { key: '210fd9f01b4a4b45958072477cee9ab30d2c1e7e', status: "invalid", class: "utrecht-form-field__description utrecht-form-field__description--invalid", id: "error-message" }, h("slot", { key: '39c1f664eaed0cb8514944acc71fabe37fe2bd7f', name: "error-message" })))), h("utrecht-form-field-description", { key: '43d5592fdbbbc9a6ec27d68e51c2f33a0b1f5b95', class: "utrecht-form-field__description", id: "description" }, h("slot", { key: '960921c89179f153b3ab7f718df12014f137f1c4', name: "description" })), h("div", { key: '71d80020ee1e21aebd10ae0525054b7629d679a5', class: "utrecht-form-field__status", id: "status" }, h("div", { key: '5e91a3850d026908d4d02e0c959b4d70eec55684', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: '41c6a0ee8cdd6a874a4a0d278e03e0740bce46e9', name: "status" })))));
+            } }), ' ', label, h("slot", { key: '83102abf922ead5fc31698454cc02cb55dff1601', name: "label" })), invalid && (h("utrecht-form-field-description", { key: '983c265bbcc6029d39435ff475fed1c7d85b1912', status: "invalid", class: "utrecht-form-field__description utrecht-form-field__description--invalid", id: "error-message" }, h("slot", { key: 'b193bc1205e22b76870b2b9cce16b4da32234f75', name: "error-message" })))), h("utrecht-form-field-description", { key: '29ab21d84ace365e4b35835ded53f79fbad553fc', class: "utrecht-form-field__description", id: "description" }, h("slot", { key: 'df1e535f2c1f22f1bd19774a7b863cff2607c4e8', name: "description" })), h("div", { key: '81fe696e5ff1af23ec7e4a353b3629d41209528c', class: "utrecht-form-field__status", id: "status" }, h("div", { key: '0270696c8d9ef8450ce17a97efb7c8d3f233e788', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: '3f04db3c43d1671fd65a60cffd4d8a3768f045da', name: "status" })))));
     }
     static get is() { return "utrecht-form-field-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form-field-description.js

@@ -10,7 +10,7 @@ export class FormFieldDescription {
     }
     render() {
         const { status } = this;
-        return (h("div", { key: '801a5687e3a78900865d6ef964243e86edc16c7e', class: clsx('utrecht-form-field-description', status === 'valid' && 'utrecht-form-field-description--valid', status === 'invalid' && 'utrecht-form-field-description--invalid') }, h("slot", { key: '829e2f765457299d1e5ac35d3571242ddcd84974' })));
+        return (h("div", { key: 'bc74660c71564c48d7c936a3eed63235b37c694d', class: clsx('utrecht-form-field-description', status === 'valid' && 'utrecht-form-field-description--valid', status === 'invalid' && 'utrecht-form-field-description--invalid') }, h("slot", { key: '4030b4f56256a9daafcc29bec5317b9d6f6f8638' })));
     }
     static get is() { return "utrecht-form-field-description"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form-field-error-message.js

@@ -5,7 +5,7 @@
 import { h } from "@stencil/core";
 export class FormFieldErrorMessage {
     render() {
-        return h("slot", { key: '7f2470e95d42ecb6723731cee9395741ef52edac' });
+        return h("slot", { key: 'ec32be975f0c1e38014af8419c615b68c5b734c5' });
     }
     static get is() { return "utrecht-form-field-error-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form-field-textarea.css

@@ -213,7 +213,7 @@
   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;
@@ -221,7 +221,7 @@
   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));
@@ -245,7 +245,7 @@
   );
   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))));
 }
@@ -301,6 +301,8 @@
   background-color: var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
   border-color: var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
   color: var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
+}
+.utrecht-textarea--html-textarea:focus-visible {
   /* - The browser default focus ring should apply when these CSS custom properties are not set.
    * - Make the `box-shadow` value available, so components that have their own `box-shadow`
    *   can combine it with the focus ring box shadow.
@@ -313,11 +315,6 @@
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
-.utrecht-textarea--html-textarea:focus:not(:focus-visible) {
-  /* undo focus ring */
-  box-shadow: none;
-  outline-style: revert;
-}
 .utrecht-textarea--html-textarea:invalid, .utrecht-textarea--html-textarea[aria-invalid=true] {
   --_utrecht-textarea-border-width: var(
     --utrecht-textarea-invalid-border-width,
@@ -328,7 +325,7 @@
   );
   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))));
 }

package/dist/collection/components/form-field-textarea.js

@@ -34,14 +34,14 @@ export class FormFieldTextarea {
             input.name = name;
             input.value = value || '';
         }
-        return (h("div", { key: 'b2a883eb5f0bc8561cda836aba89e87cba7b69d1', class: clsx('utrecht-form-field', 'utrecht-form-field--textbox', {
+        return (h("div", { key: '7d01088056ceb65ed931436813c892e2fdde7266', class: clsx('utrecht-form-field', 'utrecht-form-field--textbox', {
                 'utrecht-form-field--invalid': invalid,
-            }) }, h("p", { key: 'a13dfdca799d6c5a3346c4e83c6da07806742130', class: "utrecht-form-field__label" }, h("label", { key: 'a0d9099ec62dfa4d2256dff159d3b06b976ee8ed', class: clsx('utrecht-form-label', {
+            }) }, h("p", { key: '11dcf662de182cf7c1d123407dce46bcf4c86aca', class: "utrecht-form-field__label" }, h("label", { key: 'c8eece8e44829dcc95216266dd8c8137fe8825e1', class: clsx('utrecht-form-label', {
                 'utrecht-form-label--disabled': disabled,
-            }), htmlFor: "input" }, label, h("slot", { key: 'd89bace2c7c20f7f050eb0eead40f250a0af7a72', name: "label" }))), h("utrecht-form-field-description", { key: '5bb899d0cda0dedccaaaf43cc5f6d766f99ceb3c', id: "description" }, h("slot", { key: 'a3ad6115d961fb430d3c8d73fc1956f07ddcd516', name: "description" })), invalid && (h("utrecht-form-field-description", { key: '297fccdc1668c910b70d833e5ec93180c5fc1a3b', status: "invalid", class: "utrecht-form-field__error-message", id: "error-message" }, h("slot", { key: '47e000039e62c054c3883ae2f6a52247a36a8051', name: "error-message" }))), h("p", { key: '5ece11546286c65d5611a81a25794847f6cff86c', class: "utrecht-form-field__input" }, h("textarea", { key: 'fc4d5e87f9e406d125b6a569c1cee6c334c9a262', id: "input", class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), "aria-invalid": invalid, cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+            }), htmlFor: "input" }, label, h("slot", { key: '436f04f1ae323664ee862821ea06dd5b7af44d11', name: "label" }))), h("utrecht-form-field-description", { key: '6d992cd9cfb0c2437871250b5a0e3e4ea8ac25f7', id: "description" }, h("slot", { key: '0babe5510ca696b34ddd9d46e1ce64c215fafc72', name: "description" })), invalid && (h("utrecht-form-field-description", { key: '1fca8327f5589a931ef3b7b2c34fdc70d288338f', status: "invalid", class: "utrecht-form-field__error-message", id: "error-message" }, h("slot", { key: '81a9620e796ca6e4a16101a472e351f53da5c6c1', name: "error-message" }))), h("p", { key: '271dc68c6a69bbbf7600a556a348dd94c87d9c02', class: "utrecht-form-field__input" }, h("textarea", { key: 'ddf977b3b613b944bfeb61cb768f721d0a2a16c7', id: "input", class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), "aria-invalid": invalid, cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.value = evt.target.value;
                 this.utrechtInput.emit(evt);
-            } }, value)), h("div", { key: '71d6fe45508dc3779e470919845cc2b09a4e28f6', class: "utrecht-form-field__status", id: "status" }, h("div", { key: '68a994c465e0113cbb83c110107f51856aa8937e', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: '3863670aee79e1a2166acc77b0e32a1c6ec0da99', name: "status" })))));
+            } }, value)), h("div", { key: '0c2899d79303f8614ad4897fbd6bd4ad2c1f7008', class: "utrecht-form-field__status", id: "status" }, h("div", { key: '6b757b92f30cfe83f1e9087d2db6ca11297dd9ed', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: '1c42ec963fa47c3fdfacb32ad90c4274996ed351', name: "status" })))));
     }
     static get is() { return "utrecht-form-field-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form-field-textbox.css

@@ -242,7 +242,7 @@
   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);
@@ -399,6 +399,8 @@
   background-color: var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));
   border-color: var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));
   color: var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));
+}
+.utrecht-textbox--html-input:focus-visible {
   /* - The browser default focus ring should apply when these CSS custom properties are not set.
    * - Make the `box-shadow` value available, so components that have their own `box-shadow`
    *   can combine it with the focus ring box shadow.
@@ -411,11 +413,6 @@
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
-.utrecht-textbox--html-input:focus:not(:focus-visible) {
-  /* undo focus ring */
-  box-shadow: none;
-  outline-style: revert;
-}
 .utrecht-textbox--html-input:invalid, .utrecht-textbox--html-input[aria-invalid=true] {
   --_utrecht-textbox-border-width: var(
     --utrecht-textbox-invalid-border-width,

package/dist/collection/components/form-field-textbox.js

@@ -36,14 +36,14 @@ export class FormFieldTextbox {
             input.name = name;
             input.value = value || '';
         }
-        return (h("div", { key: 'c4f39b3b8b682585046f850eae20fd31e6b0820d', class: clsx('utrecht-form-field', 'utrecht-form-field--textbox', {
+        return (h("div", { key: '887b727eb2bb4e4ed9399bdaa8d5aa82e2dcb5ba', class: clsx('utrecht-form-field', 'utrecht-form-field--textbox', {
                 'utrecht-form-field--invalid': invalid,
-            }) }, h("p", { key: 'd5debf9f5a06f90a2042c2156a0697b3ed627ee5', class: "utrecht-form-field__label" }, h("label", { key: '811c31089322c6f07cffce0e02b002b10828eeb2', class: clsx('utrecht-form-label', {
+            }) }, h("p", { key: 'f22ed50beb44694633a371b095307f2cebaca4b8', class: "utrecht-form-field__label" }, h("label", { key: 'b6497c641f584a8b80c4a301e75936d3190af66e', class: clsx('utrecht-form-label', {
                 'utrecht-form-label--disabled': disabled,
-            }), htmlFor: "input" }, label, h("slot", { key: '0ea139a16de187e5bc85b74d17d7d3c0b301299a', name: "label" }))), h("utrecht-form-field-description", { key: '78cf041e821ebefb84f5f49e0b846b44cb994179', id: "description" }, h("slot", { key: 'f31a1c8a0953c4b2ea28f37254ac21648021d0fe', name: "description" })), invalid && (h("utrecht-form-field-description", { key: '3f97c7b77dd49557c52b960a23b3d90ff0d6c6e8', status: "invalid", class: "utrecht-form-field__error-message", id: "error-message" }, h("slot", { key: 'fd5d9f16054b74ae63911a935c2295b535084b1d', name: "error-message" }))), h("p", { key: 'a95ce97223f49034b56e17b118d963a768c10e89', class: "utrecht-form-field__input" }, h("input", { key: 'fea085805316cbd81b5e68941a32bc7ddee4d46d', id: "input", class: clsx('utrecht-form-field__input', 'utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, "aria-describedby": clsx('description', 'status', { 'error-message': invalid }), "aria-invalid": invalid, dir: "auto", disabled: disabled, min: typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null, max: typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null, pattern: pattern ? pattern : null, placeholder: placeholder || null, readonly: readOnly, required: required, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+            }), htmlFor: "input" }, label, h("slot", { key: '886d2d0235001c0bf3d27391c72214606a245aca', name: "label" }))), h("utrecht-form-field-description", { key: '422921fe6cdac44e9475f42773925df412e52d1b', id: "description" }, h("slot", { key: '0b3646ab43a388145aaf5da013683cb2020be8d3', name: "description" })), invalid && (h("utrecht-form-field-description", { key: '4df44898c88f286604a287fa1cbba23cea8c58ad', status: "invalid", class: "utrecht-form-field__error-message", id: "error-message" }, h("slot", { key: '3addd16a93c35fd59e27b2aa876e8e048fe2846f', name: "error-message" }))), h("p", { key: 'f76cca72677bc665a9ee8aaeb29e9d5a2f465def', class: "utrecht-form-field__input" }, h("input", { key: '8c95fcf3517364209596401853969573e18475f1', id: "input", class: clsx('utrecht-form-field__input', 'utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, "aria-describedby": clsx('description', 'status', { 'error-message': invalid }), "aria-invalid": invalid, dir: "auto", disabled: disabled, min: typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null, max: typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null, pattern: pattern ? pattern : null, placeholder: placeholder || null, readonly: readOnly, required: required, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.value = evt.target.value;
                 this.utrechtInput.emit(evt);
-            } })), h("div", { key: '6a708da2bbe6b721dcc9354f203aaebe4d044cdd', class: "utrecht-form-field__status", id: "status" }, h("div", { key: 'd4ecd27951570a89c652729adad3d5733078bfb7', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: 'b8da5c1fcd60158a6e72d8040d3db43dda0e9ed5', name: "status" })))));
+            } })), h("div", { key: '00e9d8d87040c1d6d8a6942d5823af8511177e94', class: "utrecht-form-field__status", id: "status" }, h("div", { key: '33e8917e3abeac2fa4d0aff0c62b3fecd85e2785', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: 'e87d7789be613eb9705bf29e9d25ff5c0fb2a65d', name: "status" })))));
     }
     static get is() { return "utrecht-form-field-textbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form-toggle.css

@@ -119,7 +119,7 @@
 }
 
 .utrecht-form-toggle__track--disabled, .utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled ~ .utrecht-form-toggle__track {
-  background-color: var(--utrecht-form-toggle-background-disabled-background-color, #ddd);
+  background-color: var(--utrecht-form-toggle-disabled-background-color, #ddd);
   color: var(--utrecht-form-toggle-disabled-color, black);
 }
 

package/dist/collection/components/form-toggle.js

@@ -32,7 +32,7 @@ export class FormToggle {
                 toggleInteraction();
             }
         };
-        return (h("div", { key: 'e50441d494eea0dbf949283b820877e147991c37', class: clsx('utrecht-form-toggle', checked && 'utrecht-form-toggle--checked', !checked && 'utrecht-form-toggle--not-checked', disabled && 'utrecht-form-toggle--disabled'), tabIndex: disabled ? null : 0, role: "switch", "aria-disabled": disabled ? 'true' : null, onClick: handleClick, onKeyPress: handleKeyPress, onKeyUp: handleKeyUp }, h("div", { key: '1a76a11c72929e64aaf12a3ed1d39aefbbaddb77', class: "utrecht-form-toggle__label utrecht-form-toggle__label--off" }), h("div", { key: 'f4eb9f79800f1b3527e3033a4b8fa9401dd7b3ba', class: "utrecht-form-toggle__label utrecht-form-toggle__label--on" }), h("div", { key: '8a6aa7345bd182f1e654f1c40a4b8654e35fa6c3', class: clsx('utrecht-form-toggle__track', checked && 'utrecht-form-toggle__track--checked', !checked && 'utrecht-form-toggle__track--not-checked', disabled && 'utrecht-form-toggle__track--disabled') }, h("div", { key: '557e5340e6489e1a14667ec000fc4cc9130441c9', class: clsx('utrecht-form-toggle__thumb', checked && 'utrecht-form-toggle__thumb--checked', !checked && 'utrecht-form-toggle__thumb--not-checked', disabled && 'utrecht-form-toggle__thumb--disabled') }))));
+        return (h("div", { key: '45a24047b4e336bf11457803119a8544a2ce7396', class: clsx('utrecht-form-toggle', checked && 'utrecht-form-toggle--checked', !checked && 'utrecht-form-toggle--not-checked', disabled && 'utrecht-form-toggle--disabled'), tabIndex: disabled ? null : 0, role: "switch", "aria-disabled": disabled ? 'true' : null, onClick: handleClick, onKeyPress: handleKeyPress, onKeyUp: handleKeyUp }, h("div", { key: 'bcfa9ff67a0db3231ab27de357cfb90637b3af7e', class: "utrecht-form-toggle__label utrecht-form-toggle__label--off" }), h("div", { key: 'd361d122bfbaa5c9703b2b1cb1b666ff6116d910', class: "utrecht-form-toggle__label utrecht-form-toggle__label--on" }), h("div", { key: 'a98b6049292f7bc18c748c44117c61cfaa801245', class: clsx('utrecht-form-toggle__track', checked && 'utrecht-form-toggle__track--checked', !checked && 'utrecht-form-toggle__track--not-checked', disabled && 'utrecht-form-toggle__track--disabled') }, h("div", { key: '8a8f3e01e8823f7ff9be327effc7b5d5788211c1', class: clsx('utrecht-form-toggle__thumb', checked && 'utrecht-form-toggle__thumb--checked', !checked && 'utrecht-form-toggle__thumb--not-checked', disabled && 'utrecht-form-toggle__thumb--disabled') }))));
     }
     static get is() { return "utrecht-form-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAfspraakMaken {
     render() {
-        return (h("svg", { key: '4d3f41df3cd157053606741cc0c16ed61aef316e', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'ad8f1311af27528239a727f400647a5046cdbdcd', d: "M17.98 0C8.05 0 0 8.06 0 18s8.05 18 17.98 18S36 27.94 36 18 27.94 0 17.98 0M18 34C9.18 34 2 26.82 2 18S9.18 2 18 2s16 7.18 16 16-7.18 16-16 16" }), h("path", { key: '007cec716738a207b794ca80aacb55d68ca6efa2', d: "M18 4C10.28 4 4 10.28 4 18s6.28 14 14 14 14-6.28 14-14S25.72 4 18 4m9 19.49c-.27.48-.88.66-1.36.39l-8.13-4.51a.992.992 0 0 1-.51-.87V7.49c0-.55.45-1 1-1s1 .45 1 1V17.9l7.61 4.23c.48.27.66.88.39 1.36" })));
+        return (h("svg", { key: '9ceca3c39d405fa4f98b207e041956b558676cfb', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '051863db1020c10b3c30dfcb25517c22efc565c5', d: "M17.98 0C8.05 0 0 8.06 0 18s8.05 18 17.98 18S36 27.94 36 18 27.94 0 17.98 0M18 34C9.18 34 2 26.82 2 18S9.18 2 18 2s16 7.18 16 16-7.18 16-16 16" }), h("path", { key: '60b6a64926fef2f44ae2829e46562b376191af19', d: "M18 4C10.28 4 4 10.28 4 18s6.28 14 14 14 14-6.28 14-14S25.72 4 18 4m9 19.49c-.27.48-.88.66-1.36.39l-8.13-4.51a.992.992 0 0 1-.51-.87V7.49c0-.55.45-1 1-1s1 .45 1 1V17.9l7.61 4.23c.48.27.66.88.39 1.36" })));
     }
     static get is() { return "utrecht-icon-afspraak-maken"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAfval {
     render() {
-        return (h("svg", { key: '0620177642ba50ac9ddcaf950f3f59102a554911', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("circle", { key: 'e596d6a7661094200b48ef35cece6d2b456d1ce2', cx: "10.08", cy: "33", r: "3" }), h("path", { key: '7f51eeacdcc69149da063faed914bbee38134ceb', d: "M30.08 2h-3c0-1.1-.9-2-2-2H9.03C7.95 0 7.07.88 7.07 1.96V2h-1c-.55 0-1 .45-1 1v3h26V3c0-.55-.45-1-1-1Zm-23 27 .06-.03c.83-.6 1.84-.97 2.94-.97 2.76 0 5 2.24 5 5 0 1.13-.39 2.16-1.02 3h7.34c1.53 0 2.81-1.15 2.98-2.67L27.08 8H7.07v21Z" })));
+        return (h("svg", { key: 'e6b2c29c8cf337c12f194e12b8a7a3b1bf9b3a71', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("circle", { key: '375cc1a674caa1449468f26d145ec9a078902a67', cx: "10.08", cy: "33", r: "3" }), h("path", { key: 'e4924e67ea76c5404be11fb66ae0211d48c10df9', d: "M30.08 2h-3c0-1.1-.9-2-2-2H9.03C7.95 0 7.07.88 7.07 1.96V2h-1c-.55 0-1 .45-1 1v3h26V3c0-.55-.45-1-1-1Zm-23 27 .06-.03c.83-.6 1.84-.97 2.94-.97 2.76 0 5 2.24 5 5 0 1.13-.39 2.16-1.02 3h7.34c1.53 0 2.81-1.15 2.98-2.67L27.08 8H7.07v21Z" })));
     }
     static get is() { return "utrecht-icon-afval"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAfvalContainer {
     render() {
-        return (h("svg", { key: 'd98352b361cd763576f6bf497f4e0d5f2e416e34', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '93de357f5499f9a668ee2842889ba85c3ad34b4b', d: "M36 35c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1h34c.55 0 1-.45 1-1M24 10H11V7h13zm0 10H11v-8h13zm6-11v22H5V9c0-1.1.9-2 2-2h2v14c0 .55.45 1 1 1h15c.55 0 1-.45 1-1V7h2c1.1 0 2 .9 2 2m-3-8c0 .55-.45 1-1 1h-2v3h-2V2h-2c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1" })));
+        return (h("svg", { key: '907a62b1adf17e7a820e1a63b4dc2dbfc34d87bf', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '05c9f9427ada675aa271c3134624eba4e0bc4a3a', d: "M36 35c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1h34c.55 0 1-.45 1-1M24 10H11V7h13zm0 10H11v-8h13zm6-11v22H5V9c0-1.1.9-2 2-2h2v14c0 .55.45 1 1 1h15c.55 0 1-.45 1-1V7h2c1.1 0 2 .9 2 2m-3-8c0 .55-.45 1-1 1h-2v3h-2V2h-2c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1" })));
     }
     static get is() { return "utrecht-icon-afval-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAfvalContainerpas {
     render() {
-        return (h("svg", { key: 'b859a574607d419d399ab0331f3802aa8b75ff57', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'faf75f312bbddc7f5975f9de56822a39c8733d1e', d: "M20.53 22H1.47C.66 22 0 22.66 0 23.47v11.06C0 35.34.66 36 1.47 36h18.52a2 2 0 0 0 2-2V23.47c0-.81-.66-1.47-1.47-1.47ZM7.51 25.07c.96 0 1.74.78 1.74 1.75s-.78 1.75-1.74 1.75-1.74-.78-1.74-1.75.78-1.75 1.74-1.75M10 32H5c-.53 0-.95-.41-.99-.93.08-1.12 2.34-1.69 3.49-1.69s3.41.57 3.49 1.69c-.04.52-.46.93-.99.93m7-1c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1m1-4c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1s.45-1 1-1h3c.55 0 1 .45 1 1m9-18H16V7h11zm9 22c0 .55-.45 1-1 1H24v-2h11c.55 0 1 .45 1 1M22 1c0-.55.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1h-2v3h-2V2h-2c-.55 0-1-.45-1-1m5 15H16v-5h11zm-3 7c0-1.66-1.34-3-3-3H10V9c0-1.1.9-2 2-2h2v10c0 .55.45 1 1 1h13c.55 0 1-.45 1-1V7h2c1.1 0 2 .9 2 2v19h-9z" })));
+        return (h("svg", { key: '46e5d606b77207432ec25e0b755047587e410331', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '70b14f0fa475064c633ee62117b69bd8be011fcc', d: "M20.53 22H1.47C.66 22 0 22.66 0 23.47v11.06C0 35.34.66 36 1.47 36h18.52a2 2 0 0 0 2-2V23.47c0-.81-.66-1.47-1.47-1.47ZM7.51 25.07c.96 0 1.74.78 1.74 1.75s-.78 1.75-1.74 1.75-1.74-.78-1.74-1.75.78-1.75 1.74-1.75M10 32H5c-.53 0-.95-.41-.99-.93.08-1.12 2.34-1.69 3.49-1.69s3.41.57 3.49 1.69c-.04.52-.46.93-.99.93m7-1c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1m1-4c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1s.45-1 1-1h3c.55 0 1 .45 1 1m9-18H16V7h11zm9 22c0 .55-.45 1-1 1H24v-2h11c.55 0 1 .45 1 1M22 1c0-.55.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1h-2v3h-2V2h-2c-.55 0-1-.45-1-1m5 15H16v-5h11zm-3 7c0-1.66-1.34-3-3-3H10V9c0-1.1.9-2 2-2h2v10c0 .55.45 1 1 1h13c.55 0 1-.45 1-1V7h2c1.1 0 2 .9 2 2v19h-9z" })));
     }
     static get is() { return "utrecht-icon-afval-containerpas"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAfvalKalender {
     render() {
-        return (h("svg", { key: 'bee742d04936aa7e81deca8beac44289e1ec3208', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '22d4cdd642112bee44a04560081fc5fda8c4eaa4', d: "M32 4v5H4V3.98c0-.55.45-1 1-1h4v2.03c0 .55.44.99.99.99.54 0 .99-.44.99-.99L11 .99c0-.55.45-1 1-1s1 .45 1 1v1.98l9 .02V5c0 .55.44.99.99.99h.02c.55 0 .99-.44.99-.99V1c0-.55.45-1 1-1s1 .45 1 1v2h5c.55 0 1 .45 1 1M4 11h28v20c0 3.21-1.79 5-4 5H8c-2.21 0-4-1.79-4-4zm12 19.5c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5.67 1.5 1.5 1.5 1.5-.67 1.5-1.5M23.01 19h-9.99L13 27.97c.69-.44 1.57-.62 2.5-.33.88.27 1.6.97 1.91 1.83.34.94.18 1.82-.23 2.53h2.98c.78 0 1.43-.6 1.49-1.38zM12 16c0 .55.45 1 1 1l11.02-.02c.54 0 .98-.44.98-.99s-.44-.99-.99-.99h-.95c0-.55-.45-1-1-1h-8.03c-.56 0-1.03.44-1.03 1-.55 0-1 .45-1 1" })));
+        return (h("svg", { key: 'ed6738ad28be9f4a5290b9b5ac8f5a9b5cd41e96', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '99a1b0b92444802b651cbd057391d351b3585e23', d: "M32 4v5H4V3.98c0-.55.45-1 1-1h4v2.03c0 .55.44.99.99.99.54 0 .99-.44.99-.99L11 .99c0-.55.45-1 1-1s1 .45 1 1v1.98l9 .02V5c0 .55.44.99.99.99h.02c.55 0 .99-.44.99-.99V1c0-.55.45-1 1-1s1 .45 1 1v2h5c.55 0 1 .45 1 1M4 11h28v20c0 3.21-1.79 5-4 5H8c-2.21 0-4-1.79-4-4zm12 19.5c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5.67 1.5 1.5 1.5 1.5-.67 1.5-1.5M23.01 19h-9.99L13 27.97c.69-.44 1.57-.62 2.5-.33.88.27 1.6.97 1.91 1.83.34.94.18 1.82-.23 2.53h2.98c.78 0 1.43-.6 1.49-1.38zM12 16c0 .55.45 1 1 1l11.02-.02c.54 0 .98-.44.98-.99s-.44-.99-.99-.99h-.95c0-.55-.45-1-1-1h-8.03c-.56 0-1.03.44-1.03 1-.55 0-1 .45-1 1" })));
     }
     static get is() { return "utrecht-icon-afval-kalender"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAfvalPmd {
     render() {
-        return (h("svg", { key: 'f157d196f63b8815daa6f75621a2db60ea646bed', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '2697dc313cc885e6a042cd196749646b0d9bdac1', d: "m19.91 19.96 1.1 1.83V33L20 35h-8l-1-2V21.93l1.1-1.94 7.8-.03ZM7.01 2.98h-2c-.54.01-.98.45-.99.99 0 .55-.02 1-.02 1h4v-1c0-.55-.45-.99-1-.99ZM33 2c0-.55-.45-1-1-1h-8c-.56 0-1.01.45-1.01 1.01V3l-3 3.94h10l3.03-3.97-.03-.97Zm.99 2.94L32 7.95V33l3.24-.79c.45-.11.76-.51.76-.97V7.35a1 1 0 0 0-.3-.71l-1.71-1.71Zm-22 9.05h.02s-.04-.08-.05-.12c-.02-.32-.13-.63-.37-.88 0 0-3.21-3.88-3.5-4.97l-.06-.4s-.02-.09-.02-.14v-.49h-4v.08c0 .05-.01.1-.02.15l-.06.43c-.29 1.17-3.5 5.33-3.5 5.33-.24.24-.35.56-.37.88-.02.04-.04.08-.05.12.01.33.14.66.39.92.28.28.43.64.43 1.04s-.15.76-.43 1.04c-.53.53-.53 1.4 0 1.93.28.28.43.64.43 1.04s-.15.76-.43 1.04c-.53.53-.53 1.4 0 1.93.56.56.57 1.46.04 2.03-.26.27-.44.61-.44 1v5.06c0 1.66 1.34 3 3 3h6.01V21.96c0-.34.09-.68.26-.98l1.1-1.94c.33-.58.94-.95 1.6-.99.03-.38-.09-.77-.38-1.06-.28-.28-.43-.64-.43-1.04s.15-.76.43-1.04c.25-.25.38-.58.39-.92Zm11.02 7.81V33h7V8.94h-10V18c.66.03 1.26.38 1.61.95l1.1 1.82c.19.31.29.67.29 1.03" })));
+        return (h("svg", { key: '8e33caa12444a69c93606275f4242b4bfb2ea604', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '74533219e12f765ce868f796dfb39034279b7852', d: "m19.91 19.96 1.1 1.83V33L20 35h-8l-1-2V21.93l1.1-1.94 7.8-.03ZM7.01 2.98h-2c-.54.01-.98.45-.99.99 0 .55-.02 1-.02 1h4v-1c0-.55-.45-.99-1-.99ZM33 2c0-.55-.45-1-1-1h-8c-.56 0-1.01.45-1.01 1.01V3l-3 3.94h10l3.03-3.97-.03-.97Zm.99 2.94L32 7.95V33l3.24-.79c.45-.11.76-.51.76-.97V7.35a1 1 0 0 0-.3-.71l-1.71-1.71Zm-22 9.05h.02s-.04-.08-.05-.12c-.02-.32-.13-.63-.37-.88 0 0-3.21-3.88-3.5-4.97l-.06-.4s-.02-.09-.02-.14v-.49h-4v.08c0 .05-.01.1-.02.15l-.06.43c-.29 1.17-3.5 5.33-3.5 5.33-.24.24-.35.56-.37.88-.02.04-.04.08-.05.12.01.33.14.66.39.92.28.28.43.64.43 1.04s-.15.76-.43 1.04c-.53.53-.53 1.4 0 1.93.28.28.43.64.43 1.04s-.15.76-.43 1.04c-.53.53-.53 1.4 0 1.93.56.56.57 1.46.04 2.03-.26.27-.44.61-.44 1v5.06c0 1.66 1.34 3 3 3h6.01V21.96c0-.34.09-.68.26-.98l1.1-1.94c.33-.58.94-.95 1.6-.99.03-.38-.09-.77-.38-1.06-.28-.28-.43-.64-.43-1.04s.15-.76.43-1.04c.25-.25.38-.58.39-.92Zm11.02 7.81V33h7V8.94h-10V18c.66.03 1.26.38 1.61.95l1.1 1.82c.19.31.29.67.29 1.03" })));
     }
     static get is() { return "utrecht-icon-afval-pmd"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAfvalScheiden {
     render() {
-        return (h("svg", { key: '4e1a3d4b787ba8dc90c265fb015a33f9e27494b2', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'c46ce31d238fa1740766310aa95c194f7a122949', d: "M14.89 3.5c0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5S20.32 7 18.39 7s-3.5-1.57-3.5-3.5M9.14 36.02H3L2 23v-2h10l-.87 13.17a1.99 1.99 0 0 1-1.99 1.85m12 0h-6.15l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.17a2.004 2.004 0 0 1-1.99 1.85m11.99 0h-6.14l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.16a2.017 2.017 0 0 1-2.01 1.86zM1.73 20.95l-1.73-1 4-6.93c.55-.96 1.78-1.28 2.73-.73zm22.25-9.05c0-1.59-1.3-2.88-2.89-2.88h-6.1c-1.41 0-2.6.64-3.25 1.92l-3.75 8.08h3.18l2.82-5.67v3.67h10l-.02-5.12z" })));
+        return (h("svg", { key: '3d7169355663e01f5d256a048b26e2a8e15b6e1d', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'a48b593732770225477d0db8c260ba8cd2bab60c', d: "M14.89 3.5c0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5S20.32 7 18.39 7s-3.5-1.57-3.5-3.5M9.14 36.02H3L2 23v-2h10l-.87 13.17a1.99 1.99 0 0 1-1.99 1.85m12 0h-6.15l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.17a2.004 2.004 0 0 1-1.99 1.85m11.99 0h-6.14l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.16a2.017 2.017 0 0 1-2.01 1.86zM1.73 20.95l-1.73-1 4-6.93c.55-.96 1.78-1.28 2.73-.73zm22.25-9.05c0-1.59-1.3-2.88-2.89-2.88h-6.1c-1.41 0-2.6.64-3.25 1.92l-3.75 8.08h3.18l2.82-5.67v3.67h10l-.02-5.12z" })));
     }
     static get is() { return "utrecht-icon-afval-scheiden"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAfvalkalender {
     render() {
-        return (h("svg", { key: '377c1b3bec78f816180b21fc578bb9fed3831b04', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '869f2bee135633dd505e4332ba0e3c576a5f5dde', d: "M25.99 3V0h-2v6h-1V3l-11-.02V0h-2l-.02 6h-.98V3l-5-.02-.02 28.51c0 2.48 2.02 4.51 4.51 4.51l19.02.04c2.48 0 4.5-2.02 4.5-4.5V3zm-11.1 26.94c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5m7.05-1.31c-.06.78-.71 1.38-1.49 1.38h-2.97c.41-.71.57-1.58.23-2.53a2.95 2.95 0 0 0-1.91-1.83c-.93-.29-1.81-.11-2.5.33l-.28-9.93h9.99l-1.06 12.58Zm3.05-14.61-13 .03V12l.99.02c0-.55.45-1 1-1h7.79c.55 0 1 .45 1 1h2.22z" })));
+        return (h("svg", { key: '1810175bed4c947b28291cb6acfc22d32a28047a', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '28050ebd097ddecc5f9ab945bf7f3ddbdc811677', d: "M25.99 3V0h-2v6h-1V3l-11-.02V0h-2l-.02 6h-.98V3l-5-.02-.02 28.51c0 2.48 2.02 4.51 4.51 4.51l19.02.04c2.48 0 4.5-2.02 4.5-4.5V3zm-11.1 26.94c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5m7.05-1.31c-.06.78-.71 1.38-1.49 1.38h-2.97c.41-.71.57-1.58.23-2.53a2.95 2.95 0 0 0-1.91-1.83c-.93-.29-1.81-.11-2.5.33l-.28-9.93h9.99l-1.06 12.58Zm3.05-14.61-13 .03V12l.99.02c0-.55.45-1 1-1h7.79c.55 0 1 .45 1 1h2.22z" })));
     }
     static get is() { return "utrecht-icon-afvalkalender"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconAlleen {
     render() {
-        return (h("svg", { key: '9b20799e0c29df032ccbd56e6e6ac893e1cc5b89', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '5c271ec00a49ad1ff094239b584925931ad6f36f', d: "m14.2 5.29.12.03c.56.13 1.12.2 1.66.2 2.07 0 4.08-.86 5.53-2.36l1.6-1.58 1.37 1.36a7.68 7.68 0 0 0 3.07 2.09l.22.08-.07-.23C26.8 1.96 24.05-.08 21-.08s-5.97 2.16-6.77 5.25l-.03.11Zm-.18 2.06v.16c.31 3.6 3.38 6.41 6.98 6.41s6.76-2.89 6.98-6.58v-.1l-.65-.13a9.545 9.545 0 0 1-4.15-2.77l-.09-.1-.09.1c-1.79 2.06-4.36 3.24-7.03 3.24-.59 0-1.19-.07-1.8-.19l-.15-.03Zm16.96 13.64.03 9.98c0 .54-.44.99-.98 1l-2.04.04-.04 2.93c0 .55-.44 1-.99 1l-11.91.07c-.55 0-1-.45-1-1V20h-.61c-4.52 0-7.42-3.74-7.42-8v-.93c0-.56.46-1.01 1.01-1l2 .03c.55 0 .99.45.99 1v.9c0 2.09 1.07 4 3.42 4H26c2.81 0 4.99 2.19 4.99 5ZM7.53 8H9c.55 0 1-.45 1-1V1c0-.55-.44-1-1-1S8 .45 8 1l-.02 2H7.5a2.5 2.5 0 0 0 0 5h.04Z" })));
+        return (h("svg", { key: '193826a0fd22702d8826bf0240856023d9e41cd5', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '4cd57529d1e85311f33af1f9d53c6a28905b33f9', d: "m14.2 5.29.12.03c.56.13 1.12.2 1.66.2 2.07 0 4.08-.86 5.53-2.36l1.6-1.58 1.37 1.36a7.68 7.68 0 0 0 3.07 2.09l.22.08-.07-.23C26.8 1.96 24.05-.08 21-.08s-5.97 2.16-6.77 5.25l-.03.11Zm-.18 2.06v.16c.31 3.6 3.38 6.41 6.98 6.41s6.76-2.89 6.98-6.58v-.1l-.65-.13a9.545 9.545 0 0 1-4.15-2.77l-.09-.1-.09.1c-1.79 2.06-4.36 3.24-7.03 3.24-.59 0-1.19-.07-1.8-.19l-.15-.03Zm16.96 13.64.03 9.98c0 .54-.44.99-.98 1l-2.04.04-.04 2.93c0 .55-.44 1-.99 1l-11.91.07c-.55 0-1-.45-1-1V20h-.61c-4.52 0-7.42-3.74-7.42-8v-.93c0-.56.46-1.01 1.01-1l2 .03c.55 0 .99.45.99 1v.9c0 2.09 1.07 4 3.42 4H26c2.81 0 4.99 2.19 4.99 5ZM7.53 8H9c.55 0 1-.45 1-1V1c0-.55-.44-1-1-1S8 .45 8 1l-.02 2H7.5a2.5 2.5 0 0 0 0 5h.04Z" })));
     }
     static get is() { return "utrecht-icon-alleen"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UtrechtIconArrow {
     render() {
-        return (h("svg", { key: '454b4eb87914c833110e0f2881fde9e3c4b1207f', viewBox: "0 0 8 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '5a7cf55e96af36ab307cec9b60be93c56b7cbfbf' }, h("clipPath", { key: '43772a4ab7af079d941336616878b8d245b7e500', id: "a" }, h("path", { key: '57e6b3d5794609979e37d163895d38064f320590', "stroke-width": "0", d: "M-.04 0h8v14h-8z" }))), h("g", { key: 'a6c24aa7fbe0489809f78cd4c4258f8393f3b5e3', "clip-path": "url(#a)" }, h("path", { key: 'c5133da80e1a40cc2c1a451b195e8131e4f2a6ef', d: "M.96 14c-.26 0-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l5.29-5.29-5.29-5.3C-.14 1.32-.14.68.25.29s1.03-.39 1.42 0l6 6c.39.39.39 1.02 0 1.41l-6 6.01c-.2.2-.45.29-.71.29" }))));
+        return (h("svg", { key: 'f8a6705a8831f9845de12ca0e8a5e3cd6f2e6e91', viewBox: "0 0 8 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: 'aebf923d408bdfeb6832418971f64541f68de62f' }, h("clipPath", { key: 'bf452e8e5933101579c3ece81c32d3365a146041', id: "a" }, h("path", { key: '399913a07ac2b92207e9cadc1e5bf1ee0fcb23d5', "stroke-width": "0", d: "M-.04 0h8v14h-8z" }))), h("g", { key: '5613790128fd2a4b5f126217284915120bee6cb0', "clip-path": "url(#a)" }, h("path", { key: '59af5b1ad887c8266f6277579cf3b14baae49fdf', d: "M.96 14c-.26 0-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l5.29-5.29-5.29-5.3C-.14 1.32-.14.68.25.29s1.03-.39 1.42 0l6 6c.39.39.39 1.02 0 1.41l-6 6.01c-.2.2-.45.29-.71.29" }))));
     }
     static get is() { return "utrecht-icon-arrow"; }
     static get encapsulation() { return "shadow"; }