@utrecht/web-component-library-stencil 1.0.0-alpha.95 → 1.0.0-alpha.99

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["utrecht-contact-card-template.cjs",[[1,"utrecht-contact-card-template"]]],["utrecht-digid-button.cjs",[[1,"utrecht-digid-button",{"type":[1]}]]],["utrecht-logo-button.cjs",[[1,"utrecht-logo-button",{"type":[1]}]]],["utrecht-article.cjs",[[1,"utrecht-article"]]],["utrecht-badge-counter.cjs",[[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]]],["utrecht-badge-data.cjs",[[1,"utrecht-badge-data"]]],["utrecht-badge-status.cjs",[[1,"utrecht-badge-status",{"status":[1]}]]],["utrecht-breadcrumb.cjs",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["utrecht-checkbox.cjs",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document.cjs",[[1,"utrecht-document"]]],["utrecht-eherkenning-logo.cjs",[[1,"utrecht-eherkenning-logo"]]],["utrecht-eidas-logo.cjs",[[1,"utrecht-eidas-logo"]]],["utrecht-form-field-checkbox.cjs",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["utrecht-form-field-description.cjs",[[1,"utrecht-form-field-description",{"status":[513]}]]],["utrecht-form-field-textarea.cjs",[[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}]]],["utrecht-form-field-textbox.cjs",[[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.cjs",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["utrecht-heading.cjs",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-heading-1.cjs",[[1,"utrecht-heading-1"]]],["utrecht-heading-4.cjs",[[1,"utrecht-heading-4"]]],["utrecht-heading-5.cjs",[[1,"utrecht-heading-5"]]],["utrecht-heading-6.cjs",[[1,"utrecht-heading-6"]]],["utrecht-html-content.cjs",[[4,"utrecht-html-content"]]],["utrecht-icon-arrow.cjs",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-checkmark.cjs",[[1,"utrecht-icon-checkmark"]]],["utrecht-icon-cross.cjs",[[1,"utrecht-icon-cross"]]],["utrecht-icon-facebook.cjs",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter.cjs",[[1,"utrecht-icon-filter"]]],["utrecht-icon-instagram.cjs",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin.cjs",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-list.cjs",[[1,"utrecht-icon-list"]]],["utrecht-icon-loupe.cjs",[[1,"utrecht-icon-loupe"]]],["utrecht-icon-twitter.cjs",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-whatsapp.cjs",[[1,"utrecht-icon-whatsapp"]]],["utrecht-icon-zoomin.cjs",[[1,"utrecht-icon-zoomin"]]],["utrecht-icon-zoomout.cjs",[[1,"utrecht-icon-zoomout"]]],["utrecht-logo.cjs",[[1,"utrecht-logo"]]],["utrecht-page-footer.cjs",[[1,"utrecht-page-footer"]]],["utrecht-pagination.cjs",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["utrecht-separator.cjs",[[1,"utrecht-separator"]]],["utrecht-sidenav.cjs",[[1,"utrecht-sidenav",{"json":[1]}]]],["utrecht-textbox.cjs",[[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-heading-2_3.cjs",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]],["utrecht-button_2.cjs",[[1,"utrecht-button",{"busy":[4],"disabled":[4],"type":[1]}],[1,"utrecht-digid-logo"]]]], options);
+  return index.bootstrapLazy([["utrecht-contact-card-template.cjs",[[1,"utrecht-contact-card-template"]]],["utrecht-digid-button.cjs",[[1,"utrecht-digid-button",{"type":[1]}]]],["utrecht-logo-button.cjs",[[1,"utrecht-logo-button",{"type":[1]}]]],["utrecht-article.cjs",[[1,"utrecht-article"]]],["utrecht-badge-counter.cjs",[[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]]],["utrecht-badge-data.cjs",[[1,"utrecht-badge-data"]]],["utrecht-badge-status.cjs",[[1,"utrecht-badge-status",{"status":[1]}]]],["utrecht-breadcrumb.cjs",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["utrecht-checkbox.cjs",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document.cjs",[[1,"utrecht-document"]]],["utrecht-eherkenning-logo.cjs",[[1,"utrecht-eherkenning-logo"]]],["utrecht-eidas-logo.cjs",[[1,"utrecht-eidas-logo"]]],["utrecht-form-field-checkbox.cjs",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["utrecht-form-field-description.cjs",[[1,"utrecht-form-field-description",{"status":[513]}]]],["utrecht-form-field-textarea.cjs",[[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}]]],["utrecht-form-field-textbox.cjs",[[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.cjs",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["utrecht-heading.cjs",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-heading-1.cjs",[[1,"utrecht-heading-1"]]],["utrecht-heading-4.cjs",[[1,"utrecht-heading-4"]]],["utrecht-heading-5.cjs",[[1,"utrecht-heading-5"]]],["utrecht-heading-6.cjs",[[1,"utrecht-heading-6"]]],["utrecht-html-content.cjs",[[4,"utrecht-html-content"]]],["utrecht-icon-arrow.cjs",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-checkmark.cjs",[[1,"utrecht-icon-checkmark"]]],["utrecht-icon-cross.cjs",[[1,"utrecht-icon-cross"]]],["utrecht-icon-error.cjs",[[1,"utrecht-icon-error"]]],["utrecht-icon-facebook.cjs",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter.cjs",[[1,"utrecht-icon-filter"]]],["utrecht-icon-information.cjs",[[1,"utrecht-icon-information"]]],["utrecht-icon-instagram.cjs",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin.cjs",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-list.cjs",[[1,"utrecht-icon-list"]]],["utrecht-icon-loupe.cjs",[[1,"utrecht-icon-loupe"]]],["utrecht-icon-twitter.cjs",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-warning.cjs",[[1,"utrecht-icon-warning"]]],["utrecht-icon-whatsapp.cjs",[[1,"utrecht-icon-whatsapp"]]],["utrecht-icon-zoomin.cjs",[[1,"utrecht-icon-zoomin"]]],["utrecht-icon-zoomout.cjs",[[1,"utrecht-icon-zoomout"]]],["utrecht-logo.cjs",[[1,"utrecht-logo"]]],["utrecht-page-footer.cjs",[[1,"utrecht-page-footer"]]],["utrecht-pagination.cjs",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["utrecht-separator.cjs",[[1,"utrecht-separator"]]],["utrecht-sidenav.cjs",[[1,"utrecht-sidenav",{"json":[1]}]]],["utrecht-textbox.cjs",[[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-heading-2_3.cjs",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]],["utrecht-button_2.cjs",[[1,"utrecht-button",{"busy":[4],"disabled":[4],"type":[1]}],[1,"utrecht-digid-logo"]]]], options);
   });
 };
 

package/dist/cjs/utrecht-form-field-description.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b96d9af7.js');
 const clsx_m = require('./clsx.m-b00fa5e1.js');
 
-const stencilCss = ".utrecht-form-field-description{font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-description-font-size, inherit)}.utrecht-form-field-description--distanced{margin-block-end:var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-form-field-description--invalid{color:var(--utrecht-form-field-description-invalid-color, var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color)))}.utrecht-form-field-description--valid{color:var(--utrecht-form-field-description-valid-color, var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color)))}:host{display:block}:host([hidden]){display:none !important}";
+const stencilCss = ".utrecht-form-field-description{color:var(--utrecht-form-field-description-color);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-description-font-size, inherit);font-style:var(--utrecht-form-field-description-font-style)}.utrecht-form-field-description--distanced{margin-block-end:var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-form-field-description--invalid{color:var(--utrecht-form-field-description-invalid-color, var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color)))}.utrecht-form-field-description--valid{color:var(--utrecht-form-field-description-valid-color, var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color)))}:host{display:block}:host([hidden]){display:none !important}";
 
 const FormFieldDescription = class {
   constructor(hostRef) {

package/dist/cjs/utrecht-icon-error.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b96d9af7.js');
+
+const stencilCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
+
+const IconError = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-8 -8 38 38" }, index.h("title", null, "Error"), index.h("g", null, index.h("path", { fill: "currentColor", d: "M7.33946 3.24242C7.49556 3.08683 7.70708 2.99963 7.92747 3L15.1042 3.01196C15.3245 3.01232 15.5358 3.10023 15.6914 3.25633L20.7576 8.33946C20.9132 8.49556 21.0004 8.70708 21 8.92747L20.988 16.1042C20.9877 16.3245 20.8998 16.5358 20.7437 16.6914L15.6605 21.7576C15.5044 21.9132 15.2929 22.0004 15.0725 22L7.89585 21.988C7.67545 21.9877 7.46423 21.8998 7.30865 21.7437L2.24242 16.6605C2.08683 16.5044 1.99963 16.2929 2 16.0725L2.01195 8.89585C2.01232 8.67545 2.10023 8.46423 2.25633 8.30865L7.33946 3.24242Z" }), index.h("path", { fill: "white", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.35206 8.82756C7.18099 8.99863 7.18099 9.27599 7.35206 9.44706L9.97629 12.0713C10.1441 12.2416 10.1442 12.5153 9.97651 12.6858L7.35206 15.3102C7.18099 15.4813 7.18099 15.7587 7.35206 15.9297L7.82768 16.4053C7.90254 16.4802 7.99776 16.5223 8.09552 16.5316C8.1187 16.5339 8.14202 16.5342 8.16524 16.5328C8.26793 16.5263 8.36878 16.4838 8.44725 16.4053L11.0717 13.7808C11.2423 13.6132 11.5159 13.6134 11.6863 13.7813L14.3103 16.4053C14.3883 16.4834 14.4884 16.5258 14.5905 16.5327C14.7122 16.5408 14.8368 16.4984 14.9298 16.4054L15.4055 15.9297C15.5765 15.7587 15.5765 15.4813 15.4055 15.3102L12.7812 12.686C12.6134 12.5156 12.6133 12.2419 12.781 12.0715C12.7819 12.0706 12.7827 12.0697 12.7836 12.0689L15.4055 9.44706C15.5765 9.27599 15.5765 8.99863 15.4055 8.82756L14.9298 8.35194C14.8463 8.2684 14.7374 8.22565 14.6279 8.2237C14.5132 8.22164 14.3978 8.26439 14.3103 8.35193L11.6858 10.9764C11.5153 11.1441 11.2416 11.1439 11.0713 10.976L8.44725 8.35194C8.36923 8.27392 8.2691 8.23148 8.16703 8.22463C8.04528 8.21643 7.92076 8.25887 7.82769 8.35193L7.35206 8.82756Z" }))));
+  }
+};
+IconError.style = stencilCss;
+
+exports.utrecht_icon_error = IconError;

package/dist/cjs/utrecht-icon-information.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b96d9af7.js');
+
+const stencilCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
+
+const IconInformation = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-10 -10 38 38" }, index.h("title", null, "Information"), index.h("g", null, index.h("path", { fill: "currentColor", d: "M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z" }), index.h("path", { fill: "white", d: "M9 8.5C9 8.22386 9.22386 8 9.5 8H10.5C10.7761 8 11 8.22386 11 8.5V14.5C11 14.7761 10.7761 15 10.5 15H9.5C9.22386 15 9 14.7761 9 14.5V8.5Z" }), index.h("circle", { fill: "white", cx: "10", cy: "6", r: "1" }))));
+  }
+};
+IconInformation.style = stencilCss;
+
+exports.utrecht_icon_information = IconInformation;

package/dist/cjs/utrecht-icon-warning.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b96d9af7.js');
+
+const stencilCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
+
+const IconWarning = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-7 -8 38 38" }, index.h("title", null, "Warning"), index.h("g", null, index.h("path", { d: "M11.134 3.5C11.5189 2.83333 12.4811 2.83333 12.866 3.5L22.3923 20C22.7772 20.6667 22.2961 21.5 21.5263 21.5H2.47372C1.70392 21.5 1.22279 20.6667 1.6077 20L11.134 3.5Z", fill: "currentColor" }), index.h("rect", { x: "12.9", y: "15.6504", width: "1.9", height: "6.65", rx: "0.5", transform: "rotate(-180 12.9 15.6504)", fill: "white" }), index.h("circle", { fill: "white", cx: "11.95", cy: "17.55", r: "0.95", transform: "rotate(-180 11.95 17.55)" }))));
+  }
+};
+IconWarning.style = stencilCss;
+
+exports.utrecht_icon_warning = IconWarning;

package/dist/cjs/utrecht.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["utrecht-contact-card-template.cjs",[[1,"utrecht-contact-card-template"]]],["utrecht-digid-button.cjs",[[1,"utrecht-digid-button",{"type":[1]}]]],["utrecht-logo-button.cjs",[[1,"utrecht-logo-button",{"type":[1]}]]],["utrecht-article.cjs",[[1,"utrecht-article"]]],["utrecht-badge-counter.cjs",[[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]]],["utrecht-badge-data.cjs",[[1,"utrecht-badge-data"]]],["utrecht-badge-status.cjs",[[1,"utrecht-badge-status",{"status":[1]}]]],["utrecht-breadcrumb.cjs",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["utrecht-checkbox.cjs",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document.cjs",[[1,"utrecht-document"]]],["utrecht-eherkenning-logo.cjs",[[1,"utrecht-eherkenning-logo"]]],["utrecht-eidas-logo.cjs",[[1,"utrecht-eidas-logo"]]],["utrecht-form-field-checkbox.cjs",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["utrecht-form-field-description.cjs",[[1,"utrecht-form-field-description",{"status":[513]}]]],["utrecht-form-field-textarea.cjs",[[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}]]],["utrecht-form-field-textbox.cjs",[[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.cjs",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["utrecht-heading.cjs",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-heading-1.cjs",[[1,"utrecht-heading-1"]]],["utrecht-heading-4.cjs",[[1,"utrecht-heading-4"]]],["utrecht-heading-5.cjs",[[1,"utrecht-heading-5"]]],["utrecht-heading-6.cjs",[[1,"utrecht-heading-6"]]],["utrecht-html-content.cjs",[[4,"utrecht-html-content"]]],["utrecht-icon-arrow.cjs",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-checkmark.cjs",[[1,"utrecht-icon-checkmark"]]],["utrecht-icon-cross.cjs",[[1,"utrecht-icon-cross"]]],["utrecht-icon-facebook.cjs",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter.cjs",[[1,"utrecht-icon-filter"]]],["utrecht-icon-instagram.cjs",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin.cjs",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-list.cjs",[[1,"utrecht-icon-list"]]],["utrecht-icon-loupe.cjs",[[1,"utrecht-icon-loupe"]]],["utrecht-icon-twitter.cjs",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-whatsapp.cjs",[[1,"utrecht-icon-whatsapp"]]],["utrecht-icon-zoomin.cjs",[[1,"utrecht-icon-zoomin"]]],["utrecht-icon-zoomout.cjs",[[1,"utrecht-icon-zoomout"]]],["utrecht-logo.cjs",[[1,"utrecht-logo"]]],["utrecht-page-footer.cjs",[[1,"utrecht-page-footer"]]],["utrecht-pagination.cjs",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["utrecht-separator.cjs",[[1,"utrecht-separator"]]],["utrecht-sidenav.cjs",[[1,"utrecht-sidenav",{"json":[1]}]]],["utrecht-textbox.cjs",[[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-heading-2_3.cjs",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]],["utrecht-button_2.cjs",[[1,"utrecht-button",{"busy":[4],"disabled":[4],"type":[1]}],[1,"utrecht-digid-logo"]]]], options);
+  return index.bootstrapLazy([["utrecht-contact-card-template.cjs",[[1,"utrecht-contact-card-template"]]],["utrecht-digid-button.cjs",[[1,"utrecht-digid-button",{"type":[1]}]]],["utrecht-logo-button.cjs",[[1,"utrecht-logo-button",{"type":[1]}]]],["utrecht-article.cjs",[[1,"utrecht-article"]]],["utrecht-badge-counter.cjs",[[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]]],["utrecht-badge-data.cjs",[[1,"utrecht-badge-data"]]],["utrecht-badge-status.cjs",[[1,"utrecht-badge-status",{"status":[1]}]]],["utrecht-breadcrumb.cjs",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["utrecht-checkbox.cjs",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document.cjs",[[1,"utrecht-document"]]],["utrecht-eherkenning-logo.cjs",[[1,"utrecht-eherkenning-logo"]]],["utrecht-eidas-logo.cjs",[[1,"utrecht-eidas-logo"]]],["utrecht-form-field-checkbox.cjs",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["utrecht-form-field-description.cjs",[[1,"utrecht-form-field-description",{"status":[513]}]]],["utrecht-form-field-textarea.cjs",[[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}]]],["utrecht-form-field-textbox.cjs",[[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.cjs",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["utrecht-heading.cjs",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-heading-1.cjs",[[1,"utrecht-heading-1"]]],["utrecht-heading-4.cjs",[[1,"utrecht-heading-4"]]],["utrecht-heading-5.cjs",[[1,"utrecht-heading-5"]]],["utrecht-heading-6.cjs",[[1,"utrecht-heading-6"]]],["utrecht-html-content.cjs",[[4,"utrecht-html-content"]]],["utrecht-icon-arrow.cjs",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-checkmark.cjs",[[1,"utrecht-icon-checkmark"]]],["utrecht-icon-cross.cjs",[[1,"utrecht-icon-cross"]]],["utrecht-icon-error.cjs",[[1,"utrecht-icon-error"]]],["utrecht-icon-facebook.cjs",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter.cjs",[[1,"utrecht-icon-filter"]]],["utrecht-icon-information.cjs",[[1,"utrecht-icon-information"]]],["utrecht-icon-instagram.cjs",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin.cjs",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-list.cjs",[[1,"utrecht-icon-list"]]],["utrecht-icon-loupe.cjs",[[1,"utrecht-icon-loupe"]]],["utrecht-icon-twitter.cjs",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-warning.cjs",[[1,"utrecht-icon-warning"]]],["utrecht-icon-whatsapp.cjs",[[1,"utrecht-icon-whatsapp"]]],["utrecht-icon-zoomin.cjs",[[1,"utrecht-icon-zoomin"]]],["utrecht-icon-zoomout.cjs",[[1,"utrecht-icon-zoomout"]]],["utrecht-logo.cjs",[[1,"utrecht-logo"]]],["utrecht-page-footer.cjs",[[1,"utrecht-page-footer"]]],["utrecht-pagination.cjs",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["utrecht-separator.cjs",[[1,"utrecht-separator"]]],["utrecht-sidenav.cjs",[[1,"utrecht-sidenav",{"json":[1]}]]],["utrecht-textbox.cjs",[[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-heading-2_3.cjs",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]],["utrecht-button_2.cjs",[[1,"utrecht-button",{"busy":[4],"disabled":[4],"type":[1]}],[1,"utrecht-digid-logo"]]]], options);
 });

package/dist/collection/collection-manifest.json

@@ -28,13 +28,16 @@
     "./icon/arrow.stencil.js",
     "./icon/checkmark.stencil.js",
     "./icon/cross.stencil.js",
+    "./icon/error.stencil.js",
     "./icon/facebook.stencil.js",
     "./icon/filter.stencil.js",
+    "./icon/information.stencil.js",
     "./icon/instagram.stencil.js",
     "./icon/linkedin.stencil.js",
     "./icon/list.stencil.js",
     "./icon/loupe.stencil.js",
     "./icon/twitter.stencil.js",
+    "./icon/warning.stencil.js",
     "./icon/whatsapp.stencil.js",
     "./icon/zoomin.stencil.js",
     "./icon/zoomout.stencil.js",

package/dist/collection/form-field-description/bem.js

@@ -6,7 +6,7 @@
 import clsx from 'clsx';
 
 export const FormFieldDescription = ({ id = null, innerHTML = '', status = null }) =>
-  `<div id="${id}" class="${clsx(
+  `<div${id ? ` id="${id}"` : ''} class="${clsx(
     'utrecht-form-field-description',
     'utrecht-form-field-description--distanced',
     status === 'valid' && 'utrecht-form-field-description--valid',

package/dist/collection/form-field-description/stencil.css

@@ -7,8 +7,10 @@
  * Copyright (c) 2021 Robbert Broersma
  */
 .utrecht-form-field-description {
+  color: var(--utrecht-form-field-description-color);
   font-family: var(--utrecht-document-font-family, inherit);
   font-size: var(--utrecht-form-field-description-font-size, inherit);
+  font-style: var(--utrecht-form-field-description-font-style);
 }
 
 .utrecht-form-field-description--distanced {

package/dist/collection/icon/error.stencil.js

@@ -0,0 +1,18 @@
+import { Component, h } from "@stencil/core";
+export class IconError {
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-8 -8 38 38" },
+      h("title", null, "Error"),
+      h("g", null,
+        h("path", { fill: "currentColor", d: "M7.33946 3.24242C7.49556 3.08683 7.70708 2.99963 7.92747 3L15.1042 3.01196C15.3245 3.01232 15.5358 3.10023 15.6914 3.25633L20.7576 8.33946C20.9132 8.49556 21.0004 8.70708 21 8.92747L20.988 16.1042C20.9877 16.3245 20.8998 16.5358 20.7437 16.6914L15.6605 21.7576C15.5044 21.9132 15.2929 22.0004 15.0725 22L7.89585 21.988C7.67545 21.9877 7.46423 21.8998 7.30865 21.7437L2.24242 16.6605C2.08683 16.5044 1.99963 16.2929 2 16.0725L2.01195 8.89585C2.01232 8.67545 2.10023 8.46423 2.25633 8.30865L7.33946 3.24242Z" }),
+        h("path", { fill: "white", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.35206 8.82756C7.18099 8.99863 7.18099 9.27599 7.35206 9.44706L9.97629 12.0713C10.1441 12.2416 10.1442 12.5153 9.97651 12.6858L7.35206 15.3102C7.18099 15.4813 7.18099 15.7587 7.35206 15.9297L7.82768 16.4053C7.90254 16.4802 7.99776 16.5223 8.09552 16.5316C8.1187 16.5339 8.14202 16.5342 8.16524 16.5328C8.26793 16.5263 8.36878 16.4838 8.44725 16.4053L11.0717 13.7808C11.2423 13.6132 11.5159 13.6134 11.6863 13.7813L14.3103 16.4053C14.3883 16.4834 14.4884 16.5258 14.5905 16.5327C14.7122 16.5408 14.8368 16.4984 14.9298 16.4054L15.4055 15.9297C15.5765 15.7587 15.5765 15.4813 15.4055 15.3102L12.7812 12.686C12.6134 12.5156 12.6133 12.2419 12.781 12.0715C12.7819 12.0706 12.7827 12.0697 12.7836 12.0689L15.4055 9.44706C15.5765 9.27599 15.5765 8.99863 15.4055 8.82756L14.9298 8.35194C14.8463 8.2684 14.7374 8.22565 14.6279 8.2237C14.5132 8.22164 14.3978 8.26439 14.3103 8.35193L11.6858 10.9764C11.5153 11.1441 11.2416 11.1439 11.0713 10.976L8.44725 8.35194C8.36923 8.27392 8.2691 8.23148 8.16703 8.22463C8.04528 8.21643 7.92076 8.25887 7.82769 8.35193L7.35206 8.82756Z" }))));
+  }
+  static get is() { return "utrecht-icon-error"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["stencil.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["stencil.css"]
+  }; }
+}

package/dist/collection/icon/information.stencil.js

@@ -0,0 +1,19 @@
+import { Component, h } from "@stencil/core";
+export class IconInformation {
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-10 -10 38 38" },
+      h("title", null, "Information"),
+      h("g", null,
+        h("path", { fill: "currentColor", d: "M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z" }),
+        h("path", { fill: "white", d: "M9 8.5C9 8.22386 9.22386 8 9.5 8H10.5C10.7761 8 11 8.22386 11 8.5V14.5C11 14.7761 10.7761 15 10.5 15H9.5C9.22386 15 9 14.7761 9 14.5V8.5Z" }),
+        h("circle", { fill: "white", cx: "10", cy: "6", r: "1" }))));
+  }
+  static get is() { return "utrecht-icon-information"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["stencil.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["stencil.css"]
+  }; }
+}

package/dist/collection/icon/warning.stencil.js

@@ -0,0 +1,19 @@
+import { Component, h } from "@stencil/core";
+export class IconWarning {
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-7 -8 38 38" },
+      h("title", null, "Warning"),
+      h("g", null,
+        h("path", { d: "M11.134 3.5C11.5189 2.83333 12.4811 2.83333 12.866 3.5L22.3923 20C22.7772 20.6667 22.2961 21.5 21.5263 21.5H2.47372C1.70392 21.5 1.22279 20.6667 1.6077 20L11.134 3.5Z", fill: "currentColor" }),
+        h("rect", { x: "12.9", y: "15.6504", width: "1.9", height: "6.65", rx: "0.5", transform: "rotate(-180 12.9 15.6504)", fill: "white" }),
+        h("circle", { fill: "white", cx: "11.95", cy: "17.55", r: "0.95", transform: "rotate(-180 11.95 17.55)" }))));
+  }
+  static get is() { return "utrecht-icon-warning"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["stencil.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["stencil.css"]
+  }; }
+}

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

@@ -176,6 +176,12 @@ export const UtrechtIconCross: {
   new (): UtrechtIconCross;
 };
 
+interface UtrechtIconError extends Components.UtrechtIconError, HTMLElement {}
+export const UtrechtIconError: {
+  prototype: UtrechtIconError;
+  new (): UtrechtIconError;
+};
+
 interface UtrechtIconFacebook extends Components.UtrechtIconFacebook, HTMLElement {}
 export const UtrechtIconFacebook: {
   prototype: UtrechtIconFacebook;
@@ -188,6 +194,12 @@ export const UtrechtIconFilter: {
   new (): UtrechtIconFilter;
 };
 
+interface UtrechtIconInformation extends Components.UtrechtIconInformation, HTMLElement {}
+export const UtrechtIconInformation: {
+  prototype: UtrechtIconInformation;
+  new (): UtrechtIconInformation;
+};
+
 interface UtrechtIconInstagram extends Components.UtrechtIconInstagram, HTMLElement {}
 export const UtrechtIconInstagram: {
   prototype: UtrechtIconInstagram;
@@ -218,6 +230,12 @@ export const UtrechtIconTwitter: {
   new (): UtrechtIconTwitter;
 };
 
+interface UtrechtIconWarning extends Components.UtrechtIconWarning, HTMLElement {}
+export const UtrechtIconWarning: {
+  prototype: UtrechtIconWarning;
+  new (): UtrechtIconWarning;
+};
+
 interface UtrechtIconWhatsapp extends Components.UtrechtIconWhatsapp, HTMLElement {}
 export const UtrechtIconWhatsapp: {
   prototype: UtrechtIconWhatsapp;