@utrecht/web-component-library-stencil 1.0.0-alpha.2 → 1.0.0-alpha.201

package/dist/collection/html-content/html.css

@@ -1,557 +0,0 @@
-@charset "UTF-8";
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/* Collection of all semantic HTML styles in the component library */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-.utrecht-blockquote, .utrecht-html blockquote {
-  font-family: var(--utrecht-document-font-family);
-  font-size: var(--utrecht-blockquote-font-size);
-}
-
-.utrecht-blockquote__attribution {
-  color: var(--utrecht-blockquote-attribution-color, inherit);
-  font-size: var(--utrecht-blockquote-attribution-font-size, inherit);
-}
-
-.utrecht-blockquote__content, .utrecht-html blockquote {
-  --utrecht-document-color: var(--utrecht-blockquote-content-color, inherit);
-  --utrecht-paragraph-font-size: var(--utrecht-blockquote-content-font-size, inherit);
-  color: var(--utrecht-blockquote-content-color, inherit);
-  font-size: var(--utrecht-blockquote-content-font-size, inherit);
-}
-
-.utrecht-blockquote--distanced, .utrecht-html blockquote {
-  margin-inline-start: var(--utrecht-blockquote-margin-inline-start);
-  margin-inline-end: var(--utrecht-blockquote-margin-inline-end);
-  margin-block-start: var(--utrecht-blockquote-margin-block-start);
-  margin-block-end: var(--utrecht-blockquote-margin-block-end);
-}
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
- * Copyright (c) 2021 Gemeente Utrecht
- */
-.utrecht-button, .utrecht-html 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, .utrecht-html button {
-  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-html button:disabled,
-.utrecht-button--disabled {
-  color: var(--utrecht-button-disabled-color);
-  background-color: var(--utrecht-button-disabled-background-color);
-}
-
-.utrecht-button--focus, .utrecht-html 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-html button:not(:disabled):hover,
-.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));
-}
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-.utrecht-checkbox, .utrecht-html input[type=checkbox] {
-  /* reset native margin for input[type="checkbox"] */
-  margin-block-start: 0;
-  margin-block-end: 0;
-  margin-inline-start: 0;
-  margin-inline-end: 0;
-}
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-.utrecht-form-label, .utrecht-html label {
-  font-weight: var(--utrecht-form-label-font-weight);
-  font-size: var(--utrecht-form-label-font-size);
-}
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Gemeente Utrecht
- * Copyright (c) 2021 Robbert Broersma
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
- */
-.utrecht-heading-1, .utrecht-html h1 {
-  font-family: var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
-  font-size: var(--utrecht-heading-1-font-size);
-  font-weight: var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));
-  letter-spacing: var(--utrecht-heading-1-letter-spacing);
-  line-height: var(--utrecht-heading-1-line-height);
-  text-transform: var(--utrecht-heading-1-text-transform, inherit);
-  color: var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
-}
-
-.utrecht-heading-1--distanced, .utrecht-html h1 {
-  margin-block-start: var(--utrecht-heading-1-margin-block-start);
-  margin-block-end: var(--utrecht-heading-1-margin-block-end);
-}
-
-.utrecht-heading-2, .utrecht-html h2 {
-  font-family: var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
-  font-size: var(--utrecht-heading-2-font-size);
-  font-weight: var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));
-  letter-spacing: var(--utrecht-heading-2-letter-spacing);
-  line-height: var(--utrecht-heading-2-line-height);
-  text-transform: var(--utrecht-heading-2-text-transform, inherit);
-  color: var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
-}
-
-.utrecht-heading-2--distanced, .utrecht-html h2 {
-  margin-block-start: var(--utrecht-heading-2-margin-block-start);
-  margin-block-end: var(--utrecht-heading-2-margin-block-end);
-}
-
-.utrecht-heading-3, .utrecht-html h3 {
-  font-family: var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
-  font-size: var(--utrecht-heading-3-font-size);
-  font-weight: var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));
-  letter-spacing: var(--utrecht-heading-3-letter-spacing);
-  line-height: var(--utrecht-heading-3-line-height);
-  text-transform: var(--utrecht-heading-3-text-transform, inherit);
-  color: var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
-}
-
-.utrecht-heading-3--distanced, .utrecht-html h3 {
-  margin-block-start: var(--utrecht-heading-3-margin-block-start);
-  margin-block-end: var(--utrecht-heading-3-margin-block-end);
-}
-
-.utrecht-heading-4, .utrecht-html h4 {
-  font-family: var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
-  font-size: var(--utrecht-heading-4-font-size);
-  font-weight: var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));
-  letter-spacing: var(--utrecht-heading-4-letter-spacing);
-  line-height: var(--utrecht-heading-4-line-height);
-  text-transform: var(--utrecht-heading-4-text-transform, inherit);
-  color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
-}
-
-.utrecht-heading-4--distanced, .utrecht-html h4 {
-  margin-block-start: var(--utrecht-heading-4-margin-block-start);
-  margin-block-end: var(--utrecht-heading-4-margin-block-end);
-}
-
-.utrecht-heading-5, .utrecht-html h5 {
-  font-family: var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
-  font-size: var(--utrecht-heading-5-font-size);
-  font-weight: var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));
-  letter-spacing: var(--utrecht-heading-5-letter-spacing);
-  line-height: var(--utrecht-heading-5-line-height);
-  text-transform: var(--utrecht-heading-5-text-transform, inherit);
-  color: var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
-}
-
-.utrecht-heading-5--distanced, .utrecht-html h5 {
-  margin-block-start: var(--utrecht-heading-5-margin-block-start);
-  margin-block-end: var(--utrecht-heading-5-margin-block-end);
-}
-
-.utrecht-heading-6, .utrecht-html h6 {
-  font-family: var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
-  font-size: var(--utrecht-heading-6-font-size);
-  font-weight: var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));
-  letter-spacing: var(--utrecht-heading-6-letter-spacing);
-  line-height: var(--utrecht-heading-6-line-height);
-  text-transform: var(--utrecht-heading-6-text-transform, inherit);
-  color: var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
-}
-
-.utrecht-heading-6--distanced, .utrecht-html h6 {
-  margin-block-start: var(--utrecht-heading-6-margin-block-start);
-  margin-block-end: var(--utrecht-heading-6-margin-block-end);
-}
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
- * Copyright (c) 2021 Gemeente Utrecht
- */
-.utrecht-link, .utrecht-html a:link {
-  text-decoration: var(--utrecht-link-text-decoration, underline);
-  color: var(--utrecht-link-color, blue);
-}
-
-.utrecht-link:visited,
-.utrecht-link--visited,
-.utrecht-html a:visited {
-  color: var(--utrecht-link-visited-color, var(--utrecht-link-color));
-}
-
-.utrecht-link:hover,
-.utrecht-link--hover,
-.utrecht-html a: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,
-.utrecht-html a:active {
-  color: var(--utrecht-link-active-color, var(--utrecht-link-color));
-}
-
-.utrecht-link:focus,
-.utrecht-link--focus,
-.utrecht-html a: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);
-}
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
- */
-.utrecht-paragraph, .utrecht-html p {
-  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, .utrecht-html p.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, .utrecht-html * ~ p {
-  margin-block-start: var(--utrecht-paragraph-margin-block-start);
-  margin-block-end: var(--utrecht-paragraph-margin-block-end);
-}
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Gemeente Utrecht
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Gemeente Utrecht
- */
-.utrecht-radio-button, .utrecht-html input[type=radio] {
-  /* reset native margin for input[type="radio"] */
-  margin-block-start: 0;
-  margin-block-end: 0;
-  margin-inline-start: 0;
-  margin-inline-end: 0;
-}
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Gemeente Utrecht
- * Copyright (c) 2021 Robbert Broersma
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
- */
-.utrecht-separator, .utrecht-html hr {
-  border-style: solid;
-  border-color: var(--utrecht-separator-color);
-  border-width: 0 0 var(--utrecht-separator-width) 0;
-  margin-block-start: var(--utrecht-separator-margin-block-start);
-  margin-block-end: var(--utrecht-separator-margin-block-end);
-}
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-.utrecht-table, .utrecht-html table {
-  border-collapse: collapse;
-  width: 100%;
-}
-
-.utrecht-table--distanced, .utrecht-html table {
-  margin-block-end: var(--utrecht-table-margin-block-end);
-  margin-block-start: var(--utrecht-table-margin-block-start);
-}
-
-.utrecht-table__caption, .utrecht-html caption {
-  font-weight: var(--utrecht-table-caption-font-weight);
-  font-family: var(--utrecht-table-caption-font-family);
-  font-size: var(--utrecht-table-caption-font-size);
-  color: var(--utrecht-table-caption-color);
-  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);
-}
-
-.utrecht-table__header, .utrecht-html thead {
-  font-weight: var(--utrecht-table-header-font-weight);
-  color: var(--utrecht-table-header-color);
-  text-transform: var(--utrecht-table-header-text-transform);
-  vertical-align: bottom;
-}
-
-.utrecht-table__cell--last-header-row, .utrecht-html thead tr:last-child th {
-  border-block-end-style: solid;
-  border-block-end-color: var(--utrecht-table-header-border-block-end-color, transparent);
-  border-block-end-width: var(--utrecht-table-header-border-block-end-width, 0);
-}
-
-.utrecht-table__body, .utrecht-html tbody {
-  vertical-align: baseline;
-}
-
-.utrecht-table__heading, .utrecht-html th {
-  font-weight: var(--utrecht-table-heading-font-weight);
-  color: var(--utrecht-table-heading-color);
-  text-transform: var(--utrecht-table-heading-text-transform);
-}
-
-.utrecht-table__cell, .utrecht-html th,
-.utrecht-html td {
-  border-block-end-style: solid;
-  border-block-end-color: var(--utrecht-table-row-border-block-end-color, transparent);
-  border-block-end-width: var(--utrecht-table-row-border-block-end-width, 0);
-  line-height: var(--utrecht-table-cell-line-height, inherit);
-  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
-  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
-  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
-  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
-  text-align: start;
-}
-
-.utrecht-table__cell--first, .utrecht-html td:first-child,
-.utrecht-html th:first-child {
-  padding-inline-start: var(--utrecht-table-row-padding-inline-start, var(--utrecht-table-cell-padding-inline-start, 0));
-}
-
-.utrecht-table__cell--last, .utrecht-html td:last-child,
-.utrecht-html th:last-child {
-  padding-inline-end: var(--utrecht-table-row-padding-inline-end, var(--utrecht-table-cell-padding-inline-end, 0));
-}
-
-.utrecht-table__cell--numeric, .utrecht-html th.numeric,
-.utrecht-html td.numeric {
-  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
-  text-align: right;
-}
-
-.utrecht-table__row--alternate-odd, .utrecht-html table.alternate-row-color > tr:nth-child(odd) > td, .utrecht-html table.alternate-row-color > tr:nth-child(odd) > th, .utrecht-html table.alternate-row-color > tbody > tr:nth-child(odd) > td, .utrecht-html table.alternate-row-color > tbody > tr:nth-child(odd) > th {
-  background-color: var(--utrecht-table-row-alternate-odd-background-color);
-  color: var(--utrecht-table-row-alternate-odd-color);
-}
-
-.utrecht-table__row--alternate-even, .utrecht-html table.alternate-row-color > tr:nth-child(even) > td, .utrecht-html table.alternate-row-color > tr:nth-child(even) > th, .utrecht-html table.alternate-row-color > tbody > tr:nth-child(even) > td, .utrecht-html table.alternate-row-color > tbody > tr:nth-child(even) > th {
-  background-color: var(--utrecht-table-row-alternate-even-background-color);
-  color: var(--utrecht-table-row-alternate-even-color);
-}
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-.utrecht-textarea, .utrecht-html textarea {
-  border-width: var(--utrecht-textarea-border-width);
-  border-bottom-width: var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width));
-  border-color: var(--utrecht-textarea-border-color);
-  border-radius: var(--utrecht-textarea-border-radius, 0);
-  border-style: solid;
-  color: var(--utrecht-textarea-color);
-  font-family: var(--utrecht-textarea-font-family);
-  font-size: var(--utrecht-textarea-font-size, 1em);
-  max-width: var(--utrecht-textarea-max-width);
-  padding-block-end: var(--utrecht-textarea-padding-block-end);
-  padding-block-start: var(--utrecht-textarea-padding-block-start);
-  padding-inline-end: var(--utrecht-textarea-padding-inline-end);
-  padding-inline-start: var(--utrecht-textarea-padding-inline-start);
-  width: 100%;
-}
-
-.utrecht-textarea--invalid, .utrecht-html textarea:invalid,
-.utrecht-html textarea[aria-invalid=true] {
-  border-color: var(--utrecht-textarea-invalid-border-color);
-  border-width: var(--utrecht-textarea-invalid-border-width);
-}
-
-.utrecht-textarea--disabled, .utrecht-html textarea:disabled {
-  border-color: var(--utrecht-textarea-disabled-border-color);
-  color: var(--utrecht-textarea-disabled-color);
-}
-
-.utrecht-textarea--read-only, .utrecht-html textarea:read-only {
-  border-color: var(--utrecht-textarea-read-only-border-color);
-  color: var(--utrecht-textarea-read-only-color);
-}
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-.utrecht-textbox, .utrecht-html input[type=text],
-.utrecht-html input[type=email],
-.utrecht-html input[type=search],
-.utrecht-html input[type=tel],
-.utrecht-html input[type=url] {
-  border-width: var(--utrecht-textbox-border-width);
-  border-bottom-width: var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width));
-  border-color: var(--utrecht-textbox-border-color);
-  border-radius: var(--utrecht-textbox-border-radius, 0);
-  border-style: solid;
-  color: var(--utrecht-textbox-color);
-  font-family: var(--utrecht-textbox-font-family);
-  font-size: var(--utrecht-textbox-font-size, 1em);
-  max-width: var(--utrecht-textbox-max-width);
-  padding-block-end: var(--utrecht-textbox-padding-block-end);
-  padding-block-start: var(--utrecht-textbox-padding-block-start);
-  padding-inline-end: var(--utrecht-textbox-padding-inline-end);
-  padding-inline-start: var(--utrecht-textbox-padding-inline-start);
-  box-sizing: border-box;
-  width: 100%;
-}
-
-.utrecht-textbox--invalid, .utrecht-html input[type=text]:invalid, .utrecht-html input[type=text][aria-invalid=true],
-.utrecht-html input[type=email]:invalid,
-.utrecht-html input[type=email][aria-invalid=true],
-.utrecht-html input[type=search]:invalid,
-.utrecht-html input[type=search][aria-invalid=true],
-.utrecht-html input[type=tel]:invalid,
-.utrecht-html input[type=tel][aria-invalid=true],
-.utrecht-html input[type=url]:invalid,
-.utrecht-html input[type=url][aria-invalid=true] {
-  border-color: var(--utrecht-textbox-invalid-border-color);
-  border-width: var(--utrecht-textbox-invalid-border-width);
-}
-
-.utrecht-textbox--disabled, .utrecht-html input[type=text]:disabled,
-.utrecht-html input[type=email]:disabled,
-.utrecht-html input[type=search]:disabled,
-.utrecht-html input[type=tel]:disabled,
-.utrecht-html input[type=url]:disabled {
-  border-color: var(--utrecht-textbox-disabled-border-color);
-  color: var(--utrecht-textbox-disabled-color);
-}
-
-.utrecht-textbox--read-only, .utrecht-html input[type=text]:read-only,
-.utrecht-html input[type=email]:read-only,
-.utrecht-html input[type=search]:read-only,
-.utrecht-html input[type=tel]:read-only,
-.utrecht-html input[type=url]:read-only {
-  border-color: var(--utrecht-textbox-read-only-border-color);
-  color: var(--utrecht-textbox-read-only-color);
-}
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- * Copyright (c) 2021 Gemeente Utrecht
- */
-.utrecht-unordered-list, .utrecht-html ul {
-  font-family: var(--utrecht-document-font-family, inherit);
-  font-size: var(--utrecht-document-font-size, inherit);
-  line-height: var(--utrecht-document-line-height, inherit);
-  padding-inline-start: 2ch;
-}
-
-.utrecht-unordered-list--distanced, .utrecht-html ul {
-  margin-block-start: var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start));
-  margin-block-end: var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end));
-}
-
-.utrecht-unordered-list--nested {
-  margin-inline-start: 2ch;
-  margin-block-end: 0;
-}
-
-.utrecht-unordered-list__item, .utrecht-html ul > li {
-  padding-inline-start: 1ch;
-  margin-block-start: var(--utrecht-unordered-list-item-margin-block-start);
-  margin-block-end: var(--utrecht-unordered-list-item-margin-block-end);
-}
-
-.utrecht-unordered-list__item::marker, .utrecht-html ul > li::marker,
-.utrecht-unordered-list__marker {
-  color: var(--utrecht-unordered-list-marker-color);
-  content: "●";
-}

package/dist/document/stencil.js

@@ -1,21 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Component, h } from "@stencil/core";
-let Document = class Document {
-    render() {
-        return (h("div", { class: "utrecht-document" },
-            h("slot", null)));
-    }
-};
-Document = __decorate([
-    Component({
-        tag: "utrecht-document",
-        styleUrl: "bem.css",
-        shadow: true,
-    })
-], Document);
-export { Document };

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

@@ -1,16 +0,0 @@
-import { r as registerInstance, h } from './index-7fbac151.js';
-import { c as clsx } from './clsx.m-071989db.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) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("button", { class: clsx("utrecht-button", this.disabled && "utrecht-button--disabled"), disabled: this.disabled }, h("slot", null)));
-  }
-};
-Button.style = bemCss;
-
-export { Button as utrecht_button };

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

@@ -1,16 +0,0 @@
-import { r as registerInstance, h } from './index-7fbac151.js';
-import { c as clsx } from './clsx.m-071989db.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) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("div", { class: clsx("utrecht-paragraph", this.lead && "utrecht-paragraph--lead") }, h("slot", null)));
-  }
-};
-Paragraph.style = bemCss;
-
-export { Paragraph as utrecht_paragraph };

package/dist/heading/stencil.js

@@ -1,50 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Component, Prop, h } from "@stencil/core";
-let Heading = class Heading {
-    render() {
-        if (this.level === 1) {
-            return (h("h1", { class: "utrecht-heading-1" },
-                h("slot", null)));
-        }
-        else if (this.level === 2) {
-            return (h("h2", { class: "utrecht-heading-2" },
-                h("slot", null)));
-        }
-        else if (this.level === 3) {
-            return (h("h3", { class: "utrecht-heading-3" },
-                h("slot", null)));
-        }
-        else if (this.level === 4) {
-            return (h("h4", { class: "utrecht-heading-4" },
-                h("slot", null)));
-        }
-        else if (this.level === 5) {
-            return (h("h5", { class: "utrecht-heading-5" },
-                h("slot", null)));
-        }
-        else if (this.level === 6) {
-            return (h("h6", { class: "utrecht-heading-6" },
-                h("slot", null)));
-        }
-        else {
-            return (h("div", { class: "utrecht-heading", role: "heading", "aria-level": this.level },
-                h("slot", null)));
-        }
-    }
-};
-__decorate([
-    Prop()
-], Heading.prototype, "level", void 0);
-Heading = __decorate([
-    Component({
-        tag: "utrecht-heading",
-        styleUrl: "bem.css",
-        shadow: true,
-    })
-], Heading);
-export { Heading };

package/dist/html-content/stencil.js

@@ -1,25 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { Component, h } from "@stencil/core";
-let HTMLContent = class HTMLContent {
-    render() {
-        return (h("div", { class: "utrecht-html" },
-            h("slot", null)));
-    }
-};
-HTMLContent = __decorate([
-    Component({
-        tag: "utrecht-html-content",
-        styleUrl: "html.scss",
-        shadow: false,
-    })
-], HTMLContent);
-export { HTMLContent };