@utrecht/web-component-library-stencil 1.0.0-alpha.575 → 1.0.0-alpha.577

package/dist/collection/components/data-list-item.css

@@ -0,0 +1,40 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021-2022 Gemeente Utrecht
+ * Copyright (c) 2021-2022 Frameless B.V.
+ */
+/* `@mixin utrecht-data-list--html-dl` is not necessary.
+ * Default styles include only `display` and `margin`, and those properties are configured by default.
+ */
+/* `@mixin utrecht-data-list__item-key--html-dt` is not necessary, `<dt>` has no default styles. */
+/* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
+:host {
+  display: contents;
+}
+
+div {
+  page-break-inside: avoid;
+  --_utrecht-minmax: max(
+    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),
+    var(--utrecht-data-list-rows-column-inline-size, 80%)
+  );
+  --_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);
+  row-gap: 0;
+}
+
+:host([hidden]) {
+  display: none !important;
+}

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

@@ -0,0 +1,24 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+import { h } from '@stencil/core';
+export class DataListItem {
+  render() {
+    return (h("div", null, h("slot", null)));
+  }
+  static get is() { return "utrecht-data-list-item"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["data-list-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["data-list-item.css"]
+    };
+  }
+}
+//# sourceMappingURL=data-list-item.js.map

package/dist/collection/components/data-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-item.js","sourceRoot":"","sources":["../../../src/components/data-list-item.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,YAAY;EACvB,MAAM;IACJ,OAAO,CACL;MACE,eAAQ,CACJ,CACP,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\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"]}

package/dist/collection/components/data-list-key.css

@@ -0,0 +1,29 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021-2022 Gemeente Utrecht
+ * Copyright (c) 2021-2022 Frameless B.V.
+ */
+/* `@mixin utrecht-data-list--html-dl` is not necessary.
+ * Default styles include only `display` and `margin`, and those properties are configured by default.
+ */
+/* `@mixin utrecht-data-list__item-key--html-dt` is not necessary, `<dt>` has no default styles. */
+/* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
+: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;
+}

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

@@ -0,0 +1,24 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+import { h } from '@stencil/core';
+export class DataListValue {
+  render() {
+    return (h("dt", null, h("slot", null)));
+  }
+  static get is() { return "utrecht-data-list-key"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["data-list-key.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["data-list-key.css"]
+    };
+  }
+}
+//# sourceMappingURL=data-list-key.js.map

package/dist/collection/components/data-list-key.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-key.js","sourceRoot":"","sources":["../../../src/components/data-list-key.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,aAAa;EACxB,MAAM;IACJ,OAAO,CACL;MACE,eAAa,CACV,CACN,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\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"]}

package/dist/collection/components/data-list-value.css

@@ -0,0 +1,34 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021-2022 Gemeente Utrecht
+ * Copyright (c) 2021-2022 Frameless B.V.
+ */
+/* `@mixin utrecht-data-list--html-dl` is not necessary.
+ * Default styles include only `display` and `margin`, and those properties are configured by default.
+ */
+/* `@mixin utrecht-data-list__item-key--html-dt` is not necessary, `<dt>` has no default styles. */
+/* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
+:host {
+  display: contents;
+}
+
+dd {
+  /* configure `min-block-size` in case the value is empty */
+  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);
+  /* reset browser styling of <dd> */
+  margin-inline-start: 0;
+  margin-block-start: var(--utrecht-data-list-rows-item-value-margin-block-start);
+}
+
+:host([hidden]) {
+  display: none !important;
+}

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

@@ -0,0 +1,24 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+import { h } from '@stencil/core';
+export class DataListValue {
+  render() {
+    return (h("dd", null, h("slot", null)));
+  }
+  static get is() { return "utrecht-data-list-value"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["data-list-value.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["data-list-value.css"]
+    };
+  }
+}
+//# sourceMappingURL=data-list-value.js.map

package/dist/collection/components/data-list-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-value.js","sourceRoot":"","sources":["../../../src/components/data-list-value.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,aAAa;EACxB,MAAM;IACJ,OAAO,CACL;MACE,eAAa,CACV,CACN,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\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"]}

package/dist/collection/components/data-list.css

@@ -0,0 +1,29 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021-2022 Gemeente Utrecht
+ * Copyright (c) 2021-2022 Frameless B.V.
+ */
+/* `@mixin utrecht-data-list--html-dl` is not necessary.
+ * Default styles include only `display` and `margin`, and those properties are configured by default.
+ */
+/* `@mixin utrecht-data-list__item-key--html-dt` is not necessary, `<dt>` has no default styles. */
+/* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
+:host {
+  display: contents;
+}
+
+dl {
+  /* also set `margin-block` to reset browser styling of <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;
+}

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

@@ -0,0 +1,24 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+import { h } from '@stencil/core';
+export class DataList {
+  render() {
+    return (h("dl", null, h("slot", null)));
+  }
+  static get is() { return "utrecht-data-list"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["data-list.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["data-list.css"]
+    };
+  }
+}
+//# sourceMappingURL=data-list.js.map

package/dist/collection/components/data-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list.js","sourceRoot":"","sources":["../../../src/components/data-list.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,QAAQ;EACnB,MAAM;IACJ,OAAO,CACL;MACE,eAAa,CACV,CACN,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\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"]}

package/dist/components/utrecht-column-layout.d.ts

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

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

@@ -0,0 +1,38 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+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 ColumnLayout = /*@__PURE__*/ proxyCustomElement(class ColumnLayout extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.rule = false;
+  }
+  render() {
+    return h("slot", null);
+  }
+  static get style() { return columnLayoutCss; }
+}, [1, "utrecht-column-layout", {
+    "rule": [516]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-column-layout"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-column-layout":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ColumnLayout);
+      }
+      break;
+  } });
+}
+
+const UtrechtColumnLayout = ColumnLayout;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtColumnLayout, defineCustomElement };
+
+//# sourceMappingURL=utrecht-column-layout.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-column-layout.js","mappings":";;AAAA,MAAM,eAAe,GAAG,uVAAuV;;MCalW,YAAY;;;;;gBACkB,KAAK;;EAC9C,MAAM;IACJ,OAAO,eAAa,CAAC;GACtB;;;;;;;;;;;;;;;;;;;;;;;;","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}

package/dist/components/utrecht-data-list-actions.d.ts

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

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

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+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 DataListValue = /*@__PURE__*/ proxyCustomElement(class DataListValue extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("dd", null, h("slot", null)));
+  }
+  static get style() { return dataListActionsCss; }
+}, [1, "utrecht-data-list-actions"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-data-list-actions"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-data-list-actions":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DataListValue);
+      }
+      break;
+  } });
+}
+
+const UtrechtDataListActions = DataListValue;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtDataListActions, defineCustomElement };
+
+//# sourceMappingURL=utrecht-data-list-actions.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-data-list-actions.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,+KAA+K;;MCa7L,aAAa;;;;;;EACxB,MAAM;IACJ,QACE,cACE,eAAa,CACV,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;","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}

package/dist/components/utrecht-data-list-item.d.ts

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

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

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+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);row-gap:0}:host([hidden]){display:none !important}";
+
+const DataListItem = /*@__PURE__*/ proxyCustomElement(class DataListItem extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("div", null, h("slot", null)));
+  }
+  static get style() { return dataListItemCss; }
+}, [1, "utrecht-data-list-item"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-data-list-item"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-data-list-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DataListItem);
+      }
+      break;
+  } });
+}
+
+const UtrechtDataListItem = DataListItem;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtDataListItem, defineCustomElement };
+
+//# sourceMappingURL=utrecht-data-list-item.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-data-list-item.js","mappings":";;AAAA,MAAM,eAAe,GAAG,wtBAAwtB;;MCanuB,YAAY;;;;;;EACvB,MAAM;IACJ,QACE,eACE,eAAQ,CACJ,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;","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}

package/dist/components/utrecht-data-list-key.d.ts

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

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

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+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 DataListValue = /*@__PURE__*/ proxyCustomElement(class DataListValue extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("dt", null, h("slot", null)));
+  }
+  static get style() { return dataListKeyCss; }
+}, [1, "utrecht-data-list-key"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-data-list-key"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-data-list-key":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DataListValue);
+      }
+      break;
+  } });
+}
+
+const UtrechtDataListKey = DataListValue;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtDataListKey, defineCustomElement };
+
+//# sourceMappingURL=utrecht-data-list-key.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-data-list-key.js","mappings":";;AAAA,MAAM,cAAc,GAAG,4RAA4R;;MCatS,aAAa;;;;;;EACxB,MAAM;IACJ,QACE,cACE,eAAa,CACV,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;","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}

package/dist/components/utrecht-data-list-value.d.ts

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

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

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+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 DataListValue = /*@__PURE__*/ proxyCustomElement(class DataListValue extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("dd", null, h("slot", null)));
+  }
+  static get style() { return dataListValueCss; }
+}, [1, "utrecht-data-list-value"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-data-list-value"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-data-list-value":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DataListValue);
+      }
+      break;
+  } });
+}
+
+const UtrechtDataListValue = DataListValue;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtDataListValue, defineCustomElement };
+
+//# sourceMappingURL=utrecht-data-list-value.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-data-list-value.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,qdAAqd;;MCaje,aAAa;;;;;;EACxB,MAAM;IACJ,QACE,cACE,eAAa,CACV,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;","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}

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

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

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

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+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 DataList = /*@__PURE__*/ proxyCustomElement(class DataList extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("dl", null, h("slot", null)));
+  }
+  static get style() { return dataListCss; }
+}, [1, "utrecht-data-list"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-data-list"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-data-list":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DataList);
+      }
+      break;
+  } });
+}
+
+const UtrechtDataList = DataList;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtDataList, defineCustomElement };
+
+//# sourceMappingURL=utrecht-data-list.js.map

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

@@ -0,0 +1 @@
+{"file":"utrecht-data-list.js","mappings":";;AAAA,MAAM,WAAW,GAAG,gSAAgS;;MCavS,QAAQ;;;;;;EACnB,MAAM;IACJ,QACE,cACE,eAAa,CACV,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;","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}

package/dist/esm/index-380964e2.js

@@ -1868,6 +1868,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './utrecht-checkbox.entry.js').then(processMod, consoleError);
+        case 'utrecht-column-layout':
+          return import(
+            /* webpackMode: "lazy" */
+            './utrecht-column-layout.entry.js').then(processMod, consoleError);
         case 'utrecht-contact-card-template':
           return import(
             /* webpackMode: "lazy" */
@@ -1876,6 +1880,26 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './utrecht-custom-checkbox.entry.js').then(processMod, consoleError);
+        case 'utrecht-data-list':
+          return import(
+            /* webpackMode: "lazy" */
+            './utrecht-data-list.entry.js').then(processMod, consoleError);
+        case 'utrecht-data-list-actions':
+          return import(
+            /* webpackMode: "lazy" */
+            './utrecht-data-list-actions.entry.js').then(processMod, consoleError);
+        case 'utrecht-data-list-item':
+          return import(
+            /* webpackMode: "lazy" */
+            './utrecht-data-list-item.entry.js').then(processMod, consoleError);
+        case 'utrecht-data-list-key':
+          return import(
+            /* webpackMode: "lazy" */
+            './utrecht-data-list-key.entry.js').then(processMod, consoleError);
+        case 'utrecht-data-list-value':
+          return import(
+            /* webpackMode: "lazy" */
+            './utrecht-data-list-value.entry.js').then(processMod, consoleError);
         case 'utrecht-digid-button':
           return import(
             /* webpackMode: "lazy" */