@utrecht/web-component-library-stencil 1.0.0-alpha.286 → 1.0.0-alpha.287

package/dist/components/icon/tmp/components/utrecht-icon-zoomin/utrecht-icon-zoomin.stencil.js

@@ -7,15 +7,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h } from '@stencil/core';
 let UtrechtIconZoomin = class UtrechtIconZoomin {
     render() {
-        return (h("utrecht-icon-container", null,
-            h("svg", { viewBox: "-1 -2 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
-                h("path", { d: "M11.6 5a.6.6 0 0 1 .6.6v10.8a.6.6 0 0 1-.6.6h-1.2a.6.6 0 0 1-.6-.6V5.6a.6.6 0 0 1 .6-.6h1.2Z" }),
-                h("path", { d: "M5 10.4a.6.6 0 0 1 .6-.6h10.8a.6.6 0 0 1 .6.6v1.2a.6.6 0 0 1-.6.6H5.6a.6.6 0 0 1-.6-.6v-1.2Z" }))));
+        return (h("svg", { viewBox: "-1 -2 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
+            h("path", { d: "M11.6 5a.6.6 0 0 1 .6.6v10.8a.6.6 0 0 1-.6.6h-1.2a.6.6 0 0 1-.6-.6V5.6a.6.6 0 0 1 .6-.6h1.2Z" }),
+            h("path", { d: "M5 10.4a.6.6 0 0 1 .6-.6h10.8a.6.6 0 0 1 .6.6v1.2a.6.6 0 0 1-.6.6H5.6a.6.6 0 0 1-.6-.6v-1.2Z" })));
     }
 };
 UtrechtIconZoomin = __decorate([
     Component({
         tag: 'utrecht-icon-zoomin',
+        styleUrl: "../../../web-component/index.scss",
         shadow: true,
     })
 ], UtrechtIconZoomin);

package/dist/components/icon/tmp/components/utrecht-icon-zoomout/utrecht-icon-zoomout.stencil.js

@@ -7,14 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h } from '@stencil/core';
 let UtrechtIconZoomout = class UtrechtIconZoomout {
     render() {
-        return (h("utrecht-icon-container", null,
-            h("svg", { viewBox: "-6 -11 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
-                h("path", { d: "M0 .5A.5.5 0 0 1 .5 0h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-1Z" }))));
+        return (h("svg", { viewBox: "-6 -11 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
+            h("path", { d: "M0 .5A.5.5 0 0 1 .5 0h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-1Z" })));
     }
 };
 UtrechtIconZoomout = __decorate([
     Component({
         tag: 'utrecht-icon-zoomout',
+        styleUrl: "../../../web-component/index.scss",
         shadow: true,
     })
 ], UtrechtIconZoomout);

package/dist/components/icon/tmp/components/utrecht-icon-zorg-huis/utrecht-icon-zorg-huis.stencil.js

@@ -7,15 +7,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h } from '@stencil/core';
 let UtrechtIconZorgHuis = class UtrechtIconZorgHuis {
     render() {
-        return (h("utrecht-icon-container", null,
-            h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
-                h("path", { d: "M0 23.87h5.3V33.9H0zm31.15 6.47-11 .67-3.96-1.19.59-1.75 3.88 1.15 3.75-.3c-.01-.1-.34-2.61-3.69-3.5l-6.64-1.9-6.68.96v8.47l12.74 3.06 15.85-3.15s0-2.52-4.85-2.52Z" }),
-                h("path", { d: "m7.61 14.35 1.92-1.59.04 9.55 4.16-.62c.24-.04.49-.02.72.06l7.22 2.17c3.43.95 4.5 3.18 4.69 4.63l4.38-.2V12.81l2.13 1.74 2.07-2.37-4.24-3.6V3.81h-3.18v2.22L20.11 0 5.52 12.08l2.09 2.26Zm9.34-2.52h6.35v5.01h-6.35v-5.01Z" }))));
+        return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
+            h("path", { d: "M0 23.87h5.3V33.9H0zm31.15 6.47-11 .67-3.96-1.19.59-1.75 3.88 1.15 3.75-.3c-.01-.1-.34-2.61-3.69-3.5l-6.64-1.9-6.68.96v8.47l12.74 3.06 15.85-3.15s0-2.52-4.85-2.52Z" }),
+            h("path", { d: "m7.61 14.35 1.92-1.59.04 9.55 4.16-.62c.24-.04.49-.02.72.06l7.22 2.17c3.43.95 4.5 3.18 4.69 4.63l4.38-.2V12.81l2.13 1.74 2.07-2.37-4.24-3.6V3.81h-3.18v2.22L20.11 0 5.52 12.08l2.09 2.26Zm9.34-2.52h6.35v5.01h-6.35v-5.01Z" })));
     }
 };
 UtrechtIconZorgHuis = __decorate([
     Component({
         tag: 'utrecht-icon-zorg-huis',
+        styleUrl: "../../../web-component/index.scss",
         shadow: true,
     })
 ], UtrechtIconZorgHuis);

package/dist/components/icon/tmp/components/utrecht-icon-zwemmen/utrecht-icon-zwemmen.stencil.js

@@ -7,14 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h } from '@stencil/core';
 let UtrechtIconZwemmen = class UtrechtIconZwemmen {
     render() {
-        return (h("utrecht-icon-container", null,
-            h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
-                h("path", { "fill-rule": "evenodd", d: "M31.65 12.05v-.02c-.22-.44-.49-.86-.86-1.23a4.23 4.23 0 0 0-1.12-.79c-.02-.01-.05-.02-.07-.04a4.507 4.507 0 0 0-5.19.83c-1.76 1.76-1.76 4.62 0 6.37 1.76 1.76 4.62 1.76 6.37 0 1.39-1.39 1.66-3.46.86-5.13ZM3.13 16.59c-1.27-1.39-.94-3.45.73-4.45l4.51-2.71c1.2-.58 2.66-.57 3.84.04l6.43 4.09c1.07.55 3.76 3.78 5.21 5.76-.48-.12-.85-.31-1.32-.54-.98-.5-2.21-1.13-4.49-1.13s-3.51.63-4.49 1.13c-.78.4-1.29.67-2.51.67s-1.74-.26-2.52-.67c-.62-.32-1.34-.69-2.37-.92l6.83-3.77-2.76-1.83-7.09 4.34v-.02ZM36 25.83v2.03a9.14 9.14 0 0 1-.99-.47c-.82-.42-1.52-.78-3.01-.78s-2.19.36-3.01.78c-.93.48-1.98 1.02-4 1.02s-3.07-.54-3.99-1.02c-.82-.41-1.52-.78-3-.78v-.02c-1.45 0-2.15.37-2.96.78-.93.48-1.99 1.02-4.01 1.02s-3.08-.54-4.01-1.02c-.82-.42-1.53-.78-3.02-.78s-2.2.36-3.02.78c-.31.16-.63.32-.99.47v-2.03c.93-.48 1.98-1.02 4-1.02s3.07.54 4 1.02c.82.42 1.52.78 3.01.78s2.19-.36 3-.78c.93-.48 1.98-1.02 3.99-1.02v.02c1.98 0 3.03.55 3.95 1.02.82.42 1.52.78 3.01.78s2.2-.36 3.02-.78c.93-.48 1.99-1.02 4.01-1.02s3.08.54 4.01 1.02H36Zm0-4.48v2.03a9.14 9.14 0 0 1-.99-.47c-.82-.42-1.52-.78-3.01-.78s-2.19.36-3.01.78c-.93.48-1.98 1.02-4 1.02s-3.07-.54-3.99-1.02c-.82-.42-1.52-.78-3-.78v-.02c-1.45 0-2.15.37-2.96.78-.93.48-1.99 1.02-4.01 1.02s-3.08-.54-4.01-1.02c-.82-.42-1.53-.78-3.02-.78s-2.2.36-3.02.78c-.31.15-.63.32-.99.47v-2.03c.93-.48 1.98-1.02 4-1.02s3.07.54 4 1.02c.82.42 1.52.78 3.01.78s2.19-.36 3-.78c.93-.48 1.98-1.02 3.99-1.02v.02c1.98 0 3.03.54 3.95 1.02.82.42 1.52.78 3.01.78s2.2-.36 3.02-.78c.93-.48 1.99-1.02 4.01-1.02s3.08.54 4.01 1.02H36Z" }))));
+        return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
+            h("path", { "fill-rule": "evenodd", d: "M31.65 12.05v-.02c-.22-.44-.49-.86-.86-1.23a4.23 4.23 0 0 0-1.12-.79c-.02-.01-.05-.02-.07-.04a4.507 4.507 0 0 0-5.19.83c-1.76 1.76-1.76 4.62 0 6.37 1.76 1.76 4.62 1.76 6.37 0 1.39-1.39 1.66-3.46.86-5.13ZM3.13 16.59c-1.27-1.39-.94-3.45.73-4.45l4.51-2.71c1.2-.58 2.66-.57 3.84.04l6.43 4.09c1.07.55 3.76 3.78 5.21 5.76-.48-.12-.85-.31-1.32-.54-.98-.5-2.21-1.13-4.49-1.13s-3.51.63-4.49 1.13c-.78.4-1.29.67-2.51.67s-1.74-.26-2.52-.67c-.62-.32-1.34-.69-2.37-.92l6.83-3.77-2.76-1.83-7.09 4.34v-.02ZM36 25.83v2.03a9.14 9.14 0 0 1-.99-.47c-.82-.42-1.52-.78-3.01-.78s-2.19.36-3.01.78c-.93.48-1.98 1.02-4 1.02s-3.07-.54-3.99-1.02c-.82-.41-1.52-.78-3-.78v-.02c-1.45 0-2.15.37-2.96.78-.93.48-1.99 1.02-4.01 1.02s-3.08-.54-4.01-1.02c-.82-.42-1.53-.78-3.02-.78s-2.2.36-3.02.78c-.31.16-.63.32-.99.47v-2.03c.93-.48 1.98-1.02 4-1.02s3.07.54 4 1.02c.82.42 1.52.78 3.01.78s2.19-.36 3-.78c.93-.48 1.98-1.02 3.99-1.02v.02c1.98 0 3.03.55 3.95 1.02.82.42 1.52.78 3.01.78s2.2-.36 3.02-.78c.93-.48 1.99-1.02 4.01-1.02s3.08.54 4.01 1.02H36Zm0-4.48v2.03a9.14 9.14 0 0 1-.99-.47c-.82-.42-1.52-.78-3.01-.78s-2.19.36-3.01.78c-.93.48-1.98 1.02-4 1.02s-3.07-.54-3.99-1.02c-.82-.42-1.52-.78-3-.78v-.02c-1.45 0-2.15.37-2.96.78-.93.48-1.99 1.02-4.01 1.02s-3.08-.54-4.01-1.02c-.82-.42-1.53-.78-3.02-.78s-2.2.36-3.02.78c-.31.15-.63.32-.99.47v-2.03c.93-.48 1.98-1.02 4-1.02s3.07.54 4 1.02c.82.42 1.52.78 3.01.78s2.19-.36 3-.78c.93-.48 1.98-1.02 3.99-1.02v.02c1.98 0 3.03.54 3.95 1.02.82.42 1.52.78 3.01.78s2.2-.36 3.02-.78c.93-.48 1.99-1.02 4.01-1.02s3.08.54 4.01 1.02H36Z" })));
     }
 };
 UtrechtIconZwemmen = __decorate([
     Component({
         tag: 'utrecht-icon-zwemmen',
+        styleUrl: "../../../web-component/index.scss",
         shadow: true,
     })
 ], UtrechtIconZwemmen);

package/dist/components/utrecht-custom-checkbox.js

@@ -1,7 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as clsx } from './clsx.m.js';
-import { d as defineCustomElement$3 } from './utrecht-icon-checkmark.stencil.js';
-import { d as defineCustomElement$2 } from './utrecht-icon-container.stencil.js';
+import { d as defineCustomElement$2 } from './utrecht-icon-checkmark.stencil.js';
 
 const indexCss = ".utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--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-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--html-input:focus{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-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--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-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--html-input:focus{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-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-custom-checkbox{--utrecht-icon-size:var(--utrecht-custom-checkbox-icon-size, calc(0.75 * var(--utrecht-custom-checkbox-size)));display:inline-block;height:var(--utrecht-custom-checkbox-size);position:relative;width:var(--utrecht-custom-checkbox-size)}.utrecht-custom-checkbox__input{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;height:var(--utrecht-custom-checkbox-size);left:0;opacity:0%;position:absolute;top:0;width:var(--utrecht-custom-checkbox-size);z-index:10}.utrecht-custom-checkbox__box{align-items:center;background-color:var(--utrecht-custom-checkbox-background-color);border-color:var(--utrecht-custom-checkbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-custom-checkbox-border-radius, var(--utrecht-form-input-border-radius));border-style:solid;border-width:var(--utrecht-custom-checkbox-border-width, var(--utrecht-form-input-border-width));box-sizing:border-box;color:var(--utrecht-custom-checkbox-color);display:flex;height:var(--utrecht-custom-checkbox-size);justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:var(--utrecht-custom-checkbox-size);z-index:1000}.utrecht-custom-checkbox__box--checked{background-color:var(--utrecht-custom-checkbox-checked-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-checked-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-checked-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-checked-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--disabled{background-color:var(--utrecht-custom-checkbox-disabled-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-disabled-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-disabled-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-disabled-color, var(--utrecht-custom-checkbox-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-custom-checkbox__box--indeterminate{color:var(--utrecht-custom-checkbox-indeterminate-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--invalid{background-color:var(--utrecht-custom-checkbox-invalid-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-invalid-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-invalid-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-invalid-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--active{background-color:var(--utrecht-custom-checkbox-active-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-active-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-active-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-active-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--focus{background-color:var(--utrecht-custom-checkbox-focus-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-focus-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-focus-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-focus-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--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-custom-checkbox__input:indeterminate~.utrecht-custom-checkbox__box{color:var(--utrecht-custom-checkbox-indeterminate-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__input:focus~.utrecht-custom-checkbox__box{background-color:var(--utrecht-custom-checkbox-focus-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-focus-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-focus-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-focus-color, var(--utrecht-custom-checkbox-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-custom-checkbox__input:focus:not(:focus-visible)~.utrecht-custom-checkbox__box{box-shadow:none;outline-style:none}.utrecht-custom-checkbox__icon--checked,.utrecht-custom-checkbox__icon--indeterminate{display:none}.utrecht-custom-checkbox__box--checked .utrecht-custom-checkbox__icon--checked{display:block}.utrecht-custom-checkbox__box--indeterminate .utrecht-custom-checkbox__icon--indeterminate{display:block}:host{display:block}:host([hidden]){display:none !important}";
 
@@ -58,7 +57,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["utrecht-custom-checkbox", "utrecht-icon-checkmark", "utrecht-icon-container"];
+  const components = ["utrecht-custom-checkbox", "utrecht-icon-checkmark"];
   components.forEach(tagName => { switch (tagName) {
     case "utrecht-custom-checkbox":
       if (!customElements.get(tagName)) {
@@ -66,11 +65,6 @@ function defineCustomElement$1() {
       }
       break;
     case "utrecht-icon-checkmark":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "utrecht-icon-container":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }

package/dist/components/utrecht-icon-afspraak-maken.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './utrecht-icon-container.stencil.js';
+
+const indexCss = ":host{color:var(--utrecht-icon-color);display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}";
 
 const UtrechtIconAfspraakMaken$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -8,25 +9,21 @@ const UtrechtIconAfspraakMaken$1 = /*@__PURE__*/ proxyCustomElement(class extend
     this.__attachShadow();
   }
   render() {
-    return (h("utrecht-icon-container", null, h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M18 4C10.28 4 4 10.28 4 18s6.28 14 14 14 14-6.28 14-14S25.72 4 18 4Zm2 15.05L10.09 25l-1.42-2.32 8.5-5.04V7.72H20v11.33Z" }), h("path", { d: "M17.98 0C8.05 0 0 8.06 0 18s8.05 18 17.98 18S36 27.94 36 18 27.94 0 17.98 0ZM18 34C9.18 34 2 26.82 2 18S9.18 2 18 2s16 7.18 16 16-7.18 16-16 16Z" }))));
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M18 4C10.28 4 4 10.28 4 18s6.28 14 14 14 14-6.28 14-14S25.72 4 18 4Zm2 15.05L10.09 25l-1.42-2.32 8.5-5.04V7.72H20v11.33Z" }), h("path", { d: "M17.98 0C8.05 0 0 8.06 0 18s8.05 18 17.98 18S36 27.94 36 18 27.94 0 17.98 0ZM18 34C9.18 34 2 26.82 2 18S9.18 2 18 2s16 7.18 16 16-7.18 16-16 16Z" })));
   }
+  static get style() { return indexCss; }
 }, [1, "utrecht-icon-afspraak-maken"]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["utrecht-icon-afspraak-maken", "utrecht-icon-container"];
+  const components = ["utrecht-icon-afspraak-maken"];
   components.forEach(tagName => { switch (tagName) {
     case "utrecht-icon-afspraak-maken":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, UtrechtIconAfspraakMaken$1);
       }
       break;
-    case "utrecht-icon-container":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
   } });
 }
 

package/dist/components/utrecht-icon-afval-container.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './utrecht-icon-container.stencil.js';
+
+const indexCss = ":host{color:var(--utrecht-icon-color);display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}";
 
 const UtrechtIconAfvalContainer$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -8,25 +9,21 @@ const UtrechtIconAfvalContainer$1 = /*@__PURE__*/ proxyCustomElement(class exten
     this.__attachShadow();
   }
   render() {
-    return (h("utrecht-icon-container", null, h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M15.07 31.15 31 14.44v14.54H5V13.99C5 8.46 9.48 3.98 15.01 3.98V1.49c0-.83.69-1.49 1.54-1.49h2.97c.84 0 1.51.65 1.51 1.46v2.52C26.8 3.98 31 8.66 31 14.44ZM19 1.98h-1.98v2H19v-2Zm17 30H0v4h36v-4Zm-13-23H13l-1 5h12l-1-5Z" }))));
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M15.07 31.15 31 14.44v14.54H5V13.99C5 8.46 9.48 3.98 15.01 3.98V1.49c0-.83.69-1.49 1.54-1.49h2.97c.84 0 1.51.65 1.51 1.46v2.52C26.8 3.98 31 8.66 31 14.44ZM19 1.98h-1.98v2H19v-2Zm17 30H0v4h36v-4Zm-13-23H13l-1 5h12l-1-5Z" })));
   }
+  static get style() { return indexCss; }
 }, [1, "utrecht-icon-afval-container"]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["utrecht-icon-afval-container", "utrecht-icon-container"];
+  const components = ["utrecht-icon-afval-container"];
   components.forEach(tagName => { switch (tagName) {
     case "utrecht-icon-afval-container":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, UtrechtIconAfvalContainer$1);
       }
       break;
-    case "utrecht-icon-container":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
   } });
 }
 

package/dist/components/utrecht-icon-afval-containerpas.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './utrecht-icon-container.stencil.js';
+
+const indexCss = ":host{color:var(--utrecht-icon-color);display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}";
 
 const UtrechtIconAfvalContainerpas$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -8,25 +9,21 @@ const UtrechtIconAfvalContainerpas$1 = /*@__PURE__*/ proxyCustomElement(class ex
     this.__attachShadow();
   }
   render() {
-    return (h("utrecht-icon-container", null, h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M25 30.04h8.02v-15.6c0-5.77-4.19-10.46-9.97-10.46V1.46C23.06.65 22.39 0 21.55 0h-2.97c-.86 0-1.54.66-1.54 1.49v2.49c-5.53 0-10.01 4.48-10.01 10.01v4.03h12.93c2.78 0 5.05 2.25 5.05 5.02v7ZM19.04 1.98h1.98v2h-1.98v-2Zm-5.02 12 1-5h10l1 5h-12ZM0 23v11c0 1.13.91 2.04 2.04 2.04h17.99c1.09 0 1.97-.88 1.97-1.97V22.99c0-1.07-.87-1.94-1.94-1.94H1.96c-1.08 0-1.96.88-1.96 1.96Zm7.51 2.05h.04c.96 0 1.74.78 1.74 1.75s-.78 1.75-1.74 1.75h-.04c-.96 0-1.74-.78-1.74-1.75s.78-1.75 1.74-1.75Zm3.52 7.01H4.04c0-1.53 1.28-2.74 2.81-2.66l.69.04 1.56-.08c1.06-.06 1.93.77 1.93 1.83v.88Zm5.99 0h-3.95v-1.88h3.95v1.88Zm1.02-4.01h-4.98v-1.88h4.98v1.88ZM36 33.04v3H24.63c.19-.44.32-.9.37-1.39v-1.61h11Z" }))));
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M25 30.04h8.02v-15.6c0-5.77-4.19-10.46-9.97-10.46V1.46C23.06.65 22.39 0 21.55 0h-2.97c-.86 0-1.54.66-1.54 1.49v2.49c-5.53 0-10.01 4.48-10.01 10.01v4.03h12.93c2.78 0 5.05 2.25 5.05 5.02v7ZM19.04 1.98h1.98v2h-1.98v-2Zm-5.02 12 1-5h10l1 5h-12ZM0 23v11c0 1.13.91 2.04 2.04 2.04h17.99c1.09 0 1.97-.88 1.97-1.97V22.99c0-1.07-.87-1.94-1.94-1.94H1.96c-1.08 0-1.96.88-1.96 1.96Zm7.51 2.05h.04c.96 0 1.74.78 1.74 1.75s-.78 1.75-1.74 1.75h-.04c-.96 0-1.74-.78-1.74-1.75s.78-1.75 1.74-1.75Zm3.52 7.01H4.04c0-1.53 1.28-2.74 2.81-2.66l.69.04 1.56-.08c1.06-.06 1.93.77 1.93 1.83v.88Zm5.99 0h-3.95v-1.88h3.95v1.88Zm1.02-4.01h-4.98v-1.88h4.98v1.88ZM36 33.04v3H24.63c.19-.44.32-.9.37-1.39v-1.61h11Z" })));
   }
+  static get style() { return indexCss; }
 }, [1, "utrecht-icon-afval-containerpas"]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["utrecht-icon-afval-containerpas", "utrecht-icon-container"];
+  const components = ["utrecht-icon-afval-containerpas"];
   components.forEach(tagName => { switch (tagName) {
     case "utrecht-icon-afval-containerpas":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, UtrechtIconAfvalContainerpas$1);
       }
       break;
-    case "utrecht-icon-container":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
   } });
 }
 

package/dist/components/utrecht-icon-afval-kalender.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './utrecht-icon-container.stencil.js';
+
+const indexCss = ":host{color:var(--utrecht-icon-color);display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}";
 
 const UtrechtIconAfvalKalender$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -8,25 +9,21 @@ const UtrechtIconAfvalKalender$1 = /*@__PURE__*/ proxyCustomElement(class extend
     this.__attachShadow();
   }
   render() {
-    return (h("utrecht-icon-container", null, h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M25.99 3V0h-2v6h-1V3l-11-.02V0h-2l-.02 6h-.98V3l-5-.02-.02 28.51c0 2.48 2.02 4.51 4.51 4.51l19.02.04c2.48 0 4.5-2.02 4.5-4.5V3h-6.01Zm-11.1 26.94c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5Zm7.05-1.31c-.06.78-.71 1.38-1.49 1.38h-2.97c.41-.71.57-1.58.23-2.53a2.95 2.95 0 0 0-1.91-1.83c-.93-.29-1.81-.11-2.5.33l-.28-9.93h9.99l-1.06 12.58Zm3.05-14.61-13 .03V12l.99.02c0-.55.45-1 1-1h7.79c.55 0 1 .45 1 1h2.22v2Z" }))));
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M25.99 3V0h-2v6h-1V3l-11-.02V0h-2l-.02 6h-.98V3l-5-.02-.02 28.51c0 2.48 2.02 4.51 4.51 4.51l19.02.04c2.48 0 4.5-2.02 4.5-4.5V3h-6.01Zm-11.1 26.94c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5Zm7.05-1.31c-.06.78-.71 1.38-1.49 1.38h-2.97c.41-.71.57-1.58.23-2.53a2.95 2.95 0 0 0-1.91-1.83c-.93-.29-1.81-.11-2.5.33l-.28-9.93h9.99l-1.06 12.58Zm3.05-14.61-13 .03V12l.99.02c0-.55.45-1 1-1h7.79c.55 0 1 .45 1 1h2.22v2Z" })));
   }
+  static get style() { return indexCss; }
 }, [1, "utrecht-icon-afval-kalender"]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["utrecht-icon-afval-kalender", "utrecht-icon-container"];
+  const components = ["utrecht-icon-afval-kalender"];
   components.forEach(tagName => { switch (tagName) {
     case "utrecht-icon-afval-kalender":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, UtrechtIconAfvalKalender$1);
       }
       break;
-    case "utrecht-icon-container":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
   } });
 }
 

package/dist/components/utrecht-icon-afval-scheiden.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './utrecht-icon-container.stencil.js';
+
+const indexCss = ":host{color:var(--utrecht-icon-color);display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}";
 
 const UtrechtIconAfvalScheiden$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -8,25 +9,21 @@ const UtrechtIconAfvalScheiden$1 = /*@__PURE__*/ proxyCustomElement(class extend
     this.__attachShadow();
   }
   render() {
-    return (h("utrecht-icon-container", null, h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M14.89 3.5c0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5S20.32 7 18.39 7s-3.5-1.57-3.5-3.5ZM9.14 36.02H3L2 23v-2h10l-.87 13.17a1.99 1.99 0 0 1-1.99 1.85Zm12 0h-6.15l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.17a2.004 2.004 0 0 1-1.99 1.85Zm11.99 0h-6.14l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.16a2.017 2.017 0 0 1-2.01 1.86h.01ZM1.73 20.95l-1.73-1 4-6.93c.55-.96 1.78-1.28 2.73-.73l-5 8.66Zm22.25-9.05c0-1.59-1.3-2.88-2.89-2.88h-6.1c-1.41 0-2.6.64-3.25 1.92l-3.75 8.08h3.18l2.82-5.67v3.67h10l-.02-5.12h.01Z" }))));
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M14.89 3.5c0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5S20.32 7 18.39 7s-3.5-1.57-3.5-3.5ZM9.14 36.02H3L2 23v-2h10l-.87 13.17a1.99 1.99 0 0 1-1.99 1.85Zm12 0h-6.15l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.17a2.004 2.004 0 0 1-1.99 1.85Zm11.99 0h-6.14l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.16a2.017 2.017 0 0 1-2.01 1.86h.01ZM1.73 20.95l-1.73-1 4-6.93c.55-.96 1.78-1.28 2.73-.73l-5 8.66Zm22.25-9.05c0-1.59-1.3-2.88-2.89-2.88h-6.1c-1.41 0-2.6.64-3.25 1.92l-3.75 8.08h3.18l2.82-5.67v3.67h10l-.02-5.12h.01Z" })));
   }
+  static get style() { return indexCss; }
 }, [1, "utrecht-icon-afval-scheiden"]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["utrecht-icon-afval-scheiden", "utrecht-icon-container"];
+  const components = ["utrecht-icon-afval-scheiden"];
   components.forEach(tagName => { switch (tagName) {
     case "utrecht-icon-afval-scheiden":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, UtrechtIconAfvalScheiden$1);
       }
       break;
-    case "utrecht-icon-container":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
   } });
 }
 

package/dist/components/utrecht-icon-afval.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './utrecht-icon-container.stencil.js';
+
+const indexCss = ":host{color:var(--utrecht-icon-color);display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}";
 
 const UtrechtIconAfval$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -8,25 +9,21 @@ const UtrechtIconAfval$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     this.__attachShadow();
   }
   render() {
-    return (h("utrecht-icon-container", null, h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M28.91 2.04h-21c0-1.09 1.35-1.98 3-1.98h15c1.65 0 3 .89 3 1.98ZM3.89 4.06c-.55 0-1 .45-1 1s.45 1 1 1h4l1.5 22.25c.48-.15.97-.25 1.5-.25 2.76 0 5 2.24 5 5 0 1.13-.39 2.16-1.02 3h8.02c1.47 0 2.79-1.54 3-3l3-27h2v-2h-27Zm7 26c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3Z" }))));
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M28.91 2.04h-21c0-1.09 1.35-1.98 3-1.98h15c1.65 0 3 .89 3 1.98ZM3.89 4.06c-.55 0-1 .45-1 1s.45 1 1 1h4l1.5 22.25c.48-.15.97-.25 1.5-.25 2.76 0 5 2.24 5 5 0 1.13-.39 2.16-1.02 3h8.02c1.47 0 2.79-1.54 3-3l3-27h2v-2h-27Zm7 26c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3Z" })));
   }
+  static get style() { return indexCss; }
 }, [1, "utrecht-icon-afval"]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["utrecht-icon-afval", "utrecht-icon-container"];
+  const components = ["utrecht-icon-afval"];
   components.forEach(tagName => { switch (tagName) {
     case "utrecht-icon-afval":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, UtrechtIconAfval$1);
       }
       break;
-    case "utrecht-icon-container":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
   } });
 }
 

package/dist/components/utrecht-icon-afvalkalender.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './utrecht-icon-container.stencil.js';
+
+const indexCss = ":host{color:var(--utrecht-icon-color);display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}";
 
 const UtrechtIconAfvalkalender$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -8,25 +9,21 @@ const UtrechtIconAfvalkalender$1 = /*@__PURE__*/ proxyCustomElement(class extend
     this.__attachShadow();
   }
   render() {
-    return (h("utrecht-icon-container", null, h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M25.99 3V0h-2v6h-1V3l-11-.02V0h-2l-.02 6h-.98V3l-5-.02-.02 28.51c0 2.48 2.02 4.51 4.51 4.51l19.02.04c2.48 0 4.5-2.02 4.5-4.5V3h-6.01Zm-11.1 26.94c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5Zm7.05-1.31c-.06.78-.71 1.38-1.49 1.38h-2.97c.41-.71.57-1.58.23-2.53a2.95 2.95 0 0 0-1.91-1.83c-.93-.29-1.81-.11-2.5.33l-.28-9.93h9.99l-1.06 12.58Zm3.05-14.61-13 .03V12l.99.02c0-.55.45-1 1-1h7.79c.55 0 1 .45 1 1h2.22v2Z" }))));
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M25.99 3V0h-2v6h-1V3l-11-.02V0h-2l-.02 6h-.98V3l-5-.02-.02 28.51c0 2.48 2.02 4.51 4.51 4.51l19.02.04c2.48 0 4.5-2.02 4.5-4.5V3h-6.01Zm-11.1 26.94c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5Zm7.05-1.31c-.06.78-.71 1.38-1.49 1.38h-2.97c.41-.71.57-1.58.23-2.53a2.95 2.95 0 0 0-1.91-1.83c-.93-.29-1.81-.11-2.5.33l-.28-9.93h9.99l-1.06 12.58Zm3.05-14.61-13 .03V12l.99.02c0-.55.45-1 1-1h7.79c.55 0 1 .45 1 1h2.22v2Z" })));
   }
+  static get style() { return indexCss; }
 }, [1, "utrecht-icon-afvalkalender"]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["utrecht-icon-afvalkalender", "utrecht-icon-container"];
+  const components = ["utrecht-icon-afvalkalender"];
   components.forEach(tagName => { switch (tagName) {
     case "utrecht-icon-afvalkalender":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, UtrechtIconAfvalkalender$1);
       }
       break;
-    case "utrecht-icon-container":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
   } });
 }
 

package/dist/components/utrecht-icon-alleen.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './utrecht-icon-container.stencil.js';
+
+const indexCss = ":host{color:var(--utrecht-icon-color);display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}";
 
 const UtrechtIconAlleen$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -8,25 +9,21 @@ const UtrechtIconAlleen$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     this.__attachShadow();
   }
   render() {
-    return (h("utrecht-icon-container", null, h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M6.53 7.92c-1.24 0-2.25-1.26-2.25-2.5s1.01-2.5 2.25-2.5h1.25V.67c0-.41.34-.75.75-.75s.75.34.75.75v7.25H6.53Zm18.76 7.99H12.72c-2.36 0-3.43-1.91-3.43-4v-1.89l-4-.06v1.95c0 4.26 2.9 8 7.43 8h.61L13.37 36l13.92-.08v-3h3V20.91c0-2.81-2.19-5-5-5ZM13.5 5.29l.12.03c.56.13 1.12.2 1.66.2 2.07 0 4.08-.86 5.53-2.36l1.6-1.58 1.37 1.36a7.68 7.68 0 0 0 3.07 2.09l.22.08-.07-.23c-.9-2.92-3.65-4.96-6.7-4.96s-5.97 2.16-6.77 5.25l-.03.11Zm-.18 2.06v.16c.31 3.6 3.38 6.41 6.98 6.41s6.76-2.89 6.98-6.58v-.1l-.65-.13a9.545 9.545 0 0 1-4.15-2.77l-.09-.1-.09.1c-1.79 2.06-4.36 3.24-7.03 3.24-.59 0-1.19-.07-1.8-.19l-.15-.03Z" }))));
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M6.53 7.92c-1.24 0-2.25-1.26-2.25-2.5s1.01-2.5 2.25-2.5h1.25V.67c0-.41.34-.75.75-.75s.75.34.75.75v7.25H6.53Zm18.76 7.99H12.72c-2.36 0-3.43-1.91-3.43-4v-1.89l-4-.06v1.95c0 4.26 2.9 8 7.43 8h.61L13.37 36l13.92-.08v-3h3V20.91c0-2.81-2.19-5-5-5ZM13.5 5.29l.12.03c.56.13 1.12.2 1.66.2 2.07 0 4.08-.86 5.53-2.36l1.6-1.58 1.37 1.36a7.68 7.68 0 0 0 3.07 2.09l.22.08-.07-.23c-.9-2.92-3.65-4.96-6.7-4.96s-5.97 2.16-6.77 5.25l-.03.11Zm-.18 2.06v.16c.31 3.6 3.38 6.41 6.98 6.41s6.76-2.89 6.98-6.58v-.1l-.65-.13a9.545 9.545 0 0 1-4.15-2.77l-.09-.1-.09.1c-1.79 2.06-4.36 3.24-7.03 3.24-.59 0-1.19-.07-1.8-.19l-.15-.03Z" })));
   }
+  static get style() { return indexCss; }
 }, [1, "utrecht-icon-alleen"]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["utrecht-icon-alleen", "utrecht-icon-container"];
+  const components = ["utrecht-icon-alleen"];
   components.forEach(tagName => { switch (tagName) {
     case "utrecht-icon-alleen":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, UtrechtIconAlleen$1);
       }
       break;
-    case "utrecht-icon-container":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
   } });
 }
 

package/dist/components/utrecht-icon-arrow.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './utrecht-icon-container.stencil.js';
+
+const indexCss = ":host{color:var(--utrecht-icon-color);display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}";
 
 const UtrechtIconArrow$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -8,25 +9,21 @@ const UtrechtIconArrow$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     this.__attachShadow();
   }
   render() {
-    return (h("utrecht-icon-container", null, h("svg", { viewBox: "-6 -3 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M1.793 19.092a1 1 0 0 0 1.414 0l8.485-8.485a1 1 0 0 0 0-1.415L3.207.707a1 1 0 0 0-1.414 0L.707 1.793a1 1 0 0 0 0 1.414l5.985 5.985a1 1 0 0 1 0 1.415L.707 16.592a1 1 0 0 0 0 1.414l1.086 1.086Z" }))));
+    return (h("svg", { viewBox: "-6 -3 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M1.793 19.092a1 1 0 0 0 1.414 0l8.485-8.485a1 1 0 0 0 0-1.415L3.207.707a1 1 0 0 0-1.414 0L.707 1.793a1 1 0 0 0 0 1.414l5.985 5.985a1 1 0 0 1 0 1.415L.707 16.592a1 1 0 0 0 0 1.414l1.086 1.086Z" })));
   }
+  static get style() { return indexCss; }
 }, [1, "utrecht-icon-arrow"]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["utrecht-icon-arrow", "utrecht-icon-container"];
+  const components = ["utrecht-icon-arrow"];
   components.forEach(tagName => { switch (tagName) {
     case "utrecht-icon-arrow":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, UtrechtIconArrow$1);
       }
       break;
-    case "utrecht-icon-container":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
   } });
 }
 

package/dist/components/utrecht-icon-bestemmingsplan.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './utrecht-icon-container.stencil.js';
+
+const indexCss = ":host{color:var(--utrecht-icon-color);display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}";
 
 const UtrechtIconBestemmingsplan$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -8,25 +9,21 @@ const UtrechtIconBestemmingsplan$1 = /*@__PURE__*/ proxyCustomElement(class exte
     this.__attachShadow();
   }
   render() {
-    return (h("utrecht-icon-container", null, h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "m19.58 25.11-1.56 1.92-1.56-1.92c-.16-.2-2.67-3.32-4.72-7.05H6L0 33h30.02L36 18.06H24.3c-2.05 3.73-4.56 6.85-4.72 7.05Z" }), h("path", { d: "M11.15 11.1c.03.17.06.33.1.49 1.11 5.28 6.77 12.27 6.77 12.27s5.67-6.98 6.77-12.27c.04-.16.07-.32.1-.49 0-.06.02-.12.03-.18.04-.32.07-.64.07-.96 0-3.83-3.13-6.95-6.98-6.95s-6.98 3.12-6.98 6.95c0 .33.03.65.08.96 0 .06.02.12.03.18Zm6.87-4.15c1.66 0 3 1.34 3 2.99s-1.34 2.99-3 2.99-3-1.34-3-2.99 1.34-2.99 3-2.99Z" }))));
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "m19.58 25.11-1.56 1.92-1.56-1.92c-.16-.2-2.67-3.32-4.72-7.05H6L0 33h30.02L36 18.06H24.3c-2.05 3.73-4.56 6.85-4.72 7.05Z" }), h("path", { d: "M11.15 11.1c.03.17.06.33.1.49 1.11 5.28 6.77 12.27 6.77 12.27s5.67-6.98 6.77-12.27c.04-.16.07-.32.1-.49 0-.06.02-.12.03-.18.04-.32.07-.64.07-.96 0-3.83-3.13-6.95-6.98-6.95s-6.98 3.12-6.98 6.95c0 .33.03.65.08.96 0 .06.02.12.03.18Zm6.87-4.15c1.66 0 3 1.34 3 2.99s-1.34 2.99-3 2.99-3-1.34-3-2.99 1.34-2.99 3-2.99Z" })));
   }
+  static get style() { return indexCss; }
 }, [1, "utrecht-icon-bestemmingsplan"]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["utrecht-icon-bestemmingsplan", "utrecht-icon-container"];
+  const components = ["utrecht-icon-bestemmingsplan"];
   components.forEach(tagName => { switch (tagName) {
     case "utrecht-icon-bestemmingsplan":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, UtrechtIconBestemmingsplan$1);
       }
       break;
-    case "utrecht-icon-container":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
   } });
 }
 

package/dist/components/utrecht-icon-betaaldatum.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './utrecht-icon-container.stencil.js';
+
+const indexCss = ":host{color:var(--utrecht-icon-color);display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}";
 
 const UtrechtIconBetaaldatum$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -8,25 +9,21 @@ const UtrechtIconBetaaldatum$1 = /*@__PURE__*/ proxyCustomElement(class extends
     this.__attachShadow();
   }
   render() {
-    return (h("utrecht-icon-container", null, h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M22.94 33H20V23h2.77c1.14-2.16 3.01-3.81 5.23-4.71V3h-5V0h-2v6h-2V3L9 2.98V0H7l-.02 6H5V3l-5-.02-.02 28.51C-.02 33.97 2 36 4.49 36l19.02.04c.63 0 1.23-.13 1.77-.37-.91-.75-1.71-1.64-2.33-2.68h-.01ZM9 27.01H5v-2h4v2Zm0-7H5v-2h4v2Zm0-7H5v-2h4v2Zm10-2h4v2h-4v-2Zm-7 0h4v2h-4v-2Zm0 7h4v2h-4v-2Zm1.58 11.5-2.83-2.83 1.42-1.41 1.42 1.41 3.19-3.19 1.41 1.41-4.61 4.61ZM19 18.01h4v2h-4v-2Zm16.92 16.85a8.142 8.142 0 0 1-4.18 1.15c-3.39 0-6.31-2.06-7.57-5h-2.16v-2h1.6c-.06-.4-.1-.82-.1-1.24 0-.26.02-.51.04-.76h-1.54v-2h2.07c1.14-3.18 4.18-5.47 7.75-5.47 1.3 0 2.52.31 3.62.85l-.83 1.82c-.84-.42-1.79-.67-2.79-.67-2.45 0-4.56 1.42-5.58 3.47h7.1l-.91 2h-6.79c-.03.25-.05.5-.05.76 0 .42.04.84.12 1.24h5.73l-.91 2h-4.11c1.1 1.8 3.07 3 5.32 3 .98 0 1.91-.24 2.74-.64l1.44 1.49h-.01Z" }))));
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M22.94 33H20V23h2.77c1.14-2.16 3.01-3.81 5.23-4.71V3h-5V0h-2v6h-2V3L9 2.98V0H7l-.02 6H5V3l-5-.02-.02 28.51C-.02 33.97 2 36 4.49 36l19.02.04c.63 0 1.23-.13 1.77-.37-.91-.75-1.71-1.64-2.33-2.68h-.01ZM9 27.01H5v-2h4v2Zm0-7H5v-2h4v2Zm0-7H5v-2h4v2Zm10-2h4v2h-4v-2Zm-7 0h4v2h-4v-2Zm0 7h4v2h-4v-2Zm1.58 11.5-2.83-2.83 1.42-1.41 1.42 1.41 3.19-3.19 1.41 1.41-4.61 4.61ZM19 18.01h4v2h-4v-2Zm16.92 16.85a8.142 8.142 0 0 1-4.18 1.15c-3.39 0-6.31-2.06-7.57-5h-2.16v-2h1.6c-.06-.4-.1-.82-.1-1.24 0-.26.02-.51.04-.76h-1.54v-2h2.07c1.14-3.18 4.18-5.47 7.75-5.47 1.3 0 2.52.31 3.62.85l-.83 1.82c-.84-.42-1.79-.67-2.79-.67-2.45 0-4.56 1.42-5.58 3.47h7.1l-.91 2h-6.79c-.03.25-.05.5-.05.76 0 .42.04.84.12 1.24h5.73l-.91 2h-4.11c1.1 1.8 3.07 3 5.32 3 .98 0 1.91-.24 2.74-.64l1.44 1.49h-.01Z" })));
   }
+  static get style() { return indexCss; }
 }, [1, "utrecht-icon-betaaldatum"]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["utrecht-icon-betaaldatum", "utrecht-icon-container"];
+  const components = ["utrecht-icon-betaaldatum"];
   components.forEach(tagName => { switch (tagName) {
     case "utrecht-icon-betaaldatum":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, UtrechtIconBetaaldatum$1);
       }
       break;
-    case "utrecht-icon-container":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
   } });
 }
 

package/dist/components/utrecht-icon-bewijsstukken.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './utrecht-icon-container.stencil.js';
+
+const indexCss = ":host{color:var(--utrecht-icon-color);display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}";
 
 const UtrechtIconBewijsstukken$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -8,25 +9,21 @@ const UtrechtIconBewijsstukken$1 = /*@__PURE__*/ proxyCustomElement(class extend
     this.__attachShadow();
   }
   render() {
-    return (h("utrecht-icon-container", null, h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M4 25.97h9v9l-9-9Zm21 2v8l3-2.67 3 2.67v-8h-6Zm3-11c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5Zm-13 19v-10a2 2 0 0 0-2-2H3V1.95C3 .86 3.88-.03 4.98-.03h22.05c1.11 0 2.02.9 2.02 2.02l-.03 13.07c-.33-.05-.67-.08-1.02-.08-3.86 0-7 3.14-7 7 0 1.9.76 3.63 2 4.89V36l-8-.02Zm8-25H9v2h14v-2Zm-14.01-5v2H23V6.02L8.99 5.97Zm8.01 12v-2H9v2h8Z" }))));
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M4 25.97h9v9l-9-9Zm21 2v8l3-2.67 3 2.67v-8h-6Zm3-11c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5Zm-13 19v-10a2 2 0 0 0-2-2H3V1.95C3 .86 3.88-.03 4.98-.03h22.05c1.11 0 2.02.9 2.02 2.02l-.03 13.07c-.33-.05-.67-.08-1.02-.08-3.86 0-7 3.14-7 7 0 1.9.76 3.63 2 4.89V36l-8-.02Zm8-25H9v2h14v-2Zm-14.01-5v2H23V6.02L8.99 5.97Zm8.01 12v-2H9v2h8Z" })));
   }
+  static get style() { return indexCss; }
 }, [1, "utrecht-icon-bewijsstukken"]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["utrecht-icon-bewijsstukken", "utrecht-icon-container"];
+  const components = ["utrecht-icon-bewijsstukken"];
   components.forEach(tagName => { switch (tagName) {
     case "utrecht-icon-bewijsstukken":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, UtrechtIconBewijsstukken$1);
       }
       break;
-    case "utrecht-icon-container":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
   } });
 }