@utrecht/web-component-library-stencil 1.0.0-alpha.6 → 1.0.0-alpha.600

package/dist/components/digid-logo.js

@@ -0,0 +1,32 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+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 DigidLogo = /*@__PURE__*/ proxyCustomElement(class DigidLogo extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  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" })));
+  }
+  static get style() { return digidLogoCss; }
+}, [1, "utrecht-digid-logo"]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-digid-logo"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-digid-logo":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DigidLogo);
+      }
+      break;
+  } });
+}
+
+export { DigidLogo as D, defineCustomElement as d };
+
+//# sourceMappingURL=digid-logo.js.map

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

@@ -0,0 +1 @@
+{"file":"digid-logo.js","mappings":";;AAAA,MAAM,YAAY,GAAG,kiBAAkiB;;MCa1iB,SAAS;;;;;;EACpB,MAAM;IACJ,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;GACH;;;;;;;;;;;;;;;;;;;","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}

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

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { c as clsx } from './clsx.m.js';
+
+const formFieldDescriptionCss = ".utrecht-form-field-description{--utrecht-document-color:currentColor;color:var(--utrecht-form-field-description-color);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-description-font-size, inherit);font-style:var(--utrecht-form-field-description-font-style);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)))}.utrecht-form-field-description>*{--utrecht-space-around:1}.utrecht-form-field-description--distanced{--utrecht-space-around:1}.utrecht-form-field-description--invalid{color:var(--utrecht-form-field-description-invalid-color, var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color)))}.utrecht-form-field-description--valid{color:var(--utrecht-form-field-description-valid-color, var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color)))}.utrecht-form-field-description--warning{color:var(--utrecht-form-field-description-warning-color, var(--utrecht-feedback-warning-color))}:host{display:block}:host([hidden]){display:none !important}";
+
+const FormFieldDescription = /*@__PURE__*/ proxyCustomElement(class FormFieldDescription extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.status = null;
+  }
+  render() {
+    const { status } = this;
+    return (h("div", { class: clsx('utrecht-form-field-description', status === 'valid' && 'utrecht-form-field-description--valid', status === 'invalid' && 'utrecht-form-field-description--invalid') }, h("slot", null)));
+  }
+  static get style() { return formFieldDescriptionCss; }
+}, [1, "utrecht-form-field-description", {
+    "status": [513]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-form-field-description"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-form-field-description":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, FormFieldDescription);
+      }
+      break;
+  } });
+}
+
+export { FormFieldDescription as F, defineCustomElement as d };
+
+//# sourceMappingURL=form-field-description.js.map

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

@@ -0,0 +1 @@
+{"file":"form-field-description.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,+wCAA+wC;;MCalyC,oBAAoB;;;;;kBACiC,IAAI;;EAEpE,MAAM;IACJ,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAExB,QACE,WACE,KAAK,EAAE,IAAI,CACT,gCAAgC,EAChC,MAAM,KAAK,OAAO,IAAI,uCAAuC,EAC7D,MAAM,KAAK,SAAS,IAAI,yCAAyC,CAClE,IAED,eAAa,CACT,EACN;GACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/form-field-description.scss?tag=utrecht-form-field-description&encapsulation=shadow","./src/components/form-field-description.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/form-field-description/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-form-field-description',\n  styleUrl: 'form-field-description.scss',\n  shadow: true,\n})\nexport class FormFieldDescription {\n  @Prop({ attribute: 'status', reflect: true }) status?: string = null;\n\n  render() {\n    const { status } = this;\n\n    return (\n      <div\n        class={clsx(\n          'utrecht-form-field-description',\n          status === 'valid' && 'utrecht-form-field-description--valid',\n          status === 'invalid' && 'utrecht-form-field-description--invalid',\n        )}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/heading-2.js

@@ -0,0 +1,32 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const heading2Css = ".utrecht-heading-2{break-inside:avoid-column;page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size, revert);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-heading-2-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-2--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";
+
+const Heading2 = /*@__PURE__*/ proxyCustomElement(class Heading2 extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("h2", { class: "utrecht-heading-2" }, h("slot", null)));
+  }
+  static get style() { return heading2Css; }
+}, [1, "utrecht-heading-2"]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-heading-2"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-heading-2":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Heading2);
+      }
+      break;
+  } });
+}
+
+export { Heading2 as H, defineCustomElement as d };
+
+//# sourceMappingURL=heading-2.js.map

package/dist/components/heading-2.js.map

@@ -0,0 +1 @@
+{"file":"heading-2.js","mappings":";;AAAA,MAAM,WAAW,GAAG,41BAA41B;;MCOn2B,QAAQ;;;;;;EACnB,MAAM;IACJ,QACE,UAAI,KAAK,EAAC,mBAAmB,IAC3B,eAAa,CACV,EACL;GACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/heading-2.scss?tag=utrecht-heading-2&encapsulation=shadow","./src/components/heading-2.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/heading-2/css\";\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-heading-2',\n  styleUrl: 'heading-2.scss',\n  shadow: true,\n})\nexport class Heading2 {\n  render() {\n    return (\n      <h2 class=\"utrecht-heading-2\">\n        <slot></slot>\n      </h2>\n    );\n  }\n}\n"],"version":3}

package/dist/components/heading-3.js

@@ -0,0 +1,32 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const heading3Css = ".utrecht-heading-3{break-inside:avoid-column;page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size, revert);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-3--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";
+
+const Heading3 = /*@__PURE__*/ proxyCustomElement(class Heading3 extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("h3", { class: "utrecht-heading-3" }, h("slot", null)));
+  }
+  static get style() { return heading3Css; }
+}, [1, "utrecht-heading-3"]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-heading-3"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-heading-3":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Heading3);
+      }
+      break;
+  } });
+}
+
+export { Heading3 as H, defineCustomElement as d };
+
+//# sourceMappingURL=heading-3.js.map

package/dist/components/heading-3.js.map

@@ -0,0 +1 @@
+{"file":"heading-3.js","mappings":";;AAAA,MAAM,WAAW,GAAG,41BAA41B;;MCOn2B,QAAQ;;;;;;EACnB,MAAM;IACJ,QACE,UAAI,KAAK,EAAC,mBAAmB,IAC3B,eAAa,CACV,EACL;GACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/heading-3.scss?tag=utrecht-heading-3&encapsulation=shadow","./src/components/heading-3.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/heading-3/css\";\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-heading-3',\n  styleUrl: 'heading-3.scss',\n  shadow: true,\n})\nexport class Heading3 {\n  render() {\n    return (\n      <h3 class=\"utrecht-heading-3\">\n        <slot></slot>\n      </h3>\n    );\n  }\n}\n"],"version":3}

package/dist/components/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;

package/dist/components/index.js

@@ -0,0 +1,3 @@
+export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/components/paragraph.js

@@ -0,0 +1,36 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { c as clsx } from './clsx.m.js';
+
+const paragraphCss = ".utrecht-paragraph{color:var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));font-size:var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));font-weight:var(--utrecht-paragraph-font-weight, inherit);line-height:var(--utrecht-paragraph-line-height, var(--utrecht-document-line-height, inherit));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-start, 0))}.utrecht-paragraph--lead{color:var(--utrecht-paragraph-lead-color, var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit)));font-size:var(--utrecht-paragraph-lead-font-size, var(--utrecht-paragraph-font-size, inherit));font-weight:var(--utrecht-paragraph-lead-font-weight, var(--utrecht-paragraph-font-weight, inherit));line-height:var(--utrecht-paragraph-lead-line-height, var(--utrecht-paragraph-line-height, inherit))}.utrecht-paragraph--small{color:var(--utrecht-paragraph-small-color, var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit)));font-size:var(--utrecht-paragraph-small-font-size, var(--utrecht-paragraph-font-size, inherit));font-weight:var(--utrecht-paragraph-small-font-weight, var(--utrecht-paragraph-font-weight, inherit));line-height:var(--utrecht-paragraph-small-line-height, var(--utrecht-paragraph-line-height, inherit))}.utrecht-paragraph__small{font-size:inherit}.utrecht-paragraph__b{font-weight:inherit}.utrecht-paragraph--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";
+
+const Paragraph = /*@__PURE__*/ proxyCustomElement(class Paragraph extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.lead = undefined;
+  }
+  render() {
+    return (h("div", { class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", null)));
+  }
+  static get style() { return paragraphCss; }
+}, [1, "utrecht-paragraph", {
+    "lead": [4]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-paragraph"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-paragraph":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Paragraph);
+      }
+      break;
+  } });
+}
+
+export { Paragraph as P, defineCustomElement as d };
+
+//# sourceMappingURL=paragraph.js.map

package/dist/components/paragraph.js.map

@@ -0,0 +1 @@
+{"file":"paragraph.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,urDAAurD;;MCQ/rD,SAAS;;;;;;;EAMpB,MAAM;IACJ,QACE,WAAK,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,IAAI,IAAI,yBAAyB,CAAC,IAC3E,eAAa,CACT,EACN;GACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/paragraph.scss?tag=utrecht-paragraph&encapsulation=shadow","./src/components/paragraph.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/paragraph/css/index\";\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-paragraph',\n  styleUrl: 'paragraph.scss',\n  shadow: true,\n})\nexport class Paragraph {\n  /**\n   * Lead paragraph\n   */\n  @Prop() lead: boolean;\n\n  render() {\n    return (\n      <div class={clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead')}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/utrecht-alert.js

@@ -0,0 +1,44 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { c as clsx } from './clsx.m.js';
+
+const alertCss = ".utrecht-alert{background-color:var(--_utrecht-alert-background-color, var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color, var(--utrecht-alert-border-color));border-radius:var(--utrecht-alert-border-radius, 0);border-style:solid;border-width:var(--_utrecht-alert-border-width, var(--utrecht-alert-border-width, 0));color:var(--_utrecht-alert-color, var(--utrecht-alert-color));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:\"icon message\";grid-template-columns:0fr 100fr;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color, var(--utrecht-alert-icon-color));grid-area:icon}.utrecht-alert__message{grid-area:message}.utrecht-alert--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color:var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-ok-border-width);--_utrecht-alert-color:var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}:host{display:block}:host([hidden]){display:none !important}";
+
+const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.type = undefined;
+  }
+  render() {
+    return (h("div", { class: clsx('utrecht-alert', {
+        'utrecht-alert--error': this.type === 'error',
+        'utrecht-alert--info': this.type === 'info',
+        'utrecht-alert--ok': this.type === 'ok',
+        'utrecht-alert--warning': this.type === 'warning',
+      }) }, h("div", { class: "utrecht-alert__icon" }, h("slot", { name: "icon" })), h("div", { class: "utrecht-alert__message" }, h("slot", null))));
+  }
+  static get style() { return alertCss; }
+}, [1, "utrecht-alert", {
+    "type": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-alert"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-alert":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Alert);
+      }
+      break;
+  } });
+}
+
+const UtrechtAlert = Alert;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtAlert, defineCustomElement };
+
+//# sourceMappingURL=utrecht-alert.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-alert.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,qkFAAqkF;;MCczkF,KAAK;;;;;;;EAGhB,MAAM;IACJ,QACE,WACE,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE;QAC3B,sBAAsB,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;QAC7C,qBAAqB,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;QAC3C,mBAAmB,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;QACvC,wBAAwB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;OAClD,CAAC,IAEF,WAAK,KAAK,EAAC,qBAAqB,IAC9B,YAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,EACN,WAAK,KAAK,EAAC,wBAAwB,IACjC,eAAa,CACT,CACF,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/alert.scss?tag=utrecht-alert&encapsulation=shadow","./src/components/alert.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/alert/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-alert',\n  styleUrl: 'alert.scss',\n  shadow: true,\n})\nexport class Alert {\n  @Prop() type: string;\n\n  render() {\n    return (\n      <div\n        class={clsx('utrecht-alert', {\n          'utrecht-alert--error': this.type === 'error',\n          'utrecht-alert--info': this.type === 'info',\n          'utrecht-alert--ok': this.type === 'ok',\n          'utrecht-alert--warning': this.type === 'warning',\n        })}\n      >\n        <div class=\"utrecht-alert__icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n        <div class=\"utrecht-alert__message\">\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/utrecht-article.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const articleCss = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";
+
+const Article = /*@__PURE__*/ proxyCustomElement(class Article extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("article", { class: "utrecht-article" }, h("slot", null)));
+  }
+  static get style() { return articleCss; }
+}, [1, "utrecht-article"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-article"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-article":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Article);
+      }
+      break;
+  } });
+}
+
+const UtrechtArticle = Article;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtArticle, defineCustomElement };
+
+//# sourceMappingURL=utrecht-article.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-article.js","mappings":";;AAAA,MAAM,UAAU,GAAG,sIAAsI;;MCa5I,OAAO;;;;;;EAClB,MAAM;IACJ,QACE,eAAS,KAAK,EAAC,iBAAiB,IAC9B,eAAa,CACL,EACV;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/article.scss?tag=utrecht-article&encapsulation=shadow","./src/components/article.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/article/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 } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-article',\n  styleUrl: 'article.scss',\n  shadow: true,\n})\nexport class Article {\n  render() {\n    return (\n      <article class=\"utrecht-article\">\n        <slot></slot>\n      </article>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/utrecht-backdrop.js

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { c as clsx } from './clsx.m.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 Backdrop = /*@__PURE__*/ proxyCustomElement(class Backdrop extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.viewport = undefined;
+  }
+  render() {
+    const { viewport } = this;
+    return (h("div", { class: clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') }, h("slot", null)));
+  }
+  static get style() { return backdropCss; }
+}, [1, "utrecht-backdrop", {
+    "viewport": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-backdrop"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-backdrop":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Backdrop);
+      }
+      break;
+  } });
+}
+
+const UtrechtBackdrop = Backdrop;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtBackdrop, defineCustomElement };
+
+//# sourceMappingURL=utrecht-backdrop.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-backdrop.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,05CAA05C;;MCcj6C,QAAQ;;;;;;;EAEnB,MAAM;IACJ,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAC1B,QACE,WAAK,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,IAAI,4BAA4B,CAAC,IAC5E,eAAQ,CACJ,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;","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}

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

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

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

@@ -0,0 +1,46 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const badgeCounterCss = ".utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));border-radius:var(--utrecht-badge-counter-border-radius, var(--utrecht-badge-border-radius, 0.5ch));color:var(--utrecht-badge-counter-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-counter-font-size);font-style:var(--utrecht-badge-counter-font-style, normal);font-weight:var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold));line-height:1;max-block-size:max-content;max-inline-size:max-content;min-block-size:var(--utrecht-badge-counter-min-size, 1em);min-inline-size:var(--utrecht-badge-counter-min-size, 1em);padding-block-end:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-align:center;text-decoration:none;white-space:nowrap}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-badge-counter{border-color:currentColor;border-style:solid;border-width:1px}}:host{display:inline-block}:host([hidden]){display:none !important}";
+
+const BadgeCounter = /*@__PURE__*/ proxyCustomElement(class BadgeCounter extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.value = undefined;
+    this.max = undefined;
+    this.locale = undefined;
+  }
+  render() {
+    const { locale, max, value } = this;
+    const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);
+    const formatNumber = (n) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));
+    const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';
+    return h("div", { class: "utrecht-badge-counter" }, textContent ? textContent : h("slot", null));
+  }
+  static get style() { return badgeCounterCss; }
+}, [1, "utrecht-badge-counter", {
+    "value": [2],
+    "max": [2],
+    "locale": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-badge-counter"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-badge-counter":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BadgeCounter);
+      }
+      break;
+  } });
+}
+
+const UtrechtBadgeCounter = BadgeCounter;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtBadgeCounter, defineCustomElement };
+
+//# sourceMappingURL=utrecht-badge-counter.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-badge-counter.js","mappings":";;AAAA,MAAM,eAAe,GAAG,6+CAA6+C;;MCax/C,YAAY;;;;;;;;;EAKvB,MAAM;IACJ,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAEpC,MAAM,OAAO,GAAG,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACpG,MAAM,YAAY,GAAG,CAAC,CAAS,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/F,MAAM,WAAW,GAAG,OAAO,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;IAE7G,OAAO,WAAK,KAAK,EAAC,uBAAuB,IAAE,WAAW,GAAG,WAAW,GAAG,eAAa,CAAO,CAAC;GAC7F;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/badge-counter.scss?tag=utrecht-badge-counter&encapsulation=shadow","./src/components/badge-counter.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/badge-counter/css\";\n\n:host {\n  display: inline-block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-badge-counter',\n  styleUrl: 'badge-counter.scss',\n  shadow: true,\n})\nexport class BadgeCounter {\n  @Prop() value: number;\n  @Prop() max: number;\n  @Prop() locale: string;\n\n  render() {\n    const { locale, max, value } = this;\n\n    const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);\n    const formatNumber = (n: number) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));\n    const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';\n\n    return <div class=\"utrecht-badge-counter\">{textContent ? textContent : <slot></slot>}</div>;\n  }\n}\n"],"version":3}

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

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

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

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const badgeDataCss = ".utrecht-badge-data{background-color:var(--utrecht-badge-background-color, hsl(0, 0%, 0%));border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, hsl(0, 0%, 100%));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height, 1em);max-block-size:max-content;max-inline-size:max-content;min-block-size:1em;min-inline-size:1em;padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;letter-spacing:var(--utrecht-badge-data-letter-spacing, inherit);text-transform:var(--utrecht-badge-data-text-transform, inherit)}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-badge-data{border-color:currentColor;border-style:solid;border-width:1px}}:host{display:inline-block}:host([hidden]){display:none !important}";
+
+const BadgeData = /*@__PURE__*/ proxyCustomElement(class BadgeData extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("div", { class: "utrecht-badge-data" }, h("slot", null)));
+  }
+  static get style() { return badgeDataCss; }
+}, [1, "utrecht-badge-data"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-badge-data"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-badge-data":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BadgeData);
+      }
+      break;
+  } });
+}
+
+const UtrechtBadgeData = BadgeData;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtBadgeData, defineCustomElement };
+
+//# sourceMappingURL=utrecht-badge-data.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-badge-data.js","mappings":";;AAAA,MAAM,YAAY,GAAG,wrCAAwrC;;MCahsC,SAAS;;;;;;EACpB,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,oBAAoB,IAC7B,eAAa,CACT,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/badge-data.scss?tag=utrecht-badge-data&encapsulation=shadow","./src/components/badge-data.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/badge-data/css/index\";\n\n:host {\n  display: inline-block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-badge-data',\n  styleUrl: 'badge-data.scss',\n  shadow: true,\n})\nexport class BadgeData {\n  render() {\n    return (\n      <div class=\"utrecht-badge-data\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

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

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

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const badgeListCss = ".utrecht-badge-list{display:flex;flex-wrap:wrap;gap:var(--utrecht-badge-list-item-margin-block) var(--utrecht-badge-list-item-margin-inline)}:host{display:block}:host([hidden]){display:none !important}";
+
+const BadgeList = /*@__PURE__*/ proxyCustomElement(class BadgeList extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("div", { class: "utrecht-badge-list" }, h("slot", null)));
+  }
+  static get style() { return badgeListCss; }
+}, [1, "utrecht-badge-list"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-badge-list"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-badge-list":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BadgeList);
+      }
+      break;
+  } });
+}
+
+const UtrechtBadgeList = BadgeList;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtBadgeList, defineCustomElement };
+
+//# sourceMappingURL=utrecht-badge-list.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-badge-list.js","mappings":";;AAAA,MAAM,YAAY,GAAG,2MAA2M;;MCanN,SAAS;;;;;;EACpB,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,oBAAoB,IAC7B,eAAa,CACT,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/badge-list.scss?tag=utrecht-badge-list&encapsulation=shadow","./src/components/badge-list.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/badge-list/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 } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-badge-list',\n  styleUrl: 'badge-list.scss',\n  shadow: true,\n})\nexport class BadgeList {\n  render() {\n    return (\n      <div class=\"utrecht-badge-list\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

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