@utrecht/web-component-library-stencil 3.7.0 → 4.0.0

package/dist/components/utrecht-page-footer.js

@@ -10,7 +10,7 @@ const PageFooter = /*@__PURE__*/ proxyCustomElement(class PageFooter extends HTM
         this.__attachShadow();
     }
     render() {
-        return (h("footer", { key: '317ecebda809474355097de086ce7994b5340c48' }, h("slot", { key: 'd10c1a8283c47878924414ff390b6dbfb75ef381' })));
+        return (h("footer", { key: '76cb980ad425e241f6675fcbff7879c3d86ff26b' }, h("slot", { key: 'a0236f05d24e88d38410641deccfed07b5de3817' })));
     }
     static get style() { return UtrechtPageFooterStyle0; }
 }, [1, "utrecht-page-footer"]);

package/dist/components/utrecht-page-header.js

@@ -10,7 +10,7 @@ const PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends HTM
         this.__attachShadow();
     }
     render() {
-        return (h("header", { key: 'a38e6df1c05fbdcee17f6321f20849dae6e3574e' }, h("slot", { key: 'b7548a173a27834bcd7210471911394512bce7c0' })));
+        return (h("header", { key: '317ecebda809474355097de086ce7994b5340c48' }, h("slot", { key: 'd10c1a8283c47878924414ff390b6dbfb75ef381' })));
     }
     static get style() { return UtrechtPageHeaderStyle0; }
 }, [1, "utrecht-page-header"]);

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

@@ -10,7 +10,7 @@ const PageLayout = /*@__PURE__*/ proxyCustomElement(class PageLayout extends HTM
         this.__attachShadow();
     }
     render() {
-        return h("slot", { key: '54264ba9a4e59b4216fd2e4d85f0846af4cd8ef0' });
+        return h("slot", { key: '1cbb28b5b29af2e1b0ec3a9c9ce8faa343369e1a' });
     }
     static get style() { return UtrechtPageLayoutStyle0; }
 }, [1, "utrecht-page-layout"]);

package/dist/components/utrecht-page.js

@@ -10,7 +10,7 @@ const Page = /*@__PURE__*/ proxyCustomElement(class Page extends HTMLElement {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '44565b76ad0dfb1ca47af85ae0468d828b5ce786', class: "utrecht-page" }, h("div", { key: 'bf563cafe09b77a94430c73de40ecbef9a2ae385', class: "utrecht-page__content" }, h("slot", { key: 'a1ec034982124e31857e15fbf1cfb46e55cbab0e' }))));
+        return (h("div", { key: '21d6522d3896609531ba68d8a6b0c1781f4fca1d', class: "utrecht-page" }, h("div", { key: 'e3140b9289085db0c28ee0059754124705d72964', class: "utrecht-page__content" }, h("slot", { key: '03e0eaf1058993e0707551553dfeb78ac1149faa' }))));
     }
     static get style() { return UtrechtPageStyle0; }
 }, [1, "utrecht-page"]);

package/dist/components/utrecht-pagination.js

@@ -20,8 +20,8 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTM
         const next = typeof this.next === 'string' ? JSON.parse(this.next) : null;
         const prev = typeof this.prev === 'string' ? JSON.parse(this.next) : null;
         const RelativeLink = ({ disabled = false, href = '', rel = null, textContent = '', title = '' }) => disabled ? (h("span", { class: clsx('utrecht-pagination__relative-link', disabled && 'utrecht-pagination__relative-link--disabled', rel === 'next' && 'utrecht-pagination__relative-link--next', rel === 'prev' && 'utrecht-pagination__relative-link--prev'), "aria-label": title || null }, textContent)) : (h("a", { href: href, class: clsx('utrecht-pagination__relative-link', disabled && 'utrecht-pagination__relative-link--disabled', rel === 'next' && 'utrecht-pagination__relative-link--next', rel === 'prev' && 'utrecht-pagination__relative-link--prev'), rel: rel, "aria-label": title || null }, textContent));
-        const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (h("a", { key: '983c9ba557ee993c74664c33b9f6c920f19fa2c4', class: clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current'), href: href, "aria-current": current ? 'true' : null, rel: rel }, textContent));
-        return (h("nav", { key: '315367b17bd399faf84ddf036329a974cac086e4', class: "utrecht-pagination" }, h("span", { key: '4375ce5fc73dcb37267394af1782ef98a58b1576', class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), h("span", { key: '96af77d696665c859a0acc54ea62fd074b09e3d4', role: "group", class: "utrecht-pagination__pages" }, links
+        const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (h("a", { key: '9e8b60917631d35e39d7fe06a54f2c9d0dbd6375', class: clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current'), href: href, "aria-current": current ? 'true' : null, rel: rel }, textContent));
+        return (h("nav", { key: 'b4a4a32686432561343cff76a167870b1c1cedae', class: "utrecht-pagination" }, h("span", { key: '2beeec32c3cb90d03239221b86b0e049f9ca3795', class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), h("span", { key: 'd4cec0ad6d9b328c4088a0b96a77153020a59bcf', role: "group", class: "utrecht-pagination__pages" }, links
             .sort((a, b) => (a.index === b.index ? 0 : a.index > b.index ? 1 : -1))
             .map((link, arrayIndex) => {
             const index = typeof link.index === 'number' ? link.index : arrayIndex;
@@ -33,7 +33,7 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTM
                             : null
                     : null, textContent: link.index || index }, link);
         })
-            .map((link) => PageLink(link))), h("span", { key: 'b7241996313f3193504c7b349207d9ac491dedb0', class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
+            .map((link) => PageLink(link))), h("span", { key: '7d488456bd2946294a6fae8edda35969896ac69b', class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
     }
     static get style() { return UtrechtPaginationStyle0; }
 }, [1, "utrecht-pagination", {

package/dist/components/utrecht-pre-heading.js

@@ -10,7 +10,7 @@ const PreHeading = /*@__PURE__*/ proxyCustomElement(class PreHeading extends HTM
         this.__attachShadow();
     }
     render() {
-        return (h("p", { key: 'f13d722690b51d3c584f593c19c7bf1fb1372f67' }, h("slot", { key: '622e8465ab952d4f80b276b9c52779fd76a705c0' })));
+        return (h("p", { key: '632a6c26d74e52ac758c88d3426378e0e8e25637' }, h("slot", { key: '9bb53f33c0e4f6b2116be9fe735d23af12379f92' })));
     }
     static get style() { return UtrechtPreHeadingStyle0; }
 }, [1, "utrecht-pre-heading"]);

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

@@ -12,7 +12,7 @@ const PreserveData = /*@__PURE__*/ proxyCustomElement(class PreserveData extends
     }
     render() {
         const { dateTime, value } = this;
-        return (h(Host, { key: '27168dcd140a4b791e1b232884da7c9cdca57818', translate: "no" }, typeof dateTime !== 'undefined' ? (h("time", { dateTime: dateTime }, h("slot", null))) : typeof value !== 'undefined' ? (h("data", { value: value }, h("slot", null))) : (h("slot", null))));
+        return (h(Host, { key: '0af80ca8f8d5649a10e1ad32f93e55f8b826f251', translate: "no" }, typeof dateTime !== 'undefined' ? (h("time", { dateTime: dateTime }, h("slot", null))) : typeof value !== 'undefined' ? (h("data", { value: value }, h("slot", null))) : (h("slot", null))));
     }
     static get style() { return UtrechtPreserveDataStyle0; }
 }, [4, "utrecht-preserve-data", {

package/dist/components/utrecht-progress-list-item.js

@@ -19,17 +19,17 @@ const StepProgressListItem = /*@__PURE__*/ proxyCustomElement(class StepProgress
     }
     render() {
         const { appearance, checked, details, from, _open, to } = this;
-        return (h("li", { key: '379d6d835091c88646ff54015ab6f23c2f034f2a', class: clsx('denhaag-process-steps__step', {
+        return (h("li", { key: 'fbdcd6e3318a319ffb0987c46b6e8285ea1f54e2', class: clsx('denhaag-process-steps__step', {
                 'denhaag-process-steps__step--checked': checked,
                 'denhaag-process-steps__step--not-checked': !checked,
-            }) }, h("div", { key: '0e21224ea08c180277fbe5f120a41c55cd12fd8f', class: "denhaag-process-steps__step-header" }, h("div", { key: 'b779a2e9f0bd8e1554b4fe085d3bad392a15b55e', class: clsx('denhaag-step-marker', {
+            }) }, h("div", { key: 'e73e5b95e38c97622b9dcb322257f5ead9d1532f', class: "denhaag-process-steps__step-header" }, h("div", { key: '0185ed3f37f4efcf2ef77fe7d921ee1b04d335b0', class: clsx('denhaag-step-marker', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, h("slot", { key: 'd2ed894f0b648a106486447fe1e0be496f49a702', name: "marker" }), checked && (h("svg", { key: '8d995be42fac6d50598e45e41bae79bbaab0e460', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: '6b3311eaed773dc1ccef4679f97f4c7a4b0abba7', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), details ? (h("utrecht-button", { onClick: () => (this._open = !this._open), appearance: "subtle-button", class: "denhaag-process-steps__step-header-toggle", "aria-controls": "details", "aria-expanded": _open ? 'true' : 'false' }, h("p", { class: clsx('denhaag-process-steps__step-heading', {
+            }) }, h("slot", { key: '39efda6a93fda9d40faf6bc1f11dde0b4e34f12b', name: "marker" }), checked && (h("svg", { key: 'cf26c63bcad32612297f2e0bf00bffc0b0a04dcc', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: '34cccfa0c73ada75dc34392decc4bab0cbd55ae5', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), details ? (h("utrecht-button", { onClick: () => (this._open = !this._open), appearance: "subtle-button", class: "denhaag-process-steps__step-header-toggle", "aria-controls": "details", "aria-expanded": _open ? 'true' : 'false' }, h("p", { class: clsx('denhaag-process-steps__step-heading', {
                 'denhaag-process-steps__step-heading--checked': checked,
             }) }, h("slot", null)))) : (h("p", { class: clsx('denhaag-process-steps__step-heading', {
                 'denhaag-process-steps__step-heading--checked': checked,
-            }) }, h("slot", null)))), h("div", { key: '30f96d04d58bb842857558217715b1ca7b583a3f', class: clsx('denhaag-process-steps__step-body') }, h("div", { key: '0cf5562f7b5d155c77411c06c5a3c6caf8b46c55', class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { key: '91deafee113d476aa77b147dfead4fe4c7a7a027', class: "denhaag-process-steps__step-meta" }, h("slot", { key: 'e50bc2f0a6da54959d0950e7b1c0703eee16997d', name: "body" }))), h("div", { key: 'ccb211030ed42c83f793ee90691eb70894a4e0c0', id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { key: '27b357f7a99ee37141d8a9e8ec7b07e793799701', name: "details" }))));
+            }) }, h("slot", null)))), h("div", { key: '86593b5f2e6045ecb834321ca1d177c71a4c79c4', class: clsx('denhaag-process-steps__step-body') }, h("div", { key: '0d2253bc3f1995bff6ddc6502cd81e54258b156f', class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { key: '74d9b3b0915df0c3fa8f1f3b124df9c40c5021d5', class: "denhaag-process-steps__step-meta" }, h("slot", { key: 'd5342f0983accefdd94ed0cfadfc93829eb3bc79', name: "body" }))), h("div", { key: '7aff1d7144d321887eec570535e87b73a453688c', id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { key: '6ca3c5b71e803188d0ec206ac4b28895e95b1bf8', name: "details" }))));
     }
     static get style() { return UtrechtProgressListItemStyle0; }
 }, [1, "utrecht-progress-list-item", {

package/dist/components/utrecht-progress-list.js

@@ -10,7 +10,7 @@ const StepProgressList = /*@__PURE__*/ proxyCustomElement(class StepProgressList
         this.__attachShadow();
     }
     render() {
-        return (h("ol", { key: '65d78aea6a5814b8fa4fc5f36f114a90a5f519c1', class: "denhaag-process-steps" }, h("slot", { key: 'b5f872f5ed9efa853561de31f956db872a8ec3f5' })));
+        return (h("ol", { key: '1a654d30fa474ca3e06c030ef911d0ce8a13a47d', class: "denhaag-process-steps" }, h("slot", { key: '506328c3eb1a384fcbed44327c0e116390fe6de1' })));
     }
     static get style() { return UtrechtProgressListStyle0; }
 }, [1, "utrecht-progress-list"]);

package/dist/components/utrecht-progress-sublist-item.js

@@ -14,12 +14,12 @@ const StepProgressSublistItem = /*@__PURE__*/ proxyCustomElement(class StepProgr
     }
     render() {
         const { appearance, checked } = this;
-        return (h("li", { key: 'b82787543b81fbc322a3a058aa4c87bf9f4f92d6', class: clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, h("div", { key: '4aabf665219e669f6cfc6f5ff26575562abd4344', class: "denhaag-process-steps__step-header" }, h("div", { key: '5b79b29a07bef9202a75944c4fc9dce69771a50d', class: clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
+        return (h("li", { key: 'c7f039527c81ed7662740a888be491d63019ec9e', class: clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, h("div", { key: '25c339f3d412673b1ab8a9cc7755d04e39e19b88', class: "denhaag-process-steps__step-header" }, h("div", { key: '05956144e7865f07b5a96c782a188a778aae1e95', class: clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, h("slot", { key: '9ef511dddec0cbdc06c250c9280f13fb05148fa4', name: "marker" }), checked && (h("svg", { key: '86a6618c2121635be1e7a6fe4c6cf5bffa9b0cbc', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: 'df7d8d0074e9de14d6af9380873174f8765d1d13', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), h("p", { key: '880dbe6d4c65d41bf326320c3b4de01b19282ab8', class: clsx('denhaag-process-steps__sub-step-heading', {
+            }) }, h("slot", { key: '1beef6a7c97ac2dee8ea90c0f58ed9291cbe78f2', name: "marker" }), checked && (h("svg", { key: '4f8ebd3f65d6b2da3b9a1723b354924b2e026b95', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: '09e509a165809b2bd8099e9b70282abaef2200da', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), h("p", { key: '24a1245e488c3f201e226e9ff5a13598a46285b9', class: clsx('denhaag-process-steps__sub-step-heading', {
                 'denhaag-process-steps__sub-step-heading--checked': checked,
-            }) }, h("slot", { key: '688ece911c6b0363721b2195d8e19331e65c02a7' })))));
+            }) }, h("slot", { key: 'c0774625671d121a01002eeac8f4961db825e3d8' })))));
     }
     static get style() { return UtrechtProgressSublistItemStyle0; }
 }, [1, "utrecht-progress-sublist-item", {

package/dist/components/utrecht-root.js

@@ -10,7 +10,7 @@ const Root = /*@__PURE__*/ proxyCustomElement(class Root extends HTMLElement {
         this.__attachShadow();
     }
     render() {
-        return h("slot", { key: 'bb72183bd0b10bf29cba2b5940c263d74c2851a5' });
+        return h("slot", { key: '3f1a5ebf592319256507a14284f91c166d95a9c1' });
     }
     static get style() { return UtrechtRootStyle0; }
 }, [1, "utrecht-root"]);

package/dist/components/utrecht-separator.js

@@ -10,7 +10,7 @@ const Separator = /*@__PURE__*/ proxyCustomElement(class Separator extends HTMLE
         this.__attachShadow();
     }
     render() {
-        return h("hr", { key: 'bb244c07bda6d746783a0cd1e43acf78956691d8', class: "utrecht-separator" });
+        return h("hr", { key: '077dfa670fe007926503495186d6a336c1fe4326', class: "utrecht-separator" });
     }
     static get style() { return UtrechtSeparatorStyle0; }
 }, [1, "utrecht-separator"]);

package/dist/components/utrecht-sidenav.js

@@ -13,7 +13,7 @@ const Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends HTMLEleme
     }
     render() {
         const items = JSON.parse(this.json);
-        return (h("nav", { key: 'fb3060387682c7252c26a7061f74b29fa944385a', class: "utrecht-sidenav" }, h("ul", { key: 'ec5ddb2e61c360f5a0119e8abfcc5c6a01d05923', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
+        return (h("nav", { key: '387a82adf73169f5b827c32f305d1c5c0502721d', class: "utrecht-sidenav" }, h("ul", { key: 'b8fc64039480a835f4149f6a6d0f98d1ea267e81', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
     }
     static get style() { return UtrechtSidenavStyle0; }
 }, [1, "utrecht-sidenav", {

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

@@ -11,7 +11,7 @@ const SkipLink = /*@__PURE__*/ proxyCustomElement(class SkipLink extends HTMLEle
         this.href = undefined;
     }
     render() {
-        return (h("a", { key: '717e37fec542fbfc287026da49ba333a64359719', href: typeof this.href === 'string' ? this.href : undefined, class: "utrecht-skip-link utrecht-skip-link--visible-on-focus" }, h("slot", { key: '2bc859029261ce66ee1713db95a2f0e9f4cd6cd9' })));
+        return (h("a", { key: 'b51a15421675dd33b7c96f7da367a0a355ba42c9', href: typeof this.href === 'string' ? this.href : undefined, class: "utrecht-skip-link utrecht-skip-link--visible-on-focus" }, h("slot", { key: 'b116757a22c64dfc335143d0a70bbf55aee5a04e' })));
     }
     static get style() { return UtrechtSkipLinkStyle0; }
 }, [1, "utrecht-skip-link", {

package/dist/components/utrecht-spotlight-section.js

@@ -12,7 +12,7 @@ const SpotlightSection = /*@__PURE__*/ proxyCustomElement(class SpotlightSection
         this.appearance = undefined;
     }
     render() {
-        return (h("div", { key: 'cb17b14b82d1fac5535e8771de501066a251bbb2', class: clsx('utrecht-spotlight-section', this.appearance === 'error' && 'utrecht-spotlight-section--error', this.appearance === 'info' && 'utrecht-spotlight-section--info', this.appearance === 'ok' && 'utrecht-spotlight-section--ok', this.appearance === 'warning' && 'utrecht-spotlight-section--warning') }, h("slot", { key: 'a3f435fad1bd836f21ae58a59ad0406a9e878c6a' })));
+        return (h("div", { key: '46b69f7b1f1b0baafe953198944d0830edb7584c', class: clsx('utrecht-spotlight-section', this.appearance === 'error' && 'utrecht-spotlight-section--error', this.appearance === 'info' && 'utrecht-spotlight-section--info', this.appearance === 'ok' && 'utrecht-spotlight-section--ok', this.appearance === 'warning' && 'utrecht-spotlight-section--warning') }, h("slot", { key: '20bd45bfbe9a56fe7d4bd0c6ae954722bdbba533' })));
     }
     static get style() { return UtrechtSpotlightSectionStyle0; }
 }, [1, "utrecht-spotlight-section", {

package/dist/components/utrecht-status-badge.d.ts

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

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

@@ -0,0 +1,39 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const statusBadgeCss = ".utrecht-status-badge{background-color:var(--utrecht-badge-background-color, hsl(0, 0%, 0%));border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, hsl(0, 0%, 100%));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height, 1em);max-block-size:max-content;max-inline-size:max-content;min-block-size:1em;min-inline-size:1em;padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;--utrecht-badge-background-color:var(--utrecht-status-badge-background-color);--utrecht-badge-border-radius:var(--utrecht-status-badge-border-radius);--utrecht-badge-color:var(--utrecht-status-badge-color);--utrecht-badge-font-size:var(--utrecht-status-badge-font-size, inherit);--utrecht-badge-font-style:var(--utrecht-status-badge-font-style);--utrecht-badge-font-weight:var(--utrecht-status-badge-font-weight);--utrecht-badge-line-height:var(--utrecht-status-badge-line-height);--utrecht-badge-padding-block:var(--utrecht-status-badge-padding-block);--utrecht-badge-padding-inline:var(--utrecht-status-badge-padding-inline);border-color:var(--utrecht-status-badge-border-color, transparent);border-width:var(--utrecht-status-badge-border-width);font-family:var(--utrecht-status-badge-font-family, inherit);letter-spacing:var(--utrecht-status-badge-letter-spacing, inherit);min-block-size:var(--utrecht-status-badge-min-block-size, 1em);min-inline-size:var(--utrecht-status-badge-min-inline-size, 1em);text-transform:var(--utrecht-status-badge-text-transform, inherit)}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-status-badge{border-color:currentColor;border-style:solid;border-width:1px}}.utrecht-status-badge--danger{background-color:var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 40%));border-color:var(--utrecht-status-badge-danger-border-color);color:var(--utrecht-status-badge-danger-color, white)}.utrecht-status-badge--warning{background-color:var(--utrecht-status-badge-warning-background-color, hsl(48, 100%, 50%));border-color:var(--utrecht-status-badge-warning-border-color);color:var(--utrecht-status-badge-warning-color, white)}.utrecht-status-badge--safe{background-color:var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%));border-color:var(--utrecht-status-badge-safe-border-color);color:var(--utrecht-status-badge-safe-color, white)}.utrecht-status-badge--neutral{background-color:var(--utrecht-status-badge-neutral-background-color, black);border-color:var(--utrecht-status-badge-neutral-border-color);color:var(--utrecht-status-badge-neutral-color, white)}.utrecht-status-badge--valid{background-color:var(--utrecht-status-badge-valid-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));border-color:var(--utrecht-status-badge-valid-border-color);color:var(--utrecht-status-badge-valid-color, var(--utrecht-status-badge-safe-color, white))}.utrecht-status-badge--invalid{background-color:var(--utrecht-status-badge-invalid-background-color, var(--utrecht-status-badge-danger-background-color, hsl(39, 100%, 50%)));border-color:var(--utrecht-status-badge-invalid-border-color);color:var(--utrecht-status-badge-invalid-color, var(--utrecht-status-badge-danger-color, white))}.utrecht-status-badge--error{background-color:var(--utrecht-status-badge-error-background-color, var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 30%)));color:var(--utrecht-status-badge-error-color, var(--utrecht-status-badge-danger-color, white))}.utrecht-status-badge--success{background-color:var(--utrecht-status-badge-success-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));border-color:var(--utrecht-status-badge-success-border-color);color:var(--utrecht-status-badge-success-color, var(--utrecht-status-badge-safe-color, white))}.utrecht-status-badge--active{background-color:var(--utrecht-status-badge-active-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));border-color:var(--utrecht-status-badge-active-border-color);color:var(--utrecht-status-badge-active-color, var(--utrecht-status-badge-safe-color, white))}.utrecht-status-badge--inactive{background-color:var(--utrecht-status-badge-inactive-background-color, var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 40%)));border-color:var(--utrecht-status-badge-inactive-border-color);color:var(--utrecht-status-badge-inactive-color, var(--utrecht-status-badge-danger-color, white))}:host{display:inline-block}:host([hidden]){display:none !important}";
+const UtrechtStatusBadgeStyle0 = statusBadgeCss;
+
+const StatusBadge = /*@__PURE__*/ proxyCustomElement(class StatusBadge extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.status = undefined;
+    }
+    render() {
+        return (h("div", { key: '1c72d28a3df7a18f75612496eef6ad4b2087dcaf', class: `utrecht-status-badge utrecht-status-badge--${this.status || 'neutral'}` }, h("slot", { key: '51b8e21b70cf352d86d49c445e87655689af44bf' })));
+    }
+    static get style() { return UtrechtStatusBadgeStyle0; }
+}, [1, "utrecht-status-badge", {
+        "status": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["utrecht-status-badge"];
+    components.forEach(tagName => { switch (tagName) {
+        case "utrecht-status-badge":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, StatusBadge);
+            }
+            break;
+    } });
+}
+
+const UtrechtStatusBadge = StatusBadge;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtStatusBadge, defineCustomElement };
+
+//# sourceMappingURL=utrecht-status-badge.js.map

package/dist/components/utrecht-status-badge.js.map

@@ -0,0 +1 @@
+{"file":"utrecht-status-badge.js","mappings":";;AAAA,MAAM,cAAc,GAAG,m3JAAm3J,CAAC;AAC34J,iCAAe,cAAc;;MCYhB,WAAW;;;;;;;IAGtB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,8CAA8C,IAAI,CAAC,MAAM,IAAI,SAAS,EAAE,IAClF,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/status-badge.scss?tag=utrecht-status-badge&encapsulation=shadow","src/components/status-badge.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@use \"~@utrecht/status-badge-css/src\" as *;\n\n:host {\n  display: inline-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';\n\n@Component({\n  tag: 'utrecht-status-badge',\n  styleUrl: 'status-badge.scss',\n  shadow: true,\n})\nexport class StatusBadge {\n  @Prop() status: string;\n\n  render() {\n    return (\n      <div class={`utrecht-status-badge utrecht-status-badge--${this.status || 'neutral'}`}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}