@utrecht/web-component-library-stencil 1.0.0-alpha.219 → 1.0.0-alpha.221

package/dist/collection/table/web-component/table-caption.css

@@ -0,0 +1,20 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
+:host {
+  color: var(--utrecht-table-caption-color);
+  font-family: var(--utrecht-table-caption-font-family);
+  font-size: var(--utrecht-table-caption-font-size);
+  font-weight: var(--utrecht-table-caption-font-weight);
+  line-height: var(--utrecht-table-caption-line-height);
+  margin-block-end: var(--utrecht-table-caption-margin-block-end);
+  text-align: var(--utrecht-table-caption-text-align, center);
+  display: table-caption;
+}

package/dist/collection/table/web-component/table-caption.stencil.js

@@ -0,0 +1,15 @@
+import { Component, h } from '@stencil/core';
+export class TableCaption {
+  render() {
+    // TODO: Associate with parent <utrecht-table> aria-labelledby attribute
+    return h("slot", null);
+  }
+  static get is() { return "utrecht-table-caption"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["table-caption.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["table-caption.css"]
+  }; }
+}

package/dist/collection/table/web-component/table-cell.css

@@ -0,0 +1,22 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
+:host {
+  border-block-end-color: var(--utrecht-table-row-border-block-end-color, transparent);
+  border-block-end-style: solid;
+  border-block-end-width: var(--utrecht-table-row-border-block-end-width, 0);
+  line-height: var(--utrecht-table-cell-line-height, inherit);
+  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
+  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
+  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
+  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
+  text-align: start;
+  display: table-cell;
+}

package/dist/collection/table/web-component/table-cell.stencil.js

@@ -0,0 +1,15 @@
+import { Component, h, Host } from '@stencil/core';
+export class TableCell {
+  render() {
+    return (h(Host, { role: "cell" },
+      h("slot", null)));
+  }
+  static get is() { return "utrecht-table-cell"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["table-cell.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["table-cell.css"]
+  }; }
+}

package/dist/collection/table/web-component/table-footer.css

@@ -0,0 +1,13 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
+:host {
+  display: table-footer-group;
+}

package/dist/collection/table/web-component/table-footer.stencil.js

@@ -0,0 +1,15 @@
+import { Component, h, Host } from '@stencil/core';
+export class TableFooter {
+  render() {
+    return (h(Host, { role: "rowgroup" },
+      h("slot", null)));
+  }
+  static get is() { return "utrecht-table-footer"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["table-footer.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["table-footer.css"]
+  }; }
+}

package/dist/collection/table/web-component/table-header-cell.css

@@ -0,0 +1,18 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
+:host {
+  color: var(--utrecht-table-header-cell-color);
+  font-size: var(--utrecht-table-header-cell-font-size);
+  font-weight: var(--utrecht-table-header-cell-font-weight);
+  text-align: start;
+  text-transform: var(--utrecht-table-header-cell-text-transform);
+  display: table-cell;
+}

package/dist/collection/table/web-component/table-header-cell.stencil.js

@@ -0,0 +1,34 @@
+import { Component, h, Host, Prop } from '@stencil/core';
+export class TableHeaderCell {
+  render() {
+    return (h(Host, { role: this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell' },
+      h("slot", null)));
+  }
+  static get is() { return "utrecht-table-header-cell"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["table-header-cell.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["table-header-cell.css"]
+  }; }
+  static get properties() { return {
+    "scope": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'col' | 'row'",
+        "resolved": "\"col\" | \"row\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "scope",
+      "reflect": false
+    }
+  }; }
+}

package/dist/collection/table/web-component/table-header.css

@@ -0,0 +1,18 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
+:host {
+  background-color: var(--utrecht-table-header-background-color);
+  color: var(--utrecht-table-header-color);
+  font-weight: var(--utrecht-table-header-font-weight);
+  text-transform: var(--utrecht-table-header-text-transform);
+  vertical-align: bottom;
+  display: table-header-group;
+}

package/dist/collection/table/web-component/table-header.stencil.js

@@ -0,0 +1,15 @@
+import { Component, h, Host } from '@stencil/core';
+export class TableHeader {
+  render() {
+    return (h(Host, { role: "rowgroup" },
+      h("slot", null)));
+  }
+  static get is() { return "utrecht-table-header"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["table-header.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["table-header.css"]
+  }; }
+}

package/dist/collection/table/web-component/table-row.css

@@ -0,0 +1,13 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
+:host {
+  display: table-row;
+}

package/dist/collection/table/web-component/table-row.stencil.js

@@ -0,0 +1,15 @@
+import { Component, h, Host } from '@stencil/core';
+export class TableRow {
+  render() {
+    return (h(Host, { role: "row" },
+      h("slot", null)));
+  }
+  static get is() { return "utrecht-table-row"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["table-row.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["table-row.css"]
+  }; }
+}

package/dist/collection/table/web-component/table.css

@@ -0,0 +1,20 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
+:host {
+  border-collapse: collapse;
+  border-color: var(--utrecht-table-border-color, 0);
+  border-style: solid;
+  border-width: var(--utrecht-table-border-width, 0);
+  font-family: var(--utrecht-table-font-family, var(--utrecht-document-font-family));
+  font-size: var(--utrecht-table-font-size, inherit);
+  width: 100%;
+  display: table;
+}

package/dist/collection/table/web-component/table.stencil.js

@@ -0,0 +1,15 @@
+import { Component, h, Host } from '@stencil/core';
+export class Table {
+  render() {
+    return (h(Host, { role: "table" },
+      h("slot", null)));
+  }
+  static get is() { return "utrecht-table"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["table.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["table.css"]
+  }; }
+}

package/dist/collection/table/web-component/template.js

@@ -0,0 +1,23 @@
+export const TableExample = () => `
+<utrecht-table aria-labelledby="53818ecc-f9a6-4a9d-9e63-12a5ebb89e31">
+  <utrecht-table-caption id="53818ecc-f9a6-4a9d-9e63-12a5ebb89e31">Table</utrecht-table-caption>
+  <utrecht-table-header>
+    <utrecht-table-row>
+      <utrecht-table-header-cell scope="col">Column header cell 1</utrecht-table-header-cell>
+      <utrecht-table-header-cell scope="col">Column header cell 2</utrecht-table-header-cell>
+    </utrecht-table-row>
+  </utrecht-table-header>
+  <utrecht-table-footer>
+    <utrecht-table-row>
+      <utrecht-table-cell>Footer cell 1</utrecht-table-cell>
+      <utrecht-table-cell>Footer cell 2</utrecht-table-cell>
+    </utrecht-table-row>
+  </utrecht-table-footer>
+  <utrecht-table-body>
+    <utrecht-table-row>
+      <utrecht-table-header-cell scope="row">Row header cell</utrecht-table-header-cell>
+      <utrecht-table-cell>Cell</utrecht-table-cell>
+    </utrecht-table-row>
+  </utrecht-table-body>
+</utrecht-table>
+`;

package/dist/custom-elements/index.d.ts

@@ -368,6 +368,54 @@ export const UtrechtSidenav: {
   new (): UtrechtSidenav;
 };
 
+interface UtrechtTable extends Components.UtrechtTable, HTMLElement {}
+export const UtrechtTable: {
+  prototype: UtrechtTable;
+  new (): UtrechtTable;
+};
+
+interface UtrechtTableBody extends Components.UtrechtTableBody, HTMLElement {}
+export const UtrechtTableBody: {
+  prototype: UtrechtTableBody;
+  new (): UtrechtTableBody;
+};
+
+interface UtrechtTableCaption extends Components.UtrechtTableCaption, HTMLElement {}
+export const UtrechtTableCaption: {
+  prototype: UtrechtTableCaption;
+  new (): UtrechtTableCaption;
+};
+
+interface UtrechtTableCell extends Components.UtrechtTableCell, HTMLElement {}
+export const UtrechtTableCell: {
+  prototype: UtrechtTableCell;
+  new (): UtrechtTableCell;
+};
+
+interface UtrechtTableFooter extends Components.UtrechtTableFooter, HTMLElement {}
+export const UtrechtTableFooter: {
+  prototype: UtrechtTableFooter;
+  new (): UtrechtTableFooter;
+};
+
+interface UtrechtTableHeader extends Components.UtrechtTableHeader, HTMLElement {}
+export const UtrechtTableHeader: {
+  prototype: UtrechtTableHeader;
+  new (): UtrechtTableHeader;
+};
+
+interface UtrechtTableHeaderCell extends Components.UtrechtTableHeaderCell, HTMLElement {}
+export const UtrechtTableHeaderCell: {
+  prototype: UtrechtTableHeaderCell;
+  new (): UtrechtTableHeaderCell;
+};
+
+interface UtrechtTableRow extends Components.UtrechtTableRow, HTMLElement {}
+export const UtrechtTableRow: {
+  prototype: UtrechtTableRow;
+  new (): UtrechtTableRow;
+};
+
 interface UtrechtTextbox extends Components.UtrechtTextbox, HTMLElement {}
 export const UtrechtTextbox: {
   prototype: UtrechtTextbox;

package/dist/custom-elements/index.js

@@ -1,4 +1,4 @@
-import { HTMLElement, h, createEvent, proxyCustomElement } from '@stencil/core/internal/client';
+import { HTMLElement, h, createEvent, Host, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
 
 const indexCss$Z = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";
@@ -1088,6 +1088,119 @@ const Sidenav = class extends HTMLElement {
   static get style() { return indexCss$1; }
 };
 
+const tableCss = ":host{border-collapse:collapse;border-color:var(--utrecht-table-border-color, 0);border-style:solid;border-width:var(--utrecht-table-border-width, 0);font-family:var(--utrecht-table-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size, inherit);width:100%;display:table}";
+
+const Table = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { role: "table" }, h("slot", null)));
+  }
+  static get style() { return tableCss; }
+};
+
+const tableBodyCss = ":host{vertical-align:baseline;display:table-row-group}";
+
+const TableBody = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { role: "rowgroup" }, h("slot", null)));
+  }
+  static get style() { return tableBodyCss; }
+};
+
+const tableCaptionCss = ":host{color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);text-align:var(--utrecht-table-caption-text-align, center);display:table-caption}";
+
+const TableCaption = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    // TODO: Associate with parent <utrecht-table> aria-labelledby attribute
+    return h("slot", null);
+  }
+  static get style() { return tableCaptionCss; }
+};
+
+const tableCellCss = ":host{border-block-end-color:var(--utrecht-table-row-border-block-end-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width, 0);line-height:var(--utrecht-table-cell-line-height, inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end, 0);padding-block-start:var(--utrecht-table-cell-padding-block-start, 0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end, 0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start, 0);text-align:start;display:table-cell}";
+
+const TableCell = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { role: "cell" }, h("slot", null)));
+  }
+  static get style() { return tableCellCss; }
+};
+
+const tableFooterCss = ":host{display:table-footer-group}";
+
+const TableFooter = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { role: "rowgroup" }, h("slot", null)));
+  }
+  static get style() { return tableFooterCss; }
+};
+
+const tableHeaderCss = ":host{background-color:var(--utrecht-table-header-background-color);color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);text-transform:var(--utrecht-table-header-text-transform);vertical-align:bottom;display:table-header-group}";
+
+const TableHeader = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { role: "rowgroup" }, h("slot", null)));
+  }
+  static get style() { return tableHeaderCss; }
+};
+
+const tableHeaderCellCss = ":host{color:var(--utrecht-table-header-cell-color);font-size:var(--utrecht-table-header-cell-font-size);font-weight:var(--utrecht-table-header-cell-font-weight);text-align:start;text-transform:var(--utrecht-table-header-cell-text-transform);display:table-cell}";
+
+const TableHeaderCell = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { role: this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell' }, h("slot", null)));
+  }
+  static get style() { return tableHeaderCellCss; }
+};
+
+const tableRowCss = ":host{display:table-row}";
+
+const TableRow = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { role: "row" }, h("slot", null)));
+  }
+  static get style() { return tableRowCss; }
+};
+
 const indexCss = ".utrecht-textbox{background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-textbox--invalid{background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textbox--read-only{border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textbox--html-input:read-only{border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))))}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}";
 
 const Textbox = class extends HTMLElement {
@@ -1182,6 +1295,14 @@ const UtrechtPagination = /*@__PURE__*/proxyCustomElement(Pagination, [1,"utrech
 const UtrechtParagraph = /*@__PURE__*/proxyCustomElement(Paragraph, [1,"utrecht-paragraph",{"lead":[4]}]);
 const UtrechtSeparator = /*@__PURE__*/proxyCustomElement(Separator, [1,"utrecht-separator"]);
 const UtrechtSidenav = /*@__PURE__*/proxyCustomElement(Sidenav, [1,"utrecht-sidenav",{"json":[1]}]);
+const UtrechtTable = /*@__PURE__*/proxyCustomElement(Table, [1,"utrecht-table"]);
+const UtrechtTableBody = /*@__PURE__*/proxyCustomElement(TableBody, [1,"utrecht-table-body"]);
+const UtrechtTableCaption = /*@__PURE__*/proxyCustomElement(TableCaption, [1,"utrecht-table-caption"]);
+const UtrechtTableCell = /*@__PURE__*/proxyCustomElement(TableCell, [1,"utrecht-table-cell"]);
+const UtrechtTableFooter = /*@__PURE__*/proxyCustomElement(TableFooter, [1,"utrecht-table-footer"]);
+const UtrechtTableHeader = /*@__PURE__*/proxyCustomElement(TableHeader, [1,"utrecht-table-header"]);
+const UtrechtTableHeaderCell = /*@__PURE__*/proxyCustomElement(TableHeaderCell, [1,"utrecht-table-header-cell",{"scope":[1]}]);
+const UtrechtTableRow = /*@__PURE__*/proxyCustomElement(TableRow, [1,"utrecht-table-row"]);
 const UtrechtTextbox = /*@__PURE__*/proxyCustomElement(Textbox, [1,"utrecht-textbox",{"autoComplete":[513,"autocomplete"],"disabled":[516],"invalid":[516],"min":[1],"max":[1],"pattern":[1],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"type":[513],"value":[1]}]);
 const defineCustomElements = (opts) => {
   if (typeof customElements !== 'undefined') {
@@ -1247,6 +1368,14 @@ const defineCustomElements = (opts) => {
   UtrechtParagraph,
   UtrechtSeparator,
   UtrechtSidenav,
+  UtrechtTable,
+  UtrechtTableBody,
+  UtrechtTableCaption,
+  UtrechtTableCell,
+  UtrechtTableFooter,
+  UtrechtTableHeader,
+  UtrechtTableHeaderCell,
+  UtrechtTableRow,
   UtrechtTextbox
     ].forEach(cmp => {
       if (!customElements.get(cmp.is)) {
@@ -1256,4 +1385,4 @@ const defineCustomElements = (opts) => {
   }
 };
 
-export { UtrechtArticle, UtrechtBackdrop, UtrechtBadgeCounter, UtrechtBadgeData, UtrechtBadgeStatus, UtrechtBreadcrumb, UtrechtButton, UtrechtCheckbox, UtrechtContactCardTemplate, UtrechtCustomCheckbox, UtrechtDigidButton, UtrechtDigidLogo, UtrechtDocument, UtrechtEherkenningLogo, UtrechtEidasLogo, UtrechtFormFieldCheckbox, UtrechtFormFieldDescription, UtrechtFormFieldTextarea, UtrechtFormFieldTextbox, UtrechtFormToggle, UtrechtHeading, UtrechtHeading1, UtrechtHeading2, UtrechtHeading3, UtrechtHeading4, UtrechtHeading5, UtrechtHeading6, UtrechtHtmlContent, UtrechtIconAfval, UtrechtIconArrow, UtrechtIconCheckmark, UtrechtIconCross, UtrechtIconError, UtrechtIconFacebook, UtrechtIconFilter, UtrechtIconInformation, UtrechtIconInstagram, UtrechtIconLinkedin, UtrechtIconList, UtrechtIconLoupe, UtrechtIconMelding, UtrechtIconPaspoort, UtrechtIconRijbewijs, UtrechtIconToeslag, UtrechtIconTrouwen, UtrechtIconTwitter, UtrechtIconVerhuizen, UtrechtIconWarning, UtrechtIconWhatsapp, UtrechtIconZoomin, UtrechtIconZoomout, UtrechtLogo, UtrechtLogoButton, UtrechtPage, UtrechtPageContent, UtrechtPageFooter, UtrechtPageHeader, UtrechtPagination, UtrechtParagraph, UtrechtSeparator, UtrechtSidenav, UtrechtTextbox, defineCustomElements };
+export { UtrechtArticle, UtrechtBackdrop, UtrechtBadgeCounter, UtrechtBadgeData, UtrechtBadgeStatus, UtrechtBreadcrumb, UtrechtButton, UtrechtCheckbox, UtrechtContactCardTemplate, UtrechtCustomCheckbox, UtrechtDigidButton, UtrechtDigidLogo, UtrechtDocument, UtrechtEherkenningLogo, UtrechtEidasLogo, UtrechtFormFieldCheckbox, UtrechtFormFieldDescription, UtrechtFormFieldTextarea, UtrechtFormFieldTextbox, UtrechtFormToggle, UtrechtHeading, UtrechtHeading1, UtrechtHeading2, UtrechtHeading3, UtrechtHeading4, UtrechtHeading5, UtrechtHeading6, UtrechtHtmlContent, UtrechtIconAfval, UtrechtIconArrow, UtrechtIconCheckmark, UtrechtIconCross, UtrechtIconError, UtrechtIconFacebook, UtrechtIconFilter, UtrechtIconInformation, UtrechtIconInstagram, UtrechtIconLinkedin, UtrechtIconList, UtrechtIconLoupe, UtrechtIconMelding, UtrechtIconPaspoort, UtrechtIconRijbewijs, UtrechtIconToeslag, UtrechtIconTrouwen, UtrechtIconTwitter, UtrechtIconVerhuizen, UtrechtIconWarning, UtrechtIconWhatsapp, UtrechtIconZoomin, UtrechtIconZoomout, UtrechtLogo, UtrechtLogoButton, UtrechtPage, UtrechtPageContent, UtrechtPageFooter, UtrechtPageHeader, UtrechtPagination, UtrechtParagraph, UtrechtSeparator, UtrechtSidenav, UtrechtTable, UtrechtTableBody, UtrechtTableCaption, UtrechtTableCell, UtrechtTableFooter, UtrechtTableHeader, UtrechtTableHeaderCell, UtrechtTableRow, UtrechtTextbox, defineCustomElements };

package/dist/esm/{index-86b2856e.js → index-b6f2699c.js}

@@ -1557,4 +1557,4 @@ const flush = () => {
 const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
-export { bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r };
+export { Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r };

package/dist/esm/loader.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-86b2856e.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-b6f2699c.js';
 
 /*
  Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["utrecht-contact-card-template",[[1,"utrecht-contact-card-template"]]],["utrecht-digid-button",[[1,"utrecht-digid-button",{"type":[1]}]]],["utrecht-logo-button",[[1,"utrecht-logo-button",{"type":[1]}]]],["utrecht-custom-checkbox",[[1,"utrecht-custom-checkbox",{"disabled":[516],"checked":[516],"indeterminate":[516],"invalid":[516],"required":[516]}]]],["utrecht-article",[[1,"utrecht-article"]]],["utrecht-backdrop",[[1,"utrecht-backdrop",{"viewport":[4]}]]],["utrecht-badge-counter",[[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]]],["utrecht-badge-data",[[1,"utrecht-badge-data"]]],["utrecht-badge-status",[[1,"utrecht-badge-status",{"status":[1]}]]],["utrecht-breadcrumb",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["utrecht-checkbox",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document",[[1,"utrecht-document"]]],["utrecht-eherkenning-logo",[[1,"utrecht-eherkenning-logo"]]],["utrecht-eidas-logo",[[1,"utrecht-eidas-logo"]]],["utrecht-form-field-checkbox",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["utrecht-form-field-description",[[1,"utrecht-form-field-description",{"status":[513]}]]],["utrecht-form-field-textarea",[[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}]]],["utrecht-form-field-textbox",[[1,"utrecht-form-field-textbox",{"autoComplete":[513,"autocomplete"],"disabled":[516],"invalid":[516],"min":[1],"max":[1],"pattern":[1],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"type":[513],"value":[1]}]]],["utrecht-form-toggle",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["utrecht-heading",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-heading-1",[[1,"utrecht-heading-1"]]],["utrecht-heading-4",[[1,"utrecht-heading-4"]]],["utrecht-heading-5",[[1,"utrecht-heading-5"]]],["utrecht-heading-6",[[1,"utrecht-heading-6"]]],["utrecht-html-content",[[4,"utrecht-html-content"]]],["utrecht-icon-afval",[[1,"utrecht-icon-afval"]]],["utrecht-icon-arrow",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-cross",[[1,"utrecht-icon-cross"]]],["utrecht-icon-error",[[1,"utrecht-icon-error"]]],["utrecht-icon-facebook",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter",[[1,"utrecht-icon-filter"]]],["utrecht-icon-information",[[1,"utrecht-icon-information"]]],["utrecht-icon-instagram",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-list",[[1,"utrecht-icon-list"]]],["utrecht-icon-loupe",[[1,"utrecht-icon-loupe"]]],["utrecht-icon-melding",[[1,"utrecht-icon-melding"]]],["utrecht-icon-paspoort",[[1,"utrecht-icon-paspoort"]]],["utrecht-icon-rijbewijs",[[1,"utrecht-icon-rijbewijs"]]],["utrecht-icon-toeslag",[[1,"utrecht-icon-toeslag"]]],["utrecht-icon-trouwen",[[1,"utrecht-icon-trouwen"]]],["utrecht-icon-twitter",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-verhuizen",[[1,"utrecht-icon-verhuizen"]]],["utrecht-icon-warning",[[1,"utrecht-icon-warning"]]],["utrecht-icon-whatsapp",[[1,"utrecht-icon-whatsapp"]]],["utrecht-icon-zoomin",[[1,"utrecht-icon-zoomin"]]],["utrecht-icon-zoomout",[[1,"utrecht-icon-zoomout"]]],["utrecht-logo",[[1,"utrecht-logo"]]],["utrecht-page",[[1,"utrecht-page"]]],["utrecht-page-content",[[1,"utrecht-page-content"]]],["utrecht-page-footer",[[1,"utrecht-page-footer"]]],["utrecht-page-header",[[1,"utrecht-page-header"]]],["utrecht-pagination",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["utrecht-separator",[[1,"utrecht-separator"]]],["utrecht-sidenav",[[1,"utrecht-sidenav",{"json":[1]}]]],["utrecht-textbox",[[1,"utrecht-textbox",{"autoComplete":[513,"autocomplete"],"disabled":[516],"invalid":[516],"min":[1],"max":[1],"pattern":[1],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"type":[513],"value":[1]}]]],["utrecht-icon-checkmark",[[1,"utrecht-icon-checkmark"]]],["utrecht-heading-2_3",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]],["utrecht-button_2",[[1,"utrecht-button",{"appearance":[1],"busy":[4],"disabled":[4],"type":[1]}],[1,"utrecht-digid-logo"]]]], options);
+  return bootstrapLazy([["utrecht-contact-card-template",[[1,"utrecht-contact-card-template"]]],["utrecht-digid-button",[[1,"utrecht-digid-button",{"type":[1]}]]],["utrecht-logo-button",[[1,"utrecht-logo-button",{"type":[1]}]]],["utrecht-custom-checkbox",[[1,"utrecht-custom-checkbox",{"disabled":[516],"checked":[516],"indeterminate":[516],"invalid":[516],"required":[516]}]]],["utrecht-article",[[1,"utrecht-article"]]],["utrecht-backdrop",[[1,"utrecht-backdrop",{"viewport":[4]}]]],["utrecht-badge-counter",[[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]]],["utrecht-badge-data",[[1,"utrecht-badge-data"]]],["utrecht-badge-status",[[1,"utrecht-badge-status",{"status":[1]}]]],["utrecht-breadcrumb",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["utrecht-checkbox",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document",[[1,"utrecht-document"]]],["utrecht-eherkenning-logo",[[1,"utrecht-eherkenning-logo"]]],["utrecht-eidas-logo",[[1,"utrecht-eidas-logo"]]],["utrecht-form-field-checkbox",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["utrecht-form-field-description",[[1,"utrecht-form-field-description",{"status":[513]}]]],["utrecht-form-field-textarea",[[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}]]],["utrecht-form-field-textbox",[[1,"utrecht-form-field-textbox",{"autoComplete":[513,"autocomplete"],"disabled":[516],"invalid":[516],"min":[1],"max":[1],"pattern":[1],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"type":[513],"value":[1]}]]],["utrecht-form-toggle",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["utrecht-heading",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-heading-1",[[1,"utrecht-heading-1"]]],["utrecht-heading-4",[[1,"utrecht-heading-4"]]],["utrecht-heading-5",[[1,"utrecht-heading-5"]]],["utrecht-heading-6",[[1,"utrecht-heading-6"]]],["utrecht-html-content",[[4,"utrecht-html-content"]]],["utrecht-icon-afval",[[1,"utrecht-icon-afval"]]],["utrecht-icon-arrow",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-cross",[[1,"utrecht-icon-cross"]]],["utrecht-icon-error",[[1,"utrecht-icon-error"]]],["utrecht-icon-facebook",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter",[[1,"utrecht-icon-filter"]]],["utrecht-icon-information",[[1,"utrecht-icon-information"]]],["utrecht-icon-instagram",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-list",[[1,"utrecht-icon-list"]]],["utrecht-icon-loupe",[[1,"utrecht-icon-loupe"]]],["utrecht-icon-melding",[[1,"utrecht-icon-melding"]]],["utrecht-icon-paspoort",[[1,"utrecht-icon-paspoort"]]],["utrecht-icon-rijbewijs",[[1,"utrecht-icon-rijbewijs"]]],["utrecht-icon-toeslag",[[1,"utrecht-icon-toeslag"]]],["utrecht-icon-trouwen",[[1,"utrecht-icon-trouwen"]]],["utrecht-icon-twitter",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-verhuizen",[[1,"utrecht-icon-verhuizen"]]],["utrecht-icon-warning",[[1,"utrecht-icon-warning"]]],["utrecht-icon-whatsapp",[[1,"utrecht-icon-whatsapp"]]],["utrecht-icon-zoomin",[[1,"utrecht-icon-zoomin"]]],["utrecht-icon-zoomout",[[1,"utrecht-icon-zoomout"]]],["utrecht-logo",[[1,"utrecht-logo"]]],["utrecht-page",[[1,"utrecht-page"]]],["utrecht-page-content",[[1,"utrecht-page-content"]]],["utrecht-page-footer",[[1,"utrecht-page-footer"]]],["utrecht-page-header",[[1,"utrecht-page-header"]]],["utrecht-pagination",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["utrecht-separator",[[1,"utrecht-separator"]]],["utrecht-sidenav",[[1,"utrecht-sidenav",{"json":[1]}]]],["utrecht-table",[[1,"utrecht-table"]]],["utrecht-table-body",[[1,"utrecht-table-body"]]],["utrecht-table-caption",[[1,"utrecht-table-caption"]]],["utrecht-table-cell",[[1,"utrecht-table-cell"]]],["utrecht-table-footer",[[1,"utrecht-table-footer"]]],["utrecht-table-header",[[1,"utrecht-table-header"]]],["utrecht-table-header-cell",[[1,"utrecht-table-header-cell",{"scope":[1]}]]],["utrecht-table-row",[[1,"utrecht-table-row"]]],["utrecht-textbox",[[1,"utrecht-textbox",{"autoComplete":[513,"autocomplete"],"disabled":[516],"invalid":[516],"min":[1],"max":[1],"pattern":[1],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"type":[513],"value":[1]}]]],["utrecht-icon-checkmark",[[1,"utrecht-icon-checkmark"]]],["utrecht-heading-2_3",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]],["utrecht-button_2",[[1,"utrecht-button",{"appearance":[1],"busy":[4],"disabled":[4],"type":[1]}],[1,"utrecht-digid-logo"]]]], options);
   });
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-86b2856e.js';
+import { r as registerInstance, h } from './index-b6f2699c.js';
 
 const indexCss = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-86b2856e.js';
+import { r as registerInstance, h } from './index-b6f2699c.js';
 import { c as clsx } from './clsx.m-071989db.js';
 
 const indexCss = ".utrecht-backdrop{background-color:var(--utrecht-backdrop-background-color);bottom:0;color:var(--utrecht-backdrop-color);display:block;left:0;opacity:var(--utrecht-backdrop-opacity);position:absolute;right:0;top:0;user-select:none;z-index:var(--utrecht-backdrop-z-index)}.utrecht-backdrop--viewport{position:fixed}:host{display:block}:host([hidden]){display:none !important}";

package/dist/esm/utrecht-badge-counter.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-86b2856e.js';
+import { r as registerInstance, h } from './index-b6f2699c.js';
 
 const indexCss = ".utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, black));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, white));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-style:var(--utrecht-badge-counter-font-style, normal);font-weight:var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold));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-decoration:none;}:host{display:inline-block}:host([hidden]){display:none !important}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-86b2856e.js';
+import { r as registerInstance, h } from './index-b6f2699c.js';
 
 const indexCss = ".utrecht-badge-data{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);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);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)}:host{display:inline-block}:host([hidden]){display:none !important}";
 

package/dist/esm/utrecht-badge-status.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-86b2856e.js';
+import { r as registerInstance, h } from './index-b6f2699c.js';
 
 const indexCss = ".utrecht-badge-status{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);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);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-status-letter-spacing, inherit);text-transform:var(--utrecht-badge-status-text-transform, inherit)}.utrecht-badge-status--danger{background-color:var(--utrecht-feedback-danger-fill-background-color, red);color:var(--utrecht-feedback-danger-fill-color, white)}.utrecht-badge-status--warning{background-color:var(--utrecht-feedback-warning-fill-background-color, #ffa600);color:var(--utrecht-feedback-warning-fill-color, white)}.utrecht-badge-status--safe{background-color:var(--utrecht-feedback-safe-fill-background-color, green);color:var(--utrecht-feedback-safe-fill-color, white)}.utrecht-badge-status--neutral{background-color:var(--utrecht-feedback-neutral-fill-background-color, black);color:var(--utrecht-feedback-neutral-fill-color, white)}.utrecht-badge-status--valid{background-color:var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, red));color:var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--invalid{background-color:var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, #ffa600));color:var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--error{background-color:var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, #ffa600));color:var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--success{background-color:var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, #ffa600));color:var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--active{background-color:var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, #ffa600));color:var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--inactive{background-color:var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, #ffa600));color:var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white))}:host{display:inline-block}:host([hidden]){display:none !important}";