@utrecht/web-component-library-stencil 3.0.0 → 3.1.0

package/dist/collection/components/surface.js.map

@@ -1 +1 @@
-{"version":3,"file":"surface.js","sourceRoot":"","sources":["../../src/components/surface.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,IAAI;IACf,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,iBAAiB;YAC1B,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-surface',\n  styleUrl: 'surface.scss',\n  shadow: true,\n})\nexport class Code {\n  render() {\n    return (\n      <div class=\"utrecht-surface\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"surface.js","sourceRoot":"","sources":["../../src/components/surface.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,OAAO;IAClB,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,iBAAiB;YAC1B,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-surface',\n  styleUrl: 'surface.scss',\n  shadow: true,\n})\nexport class Surface {\n  render() {\n    return (\n      <div class=\"utrecht-surface\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/collection/components/table.js

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

package/dist/collection/components/textarea.js

@@ -32,10 +32,10 @@ export class Textarea {
     }
     render() {
         const { autocomplete, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;
-        return (h("textarea", { key: 'b8749757c7dfe27176fb2636135b1ba3bd96d31d', autoComplete: autocomplete || null, class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, spellcheck: spellcheck || null, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+        return (h("textarea", { key: '060d9cbe26c291b867e4ee55704b5632398bb790', autoComplete: autocomplete || null, class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, spellcheck: spellcheck || null, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, 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("slot", { key: '21937a40aa7063716458d452df6348dac59a5d73' })));
+            } }, h("slot", { key: 'c0606e3313c09143175655e544b5e77de5b63c8b' })));
     }
     static get is() { return "utrecht-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/textbox.js

@@ -21,7 +21,7 @@ export class Textbox {
     }
     render() {
         const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;
-        return (h("input", { key: 'd6088a836f89cbe2918e13f8f75424d1f2bf1654', class: clsx('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, disabled: disabled, dir: "auto", 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) => {
+        return (h("input", { key: '093c828ab9edafef4f357346d5f9fe63b750c386', class: clsx('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, disabled: disabled, dir: "auto", 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);
             } }));

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

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class URLData {
     render() {
-        return (h("span", { key: 'e5e18f7d6a16897a2f992282032ede278e47180e', class: "utrecht-url-data" }, h("slot", { key: 'b80cc377d2e4f3be746f8a5f5034954e0f40e58b' })));
+        return (h("span", { key: '58c52defdfeeb2aef47c2c751fa552b527eeb210', class: "utrecht-url-data" }, h("slot", { key: '0c149a500a344ecd6c3b33f299962bbf61b844a2' })));
     }
     static get is() { return "utrecht-url-data"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/button.js

@@ -102,7 +102,7 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
             button.style.display = 'none';
             button.value = value || '';
         }
-        return (h("button", { key: '9db8124b0e24de7e68c53cea02f47050467d0a4a', class: clsx('utrecht-button', this.busy && 'utrecht-button--busy', this.disabled && 'utrecht-button--disabled', pressed && 'utrecht-button--pressed', this.type === 'submit' && 'utrecht-button--submit', this.appearance === 'primary-action-button' && 'utrecht-button--primary-action', this.appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', this.appearance === 'subtle-button' && 'utrecht-button--subtle'), "aria-busy": this.busy ? 'true' : null, "aria-expanded": typeof this.expanded === 'boolean' ? String(expanded) : typeof expanded === 'string' ? expanded : null, "aria-pressed": typeof this.pressed === 'boolean' ? String(pressed) : typeof pressed === 'string' ? pressed : null, disabled: this.disabled, type: this.type || 'button', onClick: handleClick }, h("slot", { key: '528191be0778905222069db3b73b249e4d3f6a0d', name: "icon" }), h("span", { key: 'e143a8ba99070282db775ed78de6f574465dc208', class: "utrecht-button__label" }, h("slot", { key: '0c0c0800ad7df7377e95839d5e61358dffc0892b' }))));
+        return (h("button", { key: 'f9a03c6eb1802e4c95f586b904d81efab6192bc4', class: clsx('utrecht-button', this.busy && 'utrecht-button--busy', this.disabled && 'utrecht-button--disabled', pressed && 'utrecht-button--pressed', this.type === 'submit' && 'utrecht-button--submit', this.appearance === 'primary-action-button' && 'utrecht-button--primary-action', this.appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', this.appearance === 'subtle-button' && 'utrecht-button--subtle'), "aria-busy": this.busy ? 'true' : null, "aria-expanded": typeof this.expanded === 'boolean' ? String(expanded) : typeof expanded === 'string' ? expanded : null, "aria-pressed": typeof this.pressed === 'boolean' ? String(pressed) : typeof pressed === 'string' ? pressed : null, disabled: this.disabled, type: this.type || 'button', onClick: handleClick }, h("slot", { key: '60bbb545abd7474e87801bce05c50be6b44b3b34', name: "icon" }), h("span", { key: 'd6d6ccb23d86b266b0885104a5355f7a89d0c727', class: "utrecht-button__label" }, h("slot", { key: '0940dbf409384db621f3d7bb895e7f3546da9a19' }))));
     }
     get hostElement() { return this; }
     static get style() { return UtrechtButtonStyle0; }

package/dist/components/digid-logo.js

@@ -10,7 +10,7 @@ const DigidLogo = /*@__PURE__*/ proxyCustomElement(class DigidLogo extends HTMLE
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: '5a244bcf35aaadbcc90bb93310af38bd7e0723e2', 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: '0afe8fbbac58fe101dcf287bb1b2cca942da5df9', 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: '0a82966586b92bc0bc6f80fbad2869e98170f36e', 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: '13b5b40263964b8530b1645124f8ad8898050b8e', 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: 'b869fd14fa811d994d0bd120643282e73b22984d', 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: '75b9c629d0df794acb401d6399adc852b3182169', 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: '755995e76fad682ce94abe101a0d81546f0ce53b', 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: 'bcc88f7a456bd0adfa0a1f9bba48bb4be47887dc', 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 style() { return UtrechtDigidLogoStyle0; }
 }, [1, "utrecht-digid-logo"]);

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

@@ -1 +1 @@
-{"file":"digid-logo.js","mappings":";;AAAA,MAAM,YAAY,GAAG,kiBAAkiB,CAAC;AACxjB,+BAAe,YAAY;;MCad,SAAS;;;;;;IACpB,MAAM;QACJ,QACE,4DACE,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,KAAK,EACb,OAAO,EAAC,aAAa,IAErB,6DAAM,CAAC,EAAC,oFAAoF,GAAG,EAC/F,6DACE,CAAC,EAAC,wZAAwZ,EAC1Z,IAAI,EAAC,SAAS,GACd,EACF,6DACE,CAAC,EAAC,iKAAiK,EACnK,IAAI,EAAC,SAAS,GACd,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/digid-logo.scss?tag=utrecht-digid-logo&encapsulation=shadow","src/components/digid-logo.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n@import \"~@utrecht/icon/src\";\n\n@mixin utrecht-black-icon--media-query-forced-colors {\n  /* A black icon can become invisible on a forced black background.\n   * Add a contrasting border color */\n  @media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {\n    border-color: currentColor;\n    border-radius: 5px;\n    border-style: solid;\n\n    /* Warning: there layout difference because of the added 1px border */\n    border-width: 1px;\n  }\n}\n\n:host {\n  display: inline;\n\n  @include utrecht-black-icon--media-query-forced-colors;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-digid-logo',\n  styleUrl: 'digid-logo.scss',\n  shadow: true,\n})\nexport class DigidLogo {\n  render() {\n    return (\n      <svg\n        class=\"utrecht-icon\"\n        width=\"100%\"\n        height=\"100%\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        version=\"1.1\"\n        viewBox=\"0 0 150 150\"\n      >\n        <path d=\"M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z\" />\n        <path\n          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\"\n          fill=\"#FFFFFF\"\n        />\n        <path\n          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\"\n          fill=\"#E17000\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}
+{"file":"digid-logo.js","mappings":";;AAAA,MAAM,YAAY,GAAG,kiBAAkiB,CAAC;AACxjB,+BAAe,YAAY;;MCad,SAAS;;;;;;IACpB,MAAM;QACJ,QACE,4DACE,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,KAAK,EACb,OAAO,EAAC,aAAa,IAErB,6DAAM,CAAC,EAAC,oFAAoF,GAAG,EAC/F,6DACE,CAAC,EAAC,wZAAwZ,EAC1Z,IAAI,EAAC,SAAS,GACd,EACF,6DACE,CAAC,EAAC,iKAAiK,EACnK,IAAI,EAAC,SAAS,GACd,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/digid-logo.scss?tag=utrecht-digid-logo&encapsulation=shadow","src/components/digid-logo.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n@import \"~@utrecht/icon-css/src\";\n\n@mixin utrecht-black-icon--media-query-forced-colors {\n  /* A black icon can become invisible on a forced black background.\n   * Add a contrasting border color */\n  @media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {\n    border-color: currentColor;\n    border-radius: 5px;\n    border-style: solid;\n\n    /* Warning: there layout difference because of the added 1px border */\n    border-width: 1px;\n  }\n}\n\n:host {\n  display: inline;\n\n  @include utrecht-black-icon--media-query-forced-colors;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-digid-logo',\n  styleUrl: 'digid-logo.scss',\n  shadow: true,\n})\nexport class DigidLogo {\n  render() {\n    return (\n      <svg\n        class=\"utrecht-icon\"\n        width=\"100%\"\n        height=\"100%\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        version=\"1.1\"\n        viewBox=\"0 0 150 150\"\n      >\n        <path d=\"M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z\" />\n        <path\n          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\"\n          fill=\"#FFFFFF\"\n        />\n        <path\n          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\"\n          fill=\"#E17000\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}

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

@@ -13,7 +13,7 @@ const FormFieldDescription = /*@__PURE__*/ proxyCustomElement(class FormFieldDes
     }
     render() {
         const { status } = this;
-        return (h("div", { key: '0b7ba77c313851507ae46b69e766b01440625f30', class: clsx('utrecht-form-field-description', status === 'valid' && 'utrecht-form-field-description--valid', status === 'invalid' && 'utrecht-form-field-description--invalid') }, h("slot", { key: '64c912d538677d625c3b44f3f6fda3c15e1221b0' })));
+        return (h("div", { key: 'e062a67c985b1469c913801052e7c1561ebeb8d5', class: clsx('utrecht-form-field-description', status === 'valid' && 'utrecht-form-field-description--valid', status === 'invalid' && 'utrecht-form-field-description--invalid') }, h("slot", { key: '18b196a06f50b68a7eff779a96bcd075d803ea4a' })));
     }
     static get style() { return UtrechtFormFieldDescriptionStyle0; }
 }, [1, "utrecht-form-field-description", {

package/dist/components/heading-2.js

@@ -10,7 +10,7 @@ const Heading2 = /*@__PURE__*/ proxyCustomElement(class Heading2 extends HTMLEle
         this.__attachShadow();
     }
     render() {
-        return (h("h2", { key: '602a7d95bcbd5da72525d0c56b445637ab822c69' }, h("slot", { key: 'b2e16d7b617ac1b13e40c3cc81ca4b98795b9451' })));
+        return (h("h2", { key: '495f19b93781a49a15a907a45eabe44af7954e2d' }, h("slot", { key: 'e5a2baf3d2380da0c65bda613bcaa0b59b5eff32' })));
     }
     static get style() { return UtrechtHeading2Style0; }
 }, [1, "utrecht-heading-2"]);

package/dist/components/heading-3.js

@@ -10,7 +10,7 @@ const Heading3 = /*@__PURE__*/ proxyCustomElement(class Heading3 extends HTMLEle
         this.__attachShadow();
     }
     render() {
-        return (h("h3", { key: '9481587b32b4e33997ee64eb5d326b6eb40b49c1' }, h("slot", { key: '0838ff16d87ba3860f250b124027a41ca0f1564b' })));
+        return (h("h3", { key: 'f68577183f5776b0eaa550024e23b69c3c60c7a4' }, h("slot", { key: '86f4f70516d905b7692379d6e87e93be52280fcd' })));
     }
     static get style() { return UtrechtHeading3Style0; }
 }, [1, "utrecht-heading-3"]);

package/dist/components/index.js

@@ -4,6 +4,7 @@ import { UtrechtBackdrop } from './utrecht-backdrop.js';
 import { UtrechtBadgeCounter } from './utrecht-badge-counter.js';
 import { UtrechtBadgeList } from './utrecht-badge-list.js';
 import { UtrechtBadgeStatus } from './utrecht-badge-status.js';
+import { UtrechtBody } from './utrecht-body.js';
 import { UtrechtBreadcrumbNav } from './utrecht-breadcrumb-nav.js';
 import { UtrechtButton } from './utrecht-button.js';
 import { UtrechtButtonGroup } from './utrecht-button-group.js';
@@ -259,18 +260,22 @@ import { UtrechtLogoImage } from './utrecht-logo-image.js';
 import { UtrechtMapMarker } from './utrecht-map-marker.js';
 import { UtrechtMark } from './utrecht-mark.js';
 import { UtrechtMultilineData } from './utrecht-multiline-data.js';
+import { UtrechtNavBar } from './utrecht-nav-bar.js';
 import { UtrechtNumberBadge } from './utrecht-number-badge.js';
 import { UtrechtNumberData } from './utrecht-number-data.js';
 import { UtrechtPage } from './utrecht-page.js';
+import { UtrechtPageBody } from './utrecht-page-body.js';
 import { UtrechtPageContent } from './utrecht-page-content.js';
 import { UtrechtPageFooter } from './utrecht-page-footer.js';
 import { UtrechtPageHeader } from './utrecht-page-header.js';
+import { UtrechtPageLayout } from './utrecht-page-layout.js';
 import { UtrechtPagination } from './utrecht-pagination.js';
 import { UtrechtParagraph } from './utrecht-paragraph.js';
 import { UtrechtPreHeading } from './utrecht-pre-heading.js';
 import { UtrechtProgressList } from './utrecht-progress-list.js';
 import { UtrechtProgressListItem } from './utrecht-progress-list-item.js';
 import { UtrechtProgressSublistItem } from './utrecht-progress-sublist-item.js';
+import { UtrechtRoot } from './utrecht-root.js';
 import { UtrechtSeparator } from './utrecht-separator.js';
 import { UtrechtSidenav } from './utrecht-sidenav.js';
 import { UtrechtSkipLink } from './utrecht-skip-link.js';
@@ -298,6 +303,7 @@ const defineCustomElements = (opts) => {
             UtrechtBadgeCounter,
             UtrechtBadgeList,
             UtrechtBadgeStatus,
+            UtrechtBody,
             UtrechtBreadcrumbNav,
             UtrechtButton,
             UtrechtButtonGroup,
@@ -553,18 +559,22 @@ const defineCustomElements = (opts) => {
             UtrechtMapMarker,
             UtrechtMark,
             UtrechtMultilineData,
+            UtrechtNavBar,
             UtrechtNumberBadge,
             UtrechtNumberData,
             UtrechtPage,
+            UtrechtPageBody,
             UtrechtPageContent,
             UtrechtPageFooter,
             UtrechtPageHeader,
+            UtrechtPageLayout,
             UtrechtPagination,
             UtrechtParagraph,
             UtrechtPreHeading,
             UtrechtProgressList,
             UtrechtProgressListItem,
             UtrechtProgressSublistItem,
+            UtrechtRoot,
             UtrechtSeparator,
             UtrechtSidenav,
             UtrechtSkipLink,

package/dist/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/paragraph.js

@@ -12,7 +12,7 @@ const Paragraph = /*@__PURE__*/ proxyCustomElement(class Paragraph extends HTMLE
         this.lead = undefined;
     }
     render() {
-        return (h("div", { key: '6579a2078187f6268ee34b5a9176cd97ef0c80a9', class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", { key: 'e1421f8d6b599bee4348011f3fd720e38926c125' })));
+        return (h("div", { key: '644244805a01be6cda2c1bbd39f2a3d21208e79d', class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", { key: '173c9bd061e53892aa312982cca9ade5c17ab329' })));
     }
     static get style() { return UtrechtParagraphStyle0; }
 }, [1, "utrecht-paragraph", {

package/dist/components/utrecht-body.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UtrechtBody extends Components.UtrechtBody, HTMLElement {}
+export const UtrechtBody: {
+    prototype: UtrechtBody;
+    new (): UtrechtBody;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/utrecht-body.js

@@ -0,0 +1,36 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const bodyCss = ":host{block-size:100%;font-family:var(--utrecht-body-font-family, inherit);font-size:var(--utrecht-body-font-size, inherit);font-weight:var(--utrecht-body-font-weight, inherit);line-height:var(--utrecht-body-line-height, inherit);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}@media screen{:host{min-block-size:100vh;min-block-size:100vb}}:host([hidden]){display:none !important}";
+const UtrechtBodyStyle0 = bodyCss;
+
+const Root = /*@__PURE__*/ proxyCustomElement(class Root extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return h("slot", { key: '3ce9d330f587ae850baee2d58c1d48185814525a' });
+    }
+    static get style() { return UtrechtBodyStyle0; }
+}, [1, "utrecht-body"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["utrecht-body"];
+    components.forEach(tagName => { switch (tagName) {
+        case "utrecht-body":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Root);
+            }
+            break;
+    } });
+}
+
+const UtrechtBody = Root;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtBody, defineCustomElement };
+
+//# sourceMappingURL=utrecht-body.js.map

package/dist/components/utrecht-body.js.map

@@ -0,0 +1 @@
+{"file":"utrecht-body.js","mappings":";;AAAA,MAAM,OAAO,GAAG,ufAAuf,CAAC;AACxgB,0BAAe,OAAO;;MCYT,IAAI;;;;;;IACf,MAAM;QACJ,OAAO,8DAAa,CAAC;KACtB;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/body.scss?tag=utrecht-body&encapsulation=shadow","src/components/body.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@import \"~@utrecht/body-css/src/mixin\";\n\n:host {\n  @include utrecht-body;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-body',\n  styleUrl: 'body.scss',\n  shadow: true,\n})\nexport class Root {\n  render() {\n    return <slot></slot>;\n  }\n}\n"],"version":3}

package/dist/components/utrecht-breadcrumb-nav.js

@@ -15,7 +15,7 @@ const BreadcrumbNav = /*@__PURE__*/ proxyCustomElement(class BreadcrumbNav exten
     render() {
         const { json, variant } = this;
         const items = json ? JSON.parse(json) : [];
-        return (h("nav", { key: '6238c3f2f0ca446f186a07dd95b448be1686cb91', class: clsx('utrecht-breadcrumb-nav', variant === 'arrows' && 'utrecht-breadcrumb-nav--arrows') }, h("ol", { key: 'e74586ef6515f38d23b1f92e99111419a6e4b4e6', class: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol", itemscope: true, itemtype: "https://schema.org/BreadcrumbList" }, items.map(({ href, title, current }, index) => (h("li", { key: href, class: "utrecht-breadcrumb-nav__item", itemscope: true, itemtype: "https://schema.org/ListItem", itemprop: "itemListElement" }, h("a", { class: clsx('utrecht-breadcrumb-nav__link', 'utrecht-link', 'utrecht-link--html-a', current && 'utrecht-link--current'), href: href, "aria-current": current ? 'location' : null, itemprop: "item" }, h("span", { class: "utrecht-breadcrumb-nav__text", itemprop: "name" }, title), h("meta", { itemprop: "position", content: index + 1 }))))))));
+        return (h("nav", { key: 'd399bf3ea101cc6663bedaa0aed2d8e89c8cb83a', class: clsx('utrecht-breadcrumb-nav', variant === 'arrows' && 'utrecht-breadcrumb-nav--arrows') }, h("ol", { key: 'a191549267d47ff72187ba9806b4ca01f428472e', class: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol", itemscope: true, itemtype: "https://schema.org/BreadcrumbList" }, items.map(({ href, title, current }, index) => (h("li", { key: href, class: "utrecht-breadcrumb-nav__item", itemscope: true, itemtype: "https://schema.org/ListItem", itemprop: "itemListElement" }, h("a", { class: clsx('utrecht-breadcrumb-nav__link', 'utrecht-link', 'utrecht-link--html-a', current && 'utrecht-link--current'), href: href, "aria-current": current ? 'location' : null, itemprop: "item" }, h("span", { class: "utrecht-breadcrumb-nav__text", itemprop: "name" }, title), h("meta", { itemprop: "position", content: index + 1 }))))))));
     }
     static get style() { return UtrechtBreadcrumbNavStyle0; }
 }, [1, "utrecht-breadcrumb-nav", {

package/dist/components/utrecht-button-group.js

@@ -13,10 +13,10 @@ const ButtonGroup = /*@__PURE__*/ proxyCustomElement(class ButtonGroup extends H
     }
     render() {
         const { direction } = this;
-        return (h("div", { key: '197becd43eb035069fca6da2ff6e6ff20efd7642', class: clsx('utrecht-button-group', {
+        return (h("div", { key: 'fc776927bb834f6cac1e5c743d2360f1a08513ff', class: clsx('utrecht-button-group', {
                 'utrecht-button-group--column': direction === 'column',
                 'utrecht-button-group--row': direction === 'row',
-            }) }, h("slot", { key: 'f15f0015ff2b269669f88c2f076aa0d15090ef3f' })));
+            }) }, h("slot", { key: 'e8b0574988548ec62b311f961f318613a541133c' })));
     }
     static get style() { return UtrechtButtonGroupStyle0; }
 }, [1, "utrecht-button-group", {

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

@@ -17,7 +17,7 @@ const ButtonLink = /*@__PURE__*/ proxyCustomElement(class ButtonLink extends HTM
         this.target = undefined;
     }
     render() {
-        return (h("a", { key: 'd1724d4065a2a6b5be00d6f88894afb68d7d305e', href: typeof this.href === 'string' && !this.placeholder ? this.href : undefined, class: clsx('utrecht-button-link', 'utrecht-button-link--html-a', this.external && 'utrecht-button-link--external', this.placeholder && 'utrecht-button-link--placeholder', this.appearance === 'primary-action-button' && 'utrecht-button-link--primary-action', this.appearance === 'secondary-action-button' && 'utrecht-button-link--secondary-action', this.appearance === 'subtle-button' && 'utrecht-button-link--subtle'), "aria-disabled": this.placeholder ? 'true' : undefined, download: typeof this.download === 'string' ? this.download : undefined, rel: this.external ? 'external noopener noreferrer' : undefined, role: this.placeholder ? 'link' : undefined, target: typeof this.target === 'string' ? this.target : undefined }, h("slot", { key: 'e8e6c196a91c312e83e4c8d98c2c9974e56a6c82' })));
+        return (h("a", { key: 'acf9dc165fd6e4906a5c94e5d7b1c53a90e29491', href: typeof this.href === 'string' && !this.placeholder ? this.href : undefined, class: clsx('utrecht-button-link', 'utrecht-button-link--html-a', this.external && 'utrecht-button-link--external', this.placeholder && 'utrecht-button-link--placeholder', this.appearance === 'primary-action-button' && 'utrecht-button-link--primary-action', this.appearance === 'secondary-action-button' && 'utrecht-button-link--secondary-action', this.appearance === 'subtle-button' && 'utrecht-button-link--subtle'), "aria-disabled": this.placeholder ? 'true' : undefined, download: typeof this.download === 'string' ? this.download : undefined, rel: this.external ? 'external noopener noreferrer' : undefined, role: this.placeholder ? 'link' : undefined, target: typeof this.target === 'string' ? this.target : undefined }, h("slot", { key: '48ca66293f8e887d97b8e62886cee423c4ee2117' })));
     }
     static get style() { return UtrechtButtonLinkStyle0; }
 }, [1, "utrecht-button-link", {

package/dist/components/utrecht-checkbox.js

@@ -20,7 +20,7 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
     }
     render() {
         const { checked, disabled, value } = this;
-        return (h("input", { key: 'a89783617f21f10894db81c77cc00eabe46da049', class: clsx('utrecht-checkbox'), type: "checkbox", checked: checked, disabled: disabled, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+        return (h("input", { key: '237941bf96815e3a5f4934d79c081c0771f63348', class: clsx('utrecht-checkbox'), type: "checkbox", checked: checked, disabled: disabled, 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);
             } }));

package/dist/components/utrecht-code-block.js

@@ -10,7 +10,7 @@ const CodeBlock = /*@__PURE__*/ proxyCustomElement(class CodeBlock extends HTMLE
         this.__attachShadow();
     }
     render() {
-        return (h("pre", { key: 'e89f809b627d423556f89c6e57edeec35b04e9eb', class: "utrecht-code-block" }, h("slot", { key: 'c793059638068858d5d02e5a57c2975cf09a09ee' })));
+        return (h("pre", { key: '43942ffdbee95c11991d47070dcda45140cd793d', class: "utrecht-code-block" }, h("slot", { key: '89a40704f2ef9fc7a139c317941838d5127f77f5' })));
     }
     static get style() { return UtrechtCodeBlockStyle0; }
 }, [1, "utrecht-code-block"]);

package/dist/components/utrecht-code.js

@@ -10,7 +10,7 @@ const Code = /*@__PURE__*/ proxyCustomElement(class Code extends HTMLElement {
         this.__attachShadow();
     }
     render() {
-        return (h("code", { key: '84962fdea5f2b563196295dc6b24529359ab3666', class: "utrecht-code" }, h("slot", { key: '1ac8c25a7d20b505eeafbbc3b1eea51c489e692d' })));
+        return (h("code", { key: '4553c6a4ef5cc0afbf7a6bc6fe56209e8d8f8afe', class: "utrecht-code" }, h("slot", { key: '7125ff0ab1d0377ed3c122c22f676cde609cd7a7' })));
     }
     static get style() { return UtrechtCodeStyle0; }
 }, [1, "utrecht-code"]);

package/dist/components/utrecht-color-sample.js

@@ -11,7 +11,7 @@ const ColorSample = /*@__PURE__*/ proxyCustomElement(class ColorSample extends H
         this.color = undefined;
     }
     render() {
-        return (h(Host, { key: '92b4c5bb77854043d02f0967817660762c92e6f0', style: { color: this.color } }, h("data", { key: 'c53f9a922b4a7246e18e58ab0e581731e6d97461', value: this.color }, h("slot", { key: 'b7c3499e66249019ea59933a7ded709990db459f' }))));
+        return (h(Host, { key: '996c17e787a1a1213dc988f2243a799f69b2a27e', style: { color: this.color } }, h("data", { key: '9d6f867cbca4ff2e20f885d1eb7afbae11be0a84', value: this.color }, h("slot", { key: 'b1bd84878c217a6a072aa4a804d04a6c25ae0c92' }))));
     }
     static get style() { return UtrechtColorSampleStyle0; }
 }, [1, "utrecht-color-sample", {

package/dist/components/utrecht-column-layout.js

@@ -11,7 +11,7 @@ const ColumnLayout = /*@__PURE__*/ proxyCustomElement(class ColumnLayout extends
         this.rule = false;
     }
     render() {
-        return h("slot", { key: '3c7303a54624fe137e2624fa0619c14545ced78e' });
+        return h("slot", { key: '563688d8babe895046cc3acbdc1876814af54d2c' });
     }
     static get style() { return UtrechtColumnLayoutStyle0; }
 }, [1, "utrecht-column-layout", {

package/dist/components/utrecht-contact-card-template.js

@@ -13,7 +13,7 @@ const ContactCardTemplate = /*@__PURE__*/ proxyCustomElement(class ContactCardTe
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '480dbb90868940e1c1e62497957d446053791933', class: "utrecht-contact-card" }, h("utrecht-heading-2", { key: 'bd04688bb0779e54119ec84576801817138c2689' }, "Hulp en contact"), h("div", { key: '8fe77c878e01babd137d9880173d6a396b58ffb7', class: "utrecht-contact-card__content" }, h("div", { key: '9aa3df366fbe20db93cb3934afdff1576410dbf3', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: '348cef1c00d79408ec7f717d3e22832fb466f800' }, "Telefoon"), h("utrecht-paragraph", { key: '2108e283aa73ed67d63b1f2eac8c6ce54918aef2', class: "utrecht-contact-card__telephone" }, h("a", { key: 'b168469c80867032b43167b07f60e21617ecd61c', href: "tel:14-030", class: "utrecht-link utrecht-link--html-a utrecht-link--telephone", title: "Telefoonnummer van gemeente Utrecht" }, "14 030")), h("utrecht-paragraph", { key: '28bda94e1784ca5876c8a12237bd022291d1660a' }, "Maandag t/m vrijdag 8.30 \u2013 17.30 uur")), h("div", { key: '203b1614bd8b1df8b664079deec3323cb6b208ef', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: 'fb94658abdc3e946d353a0fba8a9d47758a804b6' }, "E-mail"), h("utrecht-paragraph", { key: '74229dc465c39b004174695c6073bc72619484db' }, h("a", { key: 'bf3d3c067720305626e20f9a2c160d4cf944e6f4', class: "utrecht-link utrecht-link--html-a utrecht-link--html-a", href: "https://www.utrecht.nl/reactieformulier", title: "Algemeen reactieformulier van de gemeente Utrecht" }, "reactieformulier"))))));
+        return (h("div", { key: 'ddba69b87f6e4b1c1f09d07d127d2a9be21d1093', class: "utrecht-contact-card" }, h("utrecht-heading-2", { key: '88174a2d59052ceb1de4a3f5e3fd35ffa1f8bcfd' }, "Hulp en contact"), h("div", { key: '003884e6c5ae69eb527eb4ea22c32d455528793f', class: "utrecht-contact-card__content" }, h("div", { key: 'f03e083317fd5868bc4ce2185ef4b5ac5c5e3dfa', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: 'c953b684d30b00ef4539ce2ceef4d03e1855c789' }, "Telefoon"), h("utrecht-paragraph", { key: '5d26aa2f124cf30d9fc3ea2b416eb80e8a94ceb3', class: "utrecht-contact-card__telephone" }, h("a", { key: '58b021c1064f5648a5a385e7af13bd1debdfacc1', href: "tel:14-030", class: "utrecht-link utrecht-link--html-a utrecht-link--telephone", title: "Telefoonnummer van gemeente Utrecht" }, "14 030")), h("utrecht-paragraph", { key: '02ab1e5f5ca2c2e16e3f2c4c4aa5f2527f9e1821' }, "Maandag t/m vrijdag 8.30 \u2013 17.30 uur")), h("div", { key: '3512df567a94b6a7e2f3fcf99d35faa79fb3adb7', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: 'f1e2a2cb6a6d492cbb4d0122c24b14253ab00b99' }, "E-mail"), h("utrecht-paragraph", { key: '89c825f5b80531a8d1405d54f9b680f6b3a393c3' }, h("a", { key: '880c9f5136506317ec575975eb1573c433497dc9', class: "utrecht-link utrecht-link--html-a utrecht-link--html-a", href: "https://www.utrecht.nl/reactieformulier", title: "Algemeen reactieformulier van de gemeente Utrecht" }, "reactieformulier"))))));
     }
     static get style() { return UtrechtContactCardTemplateStyle0; }
 }, [1, "utrecht-contact-card-template"]);

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as clsx } from './clsx.js';
 
-const customCheckboxCss = ".utrecht-checkbox--custom,.utrecht-custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:center;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-checkbox-size, 1em);border-color:var(--utrecht-checkbox-border-color);border-radius:var(--utrecht-checkbox-border-radius, 0);border-style:solid;border-width:var(--utrecht-checkbox-border-width);cursor:var(--utrecht-action-activate-cursor, revert);inline-size:var(--utrecht-checkbox-size, 1em);margin-block-start:var(--utrecht-checkbox-margin-block-start);min-block-size:24px;min-inline-size:24px;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top}.utrecht-checkbox--custom.utrecht-checkbox--checked,.utrecht-custom-checkbox--checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--disabled,.utrecht-custom-checkbox--disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,.utrecht-custom-checkbox--disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,.utrecht-custom-checkbox--disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--invalid,.utrecht-custom-checkbox--invalid{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--active,.utrecht-custom-checkbox--active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--hover,.utrecht-custom-checkbox--hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus,.utrecht-custom-checkbox--focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,.utrecht-custom-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,.utrecht-custom-checkbox--html-input:disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,.utrecht-custom-checkbox--html-input:disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,.utrecht-custom-checkbox--html-input:disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,.utrecht-custom-checkbox--html-input:hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,.utrecht-custom-checkbox--html-input:focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,.utrecht-custom-checkbox--html-input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid=true],.utrecht-custom-checkbox--html-input:invalid,.utrecht-custom-checkbox--html-input[aria-invalid=true]{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked:indeterminate,.utrecht-custom-checkbox--html-input:indeterminate,.utrecht-custom-checkbox--html-input:checked:indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}:host{display:block}:host([hidden]){display:none !important}";
+const customCheckboxCss = ".utrecht-checkbox--custom,.utrecht-custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:center;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-checkbox-size, 1em);border-color:var(--utrecht-checkbox-border-color);border-radius:var(--utrecht-checkbox-border-radius, 0);border-style:solid;border-width:var(--utrecht-checkbox-border-width);cursor:var(--utrecht-action-activate-cursor, revert);inline-size:var(--utrecht-checkbox-size, 1em);margin-block-start:var(--utrecht-checkbox-margin-block-start);min-block-size:24px;min-inline-size:24px;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top}.utrecht-checkbox--custom.utrecht-checkbox--checked,.utrecht-custom-checkbox--checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--disabled,.utrecht-custom-checkbox--disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,.utrecht-custom-checkbox--disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,.utrecht-custom-checkbox--disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--invalid,.utrecht-custom-checkbox--invalid{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--active,.utrecht-custom-checkbox--active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--hover,.utrecht-custom-checkbox--hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus,.utrecht-custom-checkbox--focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,.utrecht-custom-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,.utrecht-custom-checkbox--html-input:disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,.utrecht-custom-checkbox--html-input:disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,.utrecht-custom-checkbox--html-input:disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,.utrecht-custom-checkbox--html-input:hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,.utrecht-custom-checkbox--html-input:focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,.utrecht-custom-checkbox--html-input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid=true],.utrecht-custom-checkbox--html-input:invalid,.utrecht-custom-checkbox--html-input[aria-invalid=true]{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked:indeterminate,.utrecht-custom-checkbox--html-input:indeterminate,.utrecht-custom-checkbox--html-input:checked:indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtCustomCheckboxStyle0 = customCheckboxCss;
 
 const CustomCheckbox = /*@__PURE__*/ proxyCustomElement(class CustomCheckbox extends HTMLElement {
@@ -17,7 +17,7 @@ const CustomCheckbox = /*@__PURE__*/ proxyCustomElement(class CustomCheckbox ext
     }
     render() {
         const { checked, required, disabled, indeterminate, invalid } = this;
-        return (h("input", { key: '374065cd3491cf35bdc2eaca36fc6a817e6dfaed', "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: '6c3ec0d96df57817493a66f6a93b19727af86206', "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 style() { return UtrechtCustomCheckboxStyle0; }
 }, [1, "utrecht-custom-checkbox", {

package/dist/components/utrecht-custom-checkbox.js.map

@@ -1 +1 @@
-{"file":"utrecht-custom-checkbox.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,64UAA64U,CAAC;AACx6U,oCAAe,iBAAiB;;MCanB,cAAc;;;;;;;;;;;IAMzB,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrE,QACE,8EACgB,OAAO,GAAG,MAAM,GAAG,IAAI,EACrC,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,qCAAqC,EACrC,OAAO,IAAI,uCAAuC,CACnD,EACD,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,EACF;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/custom-checkbox.scss?tag=utrecht-custom-checkbox&encapsulation=shadow","src/components/custom-checkbox.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@import \"~@utrecht/custom-checkbox-css/src\";\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-custom-checkbox',\n  styleUrl: 'custom-checkbox.scss',\n  shadow: true,\n})\nexport class CustomCheckbox {\n  @Prop() disabled?: boolean;\n  @Prop() checked?: boolean;\n  @Prop() indeterminate?: boolean;\n  @Prop() invalid?: boolean;\n  @Prop() required?: boolean;\n  render() {\n    const { checked, required, disabled, indeterminate, invalid } = this;\n    return (\n      <input\n        aria-invalid={invalid ? 'true' : null}\n        class={clsx(\n          'utrecht-custom-checkbox',\n          'utrecht-custom-checkbox--html-input',\n          invalid && 'utrecht-custom-checkbox__box--invalid',\n        )}\n        type=\"checkbox\"\n        checked={checked}\n        required={required}\n        indeterminate={indeterminate}\n        disabled={disabled}\n      />\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-custom-checkbox.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,y8SAAy8S,CAAC;AACp+S,oCAAe,iBAAiB;;MCanB,cAAc;;;;;;;;;;;IAMzB,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrE,QACE,8EACgB,OAAO,GAAG,MAAM,GAAG,IAAI,EACrC,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,qCAAqC,EACrC,OAAO,IAAI,uCAAuC,CACnD,EACD,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,EACF;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/custom-checkbox.scss?tag=utrecht-custom-checkbox&encapsulation=shadow","src/components/custom-checkbox.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@import \"~@utrecht/custom-checkbox-css/src\";\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-custom-checkbox',\n  styleUrl: 'custom-checkbox.scss',\n  shadow: true,\n})\nexport class CustomCheckbox {\n  @Prop() disabled?: boolean;\n  @Prop() checked?: boolean;\n  @Prop() indeterminate?: boolean;\n  @Prop() invalid?: boolean;\n  @Prop() required?: boolean;\n  render() {\n    const { checked, required, disabled, indeterminate, invalid } = this;\n    return (\n      <input\n        aria-invalid={invalid ? 'true' : null}\n        class={clsx(\n          'utrecht-custom-checkbox',\n          'utrecht-custom-checkbox--html-input',\n          invalid && 'utrecht-custom-checkbox__box--invalid',\n        )}\n        type=\"checkbox\"\n        checked={checked}\n        required={required}\n        indeterminate={indeterminate}\n        disabled={disabled}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-data-badge.js

@@ -10,7 +10,7 @@ const DataBadge = /*@__PURE__*/ proxyCustomElement(class DataBadge extends HTMLE
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '467e5a673e46c3201631234ab0e50735b2c49e62', class: "utrecht-data-badge" }, h("slot", { key: '33e87523266b2b16e295da36fb07e77ad6ab3a80' })));
+        return (h("div", { key: '81b64e4ce6a3822179b23d5101f7c86ddb6c873f', class: "utrecht-data-badge" }, h("slot", { key: '58c5fa9f697b39b3b00b128bf138e5ff2cbdd8c7' })));
     }
     static get style() { return UtrechtDataBadgeStyle0; }
 }, [1, "utrecht-data-badge"]);

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

@@ -3,14 +3,14 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 const dataListActionsCss = ":host{display:contents}dd{margin-inline-start:0;align-items:baseline;display:flex;grid-column:-1;grid-row:1;justify-content:flex-end}:host([hidden]){display:none !important}";
 const UtrechtDataListActionsStyle0 = dataListActionsCss;
 
-const DataListValue = /*@__PURE__*/ proxyCustomElement(class DataListValue extends HTMLElement {
+const DataListActions = /*@__PURE__*/ proxyCustomElement(class DataListActions extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
     }
     render() {
-        return (h("dd", { key: 'e44c9b8b5310a92b7fa9dba628eecdb69c3d053b' }, h("slot", { key: 'c535c25d9b16724e7a9d04fee94c6e3d9cd515b3' })));
+        return (h("dd", { key: 'd01659ba29e577320cb664113a91d3bd046a44cf' }, h("slot", { key: 'cea8ab97d11ae9c14c74f81407974a4ab479da0b' })));
     }
     static get style() { return UtrechtDataListActionsStyle0; }
 }, [1, "utrecht-data-list-actions"]);
@@ -22,13 +22,13 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "utrecht-data-list-actions":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, DataListValue);
+                customElements.define(tagName, DataListActions);
             }
             break;
     } });
 }
 
-const UtrechtDataListActions = DataListValue;
+const UtrechtDataListActions = DataListActions;
 const defineCustomElement = defineCustomElement$1;
 
 export { UtrechtDataListActions, defineCustomElement };

package/dist/components/utrecht-data-list-actions.js.map

@@ -1 +1 @@
-{"file":"utrecht-data-list-actions.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,+KAA+K,CAAC;AAC3M,qCAAe,kBAAkB;;MCYpB,aAAa;;;;;;IACxB,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/data-list-actions.scss?tag=utrecht-data-list-actions&encapsulation=shadow","src/components/data-list-actions.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@import \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n  display: contents;\n}\n\ndd {\n  @include utrecht-data-list__actions;\n  @include utrecht-data-list__actions--html-dd;\n  @include utrecht-data-list__actions--rows;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-data-list-actions',\n  styleUrl: 'data-list-actions.scss',\n  shadow: true,\n})\nexport class DataListValue {\n  render() {\n    return (\n      <dd>\n        <slot></slot>\n      </dd>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-data-list-actions.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,+KAA+K,CAAC;AAC3M,qCAAe,kBAAkB;;MCYpB,eAAe;;;;;;IAC1B,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/data-list-actions.scss?tag=utrecht-data-list-actions&encapsulation=shadow","src/components/data-list-actions.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@import \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n  display: contents;\n}\n\ndd {\n  @include utrecht-data-list__actions;\n  @include utrecht-data-list__actions--html-dd;\n  @include utrecht-data-list__actions--rows;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-data-list-actions',\n  styleUrl: 'data-list-actions.scss',\n  shadow: true,\n})\nexport class DataListActions {\n  render() {\n    return (\n      <dd>\n        <slot></slot>\n      </dd>\n    );\n  }\n}\n"],"version":3}