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

package/dist/esm/utrecht-backdrop.entry.js

@@ -1,7 +1,8 @@
-import { r as registerInstance, h } from './index-47778138.js';
-import { c as clsx } from './clsx.m-9f200cc0.js';
+import { r as registerInstance, h } from './index-593361c2.js';
+import { c as clsx } from './clsx-eca3fadc.js';
 
 const backdropCss = ".utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none;display:block;inset-block-end:0;inset-block-start:0;inset-inline-end:0;inset-inline-start:0;position:absolute;z-index:var(--utrecht-backdrop-z-index)}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-backdrop--reduced-motion{--_utrecht-backdrop-fade-in-animation-duration:0}.utrecht-backdrop--reduced-transparency{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}.utrecht-backdrop--viewport{position:fixed}:host{display:block}:host([hidden]){display:none !important}";
+const UtrechtBackdropStyle0 = backdropCss;
 
 const Backdrop = class {
     constructor(hostRef) {
@@ -10,10 +11,10 @@ const Backdrop = class {
     }
     render() {
         const { viewport } = this;
-        return (h("div", { class: clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') }, h("slot", null)));
+        return (h("div", { key: '975b9ab5ac84c138731aafa73e8b207b896d4786', class: clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') }, h("slot", { key: '99f7705d41d1e685baf5ba7e6b19b8ec58e2c64e' })));
     }
 };
-Backdrop.style = backdropCss;
+Backdrop.style = UtrechtBackdropStyle0;
 
 export { Backdrop as utrecht_backdrop };
 

package/dist/esm/utrecht-backdrop.entry.js.map

@@ -1 +1 @@
-{"file":"utrecht-backdrop.entry.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,05CAA05C;;MCcj6C,QAAQ;;;;;IAEnB,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAC1B,QACE,WAAK,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,IAAI,4BAA4B,CAAC,IAC5E,eAAQ,CACJ,EACN;KACH;;;;;;","names":[],"sources":["src/components/backdrop.scss?tag=utrecht-backdrop&encapsulation=shadow","src/components/backdrop.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/components/backdrop/css\";\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-backdrop',\n  styleUrl: 'backdrop.scss',\n  shadow: true,\n})\nexport class Backdrop {\n  @Prop() viewport: boolean;\n  render() {\n    const { viewport } = this;\n    return (\n      <div class={clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport')}>\n        <slot />\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-backdrop.entry.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,05CAA05C,CAAC;AAC/6C,8BAAe,WAAW;;MCab,QAAQ;;;;;IAEnB,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAC1B,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,IAAI,4BAA4B,CAAC,IAC5E,8DAAQ,CACJ,EACN;KACH;;;;;;","names":[],"sources":["src/components/backdrop.scss?tag=utrecht-backdrop&encapsulation=shadow","src/components/backdrop.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/backdrop-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-backdrop',\n  styleUrl: 'backdrop.scss',\n  shadow: true,\n})\nexport class Backdrop {\n  @Prop() viewport: boolean;\n  render() {\n    const { viewport } = this;\n    return (\n      <div class={clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport')}>\n        <slot />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/utrecht-breadcrumb-nav.entry.js

@@ -1,7 +1,8 @@
-import { r as registerInstance, h } from './index-47778138.js';
-import { c as clsx } from './clsx.m-9f200cc0.js';
+import { r as registerInstance, h } from './index-593361c2.js';
+import { c as clsx } from './clsx-eca3fadc.js';
 
 const breadcrumbNavCss = ".utrecht-breadcrumb-nav{--utrecht-focus-background-color:var(--utrecht-breadcrumb-nav-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-nav-link-background-color);--utrecht-link-text-decoration:var(--utrecht-breadcrumb-nav-link-text-decoration);--utrecht-link-focus-color:var(--utrecht-breadcrumb-nav-link-focus-color, var(--utrecht-breadcrumb-nav-link-color));--utrecht-link-focus-text-decoration:var(\n    --utrecht-breadcrumb-nav-link-focus-text-decoration,\n    var(--utrecht-breadcrumb-nav-link-text-decoration)\n  );--utrecht-link-hover-color:var(--utrecht-breadcrumb-nav-link-hover-color, var(--utrecht-breadcrumb-nav-link-color));--utrecht-link-hover-text-decoration:var(\n    --utrecht-breadcrumb-nav-link-hover-text-decoration,\n    var(--utrecht-breadcrumb-nav-link-text-decoration)\n  );--utrecht-link-visited-color:var(--utrecht-breadcrumb-nav-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-color:var(--utrecht-breadcrumb-nav-link-color);--utrecht-link-placeholder-color:var(--utrecht-link-breadcrumb-link-disabled-color);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-breadcrumb-nav-font-size);text-transform:var(--utrecht-document-text-transform, inherit)}.utrecht-breadcrumb-nav__heading{display:none}.utrecht-breadcrumb-nav__list{display:flex;flex-wrap:wrap;min-block-size:var(--utrecht-breadcrumb-nav-min-block-size)}.utrecht-breadcrumb-nav__list--html-ol{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.utrecht-breadcrumb-nav__list--html-p{margin-block-end:0;margin-block-start:0}.utrecht-breadcrumb-nav__item{block-size:100%}.utrecht-breadcrumb-nav__link{--utrecht-icon-size:var(--utrecht-breadcrumb-nav-link-icon-size);--utrecht-link-icon-size:var(--utrecht-breadcrumb-nav-link-icon-size);background-color:var(--utrecht-breadcrumb-nav-link-background-color);display:inline-block;padding-block-end:var(--utrecht-breadcrumb-nav-item-padding-block-end, 8px);padding-block-start:var(--utrecht-breadcrumb-nav-item-padding-block-start, 8px);padding-inline-end:var(--utrecht-breadcrumb-nav-item-padding-inline-end, 8px);padding-inline-start:var(--utrecht-breadcrumb-nav-item-padding-inline-start, 8px)}.utrecht-breadcrumb-nav__link--current{--utrecht-link-current-font-weight:var(--utrecht-breadcrumb-nav-link-current-font-weight, inherit);--_utrecht-breadcrumb-nav-link-current-cursor:var(--utrecht-action-inert-cursor, default);font-weight:var(--utrecht-breadcrumb-nav-link-current-font-weight, inherit)}.utrecht-breadcrumb-nav__link--disabled{--utrecht-link-placeholder-color:var(\n    --utrecht-breadcrumb-nav-link-disabled-color,\n    var(--utrecht-breadcrumb-nav-link-color)\n  );--_utrecht-breadcrumb-nav-link-disabled-cursor:var(--utrecht-action-disabled-cursor, not-allowed);background-color:var(--utrecht-breadcrumb-nav-link-disabled-background-color, var(--utrecht-breadcrumb-nav-link-background-color));cursor:var(--_utrecht-breadcrumb-nav-link-current-cursor, var(--_utrecht-breadcrumb-nav-link-disabled-cursor))}.utrecht-breadcrumb-nav__separator{--_utrecht-breadcrumb-nav-separator-display:inline-flex;--utrecht-icon-size:var(--utrecht-breadcrumb-nav-separator-icon-size);align-items:center;color:var(--utrecht-breadcrumb-nav-separator-color);cursor:var(--utrecht-action-inert-cursor, default);display:var(--_utrecht-breadcrumb-nav-separator-display);inline-size:fit-content;-webkit-user-select:none;user-select:none}.utrecht-breadcrumb-nav__separator--html-li{--_utrecht-breadcrumb-nav-separator-display:inline-flex;--utrecht-icon-size:var(--utrecht-breadcrumb-nav-separator-icon-size);align-items:center;color:var(--utrecht-breadcrumb-nav-separator-color);cursor:var(--utrecht-action-inert-cursor, default);display:var(--_utrecht-breadcrumb-nav-separator-display);inline-size:fit-content;-webkit-user-select:none;user-select:none}.utrecht-breadcrumb-nav--arrows{--utrecht-breadcrumb-nav-arrow-size:24px;min-block-size:var(--utrecht-breadcrumb-nav-min-block-size);overflow:hidden}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link{background-color:var(--utrecht-breadcrumb-nav-arrows-link-background-color);padding-inline-end:0;position:relative}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link::after,.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link::before{block-size:0;border-block-end-width:var(--utrecht-breadcrumb-nav-min-block-size);border-block-start-width:var(--utrecht-breadcrumb-nav-min-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;inline-size:0;inset-block-start:50%;inset-inline-start:100%;margin-block-start:calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));position:absolute}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link::after{border-inline-start-color:var(--utrecht-breadcrumb-nav-arrows-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-nav-arrow-size);z-index:2}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link::before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-nav-arrow-size);margin-block-start:calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));margin-inline-start:1px;z-index:1}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus,.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus{--utrecht-link-focus-background-color:var(--utrecht-breadcrumb-nav-arrows-link-focus-background-color);background-color:var(--utrecht-breadcrumb-nav-arrows-link-focus-background-color)}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus::after,.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-nav-arrows-link-focus-background-color)}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link~.utrecht-breadcrumb-nav__link,.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__item~.utrecht-breadcrumb-nav__item .utrecht-breadcrumb-nav__link{padding-inline-start:calc(var(--utrecht-breadcrumb-nav-item-padding-inline-start) + var(--utrecht-breadcrumb-nav-arrow-size))}.utrecht-breadcrumb-nav__item~.utrecht-breadcrumb-nav__item{margin-inline-start:var(--utrecht-breadcrumb-nav-item-divider-inline-size)}.utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--_utrecht-link-state-color, var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color)))}.utrecht-link:any-link{--_utrecht-link-forced-colors-color:linktext;text-decoration-color:var(--_utrecht-link-state-text-decoration-color, var(--utrecht-link-text-decoration-color, currentColor));text-decoration-line:var(--_utrecht-link-state-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip-ink:all;text-decoration-thickness:max(var(--_utrecht-link-state-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, LinkText);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration-line:none}.utrecht-link--visited{--_utrecht-link-forced-colors-color:visitedtext;--_utrecht-link-state-color:var(--utrecht-link-visited-color)}.utrecht-link--html-a:any-link:hover,.utrecht-link--hover{--_utrecht-link-forced-colors-color:linktext;--_utrecht-link-state-color:var(--utrecht-link-hover-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-hover-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-hover-text-decoration-thickness);text-decoration-skip:none;text-decoration-skip-ink:none}.utrecht-link--focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-focus-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-focus-text-decoration-thickness);background-color:var(--utrecht-link-focus-background-color, transparent);text-decoration-skip:none;text-decoration-skip-ink:none}.utrecht-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);z-index:var(--utrecht-stack-focus-z-index, 1)}.utrecht-link--html-span:focus,.utrecht-link--html-a:any-link:focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-focus-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-focus-text-decoration-thickness);background-color:var(--utrecht-link-focus-background-color, transparent);text-decoration-skip:none;text-decoration-skip-ink:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:var(--utrecht-stack-focus-z-index, 1)}.utrecht-link--html-span:focus:not(:focus-visible),.utrecht-link--html-a:any-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-link--html-span:active,.utrecht-link--html-a:any-link:active,.utrecht-link--active{--_utrecht-link-forced-colors-color:activetext;--_utrecht-link-state-color:var(--utrecht-link-active-color)}.utrecht-link--telephone{white-space:nowrap}.utrecht-link--current{cursor:var(--utrecht-action-inert-cursor, normal);font-weight:var(--utrecht-link-current-font-weight)}.utrecht-link--box-content:any-link{color:unset;display:inline-block;text-decoration-line:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.utrecht-link--placeholder{--_utrecht-link-forced-colors-color:GrayText;--_utrecht-link-state-color:var(--utrecht-link-placeholder-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed);font-weight:var(--utrecht-link-placeholder-font-weight);text-decoration-line:none}.utrecht-link--forced-colors{--utrecht-focus-outline-color:Highlight;--utrecht-focus-inverse-outline-color:HighlightText;--utrecht-link-color:linktext;--utrecht-link-hover-color:linktext;--utrecht-link-focus-color:linktext;--utrecht-link-active-color:activetext;--utrecht-link-visited-color:visitedtext;--utrecht-link-placeholder-color:GrayText}:host{display:block}:host([hidden]){display:none !important}";
+const UtrechtBreadcrumbNavStyle0 = breadcrumbNavCss;
 
 const BreadcrumbNav = class {
     constructor(hostRef) {
@@ -12,10 +13,10 @@ const BreadcrumbNav = class {
     render() {
         const { json, variant } = this;
         const items = json ? JSON.parse(json) : [];
-        return (h("nav", { class: clsx('utrecht-breadcrumb-nav', variant === 'arrows' && 'utrecht-breadcrumb-nav--arrows') }, h("ol", { 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: '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 }))))))));
     }
 };
-BreadcrumbNav.style = breadcrumbNavCss;
+BreadcrumbNav.style = UtrechtBreadcrumbNavStyle0;
 
 export { BreadcrumbNav as utrecht_breadcrumb_nav };
 

package/dist/esm/utrecht-breadcrumb-nav.entry.js.map

@@ -1 +1 @@
-{"file":"utrecht-breadcrumb-nav.entry.js","mappings":";;;AAAA,MAAM,gBAAgB,GAAG,u1VAAu1V;;MCYn2V,aAAa;;;;;;IAIxB,MAAM;QACJ,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAE/B,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;QAE3C,QACE,WAAK,KAAK,EAAE,IAAI,CAAC,wBAAwB,EAAE,OAAO,KAAK,QAAQ,IAAI,gCAAgC,CAAC,IAClG,UACE,KAAK,EAAC,oEAAoE,EAC1E,SAAS,QACT,QAAQ,EAAC,mCAAmC,IAE3C,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,MACzC,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAC,8BAA8B,EACpC,SAAS,QACT,QAAQ,EAAC,6BAA6B,EACtC,QAAQ,EAAC,iBAAiB,IAE1B,SACE,KAAK,EAAE,IAAI,CACT,8BAA8B,EAC9B,cAAc,EACd,sBAAsB,EACtB,OAAO,IAAI,uBAAuB,CACnC,EACD,IAAI,EAAE,IAAI,kBACI,OAAO,GAAG,UAAU,GAAG,IAAI,EACzC,QAAQ,EAAC,MAAM,IAEf,YAAM,KAAK,EAAC,8BAA8B,EAAC,QAAQ,EAAC,MAAM,IACvD,KAAK,CACD,EACP,YAAM,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,KAAK,GAAG,CAAC,GAAI,CAC9C,CACD,CACN,CAAC,CACC,CACD,EACN;KACH;;;;;;","names":[],"sources":["src/components/breadcrumb-nav.scss?tag=utrecht-breadcrumb-nav&encapsulation=shadow","src/components/breadcrumb-nav.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/breadcrumb-nav/css\";\n@import \"~@utrecht/components/link/css\";\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) 2021 Robbert Broersma\n */\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-breadcrumb-nav',\n  styleUrl: 'breadcrumb-nav.scss',\n  shadow: true,\n})\nexport class BreadcrumbNav {\n  @Prop() json: string;\n  @Prop() variant: string;\n\n  render() {\n    const { json, variant } = this;\n\n    const items = json ? JSON.parse(json) : [];\n\n    return (\n      <nav class={clsx('utrecht-breadcrumb-nav', variant === 'arrows' && 'utrecht-breadcrumb-nav--arrows')}>\n        <ol\n          class=\"utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol\"\n          itemscope\n          itemtype=\"https://schema.org/BreadcrumbList\"\n        >\n          {items.map(({ href, title, current }, index) => (\n            <li\n              key={href}\n              class=\"utrecht-breadcrumb-nav__item\"\n              itemscope\n              itemtype=\"https://schema.org/ListItem\"\n              itemprop=\"itemListElement\"\n            >\n              <a\n                class={clsx(\n                  'utrecht-breadcrumb-nav__link',\n                  'utrecht-link',\n                  'utrecht-link--html-a',\n                  current && 'utrecht-link--current',\n                )}\n                href={href}\n                aria-current={current ? 'location' : null}\n                itemprop=\"item\"\n              >\n                <span class=\"utrecht-breadcrumb-nav__text\" itemprop=\"name\">\n                  {title}\n                </span>\n                <meta itemprop=\"position\" content={index + 1} />\n              </a>\n            </li>\n          ))}\n        </ol>\n      </nav>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-breadcrumb-nav.entry.js","mappings":";;;AAAA,MAAM,gBAAgB,GAAG,u1VAAu1V,CAAC;AACj3V,mCAAe,gBAAgB;;MCWlB,aAAa;;;;;;IAIxB,MAAM;QACJ,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAE/B,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;QAE3C,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,wBAAwB,EAAE,OAAO,KAAK,QAAQ,IAAI,gCAAgC,CAAC,IAClG,2DACE,KAAK,EAAC,oEAAoE,EAC1E,SAAS,QACT,QAAQ,EAAC,mCAAmC,IAE3C,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,MACzC,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAC,8BAA8B,EACpC,SAAS,QACT,QAAQ,EAAC,6BAA6B,EACtC,QAAQ,EAAC,iBAAiB,IAE1B,SACE,KAAK,EAAE,IAAI,CACT,8BAA8B,EAC9B,cAAc,EACd,sBAAsB,EACtB,OAAO,IAAI,uBAAuB,CACnC,EACD,IAAI,EAAE,IAAI,kBACI,OAAO,GAAG,UAAU,GAAG,IAAI,EACzC,QAAQ,EAAC,MAAM,IAEf,YAAM,KAAK,EAAC,8BAA8B,EAAC,QAAQ,EAAC,MAAM,IACvD,KAAK,CACD,EACP,YAAM,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,KAAK,GAAG,CAAC,GAAI,CAC9C,CACD,CACN,CAAC,CACC,CACD,EACN;KACH;;;;;;","names":[],"sources":["src/components/breadcrumb-nav.scss?tag=utrecht-breadcrumb-nav&encapsulation=shadow","src/components/breadcrumb-nav.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/breadcrumb-nav-css/src\";\n@import \"~@utrecht/link-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) 2021 Robbert Broersma\n */\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-breadcrumb-nav',\n  styleUrl: 'breadcrumb-nav.scss',\n  shadow: true,\n})\nexport class BreadcrumbNav {\n  @Prop() json: string;\n  @Prop() variant: string;\n\n  render() {\n    const { json, variant } = this;\n\n    const items = json ? JSON.parse(json) : [];\n\n    return (\n      <nav class={clsx('utrecht-breadcrumb-nav', variant === 'arrows' && 'utrecht-breadcrumb-nav--arrows')}>\n        <ol\n          class=\"utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol\"\n          itemscope\n          itemtype=\"https://schema.org/BreadcrumbList\"\n        >\n          {items.map(({ href, title, current }, index) => (\n            <li\n              key={href}\n              class=\"utrecht-breadcrumb-nav__item\"\n              itemscope\n              itemtype=\"https://schema.org/ListItem\"\n              itemprop=\"itemListElement\"\n            >\n              <a\n                class={clsx(\n                  'utrecht-breadcrumb-nav__link',\n                  'utrecht-link',\n                  'utrecht-link--html-a',\n                  current && 'utrecht-link--current',\n                )}\n                href={href}\n                aria-current={current ? 'location' : null}\n                itemprop=\"item\"\n              >\n                <span class=\"utrecht-breadcrumb-nav__text\" itemprop=\"name\">\n                  {title}\n                </span>\n                <meta itemprop=\"position\" content={index + 1} />\n              </a>\n            </li>\n          ))}\n        </ol>\n      </nav>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/utrecht-checkbox.entry.js

@@ -1,7 +1,8 @@
-import { r as registerInstance, c as createEvent, h } from './index-47778138.js';
-import { c as clsx } from './clsx.m-9f200cc0.js';
+import { r as registerInstance, c as createEvent, h } from './index-593361c2.js';
+import { c as clsx } from './clsx-eca3fadc.js';
 
 const checkboxCss = ".utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;cursor:var(--utrecht-action-activate-cursor, revert);-webkit-user-select:none;user-select:none}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--html-input:focus{--_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-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:revert}:host{display:block}:host([hidden]){display:none !important}";
+const UtrechtCheckboxStyle0 = checkboxCss;
 
 const Checkbox = class {
     constructor(hostRef) {
@@ -17,13 +18,13 @@ const Checkbox = class {
     }
     render() {
         const { checked, disabled, value } = this;
-        return (h("input", { 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: '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) => {
                 this.checked = evt.target.checked;
                 this.utrechtInput.emit(evt);
             } }));
     }
 };
-Checkbox.style = checkboxCss;
+Checkbox.style = UtrechtCheckboxStyle0;
 
 export { Checkbox as utrecht_checkbox };
 

package/dist/esm/utrecht-checkbox.entry.js.map

@@ -1 +1 @@
-{"file":"utrecht-checkbox.entry.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,k5CAAk5C;;MCaz5C,QAAQ;;;;;;;wBAC0B,KAAK;wBACkB,KAAK;uBAC9C,KAAK;qBACR,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAE1C,QACE,aACE,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,EAC/B,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG;gBACX,IAAI,CAAC,OAAO,GAAI,GAAG,CAAC,MAA2B,CAAC,OAAO,CAAC;gBACxD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC7B,GACD,EACF;KACH;;;;;;","names":[],"sources":["src/components/checkbox.scss?tag=utrecht-checkbox&encapsulation=shadow","src/components/checkbox.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/checkbox/css\";\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) 2021 Robbert Broersma\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-checkbox',\n  styleUrl: 'checkbox.scss',\n  shadow: true,\n})\nexport class Checkbox {\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n  @Prop() checked: boolean = false;\n  @Prop() value: string = '';\n  @Event() utrechtBlur: EventEmitter;\n  @Event() utrechtChange: EventEmitter;\n  @Event() utrechtFocus: EventEmitter;\n  @Event() utrechtInput: EventEmitter;\n\n  render() {\n    const { checked, disabled, value } = this;\n\n    return (\n      <input\n        class={clsx('utrecht-checkbox')}\n        type=\"checkbox\"\n        checked={checked}\n        disabled={disabled}\n        value={value}\n        onBlur={(evt) => this.utrechtBlur.emit(evt)}\n        onChange={(evt) => this.utrechtChange.emit(evt)}\n        onFocus={(evt) => this.utrechtFocus.emit(evt)}\n        onInput={(evt) => {\n          this.checked = (evt.target as HTMLInputElement).checked;\n          this.utrechtInput.emit(evt);\n        }}\n      />\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-checkbox.entry.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,k5CAAk5C,CAAC;AACv6C,8BAAe,WAAW;;MCYb,QAAQ;;;;;;;wBAC0B,KAAK;wBACkB,KAAK;uBAC9C,KAAK;qBACR,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAE1C,QACE,8DACE,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,EAC/B,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG;gBACX,IAAI,CAAC,OAAO,GAAI,GAAG,CAAC,MAA2B,CAAC,OAAO,CAAC;gBACxD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC7B,GACD,EACF;KACH;;;;;;","names":[],"sources":["src/components/checkbox.scss?tag=utrecht-checkbox&encapsulation=shadow","src/components/checkbox.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/checkbox-css/src\";\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-checkbox',\n  styleUrl: 'checkbox.scss',\n  shadow: true,\n})\nexport class Checkbox {\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n  @Prop() checked: boolean = false;\n  @Prop() value: string = '';\n  @Event() utrechtBlur: EventEmitter;\n  @Event() utrechtChange: EventEmitter;\n  @Event() utrechtFocus: EventEmitter;\n  @Event() utrechtInput: EventEmitter;\n\n  render() {\n    const { checked, disabled, value } = this;\n\n    return (\n      <input\n        class={clsx('utrecht-checkbox')}\n        type=\"checkbox\"\n        checked={checked}\n        disabled={disabled}\n        value={value}\n        onBlur={(evt) => this.utrechtBlur.emit(evt)}\n        onChange={(evt) => this.utrechtChange.emit(evt)}\n        onFocus={(evt) => this.utrechtFocus.emit(evt)}\n        onInput={(evt) => {\n          this.checked = (evt.target as HTMLInputElement).checked;\n          this.utrechtInput.emit(evt);\n        }}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/esm/utrecht-column-layout.entry.js

@@ -1,6 +1,7 @@
-import { r as registerInstance, h } from './index-47778138.js';
+import { r as registerInstance, h } from './index-593361c2.js';
 
 const columnLayoutCss = ":host{column-gap:var(--utrecht-column-layout-gap, 2em);column-width:var(--utrecht-column-layout-column-width, 40ch);display:block}:host([rule]){column-rule-color:var(--utrecht-column-layout-column-rule-color);column-rule-style:solid;column-rule-width:var(--utrecht-column-layout-column-rule-width, 0)}:host([hidden]){display:none !important}";
+const UtrechtColumnLayoutStyle0 = columnLayoutCss;
 
 const ColumnLayout = class {
     constructor(hostRef) {
@@ -8,10 +9,10 @@ const ColumnLayout = class {
         this.rule = false;
     }
     render() {
-        return h("slot", null);
+        return h("slot", { key: '4c654e0baada4269dc14025a56bcd77a976b8956' });
     }
 };
-ColumnLayout.style = columnLayoutCss;
+ColumnLayout.style = UtrechtColumnLayoutStyle0;
 
 export { ColumnLayout as utrecht_column_layout };
 

package/dist/esm/utrecht-column-layout.entry.js.map

@@ -1 +1 @@
-{"file":"utrecht-column-layout.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,uVAAuV;;MCalW,YAAY;;;oBACkB,KAAK;;IAC9C,MAAM;QACJ,OAAO,eAAa,CAAC;KACtB;;;;;;","names":[],"sources":["src/components/column-layout.scss?tag=utrecht-column-layout&encapsulation=shadow","src/components/column-layout.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/components/column-layout/css/mixin\";\n\n:host {\n  @include utrecht-column-layout;\n}\n\n:host([rule]) {\n  @include utrecht-column-layout--rule;\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-column-layout',\n  styleUrl: 'column-layout.scss',\n  shadow: true,\n})\nexport class ColumnLayout {\n  @Prop({ reflect: true }) rule: boolean = false;\n  render() {\n    return <slot></slot>;\n  }\n}\n"],"version":3}
+{"file":"utrecht-column-layout.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,uVAAuV,CAAC;AAChX,kCAAe,eAAe;;MCYjB,YAAY;;;oBACkB,KAAK;;IAC9C,MAAM;QACJ,OAAO,8DAAa,CAAC;KACtB;;;;;;","names":[],"sources":["src/components/column-layout.scss?tag=utrecht-column-layout&encapsulation=shadow","src/components/column-layout.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/column-layout-css/src/mixin\";\n\n:host {\n  @include utrecht-column-layout;\n}\n\n:host([rule]) {\n  @include utrecht-column-layout--rule;\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-column-layout',\n  styleUrl: 'column-layout.scss',\n  shadow: true,\n})\nexport class ColumnLayout {\n  @Prop({ reflect: true }) rule: boolean = false;\n  render() {\n    return <slot></slot>;\n  }\n}\n"],"version":3}

package/dist/esm/utrecht-contact-card-template.entry.js

@@ -1,16 +1,17 @@
-import { r as registerInstance, h } from './index-47778138.js';
+import { r as registerInstance, h } from './index-593361c2.js';
 
 const contactCardTemplateCss = ".utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--_utrecht-link-state-color, var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color)))}.utrecht-link:any-link{--_utrecht-link-forced-colors-color:linktext;text-decoration-color:var(--_utrecht-link-state-text-decoration-color, var(--utrecht-link-text-decoration-color, currentColor));text-decoration-line:var(--_utrecht-link-state-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip-ink:all;text-decoration-thickness:max(var(--_utrecht-link-state-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, LinkText);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration-line:none}.utrecht-link--visited{--_utrecht-link-forced-colors-color:visitedtext;--_utrecht-link-state-color:var(--utrecht-link-visited-color)}.utrecht-link--html-a:any-link:hover,.utrecht-link--hover{--_utrecht-link-forced-colors-color:linktext;--_utrecht-link-state-color:var(--utrecht-link-hover-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-hover-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-hover-text-decoration-thickness);text-decoration-skip:none;text-decoration-skip-ink:none}.utrecht-link--focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-focus-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-focus-text-decoration-thickness);background-color:var(--utrecht-link-focus-background-color, transparent);text-decoration-skip:none;text-decoration-skip-ink:none}.utrecht-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);z-index:var(--utrecht-stack-focus-z-index, 1)}.utrecht-link--html-span:focus,.utrecht-link--html-a:any-link:focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-focus-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-focus-text-decoration-thickness);background-color:var(--utrecht-link-focus-background-color, transparent);text-decoration-skip:none;text-decoration-skip-ink:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:var(--utrecht-stack-focus-z-index, 1)}.utrecht-link--html-span:focus:not(:focus-visible),.utrecht-link--html-a:any-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-link--html-span:active,.utrecht-link--html-a:any-link:active,.utrecht-link--active{--_utrecht-link-forced-colors-color:activetext;--_utrecht-link-state-color:var(--utrecht-link-active-color)}.utrecht-link--telephone{white-space:nowrap}.utrecht-link--current{cursor:var(--utrecht-action-inert-cursor, normal);font-weight:var(--utrecht-link-current-font-weight)}.utrecht-link--box-content:any-link{color:unset;display:inline-block;text-decoration-line:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.utrecht-link--placeholder{--_utrecht-link-forced-colors-color:GrayText;--_utrecht-link-state-color:var(--utrecht-link-placeholder-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed);font-weight:var(--utrecht-link-placeholder-font-weight);text-decoration-line:none}.utrecht-link--forced-colors{--utrecht-focus-outline-color:Highlight;--utrecht-focus-inverse-outline-color:HighlightText;--utrecht-link-color:linktext;--utrecht-link-hover-color:linktext;--utrecht-link-focus-color:linktext;--utrecht-link-active-color:activetext;--utrecht-link-visited-color:visitedtext;--utrecht-link-placeholder-color:GrayText}.utrecht-contact-card{--utrecht-document-color:currentColor;--utrecht-heading-color:currentColor;--utrecht-link-color:currentColor;--utrecht-link-focus-color:currentColor;--utrecht-link-hover-color:currentColor;--utrecht-link-active-color:currentColor;--utrecht-link-visited-color:currentColor;--utrecht-heading-2-text-transform:none;--utrecht-heading-2-font-size:var(--utrecht-typography-scale-md-font-size);--utrecht-contact-card-background-color:hsl(207 60% 91%);--utrecht-contact-card-background-color-2:hsl(207 60% 96%);background-color:hsl(207, 60%, 91%);background-image:linear-gradient(45deg, var(--utrecht-contact-card-background-color), var(--utrecht-contact-card-background-color) 50%, var(--utrecht-contact-card-background-color-2) 50%, var(--utrecht-contact-card-background-color-2));background-position-x:66%;background-size:200%;color:var(--utrecht-color-black);padding-block-end:var(--utrecht-space-block-xl);padding-block-start:var(--utrecht-space-block-xl);padding-inline-end:var(--utrecht-space-inline-xl);padding-inline-start:var(--utrecht-space-inline-xl)}.utrecht-contact-card__content{display:flex;flex-direction:row}.utrecht-contact-card__section{inline-size:100%;margin-block-start:var(--utrecht-space-row-lg)}.utrecht-contact-card__telephone{--utrecht-paragraph-font-size:var(--utrecht-typography-scale-2xl-font-size)}";
+const UtrechtContactCardTemplateStyle0 = contactCardTemplateCss;
 
 const ContactCardTemplate = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { class: "utrecht-contact-card" }, h("utrecht-heading-2", null, "Hulp en contact"), h("div", { class: "utrecht-contact-card__content" }, h("div", { class: "utrecht-contact-card__section" }, h("utrecht-heading-3", null, "Telefoon"), h("utrecht-paragraph", { class: "utrecht-contact-card__telephone" }, h("a", { href: "tel:14-030", class: "utrecht-link utrecht-link--html-a utrecht-link--telephone", title: "Telefoonnummer van gemeente Utrecht" }, "14 030")), h("utrecht-paragraph", null, "Maandag t/m vrijdag 8.30 \u2013 17.30 uur")), h("div", { class: "utrecht-contact-card__section" }, h("utrecht-heading-3", null, "E-mail"), h("utrecht-paragraph", null, h("a", { 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: '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"))))));
     }
 };
-ContactCardTemplate.style = contactCardTemplateCss;
+ContactCardTemplate.style = UtrechtContactCardTemplateStyle0;
 
 export { ContactCardTemplate as utrecht_contact_card_template };
 

package/dist/esm/utrecht-contact-card-template.entry.js.map

@@ -1 +1 @@
-{"file":"utrecht-contact-card-template.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,q5LAAq5L;;MCOv6L,mBAAmB;;;;IAC9B,MAAM;QACJ,QACE,WAAK,KAAK,EAAC,sBAAsB,IAC/B,+CAAsD,EACtD,WAAK,KAAK,EAAC,+BAA+B,IACxC,WAAK,KAAK,EAAC,+BAA+B,IACxC,wCAA+C,EAC/C,yBAAmB,KAAK,EAAC,iCAAiC,IACxD,SACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2DAA2D,EACjE,KAAK,EAAC,qCAAqC,aAGzC,CACc,EACpB,yEAA2E,CACvE,EACN,WAAK,KAAK,EAAC,+BAA+B,IACxC,sCAA6C,EAC7C,6BACE,SACE,KAAK,EAAC,wDAAwD,EAC9D,IAAI,EAAC,yCAAyC,EAC9C,KAAK,EAAC,mDAAmD,uBAGvD,CACc,CAChB,CACF,CACF,EACN;KACH;;;;;;","names":[],"sources":["src/components/contact-card-template.scss?tag=utrecht-contact-card-template&encapsulation=shadow","src/components/contact-card-template.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/link/css/index\";\n@import \"~@utrecht/components/templates/contact-card-template/css\";\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-contact-card-template',\n  styleUrl: 'contact-card-template.scss',\n  shadow: true,\n})\nexport class ContactCardTemplate {\n  render() {\n    return (\n      <div class=\"utrecht-contact-card\">\n        <utrecht-heading-2>Hulp en contact</utrecht-heading-2>\n        <div class=\"utrecht-contact-card__content\">\n          <div class=\"utrecht-contact-card__section\">\n            <utrecht-heading-3>Telefoon</utrecht-heading-3>\n            <utrecht-paragraph class=\"utrecht-contact-card__telephone\">\n              <a\n                href=\"tel:14-030\"\n                class=\"utrecht-link utrecht-link--html-a utrecht-link--telephone\"\n                title=\"Telefoonnummer van gemeente Utrecht\"\n              >\n                14 030\n              </a>\n            </utrecht-paragraph>\n            <utrecht-paragraph>Maandag t/m vrijdag 8.30 – 17.30 uur</utrecht-paragraph>\n          </div>\n          <div class=\"utrecht-contact-card__section\">\n            <utrecht-heading-3>E-mail</utrecht-heading-3>\n            <utrecht-paragraph>\n              <a\n                class=\"utrecht-link utrecht-link--html-a utrecht-link--html-a\"\n                href=\"https://www.utrecht.nl/reactieformulier\"\n                title=\"Algemeen reactieformulier van de gemeente Utrecht\"\n              >\n                reactieformulier\n              </a>\n            </utrecht-paragraph>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-contact-card-template.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,q5LAAq5L,CAAC;AACr7L,yCAAe,sBAAsB;;MCMxB,mBAAmB;;;;IAC9B,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,8FAAsD,EACtD,4DAAK,KAAK,EAAC,+BAA+B,IACxC,4DAAK,KAAK,EAAC,+BAA+B,IACxC,uFAA+C,EAC/C,0EAAmB,KAAK,EAAC,iCAAiC,IACxD,0DACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2DAA2D,EACjE,KAAK,EAAC,qCAAqC,aAGzC,CACc,EACpB,wHAA2E,CACvE,EACN,4DAAK,KAAK,EAAC,+BAA+B,IACxC,qFAA6C,EAC7C,4EACE,0DACE,KAAK,EAAC,wDAAwD,EAC9D,IAAI,EAAC,yCAAyC,EAC9C,KAAK,EAAC,mDAAmD,uBAGvD,CACc,CAChB,CACF,CACF,EACN;KACH;;;;;;","names":[],"sources":["src/components/contact-card-template.scss?tag=utrecht-contact-card-template&encapsulation=shadow","src/components/contact-card-template.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/link-css/src/index\";\n@import \"~@utrecht/components/templates/contact-card-template/css\";\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-contact-card-template',\n  styleUrl: 'contact-card-template.scss',\n  shadow: true,\n})\nexport class ContactCardTemplate {\n  render() {\n    return (\n      <div class=\"utrecht-contact-card\">\n        <utrecht-heading-2>Hulp en contact</utrecht-heading-2>\n        <div class=\"utrecht-contact-card__content\">\n          <div class=\"utrecht-contact-card__section\">\n            <utrecht-heading-3>Telefoon</utrecht-heading-3>\n            <utrecht-paragraph class=\"utrecht-contact-card__telephone\">\n              <a\n                href=\"tel:14-030\"\n                class=\"utrecht-link utrecht-link--html-a utrecht-link--telephone\"\n                title=\"Telefoonnummer van gemeente Utrecht\"\n              >\n                14 030\n              </a>\n            </utrecht-paragraph>\n            <utrecht-paragraph>Maandag t/m vrijdag 8.30 – 17.30 uur</utrecht-paragraph>\n          </div>\n          <div class=\"utrecht-contact-card__section\">\n            <utrecht-heading-3>E-mail</utrecht-heading-3>\n            <utrecht-paragraph>\n              <a\n                class=\"utrecht-link utrecht-link--html-a utrecht-link--html-a\"\n                href=\"https://www.utrecht.nl/reactieformulier\"\n                title=\"Algemeen reactieformulier van de gemeente Utrecht\"\n              >\n                reactieformulier\n              </a>\n            </utrecht-paragraph>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/utrecht-custom-checkbox.entry.js

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

package/dist/esm/utrecht-custom-checkbox.entry.js.map

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

package/dist/esm/utrecht-data-list-actions.entry.js

@@ -1,16 +1,17 @@
-import { r as registerInstance, h } from './index-47778138.js';
+import { r as registerInstance, h } from './index-593361c2.js';
 
 const dataListActionsCss = ":host{display:contents}dd{margin-inline-start:0;align-items:baseline;display:flex;grid-column:-1;grid-row:1;justify-content:flex-end}:host([hidden]){display:none !important}";
+const UtrechtDataListActionsStyle0 = dataListActionsCss;
 
 const DataListValue = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("dd", null, h("slot", null)));
+        return (h("dd", { key: '68f2211773e0d435b80554b1be3bcceda5d2eec8' }, h("slot", { key: 'ee0c986fa01377c3dd9f3b270d4c8af1f327e066' })));
     }
 };
-DataListValue.style = dataListActionsCss;
+DataListValue.style = UtrechtDataListActionsStyle0;
 
 export { DataListValue as utrecht_data_list_actions };
 

package/dist/esm/utrecht-data-list-actions.entry.js.map

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

package/dist/esm/utrecht-data-list-item.entry.js

@@ -1,16 +1,17 @@
-import { r as registerInstance, h } from './index-47778138.js';
+import { r as registerInstance, h } from './index-593361c2.js';
 
 const dataListItemCss = ":host{display:contents}div{page-break-inside:avoid;--_utrecht-minmax:max(\n    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),\n    var(--utrecht-data-list-rows-column-inline-size, 80%)\n  );--_utrecht-auto-col:minmax(var(--_utrecht-minmax), max-content);border-block-end-color:var(--utrecht-data-list-rows-border-bottom-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-data-list-rows-border-bottom-width, 0);column-gap:var(--utrecht-data-list-rows-gap);display:grid;grid-auto-columns:1fr;grid-template-columns:repeat(auto-fit, var(--_utrecht-auto-col));margin-block-start:var(--utrecht-data-list-rows-item-margin-block-start);padding-block-end:var(--utrecht-data-list-rows-item-padding-block-end);padding-block-start:var(--utrecht-data-list-rows-item-padding-block-start);row-gap:0}:host([hidden]){display:none !important}";
+const UtrechtDataListItemStyle0 = dataListItemCss;
 
 const DataListItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", null, h("slot", null)));
+        return (h("div", { key: 'ee144632c959aeb0d297d917717c24ab5a507e26' }, h("slot", { key: '6773c9d5c424a991005766510c88ed008bd081ee' })));
     }
 };
-DataListItem.style = dataListItemCss;
+DataListItem.style = UtrechtDataListItemStyle0;
 
 export { DataListItem as utrecht_data_list_item };
 

package/dist/esm/utrecht-data-list-item.entry.js.map

@@ -1 +1 @@
-{"file":"utrecht-data-list-item.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,02BAA02B;;MCar3B,YAAY;;;;IACvB,MAAM;QACJ,QACE,eACE,eAAQ,CACJ,EACN;KACH;;;;;;","names":[],"sources":["src/components/data-list-item.scss?tag=utrecht-data-list-item&encapsulation=shadow","src/components/data-list-item.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/data-list/css/mixin\";\n\n:host {\n  display: contents;\n}\n\ndiv {\n  @include utrecht-data-list__item;\n  @include utrecht-data-list__item--rows;\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 } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-data-list-item',\n  styleUrl: 'data-list-item.scss',\n  shadow: true,\n})\nexport class DataListItem {\n  render() {\n    return (\n      <div>\n        <slot />\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-data-list-item.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,02BAA02B,CAAC;AACn4B,kCAAe,eAAe;;MCYjB,YAAY;;;;IACvB,MAAM;QACJ,QACE,8DACE,8DAAQ,CACJ,EACN;KACH;;;;;;","names":[],"sources":["src/components/data-list-item.scss?tag=utrecht-data-list-item&encapsulation=shadow","src/components/data-list-item.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n  display: contents;\n}\n\ndiv {\n  @include utrecht-data-list__item;\n  @include utrecht-data-list__item--rows;\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 } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-data-list-item',\n  styleUrl: 'data-list-item.scss',\n  shadow: true,\n})\nexport class DataListItem {\n  render() {\n    return (\n      <div>\n        <slot />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/utrecht-data-list-key.entry.js

@@ -1,16 +1,17 @@
-import { r as registerInstance, h } from './index-47778138.js';
+import { r as registerInstance, h } from './index-593361c2.js';
 
 const dataListKeyCss = ":host{display:contents}dt{color:var(--utrecht-data-list-item-key-color);font-size:var(--utrecht-data-list-item-key-font-size);font-weight:var(--utrecht-data-list-item-key-font-weight);line-height:var(--utrecht-data-list-item-key-line-height)}:host([hidden]){display:none !important}";
+const UtrechtDataListKeyStyle0 = dataListKeyCss;
 
 const DataListValue = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("dt", null, h("slot", null)));
+        return (h("dt", { key: '90757070a61fd82137461bb83175d46972d61f9d' }, h("slot", { key: 'e92e2e4868186eef4d1e1882c7ab2d7f9f11143c' })));
     }
 };
-DataListValue.style = dataListKeyCss;
+DataListValue.style = UtrechtDataListKeyStyle0;
 
 export { DataListValue as utrecht_data_list_key };
 

package/dist/esm/utrecht-data-list-key.entry.js.map

@@ -1 +1 @@
-{"file":"utrecht-data-list-key.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,4RAA4R;;MCatS,aAAa;;;;IACxB,MAAM;QACJ,QACE,cACE,eAAa,CACV,EACL;KACH;;;;;;","names":[],"sources":["src/components/data-list-key.scss?tag=utrecht-data-list-key&encapsulation=shadow","src/components/data-list-key.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/data-list/css/mixin\";\n\n:host {\n  display: contents;\n}\n\ndt {\n  @include utrecht-data-list__item-key;\n  @include utrecht-data-list__item-key--rows;\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 } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-data-list-key',\n  styleUrl: 'data-list-key.scss',\n  shadow: true,\n})\nexport class DataListValue {\n  render() {\n    return (\n      <dt>\n        <slot></slot>\n      </dt>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-data-list-key.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,4RAA4R,CAAC;AACpT,iCAAe,cAAc;;MCYhB,aAAa;;;;IACxB,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;","names":[],"sources":["src/components/data-list-key.scss?tag=utrecht-data-list-key&encapsulation=shadow","src/components/data-list-key.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n  display: contents;\n}\n\ndt {\n  @include utrecht-data-list__item-key;\n  @include utrecht-data-list__item-key--rows;\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 } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-data-list-key',\n  styleUrl: 'data-list-key.scss',\n  shadow: true,\n})\nexport class DataListValue {\n  render() {\n    return (\n      <dt>\n        <slot></slot>\n      </dt>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/utrecht-data-list-value.entry.js

@@ -1,16 +1,17 @@
-import { r as registerInstance, h } from './index-47778138.js';
+import { r as registerInstance, h } from './index-593361c2.js';
 
 const dataListValueCss = ":host{display:contents}dd{color:var(--utrecht-data-list-item-value-color);font-size:var(--utrecht-data-list-item-value-font-size);font-weight:var(--utrecht-data-list-item-value-font-weight);line-height:var(--utrecht-data-list-item-value-line-height);min-block-size:calc(var(--utrecht-data-list-item-value-line-height) * 1rem);margin-inline-start:0;margin-block-start:var(--utrecht-data-list-rows-item-value-margin-block-start)}:host([hidden]){display:none !important}";
+const UtrechtDataListValueStyle0 = dataListValueCss;
 
 const DataListValue = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("dd", null, h("slot", null)));
+        return (h("dd", { key: 'a13f3052668e36aae749bf738b0dd555770b1d0e' }, h("slot", { key: '3669dcdd49f012746ab05066f93edbcde15970ae' })));
     }
 };
-DataListValue.style = dataListValueCss;
+DataListValue.style = UtrechtDataListValueStyle0;
 
 export { DataListValue as utrecht_data_list_value };
 

package/dist/esm/utrecht-data-list-value.entry.js.map

@@ -1 +1 @@
-{"file":"utrecht-data-list-value.entry.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,qdAAqd;;MCaje,aAAa;;;;IACxB,MAAM;QACJ,QACE,cACE,eAAa,CACV,EACL;KACH;;;;;;","names":[],"sources":["src/components/data-list-value.scss?tag=utrecht-data-list-value&encapsulation=shadow","src/components/data-list-value.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/data-list/css/mixin\";\n\n:host {\n  display: contents;\n}\n\ndd {\n  @include utrecht-data-list__item-value;\n  @include utrecht-data-list__item-value--html-dd;\n  @include utrecht-data-list__item-value--rows;\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 } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-data-list-value',\n  styleUrl: 'data-list-value.scss',\n  shadow: true,\n})\nexport class DataListValue {\n  render() {\n    return (\n      <dd>\n        <slot></slot>\n      </dd>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-data-list-value.entry.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,qdAAqd,CAAC;AAC/e,mCAAe,gBAAgB;;MCYlB,aAAa;;;;IACxB,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;","names":[],"sources":["src/components/data-list-value.scss?tag=utrecht-data-list-value&encapsulation=shadow","src/components/data-list-value.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n  display: contents;\n}\n\ndd {\n  @include utrecht-data-list__item-value;\n  @include utrecht-data-list__item-value--html-dd;\n  @include utrecht-data-list__item-value--rows;\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 } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-data-list-value',\n  styleUrl: 'data-list-value.scss',\n  shadow: true,\n})\nexport class DataListValue {\n  render() {\n    return (\n      <dd>\n        <slot></slot>\n      </dd>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/utrecht-data-list.entry.js

@@ -1,16 +1,17 @@
-import { r as registerInstance, h } from './index-47778138.js';
+import { r as registerInstance, h } from './index-593361c2.js';
 
 const dataListCss = ":host{display:contents}dl{display:block;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-data-list-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-data-list-margin-block-start, 0))}:host([hidden]){display:none !important}";
+const UtrechtDataListStyle0 = dataListCss;
 
 const DataList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("dl", null, h("slot", null)));
+        return (h("dl", { key: 'f223645b581a5c8d6b194b8e9ca69877383112e8' }, h("slot", { key: '20780396477a4347dd916249fca5b45eb6ddd8c6' })));
     }
 };
-DataList.style = dataListCss;
+DataList.style = UtrechtDataListStyle0;
 
 export { DataList as utrecht_data_list };
 

package/dist/esm/utrecht-data-list.entry.js.map

@@ -1 +1 @@
-{"file":"utrecht-data-list.entry.js","mappings":";;AAAA,MAAM,WAAW,GAAG,gSAAgS;;MCavS,QAAQ;;;;IACnB,MAAM;QACJ,QACE,cACE,eAAa,CACV,EACL;KACH;;;;;;","names":[],"sources":["src/components/data-list.scss?tag=utrecht-data-list&encapsulation=shadow","src/components/data-list.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/data-list/css/mixin\";\n\n:host {\n  display: contents;\n}\n\ndl {\n  @include utrecht-data-list;\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 } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-data-list',\n  styleUrl: 'data-list.scss',\n  shadow: true,\n})\nexport class DataList {\n  render() {\n    return (\n      <dl>\n        <slot></slot>\n      </dl>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-data-list.entry.js","mappings":";;AAAA,MAAM,WAAW,GAAG,gSAAgS,CAAC;AACrT,8BAAe,WAAW;;MCYb,QAAQ;;;;IACnB,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;","names":[],"sources":["src/components/data-list.scss?tag=utrecht-data-list&encapsulation=shadow","src/components/data-list.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n  display: contents;\n}\n\ndl {\n  @include utrecht-data-list;\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 } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-data-list',\n  styleUrl: 'data-list.scss',\n  shadow: true,\n})\nexport class DataList {\n  render() {\n    return (\n      <dl>\n        <slot></slot>\n      </dl>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/utrecht-digid-button.entry.js

@@ -1,6 +1,7 @@
-import { r as registerInstance, h } from './index-47778138.js';
+import { r as registerInstance, h } from './index-593361c2.js';
 
 const digidButtonCss = ".utrecht-digid-button{--utrecht-button-min-block-size:var(--utrecht-digid-button-block-size, 50px);--utrecht-logo-max-block-size:var(--utrecht-digid-button-block-size, 50px);--utrecht-logo-max-inline-size:var(--utrecht-digid-button-block-size, 50px);block-size:var(--utrecht-digid-button-block-size, 50px);display:inline-flex;gap:var(--utrecht-space-inline-sm)}:host{display:block}:host([hidden]){display:none !important}";
+const UtrechtDigidButtonStyle0 = digidButtonCss;
 
 const DigidButton = class {
     constructor(hostRef) {
@@ -8,10 +9,10 @@ const DigidButton = class {
         this.type = undefined;
     }
     render() {
-        return (h("div", { class: "utrecht-digid-button" }, h("utrecht-digid-logo", { class: "utrecht-digid-button__logo" }), h("slot", null)));
+        return (h("div", { key: 'ecfb79329b3f94db24eef1385a1b9d1b15611217', class: "utrecht-digid-button" }, h("utrecht-digid-logo", { key: 'f15212932bd7d86d173b91ea3afa63fbec73c141', class: "utrecht-digid-button__logo" }), h("slot", { key: 'ced08d49c2d267b28be5a1f4168d2f8c3ee9d579' })));
     }
 };
-DigidButton.style = digidButtonCss;
+DigidButton.style = UtrechtDigidButtonStyle0;
 
 export { DigidButton as utrecht_digid_button };
 

package/dist/esm/utrecht-digid-button.entry.js.map

@@ -1 +1 @@
-{"file":"utrecht-digid-button.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,uaAAua;;MCajb,WAAW;;;;;IAEtB,MAAM;QACJ,QACE,WAAK,KAAK,EAAC,sBAAsB,IAC/B,0BAAoB,KAAK,EAAC,4BAA4B,GAAG,EACzD,eAAa,CACT,EACN;KACH;;;;;;","names":[],"sources":["src/components/digid-button.scss?tag=utrecht-digid-button&encapsulation=shadow","src/components/digid-button.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/digid-button/css\";\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) 2021 Rijksoverheid\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-digid-button',\n  styleUrl: 'digid-button.scss',\n  shadow: true,\n})\nexport class DigidButton {\n  @Prop() type: string;\n  render() {\n    return (\n      <div class=\"utrecht-digid-button\">\n        <utrecht-digid-logo class=\"utrecht-digid-button__logo\" />\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-digid-button.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,uaAAua,CAAC;AAC/b,iCAAe,cAAc;;MCYhB,WAAW;;;;;IAEtB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,2EAAoB,KAAK,EAAC,4BAA4B,GAAG,EACzD,8DAAa,CACT,EACN;KACH;;;;;;","names":[],"sources":["src/components/digid-button.scss?tag=utrecht-digid-button&encapsulation=shadow","src/components/digid-button.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/digid-button-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) 2021 Rijksoverheid\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-digid-button',\n  styleUrl: 'digid-button.scss',\n  shadow: true,\n})\nexport class DigidButton {\n  @Prop() type: string;\n  render() {\n    return (\n      <div class=\"utrecht-digid-button\">\n        <utrecht-digid-logo class=\"utrecht-digid-button__logo\" />\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/utrecht-digid-logo.entry.js

@@ -1,16 +1,17 @@
-import { r as registerInstance, h } from './index-47778138.js';
+import { r as registerInstance, h } from './index-593361c2.js';
 
 const digidLogoCss = ".utrecht-icon{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start, 0);position:relative}.utrecht-icon svg{height:100%;pointer-events:none;width:100%}:host{display:inline;}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){:host{border-color:currentColor;border-radius:5px;border-style:solid;border-width:1px}}:host([hidden]){display:none !important}";
+const UtrechtDigidLogoStyle0 = digidLogoCss;
 
 const DigidLogo = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("svg", { class: "utrecht-icon", width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 150 150" }, h("path", { d: "M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z" }), h("path", { d: "M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z", fill: "#FFFFFF" }), h("path", { d: "M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z", fill: "#E17000" })));
+        return (h("svg", { key: 'ffbe2c88c0c107e627bcc113c382a110c2b390c4', class: "utrecht-icon", width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 150 150" }, h("path", { key: '6a2b3b3d152c02fe0d55cc958ac146679b35fd9c', d: "M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z" }), h("path", { key: '82bfa64bc437c889215be728d86ef31f082244ab', d: "M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z", fill: "#FFFFFF" }), h("path", { key: '270007edb1f36f471f8a370f4d64ec2daed58581', d: "M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z", fill: "#E17000" })));
     }
 };
-DigidLogo.style = digidLogoCss;
+DigidLogo.style = UtrechtDigidLogoStyle0;
 
 export { DigidLogo as utrecht_digid_logo };
 

package/dist/esm/utrecht-digid-logo.entry.js.map

@@ -1 +1 @@
-{"file":"utrecht-digid-logo.entry.js","mappings":";;AAAA,MAAM,YAAY,GAAG,kiBAAkiB;;MCa1iB,SAAS;;;;IACpB,MAAM;QACJ,QACE,WACE,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,KAAK,EACb,OAAO,EAAC,aAAa,IAErB,YAAM,CAAC,EAAC,oFAAoF,GAAG,EAC/F,YACE,CAAC,EAAC,wZAAwZ,EAC1Z,IAAI,EAAC,SAAS,GACd,EACF,YACE,CAAC,EAAC,iKAAiK,EACnK,IAAI,EAAC,SAAS,GACd,CACE,EACN;KACH;;;;;;","names":[],"sources":["src/components/digid-logo.scss?tag=utrecht-digid-logo&encapsulation=shadow","src/components/digid-logo.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n@import \"~@utrecht/components/icon/css\";\n\n@mixin utrecht-black-icon--media-query-forced-colors {\n  /* A black icon can become invisible on a forced black background.\n   * Add a contrasting border color */\n  @media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {\n    border-color: currentColor;\n    border-radius: 5px;\n    border-style: solid;\n\n    /* Warning: there layout difference because of the added 1px border */\n    border-width: 1px;\n  }\n}\n\n:host {\n  display: inline;\n\n  @include utrecht-black-icon--media-query-forced-colors;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Rijksoverheid\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-digid-logo',\n  styleUrl: 'digid-logo.scss',\n  shadow: true,\n})\nexport class DigidLogo {\n  render() {\n    return (\n      <svg\n        class=\"utrecht-icon\"\n        width=\"100%\"\n        height=\"100%\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        version=\"1.1\"\n        viewBox=\"0 0 150 150\"\n      >\n        <path d=\"M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z\" />\n        <path\n          d=\"M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z\"\n          fill=\"#FFFFFF\"\n        />\n        <path\n          d=\"M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z\"\n          fill=\"#E17000\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-digid-logo.entry.js","mappings":";;AAAA,MAAM,YAAY,GAAG,kiBAAkiB,CAAC;AACxjB,+BAAe,YAAY;;MCYd,SAAS;;;;IACpB,MAAM;QACJ,QACE,4DACE,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,KAAK,EACb,OAAO,EAAC,aAAa,IAErB,6DAAM,CAAC,EAAC,oFAAoF,GAAG,EAC/F,6DACE,CAAC,EAAC,wZAAwZ,EAC1Z,IAAI,EAAC,SAAS,GACd,EACF,6DACE,CAAC,EAAC,iKAAiK,EACnK,IAAI,EAAC,SAAS,GACd,CACE,EACN;KACH;;;;;;","names":[],"sources":["src/components/digid-logo.scss?tag=utrecht-digid-logo&encapsulation=shadow","src/components/digid-logo.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n@import \"~@utrecht/icon/src\";\n\n@mixin utrecht-black-icon--media-query-forced-colors {\n  /* A black icon can become invisible on a forced black background.\n   * Add a contrasting border color */\n  @media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {\n    border-color: currentColor;\n    border-radius: 5px;\n    border-style: solid;\n\n    /* Warning: there layout difference because of the added 1px border */\n    border-width: 1px;\n  }\n}\n\n:host {\n  display: inline;\n\n  @include utrecht-black-icon--media-query-forced-colors;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Rijksoverheid\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-digid-logo',\n  styleUrl: 'digid-logo.scss',\n  shadow: true,\n})\nexport class DigidLogo {\n  render() {\n    return (\n      <svg\n        class=\"utrecht-icon\"\n        width=\"100%\"\n        height=\"100%\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        version=\"1.1\"\n        viewBox=\"0 0 150 150\"\n      >\n        <path d=\"M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z\" />\n        <path\n          d=\"M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z\"\n          fill=\"#FFFFFF\"\n        />\n        <path\n          d=\"M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z\"\n          fill=\"#E17000\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}