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

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: '726e8e7e00a512a36e8ff7b3b12041e7f0d7adcf' }, h("slot", { key: 'eda19a74c755dd3e2f61f849a6542d61c2d44acb' })));
+        return (h("h2", { key: 'ec37fb469bb120e71147ac2db128e426994de695' }, h("slot", { key: 'ef88290bb18bd54b484f345aee80b3e675935485' })));
     }
     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: 'ae6d99911311d4fc6869e824c4b9b8ad6dcb26ad' }, h("slot", { key: 'db98c3b498bbc84bf2354e6a4cc8e01d80a0e422' })));
+        return (h("h3", { key: '602a7d95bcbd5da72525d0c56b445637ab822c69' }, h("slot", { key: 'b2e16d7b617ac1b13e40c3cc81ca4b98795b9451' })));
     }
     static get style() { return UtrechtHeading3Style0; }
 }, [1, "utrecht-heading-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: '105ae62694760dad83805411795fb2a87e24189f', class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", { key: '57e7907a0a8ec19797798ba0d530c8f25f3112c1' })));
+        return (h("div", { key: 'e829c2b41cf41251eae7204aab611197b644dcb7', class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", { key: 'a48975e9c81ae1c7a8c879f65cd96fecd4e06c9e' })));
     }
     static get style() { return UtrechtParagraphStyle0; }
 }, [1, "utrecht-paragraph", {

package/dist/components/utrecht-alert.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as clsx } from './clsx.js';
 
-const alertCss = ".utrecht-alert{background-color:var(--_utrecht-alert-background-color, var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color, var(--utrecht-alert-border-color));border-radius:var(--utrecht-alert-border-radius, 0);border-style:solid;border-width:var(--_utrecht-alert-border-width, var(--utrecht-alert-border-width, 0));color:var(--_utrecht-alert-color, var(--utrecht-alert-color));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:\"icon message\";grid-template-columns:0fr 100fr;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color, var(--utrecht-alert-icon-color));grid-area:icon}.utrecht-alert__message{grid-area:message}.utrecht-alert--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color:var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-ok-border-width);--_utrecht-alert-color:var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}:host{display:block}:host([hidden]){display:none !important}";
+const alertCss = ".utrecht-alert{background-color:var(--_utrecht-alert-background-color, var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color, var(--utrecht-alert-border-color));border-radius:var(--utrecht-alert-border-radius, 0);border-style:solid;border-width:var(--_utrecht-alert-border-width, var(--utrecht-alert-border-width, 0));color:var(--_utrecht-alert-color, var(--utrecht-alert-color));column-gap:var(--utrecht-alert-column-gap);display:flex;flex-direction:row;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color, var(--utrecht-alert-icon-color));--utrecht-icon-size:var(--utrecht-alert-icon-size);--utrecht-icon-inset-block-start:var(--utrecht-alert-icon-inset-block-start)}.utrecht-alert__content{row-gap:var(--utrecht-alert-content-row-gap)}.utrecht-alert__message{row-gap:var(--utrecht-alert-message-row-gap)}.utrecht-alert--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color:var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-ok-border-width);--_utrecht-alert-color:var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtAlertStyle0 = alertCss;
 
 const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
@@ -17,7 +17,7 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
                 'utrecht-alert--info': this.type === 'info',
                 'utrecht-alert--ok': this.type === 'ok',
                 'utrecht-alert--warning': this.type === 'warning',
-            }) }, h("div", { key: '6b8903209d8fd1af7dd1afc07643c68eadef2b32', class: "utrecht-alert__icon" }, h("slot", { key: 'af87cbe9fe9f5b9cb103bb3bb945c1e833011c72', name: "icon" })), h("div", { key: 'e0c879cb63e2cbb57172398cbc7d87f1a9d4f0ee', class: "utrecht-alert__message" }, h("slot", { key: '1ad84ced058884114ce67cca80228d23dbd0dd16' }))));
+            }) }, h("div", { key: '6b8903209d8fd1af7dd1afc07643c68eadef2b32', class: "utrecht-alert__icon" }, h("slot", { key: 'af87cbe9fe9f5b9cb103bb3bb945c1e833011c72', name: "icon" })), h("div", { key: 'e0c879cb63e2cbb57172398cbc7d87f1a9d4f0ee', class: "utrecht-alert__content" }, h("div", { key: '3ae08b0ce5774d7c1a83fc024c545b3579b5e14b', class: "utrecht-alert__message" }, h("slot", { key: 'd1c4aae09513dcabcbb311ca097f2d5d8a838de4' })))));
     }
     static get style() { return UtrechtAlertStyle0; }
 }, [1, "utrecht-alert", {

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

@@ -1 +1 @@
-{"file":"utrecht-alert.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,qkFAAqkF,CAAC;AACvlF,2BAAe,QAAQ;;MCaV,KAAK;;;;;;;IAGhB,MAAM;QACJ,QACE,4DACE,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE;gBAC3B,sBAAsB,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;gBAC7C,qBAAqB,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;gBAC3C,mBAAmB,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;gBACvC,wBAAwB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;aAClD,CAAC,IAEF,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,EACN,4DAAK,KAAK,EAAC,wBAAwB,IACjC,8DAAa,CACT,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/alert.scss?tag=utrecht-alert&encapsulation=shadow","src/components/alert.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/alert-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-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-alert',\n  styleUrl: 'alert.scss',\n  shadow: true,\n})\nexport class Alert {\n  @Prop() type: string;\n\n  render() {\n    return (\n      <div\n        class={clsx('utrecht-alert', {\n          'utrecht-alert--error': this.type === 'error',\n          'utrecht-alert--info': this.type === 'info',\n          'utrecht-alert--ok': this.type === 'ok',\n          'utrecht-alert--warning': this.type === 'warning',\n        })}\n      >\n        <div class=\"utrecht-alert__icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n        <div class=\"utrecht-alert__message\">\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-alert.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,6uFAA6uF,CAAC;AAC/vF,2BAAe,QAAQ;;MCaV,KAAK;;;;;;;IAGhB,MAAM;QACJ,QACE,4DACE,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE;gBAC3B,sBAAsB,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;gBAC7C,qBAAqB,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;gBAC3C,mBAAmB,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;gBACvC,wBAAwB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;aAClD,CAAC,IAEF,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,EACN,4DAAK,KAAK,EAAC,wBAAwB,IACjC,4DAAK,KAAK,EAAC,wBAAwB,IACjC,8DAAa,CACT,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/alert.scss?tag=utrecht-alert&encapsulation=shadow","src/components/alert.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/alert-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-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-alert',\n  styleUrl: 'alert.scss',\n  shadow: true,\n})\nexport class Alert {\n  @Prop() type: string;\n\n  render() {\n    return (\n      <div\n        class={clsx('utrecht-alert', {\n          'utrecht-alert--error': this.type === 'error',\n          'utrecht-alert--info': this.type === 'info',\n          'utrecht-alert--ok': this.type === 'ok',\n          'utrecht-alert--warning': this.type === 'warning',\n        })}\n      >\n        <div class=\"utrecht-alert__icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n        <div class=\"utrecht-alert__content\">\n          <div class=\"utrecht-alert__message\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-article.js

@@ -10,7 +10,7 @@ const Article = /*@__PURE__*/ proxyCustomElement(class Article extends HTMLEleme
         this.__attachShadow();
     }
     render() {
-        return (h("article", { key: 'faa58eea62b2af9e0f44556c2d8f04b2ab0acf04', class: "utrecht-article" }, h("slot", { key: '3e22d2a34165e160210fadf3a4b826123bb0f3f2' })));
+        return (h("article", { key: '3f0a3f46582dab43ef7f07ccfc2293d59256d1ed', class: "utrecht-article" }, h("slot", { key: '7f4f738fb6f54d983782e5e4ff9321f9e8830dcc' })));
     }
     static get style() { return UtrechtArticleStyle0; }
 }, [1, "utrecht-article"]);

package/dist/components/utrecht-backdrop.js

@@ -13,7 +13,7 @@ const Backdrop = /*@__PURE__*/ proxyCustomElement(class Backdrop extends HTMLEle
     }
     render() {
         const { viewport } = this;
-        return (h("div", { key: '975b9ab5ac84c138731aafa73e8b207b896d4786', class: clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') }, h("slot", { key: '99f7705d41d1e685baf5ba7e6b19b8ec58e2c64e' })));
+        return (h("div", { key: 'd07d4784d5580dd3efa7657bf959999cd01c17b3', class: clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') }, h("slot", { key: '8c0ce6f7e70c30bb6f0c4a865287cc5d96852f68' })));
     }
     static get style() { return UtrechtBackdropStyle0; }
 }, [1, "utrecht-backdrop", {

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const badgeCounterCss = ".utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));border-radius:var(--utrecht-badge-counter-border-radius, var(--utrecht-badge-border-radius, 0.5ch));color:var(--utrecht-badge-counter-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));display:inline-block;font-family:var(--utrecht-badge-counter-font-family, var(--utrecht-badge-font-family, var(--utrecht-document-font-family, sans-serif)));font-size:var(--utrecht-badge-counter-font-size, var(--utrecht-badge-font-size));font-style:var(--utrecht-badge-counter-font-style, normal);font-weight:var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold));line-height:1;max-block-size:max-content;max-inline-size:max-content;min-block-size:var(--utrecht-badge-counter-min-size, 1em);min-inline-size:var(--utrecht-badge-counter-min-size, 1em);padding-block-end:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-align:center;text-decoration:none;white-space:nowrap}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-badge-counter{border-color:currentColor;border-style:solid;border-width:1px}}:host{display:inline-block}:host([hidden]){display:none !important}";
+const badgeCounterCss = ".utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));border-radius:var(--utrecht-badge-counter-border-radius, var(--utrecht-badge-border-radius, 0.5ch));color:var(--utrecht-badge-counter-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));display:inline-block;font-family:var(--utrecht-badge-counter-font-family, var(--utrecht-badge-font-family, var(--utrecht-document-font-family, sans-serif)));font-size:var(--utrecht-badge-counter-font-size, var(--utrecht-badge-font-size));font-style:var(--utrecht-badge-counter-font-style, normal);font-weight:var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold));line-height:1;max-block-size:max-content;max-inline-size:max-content;min-block-size:var(--utrecht-badge-counter-min-block-size, var(--utrecht-badge-counter-min-inline-size, var(--utrecht-badge-counter-min-size, 1em)));min-inline-size:var(--utrecht-badge-counter-min-inline-size, var(--utrecht-badge-counter-min-size, 1em));padding-block-end:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-align:center;text-decoration:none;white-space:nowrap}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-badge-counter{border-color:currentColor;border-style:solid;border-width:1px}}:host{display:inline-block}:host([hidden]){display:none !important}";
 const UtrechtBadgeCounterStyle0 = badgeCounterCss;
 
 const BadgeCounter = /*@__PURE__*/ proxyCustomElement(class BadgeCounter extends HTMLElement {
@@ -17,7 +17,7 @@ const BadgeCounter = /*@__PURE__*/ proxyCustomElement(class BadgeCounter extends
         const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);
         const formatNumber = (n) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));
         const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';
-        return h("div", { key: '1aefde156fdb3797a9ebbd88d09ea43a5de2e532', class: "utrecht-badge-counter" }, textContent ? textContent : h("slot", null));
+        return h("div", { key: '73eea27761e246eb570a68ff2ea8d0d724339f75', class: "utrecht-badge-counter" }, textContent ? textContent : h("slot", null));
     }
     static get style() { return UtrechtBadgeCounterStyle0; }
 }, [1, "utrecht-badge-counter", {

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

@@ -1 +1 @@
-{"file":"utrecht-badge-counter.js","mappings":";;AAAA,MAAM,eAAe,GAAG,ylDAAylD,CAAC;AAClnD,kCAAe,eAAe;;MCYjB,YAAY;;;;;;;;;IAKvB,MAAM;QACJ,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEpC,MAAM,OAAO,GAAG,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QACpG,MAAM,YAAY,GAAG,CAAC,CAAS,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/F,MAAM,WAAW,GAAG,OAAO,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;QAE7G,OAAO,4DAAK,KAAK,EAAC,uBAAuB,IAAE,WAAW,GAAG,WAAW,GAAG,eAAa,CAAO,CAAC;KAC7F;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/badge-counter.scss?tag=utrecht-badge-counter&encapsulation=shadow","src/components/badge-counter.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/badge-counter-css/src\";\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-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-badge-counter',\n  styleUrl: 'badge-counter.scss',\n  shadow: true,\n})\nexport class BadgeCounter {\n  @Prop() value: number;\n  @Prop() max: number;\n  @Prop() locale: string;\n\n  render() {\n    const { locale, max, value } = this;\n\n    const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);\n    const formatNumber = (n: number) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));\n    const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';\n\n    return <div class=\"utrecht-badge-counter\">{textContent ? textContent : <slot></slot>}</div>;\n  }\n}\n"],"version":3}
+{"file":"utrecht-badge-counter.js","mappings":";;AAAA,MAAM,eAAe,GAAG,kuDAAkuD,CAAC;AAC3vD,kCAAe,eAAe;;MCYjB,YAAY;;;;;;;;;IAKvB,MAAM;QACJ,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEpC,MAAM,OAAO,GAAG,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QACpG,MAAM,YAAY,GAAG,CAAC,CAAS,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/F,MAAM,WAAW,GAAG,OAAO,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;QAE7G,OAAO,4DAAK,KAAK,EAAC,uBAAuB,IAAE,WAAW,GAAG,WAAW,GAAG,eAAa,CAAO,CAAC;KAC7F;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/badge-counter.scss?tag=utrecht-badge-counter&encapsulation=shadow","src/components/badge-counter.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/badge-counter-css/src\";\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-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-badge-counter',\n  styleUrl: 'badge-counter.scss',\n  shadow: true,\n})\nexport class BadgeCounter {\n  @Prop() value: number;\n  @Prop() max: number;\n  @Prop() locale: string;\n\n  render() {\n    const { locale, max, value } = this;\n\n    const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);\n    const formatNumber = (n: number) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));\n    const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';\n\n    return <div class=\"utrecht-badge-counter\">{textContent ? textContent : <slot></slot>}</div>;\n  }\n}\n"],"version":3}

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

@@ -10,7 +10,7 @@ const BadgeData = /*@__PURE__*/ proxyCustomElement(class BadgeData extends HTMLE
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '3e579bc6032d9aee0f2bd9271c7cdab546e227ae', class: "utrecht-badge-data" }, h("slot", { key: '4576f1093c9787a5d6c0e3eaeb777d116915a834' })));
+        return (h("div", { key: 'd430080404acee08b104adf1af3ed61beac50721', class: "utrecht-badge-data" }, h("slot", { key: 'c98b8da783a3b4206f6bbd598e6110de544309f4' })));
     }
     static get style() { return UtrechtBadgeDataStyle0; }
 }, [1, "utrecht-badge-data"]);

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

@@ -10,7 +10,7 @@ const BadgeList = /*@__PURE__*/ proxyCustomElement(class BadgeList extends HTMLE
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '35b06b7b37a4fedfa2b441602c57065eec7bd53b', class: "utrecht-badge-list" }, h("slot", { key: '7bebe64c668c06a1f9ca7dd7b1f9f75e27ebfea4' })));
+        return (h("div", { key: '3fa401a69e43641200a07d4d60645f0f019a2d07', class: "utrecht-badge-list" }, h("slot", { key: 'b2a1f4d19cde761235baea702921f15ce62c968e' })));
     }
     static get style() { return UtrechtBadgeListStyle0; }
 }, [1, "utrecht-badge-list"]);

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

@@ -11,7 +11,7 @@ const BadgeStatus = /*@__PURE__*/ proxyCustomElement(class BadgeStatus extends H
         this.status = undefined;
     }
     render() {
-        return (h("div", { key: '22838295803c0347513b8c128955ff7bb0c4907a', class: `utrecht-badge-status utrecht-badge-status--${this.status || 'neutral'}` }, h("slot", { key: '41300489a39602df6fc1af267a6b0119486c10cb' })));
+        return (h("div", { key: '5dfffe4daf322d409ae4bb97d6bcd8ebec3bc53a', class: `utrecht-badge-status utrecht-badge-status--${this.status || 'neutral'}` }, h("slot", { key: 'eb37db7126f4476f8b7a74a924f1f628d0459f44' })));
     }
     static get style() { return UtrechtBadgeStatusStyle0; }
 }, [1, "utrecht-badge-status", {

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: 'b3412a70f91096cc013594ad675a5b37281594f5', class: clsx('utrecht-breadcrumb-nav', variant === 'arrows' && 'utrecht-breadcrumb-nav--arrows') }, h("ol", { key: '21df7eb1fe6639a595274922a635748a608aaa1f', 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: '9a21f2dbc8428ea775b6a8219139bfab454f529f', class: clsx('utrecht-breadcrumb-nav', variant === 'arrows' && 'utrecht-breadcrumb-nav--arrows') }, h("ol", { key: 'd4c0bedcdb66b9c1036983730dec76967768efb7', 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: 'fc776927bb834f6cac1e5c743d2360f1a08513ff', class: clsx('utrecht-button-group', {
+        return (h("div", { key: '51e761abef67b9ddb7f8f69dd32d4309bb2fc16d', class: clsx('utrecht-button-group', {
                 'utrecht-button-group--column': direction === 'column',
                 'utrecht-button-group--row': direction === 'row',
-            }) }, h("slot", { key: 'e8b0574988548ec62b311f961f318613a541133c' })));
+            }) }, h("slot", { key: 'b545d2255920482a527e9cbcd08bae0c526263e6' })));
     }
     static get style() { return UtrechtButtonGroupStyle0; }
 }, [1, "utrecht-button-group", {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as clsx } from './clsx.js';
 
-const buttonLinkCss = ".utrecht-button-link{--_utrecht-button-background-color:var(\n    --_utrecht-button-hint-background-color,\n    var(--_utrecht-button-appearance-background-color, var(--utrecht-button-background-color))\n  );--_utrecht-button-color:var(\n    --_utrecht-button-hint-color,\n    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))\n  );--_utrecht-button-border-color:var(\n    --_utrecht-button-hint-border-color,\n    var(--_utrecht-button-appearance-border-color, var(--utrecht-button-border-color, transparent))\n  );--_utrecht-button-border-bottom-color:var(\n    --_utrecht-button-hint-border-bottom-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-border-bottom-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent))\n        )\n      )\n    )\n  );--_utrecht-button-disabled-background-color:var(\n    --_utrecht-button-hint-disabled-background-color,\n    var(\n      --_utrecht-button-appearance-disabled-background-color,\n      var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color))\n    )\n  );--_utrecht-button-disabled-border-color:var(\n    --_utrecht-button-hint-disabled-border-color,\n    var(\n      --_utrecht-button-appearance-disabled-border-color,\n      var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color))\n    )\n  );--_utrecht-button-disabled-color:var(\n    --_utrecht-button-hint-disabled-color,\n    var(--_utrecht-button-appearance-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)))\n  );--_utrecht-button-pressed-background-color:var(\n    --_utrecht-button-hint-pressed-background-color,\n    var(\n      --_utrecht-button-hint-background-color,\n      var(\n        --_utrecht-button-appearance-pressed-background-color,\n        var(\n          --_utrecht-button-appearance-background-color,\n          var(--utrecht-button-pressed-background-color, var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-pressed-border-color:var(\n    --_utrecht-button-hint-pressed-border-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-pressed-border-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-pressed-border-color, var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-pressed-color:var(\n    --_utrecht-button-hint-pressed-color,\n    var(\n      --_utrecht-button-hint-color,\n      var(\n        --_utrecht-button-appearance-pressed-color,\n        var(--_utrecht-button-appearance-color, var(--utrecht-button-pressed-color, var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-focus-background-color:var(\n    --_utrecht-button-hint-focus-background-color,\n    var(\n      --_utrecht-button-hint-background-color,\n      var(\n        --_utrecht-button-appearance-focus-background-color,\n        var(\n          --_utrecht-button-appearance-background-color,\n          var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-focus-border-color:var(\n    --_utrecht-button-hint-focus-border-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-focus-border-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-focus-color:var(\n    --_utrecht-button-hint-focus-color,\n    var(\n      --_utrecht-button-hint-color,\n      var(\n        --_utrecht-button-appearance-focus-color,\n        var(--_utrecht-button-appearance-color, var(--utrecht-button-focus-color, var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-hover-background-color:var(\n    --_utrecht-button-hint-hover-background-color,\n    var(\n      --_utrecht-button-hint-background-color,\n      var(\n        --_utrecht-button-appearance-hover-background-color,\n        var(\n          --_utrecht-button-appearance-background-color,\n          var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-hover-border-color:var(\n    --_utrecht-button-hint-hover-border-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-hover-border-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-hover-color:var(\n    --_utrecht-button-hint-hover-color,\n    var(\n      --_utrecht-button-hint-color,\n      var(\n        --_utrecht-button-appearance-hover-color,\n        var(--_utrecht-button-appearance-color, var(--utrecht-button-hover-color, var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-active-background-color:var(\n    --_utrecht-button-hint-active-background-color,\n    var(\n      --_utrecht-button-hint-background-color,\n      var(\n        --_utrecht-button-appearance-active-background-color,\n        var(\n          --_utrecht-button-appearance-background-color,\n          var(--utrecht-button-active-background-color, var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-active-border-color:var(\n    --_utrecht-button-hint-active-border-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-active-border-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-active-border-color, var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-active-color:var(\n    --_utrecht-button-hint-active-color,\n    var(\n      --_utrecht-button-hint-color,\n      var(\n        --_utrecht-button-appearance-active-color,\n        var(--_utrecht-button-appearance-color, var(--utrecht-button-active-color, var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width, var(--utrecht-button-border-width, 0));--_utrecht-button-border-block-end-width:var(\n    --utrecht-button-border-bottom-width,\n    var(--_utrecht-button-border-width, 0)\n  );--utrecht-icon-size:var(--utrecht-button-icon-size, 1em);align-items:center;background-color:var(--_utrecht-button-background-color);block-size:fit-content;border-block-end-color:var(--_utrecht-button-border-bottom-color);border-block-end-width:var(--_utrecht-button-border-block-end-width);border-color:var(--_utrecht-button-border-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor, revert);display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family, inherit));font-weight:var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size, auto);justify-content:center;line-height:var(--utrecht-button-line-height);max-inline-size:var(--utrecht-button-max-inline-size, fit-content);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);scale:1;text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none;cursor:var(--utrecht-action-navigate-cursor, pointer);text-decoration:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-button-link{--_utrecht-button-disabled-border-color:GrayText;--_utrecht-button-disabled-color:GrayText;background-color:ButtonFace;border-color:buttonborder;color:ButtonText;}}.utrecht-button-link--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--hover{background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale, 1)}.utrecht-button-link--focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button-link--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)}.utrecht-button-link--placeholder{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-button-link--html-a:focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button-link--html-a: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)}.utrecht-button-link--html-a:hover{background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale, 1)}.utrecht-button-link--html-a:active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--primary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n    --utrecht-button-primary-action-disabled-background-color\n  );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-primary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-primary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-primary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-primary-action-pressed-color)}.utrecht-button-link--secondary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n    --utrecht-button-secondary-action-disabled-background-color\n  );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-secondary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-secondary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-secondary-action-pressed-color)}.utrecht-button-link--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n    --utrecht-button-subtle-disabled-background-color\n  );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-subtle-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-subtle-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-subtle-pressed-color)}:host{display:inline-flex}:host([hidden]){display:none !important}";
+const buttonLinkCss = ".utrecht-button-link{--_utrecht-button-background-color:var(\n    --_utrecht-button-hint-background-color,\n    var(--_utrecht-button-appearance-background-color, var(--utrecht-button-background-color))\n  );--_utrecht-button-color:var(\n    --_utrecht-button-hint-color,\n    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))\n  );--_utrecht-button-border-color:var(\n    --_utrecht-button-hint-border-color,\n    var(--_utrecht-button-appearance-border-color, var(--utrecht-button-border-color, transparent))\n  );--_utrecht-button-border-bottom-color:var(\n    --_utrecht-button-hint-border-bottom-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-border-bottom-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent))\n        )\n      )\n    )\n  );--_utrecht-button-disabled-background-color:var(\n    --_utrecht-button-hint-disabled-background-color,\n    var(\n      --_utrecht-button-appearance-disabled-background-color,\n      var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color))\n    )\n  );--_utrecht-button-disabled-border-color:var(\n    --_utrecht-button-hint-disabled-border-color,\n    var(\n      --_utrecht-button-appearance-disabled-border-color,\n      var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color))\n    )\n  );--_utrecht-button-disabled-color:var(\n    --_utrecht-button-hint-disabled-color,\n    var(--_utrecht-button-appearance-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)))\n  );--_utrecht-button-pressed-background-color:var(\n    --_utrecht-button-hint-pressed-background-color,\n    var(\n      --_utrecht-button-hint-background-color,\n      var(\n        --_utrecht-button-appearance-pressed-background-color,\n        var(\n          --_utrecht-button-appearance-background-color,\n          var(--utrecht-button-pressed-background-color, var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-pressed-border-color:var(\n    --_utrecht-button-hint-pressed-border-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-pressed-border-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-pressed-border-color, var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-pressed-color:var(\n    --_utrecht-button-hint-pressed-color,\n    var(\n      --_utrecht-button-hint-color,\n      var(\n        --_utrecht-button-appearance-pressed-color,\n        var(--_utrecht-button-appearance-color, var(--utrecht-button-pressed-color, var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-focus-background-color:var(\n    --_utrecht-button-hint-focus-background-color,\n    var(\n      --_utrecht-button-hint-background-color,\n      var(\n        --_utrecht-button-appearance-focus-background-color,\n        var(\n          --_utrecht-button-appearance-background-color,\n          var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-focus-border-color:var(\n    --_utrecht-button-hint-focus-border-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-focus-border-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-focus-color:var(\n    --_utrecht-button-hint-focus-color,\n    var(\n      --_utrecht-button-hint-color,\n      var(\n        --_utrecht-button-appearance-focus-color,\n        var(--_utrecht-button-appearance-color, var(--utrecht-button-focus-color, var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-hover-background-color:var(\n    --_utrecht-button-hint-hover-background-color,\n    var(\n      --_utrecht-button-hint-background-color,\n      var(\n        --_utrecht-button-appearance-hover-background-color,\n        var(\n          --_utrecht-button-appearance-background-color,\n          var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-hover-border-color:var(\n    --_utrecht-button-hint-hover-border-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-hover-border-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-hover-color:var(\n    --_utrecht-button-hint-hover-color,\n    var(\n      --_utrecht-button-hint-color,\n      var(\n        --_utrecht-button-appearance-hover-color,\n        var(--_utrecht-button-appearance-color, var(--utrecht-button-hover-color, var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-active-background-color:var(\n    --_utrecht-button-hint-active-background-color,\n    var(\n      --_utrecht-button-hint-background-color,\n      var(\n        --_utrecht-button-appearance-active-background-color,\n        var(\n          --_utrecht-button-appearance-background-color,\n          var(--utrecht-button-active-background-color, var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-active-border-color:var(\n    --_utrecht-button-hint-active-border-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-active-border-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-active-border-color, var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-active-color:var(\n    --_utrecht-button-hint-active-color,\n    var(\n      --_utrecht-button-hint-color,\n      var(\n        --_utrecht-button-appearance-active-color,\n        var(--_utrecht-button-appearance-color, var(--utrecht-button-active-color, var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width, var(--utrecht-button-border-width, 0));--_utrecht-button-border-block-end-width:var(\n    --utrecht-button-border-bottom-width,\n    var(--_utrecht-button-border-width, 0)\n  );--_utrecht-button-font-size:var(--_utrecht-button-appearance-font-size, var(--utrecht-button-font-size));--_utrecht-button-line-height:var(--_utrecht-button-appearance-line-height, var(--utrecht-button-line-height));--utrecht-icon-size:var(--utrecht-button-icon-size, 1em);align-items:center;background-color:var(--_utrecht-button-background-color);block-size:fit-content;border-block-end-color:var(--_utrecht-button-border-bottom-color);border-block-end-width:var(--_utrecht-button-border-block-end-width);border-color:var(--_utrecht-button-border-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor, revert);display:inline-flex;font-family:var(--_utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--_utrecht-button-font-size, var(--utrecht-document-font-family, inherit));font-weight:var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size, auto);justify-content:center;line-height:var(--_utrecht-button-line-height);max-inline-size:var(--utrecht-button-max-inline-size, fit-content);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);scale:1;text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none;cursor:var(--utrecht-action-navigate-cursor, pointer);text-decoration:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-button-link{--_utrecht-button-disabled-border-color:GrayText;--_utrecht-button-disabled-color:GrayText;background-color:ButtonFace;border-color:buttonborder;color:ButtonText;}}.utrecht-button-link--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--hover{background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale, 1)}.utrecht-button-link--focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button-link--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)}.utrecht-button-link--placeholder{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-button-link--html-a:focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button-link--html-a: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)}.utrecht-button-link--html-a:hover{background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale, 1)}.utrecht-button-link--html-a:active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--primary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-primary-action-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-primary-action-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-primary-action-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-primary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-primary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-primary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-primary-action-pressed-color)}.utrecht-button-link--secondary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-secondary-action-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-secondary-action-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-secondary-action-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-secondary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-secondary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-secondary-action-pressed-color)}.utrecht-button-link--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-subtle-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-subtle-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-subtle-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-subtle-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-subtle-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-subtle-pressed-color)}:host{display:inline-flex}:host([hidden]){display:none !important}";
 const UtrechtButtonLinkStyle0 = buttonLinkCss;
 
 const ButtonLink = /*@__PURE__*/ proxyCustomElement(class ButtonLink extends HTMLElement {
@@ -17,7 +17,7 @@ const ButtonLink = /*@__PURE__*/ proxyCustomElement(class ButtonLink extends HTM
         this.target = undefined;
     }
     render() {
-        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' })));
+        return (h("a", { key: 'a78e3c9a91c8418495dd8ffbac1eefff4f6082b3', 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: '3fa53aa80e318500f42f15a5dc5ae92640aac077' })));
     }
     static get style() { return UtrechtButtonLinkStyle0; }
 }, [1, "utrecht-button-link", {

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

@@ -1 +1 @@
-{"file":"utrecht-button-link.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,muhBAAmuhB,CAAC;AAC1vhB,gCAAe,aAAa;;MCaf,UAAU;;;;;;;;;;;;IAOrB,MAAM;QACJ,QACE,0DACE,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,EAChF,KAAK,EAAE,IAAI,CACT,qBAAqB,EACrB,6BAA6B,EAC7B,IAAI,CAAC,QAAQ,IAAI,+BAA+B,EAChD,IAAI,CAAC,WAAW,IAAI,kCAAkC,EACtD,IAAI,CAAC,UAAU,KAAK,uBAAuB,IAAI,qCAAqC,EACpF,IAAI,CAAC,UAAU,KAAK,yBAAyB,IAAI,uCAAuC,EACxF,IAAI,CAAC,UAAU,KAAK,eAAe,IAAI,6BAA6B,CACrE,mBACc,IAAI,CAAC,WAAW,GAAG,MAAM,GAAG,SAAS,EACpD,QAAQ,EAAE,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,SAAS,EACvE,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAG,8BAA8B,GAAG,SAAS,EAC/D,IAAI,EAAE,IAAI,CAAC,WAAW,GAAG,MAAM,GAAG,SAAS,EAC3C,MAAM,EAAE,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,SAAS,IAEjE,8DAAa,CACX,EACJ;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/button-link.scss?tag=utrecht-button-link&encapsulation=shadow","src/components/button-link.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/button-link-css/src\";\n\n:host {\n  display: inline-flex;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-button-link',\n  styleUrl: 'button-link.scss',\n  shadow: true,\n})\nexport class ButtonLink {\n  @Prop() appearance: string;\n  @Prop() download?: string;\n  @Prop() external: boolean;\n  @Prop() href: string;\n  @Prop() placeholder: boolean;\n  @Prop() target?: string;\n  render() {\n    return (\n      <a\n        href={typeof this.href === 'string' && !this.placeholder ? this.href : undefined}\n        class={clsx(\n          'utrecht-button-link',\n          'utrecht-button-link--html-a',\n          this.external && 'utrecht-button-link--external',\n          this.placeholder && 'utrecht-button-link--placeholder',\n          this.appearance === 'primary-action-button' && 'utrecht-button-link--primary-action',\n          this.appearance === 'secondary-action-button' && 'utrecht-button-link--secondary-action',\n          this.appearance === 'subtle-button' && 'utrecht-button-link--subtle',\n        )}\n        aria-disabled={this.placeholder ? 'true' : undefined}\n        download={typeof this.download === 'string' ? this.download : undefined}\n        rel={this.external ? 'external noopener noreferrer' : undefined}\n        role={this.placeholder ? 'link' : undefined}\n        target={typeof this.target === 'string' ? this.target : undefined}\n      >\n        <slot></slot>\n      </a>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-button-link.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,o6iBAAo6iB,CAAC;AAC37iB,gCAAe,aAAa;;MCaf,UAAU;;;;;;;;;;;;IAOrB,MAAM;QACJ,QACE,0DACE,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,EAChF,KAAK,EAAE,IAAI,CACT,qBAAqB,EACrB,6BAA6B,EAC7B,IAAI,CAAC,QAAQ,IAAI,+BAA+B,EAChD,IAAI,CAAC,WAAW,IAAI,kCAAkC,EACtD,IAAI,CAAC,UAAU,KAAK,uBAAuB,IAAI,qCAAqC,EACpF,IAAI,CAAC,UAAU,KAAK,yBAAyB,IAAI,uCAAuC,EACxF,IAAI,CAAC,UAAU,KAAK,eAAe,IAAI,6BAA6B,CACrE,mBACc,IAAI,CAAC,WAAW,GAAG,MAAM,GAAG,SAAS,EACpD,QAAQ,EAAE,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,SAAS,EACvE,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAG,8BAA8B,GAAG,SAAS,EAC/D,IAAI,EAAE,IAAI,CAAC,WAAW,GAAG,MAAM,GAAG,SAAS,EAC3C,MAAM,EAAE,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,SAAS,IAEjE,8DAAa,CACX,EACJ;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/button-link.scss?tag=utrecht-button-link&encapsulation=shadow","src/components/button-link.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/button-link-css/src\";\n\n:host {\n  display: inline-flex;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-button-link',\n  styleUrl: 'button-link.scss',\n  shadow: true,\n})\nexport class ButtonLink {\n  @Prop() appearance: string;\n  @Prop() download?: string;\n  @Prop() external: boolean;\n  @Prop() href: string;\n  @Prop() placeholder: boolean;\n  @Prop() target?: string;\n  render() {\n    return (\n      <a\n        href={typeof this.href === 'string' && !this.placeholder ? this.href : undefined}\n        class={clsx(\n          'utrecht-button-link',\n          'utrecht-button-link--html-a',\n          this.external && 'utrecht-button-link--external',\n          this.placeholder && 'utrecht-button-link--placeholder',\n          this.appearance === 'primary-action-button' && 'utrecht-button-link--primary-action',\n          this.appearance === 'secondary-action-button' && 'utrecht-button-link--secondary-action',\n          this.appearance === 'subtle-button' && 'utrecht-button-link--subtle',\n        )}\n        aria-disabled={this.placeholder ? 'true' : undefined}\n        download={typeof this.download === 'string' ? this.download : undefined}\n        rel={this.external ? 'external noopener noreferrer' : undefined}\n        role={this.placeholder ? 'link' : undefined}\n        target={typeof this.target === 'string' ? this.target : undefined}\n      >\n        <slot></slot>\n      </a>\n    );\n  }\n}\n"],"version":3}

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: 'a8307e80d2f4f9a8be69a418180cfb5efd612b28', 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: '158e1cbb8e92b9d853fe8a450f4b66e0de601e11', 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: '6722d80ed752c76ea02e72abfaace825ec60aec5', class: "utrecht-code-block" }, h("slot", { key: '8ac662aef78dfc0a94cd7c8cbc29b89c87325f02' })));
+        return (h("pre", { key: 'e89f809b627d423556f89c6e57edeec35b04e9eb', class: "utrecht-code-block" }, h("slot", { key: 'c793059638068858d5d02e5a57c2975cf09a09ee' })));
     }
     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: 'b54adff5710e50fa312627eeabb2407770944acf', class: "utrecht-code" }, h("slot", { key: 'c0f143c4b950d474bb1a89930bbc149a6ae520f5' })));
+        return (h("code", { key: '84962fdea5f2b563196295dc6b24529359ab3666', class: "utrecht-code" }, h("slot", { key: '1ac8c25a7d20b505eeafbbc3b1eea51c489e692d' })));
     }
     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: '75aa76d2738523238b30ba0fcc668f9175a805e1', style: { color: this.color } }, h("data", { key: 'b05e29d8c32bc082ebfc84478c2fb8663160c4d6', value: this.color }, h("slot", { key: '37989b03cbd086a002f432fefa4020800a51dc5d' }))));
+        return (h(Host, { key: '92b4c5bb77854043d02f0967817660762c92e6f0', style: { color: this.color } }, h("data", { key: 'c53f9a922b4a7246e18e58ab0e581731e6d97461', value: this.color }, h("slot", { key: 'b7c3499e66249019ea59933a7ded709990db459f' }))));
     }
     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: '4c654e0baada4269dc14025a56bcd77a976b8956' });
+        return h("slot", { key: '3c7303a54624fe137e2624fa0619c14545ced78e' });
     }
     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: 'fee17d6edb6a91b7ac45dde5a571553298436d95', class: "utrecht-contact-card" }, h("utrecht-heading-2", { key: '713c1f00e3e5ea0abf164fa38860c4260ff887ff' }, "Hulp en contact"), h("div", { key: 'f4dbd934a20b108fdbc680659780323800844dbb', class: "utrecht-contact-card__content" }, h("div", { key: '09beaaf58fc5ce2e8beff8941aea9bf9758699af', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: 'c1ee52590ddec0736c52642fbab3899e100eb31b' }, "Telefoon"), h("utrecht-paragraph", { key: '1e7a074e31b4e973e960a9a960ac37e750c1d205', class: "utrecht-contact-card__telephone" }, h("a", { key: '85e28c8d3024c1f43f9962b067084092adcdb159', 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: '383fda8c03a17991128a715a821513d373c02e35' }, "Maandag t/m vrijdag 8.30 \u2013 17.30 uur")), h("div", { key: 'b0b9c44c5b636df0e58d8b1fea91b99255a9008b', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: '5d004ed8fd57120969619904c2e59b4a226c6834' }, "E-mail"), h("utrecht-paragraph", { key: '30a362d06e008d5b18a451005b62a98db3fc2456' }, h("a", { key: '53b3cdfb609d957b08335b5e5f4ccdf39d5c9289', 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: '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"))))));
     }
     static get style() { return UtrechtContactCardTemplateStyle0; }
 }, [1, "utrecht-contact-card-template"]);

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

@@ -17,7 +17,7 @@ const CustomCheckbox = /*@__PURE__*/ proxyCustomElement(class CustomCheckbox ext
     }
     render() {
         const { checked, required, disabled, indeterminate, invalid } = this;
-        return (h("input", { key: 'c790e5d1fdeb20885145825cc86ca10b48cac44e', "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: 'a52236ea1600d5442970eaa600d28de194fcac0f', "aria-invalid": invalid ? 'true' : null, class: clsx('utrecht-custom-checkbox', 'utrecht-custom-checkbox--html-input', invalid && 'utrecht-custom-checkbox__box--invalid'), type: "checkbox", checked: checked, required: required, indeterminate: indeterminate, disabled: disabled }));
     }
     static get style() { return UtrechtCustomCheckboxStyle0; }
 }, [1, "utrecht-custom-checkbox", {

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

@@ -10,7 +10,7 @@ const DataListValue = /*@__PURE__*/ proxyCustomElement(class DataListValue exten
         this.__attachShadow();
     }
     render() {
-        return (h("dd", { key: '68f2211773e0d435b80554b1be3bcceda5d2eec8' }, h("slot", { key: 'ee0c986fa01377c3dd9f3b270d4c8af1f327e066' })));
+        return (h("dd", { key: '9ab8b58d08d6cf3c6a6e431dba8e57aa92ca9e21' }, h("slot", { key: 'fbe96c62e22259caec60d9bac6893fa5c0a2a2a5' })));
     }
     static get style() { return UtrechtDataListActionsStyle0; }
 }, [1, "utrecht-data-list-actions"]);

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

@@ -10,7 +10,7 @@ const DataListItem = /*@__PURE__*/ proxyCustomElement(class DataListItem extends
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'ee144632c959aeb0d297d917717c24ab5a507e26' }, h("slot", { key: '6773c9d5c424a991005766510c88ed008bd081ee' })));
+        return (h("div", { key: '37d3facb8867a1efad795500d095948ce9e244f9' }, h("slot", { key: '3986b8ce9d9f1f06292269c85758f000410f8417' })));
     }
     static get style() { return UtrechtDataListItemStyle0; }
 }, [1, "utrecht-data-list-item"]);

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

@@ -10,7 +10,7 @@ const DataListValue = /*@__PURE__*/ proxyCustomElement(class DataListValue exten
         this.__attachShadow();
     }
     render() {
-        return (h("dt", { key: '90757070a61fd82137461bb83175d46972d61f9d' }, h("slot", { key: 'e92e2e4868186eef4d1e1882c7ab2d7f9f11143c' })));
+        return (h("dt", { key: '11d9ca39e9b648da1082d00b5273080fb8d60ad9' }, h("slot", { key: '89f7571111603b24357f52189a255fdb3ad69951' })));
     }
     static get style() { return UtrechtDataListKeyStyle0; }
 }, [1, "utrecht-data-list-key"]);

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

@@ -10,7 +10,7 @@ const DataListValue = /*@__PURE__*/ proxyCustomElement(class DataListValue exten
         this.__attachShadow();
     }
     render() {
-        return (h("dd", { key: 'a13f3052668e36aae749bf738b0dd555770b1d0e' }, h("slot", { key: '3669dcdd49f012746ab05066f93edbcde15970ae' })));
+        return (h("dd", { key: '143e59914010d5860430b7feb83515d7049b0194' }, h("slot", { key: 'd5d9fb5317effae90ee356073fe7a0abc2d5a488' })));
     }
     static get style() { return UtrechtDataListValueStyle0; }
 }, [1, "utrecht-data-list-value"]);

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

@@ -10,7 +10,7 @@ const DataList = /*@__PURE__*/ proxyCustomElement(class DataList extends HTMLEle
         this.__attachShadow();
     }
     render() {
-        return (h("dl", { key: 'f223645b581a5c8d6b194b8e9ca69877383112e8' }, h("slot", { key: '20780396477a4347dd916249fca5b45eb6ddd8c6' })));
+        return (h("dl", { key: 'af18a7d91d76dd02548046fae4cdc6e346eaf356' }, h("slot", { key: 'f97edf13f70d2cb2e20a45f2cc3b71ee4e4e9222' })));
     }
     static get style() { return UtrechtDataListStyle0; }
 }, [1, "utrecht-data-list"]);

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

@@ -12,7 +12,7 @@ const DigidButton = /*@__PURE__*/ proxyCustomElement(class DigidButton extends H
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: 'ecfb79329b3f94db24eef1385a1b9d1b15611217', class: "utrecht-digid-button" }, h("utrecht-digid-logo", { key: 'f15212932bd7d86d173b91ea3afa63fbec73c141', class: "utrecht-digid-button__logo" }), h("slot", { key: 'ced08d49c2d267b28be5a1f4168d2f8c3ee9d579' })));
+        return (h("div", { key: '1c923c0b8248a6acf980af625d57dc0a2bbfab8e', class: "utrecht-digid-button" }, h("utrecht-digid-logo", { key: '3b166855251bebe2aa98dab0b918ee426efa31f6', class: "utrecht-digid-button__logo" }), h("slot", { key: 'b33f6d99a22530131905355554b8fed30da19d07' })));
     }
     static get style() { return UtrechtDigidButtonStyle0; }
 }, [1, "utrecht-digid-button", {

package/dist/components/utrecht-document.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const documentCss = ".utrecht-document{color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);font-weight:var(--utrecht-document-font-weight, inherit);line-height:var(--utrecht-document-line-height, inherit);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.utrecht-document :lang(ar){letter-spacing:0 !important}.utrecht-document--surface{background-color:var(--utrecht-document-background-color, inherit)}:host{display:block}:host([hidden]){display:none !important}";
+const documentCss = ".utrecht-document{-webkit-font-smoothing:auto !important;-moz-osx-font-smoothing:auto !important;color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);font-weight:var(--utrecht-document-font-weight, inherit);line-height:var(--utrecht-document-line-height, inherit);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.utrecht-document :lang(ar){letter-spacing:0 !important}.utrecht-document--surface{background-color:var(--utrecht-document-background-color, inherit)}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtDocumentStyle0 = documentCss;
 
 const Document = /*@__PURE__*/ proxyCustomElement(class Document extends HTMLElement {
@@ -10,7 +10,7 @@ const Document = /*@__PURE__*/ proxyCustomElement(class Document extends HTMLEle
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'be18a2c99bc791af1137423662c75c84d8169267', class: "utrecht-document" }, h("slot", { key: '76f35358437a46b7de48f27b54545e033870b38b' })));
+        return (h("div", { key: '329dc033f2e6ccc21427c3e6ab8e32a12d34c7f0', class: "utrecht-document" }, h("slot", { key: 'f96e1eea2279055c933b595d0c3510001ef1a44e' })));
     }
     static get style() { return UtrechtDocumentStyle0; }
 }, [1, "utrecht-document"]);

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

@@ -1 +1 @@
-{"file":"utrecht-document.js","mappings":";;AAAA,MAAM,WAAW,GAAG,omBAAomB,CAAC;AACznB,8BAAe,WAAW;;MCMb,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/document.scss?tag=utrecht-document&encapsulation=shadow","src/components/document.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/document-css/src\";\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-document',\n  styleUrl: 'document.scss',\n  shadow: true,\n})\nexport class Document {\n  render() {\n    return (\n      <div class=\"utrecht-document\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-document.js","mappings":";;AAAA,MAAM,WAAW,GAAG,mrBAAmrB,CAAC;AACxsB,8BAAe,WAAW;;MCMb,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/document.scss?tag=utrecht-document&encapsulation=shadow","src/components/document.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/document-css/src\";\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-document',\n  styleUrl: 'document.scss',\n  shadow: true,\n})\nexport class Document {\n  render() {\n    return (\n      <div class=\"utrecht-document\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-drawer.js

@@ -14,12 +14,12 @@ const Drawer = /*@__PURE__*/ proxyCustomElement(class Drawer extends HTMLElement
     }
     render() {
         const { align, open } = this;
-        return (h("dialog", { key: '6767d8b4cb212e56257eb1ecd9be0df88476fbd7', ref: (el) => (this.dialogElement = el), class: clsx('utrecht-drawer', {
+        return (h("dialog", { key: '272c084cc6e7936b7929d75adbad1ed4456ee386', ref: (el) => (this.dialogElement = el), class: clsx('utrecht-drawer', {
                 'utrecht-drawer--block-end': align === 'block-end',
                 'utrecht-drawer--block-start': align === 'block-start',
                 'utrecht-drawer--inline-end': align === 'inline-end' || !align,
                 'utrecht-drawer--inline-start': align === 'inline-start',
-            }), open: open }, h("slot", { key: '2dea76a210acfcb5bc0de8126d29ab77999ea306' })));
+            }), open: open }, h("slot", { key: '2a707170509313263ba06471a8837965b557d96f' })));
     }
     async close() {
         var _a;

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

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

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

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

package/dist/components/utrecht-emphasis.js

@@ -10,7 +10,7 @@ const Emphasis = /*@__PURE__*/ proxyCustomElement(class Emphasis extends HTMLEle
         this.__attachShadow();
     }
     render() {
-        return (h("em", { key: '483636635d74fcf9e64ac1a3eea65a3f64185200', class: "utrecht-emphasis" }, h("slot", { key: '63468a0a7e120aa8ea13a949e137a1d18e797747' })));
+        return (h("em", { key: '907d24252aec3d728c59531676107eed61325922', class: "utrecht-emphasis" }, h("slot", { key: '24f9919ea1aade18339b6af57beaa942a0a9f183' })));
     }
     static get style() { return UtrechtEmphasisStyle0; }
 }, [1, "utrecht-emphasis"]);

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

@@ -46,7 +46,7 @@ const FlexWrapFallback = /*@__PURE__*/ proxyCustomElement(class FlexWrapFallback
     }
     render() {
         const { contentWraps } = this;
-        return (h("div", { key: '62ea3994b527fac3e69a2f4c99476383948e6d7a' }, h("div", { key: 'd59010b979e90700cccaf4deb2772844d50a4dec', id: "wrap", class: `utrecht-flex-wrap-fallback__content ${contentWraps ? 'utrecht-flex-wrap-fallback__content--hidden' : ''}`, "data-inert": contentWraps, "aria-hidden": contentWraps }, h("slot", { key: 'eff4ddc9ccc424d861dfda7479be5f6686f95f4e' })), h("div", { key: 'c9e0cf29b7858976a67eb4d6a1e12d2e352c9b80', id: "nowrap", class: `utrecht-flex-wrap-fallback__fallback ${contentWraps ? '' : 'utrecht-flex-wrap-fallback__fallback--hidden'}`, "data-inert": !contentWraps, hidden: !contentWraps }, h("slot", { key: '93d05078e717c77db89ac3c0bf14e8ee88549a4d', name: "fallback" }))));
+        return (h("div", { key: '699b6801d6e3a0ad3812de6cd1fb8e0419af03c5' }, h("div", { key: 'ea3dd809ce7fb1d6a2abe4eb40ab4eab7a6daacf', id: "wrap", class: `utrecht-flex-wrap-fallback__content ${contentWraps ? 'utrecht-flex-wrap-fallback__content--hidden' : ''}`, "data-inert": contentWraps, "aria-hidden": contentWraps }, h("slot", { key: '5061cd46b6a14883f218541495c0dc4f840146ca' })), h("div", { key: '1c3910af692fe817c51e96e8c2e262f21874f5d6', id: "nowrap", class: `utrecht-flex-wrap-fallback__fallback ${contentWraps ? '' : 'utrecht-flex-wrap-fallback__fallback--hidden'}`, "data-inert": !contentWraps, hidden: !contentWraps }, h("slot", { key: '8be831229161bc9868c7f8ec8b5efd28ff8cac24', name: "fallback" }))));
     }
     get hostElement() { return this; }
     static get style() { return UtrechtFlexWrapFallbackStyle0; }