@utrecht/web-component-library-stencil 1.0.0-alpha.26 → 1.0.0-alpha.262

package/dist/cjs/utrecht-button.cjs.entry.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-4628fffe.js');
-const clsx_m = require('./clsx.m-b00fa5e1.js');
-
-const bemCss = ".utrecht-button{color:var(--utrecht-button-primary-action-color);font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));background-color:var(--utrecht-button-primary-action-background-color);border-radius:var(--utrecht-button-border-radius);border-width:var(--utrecht-button-border-width);padding-inline-start:var(--utrecht-button-padding-inline-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-block-end:var(--utrecht-button-padding-block-end)}.utrecht-button--distanced{margin-inline-start:var(--utrecht-button-margin-inline-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-block-end:var(--utrecht-button-margin-block-end)}.utrecht-button:disabled,.utrecht-button--disabled{color:var(--utrecht-button-disabled-color);background-color:var(--utrecht-button-disabled-background-color)}.utrecht-button--focus,.utrecht-button:not(.utrecht-button--disabled):focus{outline-width:var(--utrecht-focus-outline-width, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-color:var(--utrecht-focus-outline-color, transparent);color:var(--utrecht-focus-color, inherit);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-offset:0;background-color:var(--utrecht-focus-background-color)}.utrecht-button--hover:not(:disabled),.utrecht-button:hover:not(:disabled):not(.utrecht-button--disabled){color:var(--utrecht-button-primary-action-color);background-color:var(--utrecht-button-primary-action-hover-background-color);transform:scale(var(--utrecht-button-focus-transform-scale, 1))}";
-
-const Button = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h("button", { class: clsx_m.clsx("utrecht-button", this.disabled && "utrecht-button--disabled"), disabled: this.disabled }, index.h("slot", null)));
-  }
-};
-Button.style = bemCss;
-
-exports.utrecht_button = Button;

package/dist/cjs/utrecht-paragraph.cjs.entry.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-4628fffe.js');
-const clsx_m = require('./clsx.m-b00fa5e1.js');
-
-const bemCss = ".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))}.utrecht-paragraph--lead{font-size:var(--utrecht-paragraph-lead-font-size, inherit);font-weight:var(--utrecht-paragraph-lead-font-weight, inherit);line-height:var(--utrecht-paragraph-lead-line-height, inherit)}.utrecht-paragraph--distanced{margin-block-start:var(--utrecht-paragraph-margin-block-start);margin-block-end:var(--utrecht-paragraph-margin-block-end)}";
-
-const Paragraph = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h("div", { class: clsx_m.clsx("utrecht-paragraph", this.lead && "utrecht-paragraph--lead") }, index.h("slot", null)));
-  }
-};
-Paragraph.style = bemCss;
-
-exports.utrecht_paragraph = Paragraph;

package/dist/collection/article/bem.css

@@ -1,8 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-
-.utrecht-article {
-  max-inline-size: var(--utrecht-article-max-inline-size);
-}

package/dist/collection/article/stencil.js

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

package/dist/collection/badge-counter/bem.css

@@ -1,43 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-.utrecht-badge {
-  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-style: normal;
-  /* no inheritance */
-  font-weight: var(--utrecht-badge-font-weight, bold);
-  /* no inheritance */
-  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;
-  /* no inheritance */
-}
-
-.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: normal;
-  /* no inheritance */
-  font-weight: var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold));
-  /* no inheritance */
-  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;
-  /* no inheritance */
-}

package/dist/collection/badge-counter/stencil.js

@@ -1,75 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { Component, Prop, h } from "@stencil/core";
-export class BadgeCounter {
-  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 is() { return "utrecht-badge-counter"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["bem.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["bem.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "max": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "max",
-      "reflect": false
-    },
-    "locale": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "locale",
-      "reflect": false
-    }
-  }; }
-}

package/dist/collection/badge-data/bem.css

@@ -1,30 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-.utrecht-badge, .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-style: normal;
-  /* no inheritance */
-  font-weight: var(--utrecht-badge-font-weight, bold);
-  /* no inheritance */
-  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;
-  /* no inheritance */
-}
-
-.utrecht-badge-data {
-  letter-spacing: var(--utrecht-badge-data-letter-spacing, inherit);
-  text-transform: var(--utrecht-badge-data-text-transform, inherit);
-}

package/dist/collection/badge-data/stencil.js

@@ -1,19 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { Component, h } from "@stencil/core";
-export class BadgeData {
-  render() {
-    return (h("div", { class: "utrecht-badge-data" },
-      h("slot", null)));
-  }
-  static get is() { return "utrecht-badge-data"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["bem.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["bem.css"]
-  }; }
-}

package/dist/collection/badge-status/bem.css

@@ -1,75 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-.utrecht-badge, .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-style: normal;
-  /* no inheritance */
-  font-weight: var(--utrecht-badge-font-weight, bold);
-  /* no inheritance */
-  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;
-  /* no inheritance */
-}
-
-.utrecht-badge-status {
-  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--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));
-}

package/dist/collection/badge-status/stencil.js

@@ -1,38 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { Component, Prop, h } from "@stencil/core";
-export class BadgeStatus {
-  render() {
-    return (h("div", { class: `utrecht-badge-status utrecht-badge-status--${this.status}` },
-      h("slot", null)));
-  }
-  static get is() { return "utrecht-badge-status"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["bem.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["bem.css"]
-  }; }
-  static get properties() { return {
-    "status": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "status",
-      "reflect": false
-    }
-  }; }
-}

package/dist/collection/breadcrumb/stencil.css

@@ -1,140 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-.utrecht-breadcrumb {
-  --utrecht-focus-background-color: var(--utrecht-breadcrumb-link-focus-background-color);
-  --utrecht-link-background-color: var(--utrecht-breadcrumb-link-background-color);
-  --utrecht-link-color: var(--utrecht-breadcrumb-link-color);
-  --utrecht-link-focus-color: var(--utrecht-breadcrumb-link-focus-color, var(--utrecht-breadcrumb-link-color));
-  --utrecht-link-focus-text-decoration: var(--utrecht-link-text-decoration);
-  --utrecht-link-hover-color: var(--utrecht-breadcrumb-link-color);
-  --utrecht-link-hover-text-decoration: var(--utrecht-link-text-decoration);
-  --utrecht-link-visited-color: var(--utrecht-breadcrumb-link-color);
-  --utrecht-link-visited-text-decoration: var(--utrecht-link-text-decoration);
-  font-size: var(--utrecht-breadcrumb-font-size);
-  font-family: var(--utrecht-document-font-family, inherit);
-  text-transform: var(--utrecht-document-text-transform, inherit);
-}
-
-.utrecht-breadcrumb__list {
-  display: flex;
-  block-size: var(--utrecht-breadcrumb-block-size);
-}
-
-ol.utrecht-breadcrumb__list {
-  list-style: none;
-  margin-block-start: 0;
-  margin-block-end: 0;
-  padding-inline-start: 0;
-}
-
-.utrecht-breadcrumb__item {
-  block-size: 100%;
-}
-
-.utrecht-breadcrumb__item ~ .utrecht-breadcrumb__item {
-  margin-inline-start: var(--utrecht-breadcrumb-item-divider-inline-size);
-}
-
-.utrecht-breadcrumb__link {
-  background-color: var(--utrecht-breadcrumb-link-background-color);
-  padding-block-start: var(--utrecht-breadcrumb-item-padding-block-start, 8px);
-  padding-block-end: var(--utrecht-breadcrumb-item-padding-block-end, 8px);
-  padding-inline-start: var(--utrecht-breadcrumb-item-padding-inline-start, 8px);
-  padding-inline-end: var(--utrecht-breadcrumb-item-padding-inline-end, 8px);
-  display: block;
-}
-
-/* stylelint-disable-next-line block-no-empty */
-.utrecht-breadcrumb--arrows {
-  /* https://css-tricks.com/triangle-breadcrumbs/ */
-  --utrecht-breadcrumb-arrow-size: 24px;
-  overflow: hidden;
-}
-.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item ~ .utrecht-breadcrumb__item .utrecht-breadcrumb__link {
-  padding-inline-start: calc( var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size) );
-}
-.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link {
-  position: relative;
-  padding-inline-end: 0;
-}
-.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after,
-.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before {
-  border-block-end-width: var(--utrecht-breadcrumb-block-size);
-  border-block-start-width: var(--utrecht-breadcrumb-block-size);
-  border-color: transparent;
-  border-style: solid;
-  content: " ";
-  display: block;
-  height: 0;
-  left: 100%;
-  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-block-size));
-  position: absolute;
-  top: 50%;
-  width: 0;
-}
-.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after {
-  border-inline-start-color: var(--utrecht-breadcrumb-link-background-color);
-  border-inline-start-width: var(--utrecht-breadcrumb-arrow-size);
-  z-index: 2;
-}
-.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before {
-  border-inline-start-color: var(--utrecht-document-background-color);
-  border-inline-start-width: var(--utrecht-breadcrumb-arrow-size);
-  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-block-size));
-  margin-inline-start: 1px;
-  z-index: 1;
-}
-.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,
-.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after {
-  border-inline-start-color: var(--utrecht-breadcrumb-link-focus-background-color);
-}
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
- * Copyright (c) 2021 Gemeente Utrecht
- */
-.utrecht-link {
-  text-decoration: var(--utrecht-link-text-decoration, underline);
-  color: var(--utrecht-link-color, blue);
-}
-
-.utrecht-link:visited,
-.utrecht-link--visited {
-  color: var(--utrecht-link-visited-color, var(--utrecht-link-color));
-}
-
-.utrecht-link:hover,
-.utrecht-link--hover {
-  color: var(--utrecht-link-hover-color, var(--utrecht-link-color));
-  text-decoration: var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));
-}
-
-.utrecht-link:active,
-.utrecht-link--active {
-  color: var(--utrecht-link-active-color, var(--utrecht-link-color));
-}
-
-.utrecht-link:focus,
-.utrecht-link--focus {
-  color: var(--utrecht-link-focus-color, var(--utrecht-link-color));
-  text-decoration: var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));
-  outline-width: var(--utrecht-focus-outline-width, 0);
-  outline-style: var(--utrecht-focus-outline-style, solid);
-  outline-color: var(--utrecht-focus-outline-color, transparent);
-  color: var(--utrecht-focus-color, inherit);
-  box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
-  outline-offset: 0;
-  background-color: var(--utrecht-focus-background-color);
-}
-
-/* stylelint-disable-next-line block-no-empty */
-.utrecht-link--telephone {
-  white-space: nowrap;
-}

package/dist/collection/breadcrumb/stencil.js

@@ -1,62 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { Component, Prop, h } from "@stencil/core";
-import clsx from "clsx";
-export class Breadcrumb {
-  render() {
-    const { json, variant } = this;
-    console.log(json);
-    const items = json ? JSON.parse(json) : [];
-    return (h("nav", { class: clsx("utrecht-breadcrumb", variant === "arrows" && "utrecht-breadcrumb--arrows") },
-      h("ol", { class: "utrecht-breadcrumb__list", itemscope: true, itemtype: "https://schema.org/BreadcrumbList" }, items.map(({ href, title, current }, index) => (h("li", { key: href, class: "utrecht-breadcrumb__item", itemscope: true, itemtype: "https://schema.org/ListItem", itemprop: "itemListElement" },
-        h("a", { class: clsx("utrecht-breadcrumb__link", "utrecht-link", current && "utrecht-link--current"), href: href, "aria-current": current ? "location" : null, itemprop: "item" },
-          h("span", { class: "utrecht-breadcrumb__text", itemprop: "name" }, title),
-          h("meta", { itemprop: "position", content: index + 1 }))))))));
-  }
-  static get is() { return "utrecht-breadcrumb"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["stencil.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["stencil.css"]
-  }; }
-  static get properties() { return {
-    "json": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "json",
-      "reflect": false
-    },
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false
-    }
-  }; }
-}

package/dist/collection/button/bem.css

@@ -1,48 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
- * Copyright (c) 2021 Gemeente Utrecht
- */
-.utrecht-button {
-  color: var(--utrecht-button-primary-action-color);
-  font-size: var(--utrecht-button-font-size, var(--utrecht-document-font-family));
-  font-family: var(--utrecht-button-font-family, var(--utrecht-document-font-family));
-  background-color: var(--utrecht-button-primary-action-background-color);
-  border-radius: var(--utrecht-button-border-radius);
-  border-width: var(--utrecht-button-border-width);
-  padding-inline-start: var(--utrecht-button-padding-inline-start);
-  padding-inline-end: var(--utrecht-button-padding-inline-end);
-  padding-block-start: var(--utrecht-button-padding-block-start);
-  padding-block-end: var(--utrecht-button-padding-block-end);
-}
-
-.utrecht-button--distanced {
-  margin-inline-start: var(--utrecht-button-margin-inline-start);
-  margin-inline-end: var(--utrecht-button-margin-inline-end);
-  margin-block-start: var(--utrecht-button-margin-block-start);
-  margin-block-end: var(--utrecht-button-margin-block-end);
-}
-
-.utrecht-button:disabled,
-.utrecht-button--disabled {
-  color: var(--utrecht-button-disabled-color);
-  background-color: var(--utrecht-button-disabled-background-color);
-}
-
-.utrecht-button--focus,
-.utrecht-button:not(.utrecht-button--disabled):focus {
-  outline-width: var(--utrecht-focus-outline-width, 0);
-  outline-style: var(--utrecht-focus-outline-style, solid);
-  outline-color: var(--utrecht-focus-outline-color, transparent);
-  color: var(--utrecht-focus-color, inherit);
-  box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
-  outline-offset: 0;
-  background-color: var(--utrecht-focus-background-color);
-}
-
-.utrecht-button--hover:not(:disabled),
-.utrecht-button:hover:not(:disabled):not(.utrecht-button--disabled) {
-  color: var(--utrecht-button-primary-action-color);
-  background-color: var(--utrecht-button-primary-action-hover-background-color);
-  transform: scale(var(--utrecht-button-focus-transform-scale, 1));
-}

package/dist/collection/button/stencil.js

@@ -1,35 +0,0 @@
-import { Component, Prop, h } from "@stencil/core";
-import clsx from "clsx";
-export class Button {
-  render() {
-    return (h("button", { class: clsx("utrecht-button", this.disabled && "utrecht-button--disabled"), disabled: this.disabled },
-      h("slot", null)));
-  }
-  static get is() { return "utrecht-button"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["bem.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["bem.css"]
-  }; }
-  static get properties() { return {
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": false
-    }
-  }; }
-}

package/dist/collection/document/bem.css

@@ -1,12 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-
-.utrecht-document {
-  background-color: var(--utrecht-document-background-color, inherit);
-  color: var(--utrecht-document-color, inherit);
-  font-family: var(--utrecht-document-font-family, inherit);
-  font-size: var(--utrecht-document-font-size, inherit);
-  line-height: var(--utrecht-document-line-height, inherit);
-}

package/dist/collection/document/stencil.js

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