@utrecht/web-component-library-stencil 1.0.0-alpha.285 → 1.0.0-alpha.288

package/dist/collection/icon/tmp/components/utrecht-icon-whatsapp/utrecht-icon-whatsapp.stencil.js

@@ -1,10 +1,15 @@
 import { Component, h } from '@stencil/core';
 export class UtrechtIconWhatsapp {
   render() {
-    return (h("utrecht-icon-container", null,
-      h("svg", { viewBox: "-1 -1 22 22", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
-        h("path", { d: "M15.604 4.11a7.862 7.862 0 0 0-5.58-2.31c-4.337 0-7.882 3.523-7.882 7.862a7.83 7.83 0 0 0 1.05 3.931l-1.114 4.072 4.172-1.098a7.885 7.885 0 0 0 3.762.958c4.338 0 7.883-3.523 7.883-7.863a7.78 7.78 0 0 0-2.29-5.552zm-5.566 12.1c-1.178 0-2.33-.32-3.34-.906l-.244-.14-2.482.65.665-2.412-.153-.243a6.523 6.523 0 0 1-.999-3.471c0-3.6 2.944-6.535 6.553-6.535 1.753 0 3.39.676 4.632 1.914s1.92 2.872 1.92 4.62c-.013 3.587-2.944 6.523-6.552 6.523zm3.583-4.888c-.192-.103-1.165-.575-1.344-.639-.179-.063-.307-.102-.448.102-.128.192-.512.639-.627.766-.115.128-.23.153-.422.051-.192-.102-.832-.306-1.587-.97a6.26 6.26 0 0 1-1.088-1.378c-.115-.192-.013-.294.09-.396.09-.09.192-.23.294-.344.103-.115.128-.192.192-.332.077-.128.039-.243-.013-.345-.05-.09-.435-1.06-.601-1.455-.154-.383-.32-.332-.448-.332-.115 0-.243-.013-.371-.013s-.346.052-.525.243c-.192.204-.69.676-.69 1.646s.703 1.902.805 2.03c.103.127 1.382 2.119 3.366 2.961.474.204.832.32 1.126.408.474.154.896.128 1.242.077.383-.051 1.164-.472 1.33-.932.167-.46.167-.855.116-.931-.064-.077-.192-.128-.397-.217z" }))));
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
+      h("path", { d: "M30.69 5.24A17.822 17.822 0 0 0 18.03 0C8.19 0 .15 7.99.15 17.84c0 3.16.81 6.2 2.38 8.92L0 36l9.47-2.49c2.61 1.42 5.55 2.17 8.54 2.17 9.84 0 17.89-7.99 17.89-17.84.03-4.72-1.83-9.21-5.2-12.6ZM18.06 32.7c-2.67 0-5.29-.72-7.58-2.06l-.55-.32L4.3 31.8l1.51-5.47-.35-.55c-1.48-2.35-2.27-5.1-2.27-7.88 0-8.17 6.68-14.83 14.87-14.83 3.98 0 7.7 1.53 10.51 4.34s4.36 6.52 4.36 10.48c-.03 8.14-6.68 14.8-14.87 14.8Zm8.13-11.09c-.44-.23-2.64-1.3-3.05-1.45-.41-.14-.7-.23-1.02.23-.29.43-1.16 1.45-1.42 1.74-.26.29-.52.35-.96.12-.44-.23-1.89-.7-3.6-2.2a14.009 14.009 0 0 1-2.47-3.13c-.26-.43-.03-.67.2-.9.2-.2.44-.52.67-.78.23-.26.29-.43.44-.75.17-.29.09-.55-.03-.78-.12-.2-.99-2.4-1.36-3.3-.35-.87-.73-.75-1.02-.75-.26 0-.55-.03-.84-.03s-.78.12-1.19.55c-.44.46-1.57 1.53-1.57 3.74s1.6 4.32 1.83 4.6c.23.29 3.14 4.81 7.64 6.72 1.07.46 1.89.72 2.56.93 1.07.35 2.03.29 2.82.17.87-.12 2.64-1.07 3.02-2.11.38-1.04.38-1.94.26-2.11-.15-.17-.44-.29-.9-.49Z" })));
   }
   static get is() { return "utrecht-icon-whatsapp"; }
   static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../../../web-component/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../../../web-component/index.css"]
+  }; }
 }

package/dist/collection/icon/tmp/components/utrecht-icon-wonen-kosten/utrecht-icon-wonen-kosten.stencil.js

@@ -1,10 +1,15 @@
 import { Component, h } from '@stencil/core';
 export class UtrechtIconWonenKosten {
   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: "M29 22.03c-3.86 0-6.98 3.13-6.98 6.98s3.13 6.98 6.98 6.98 6.98-3.13 6.98-6.98-3.13-6.98-6.98-6.98Zm.54 11.3c-1.69 0-3.28-.95-3.88-2.68s-1.19 0-1.19 0v-1.1h.96a4.91 4.91 0 0 1 0-.9h-.96v-1.09h1.18c.6-1.75 2.23-2.71 3.9-2.71.88 0 1.58.19 2.14.57s-.58 1.16-.58 1.16c-.41-.3-.95-.44-1.56-.44-.96 0-1.88.45-2.34 1.41h3.44l-.53 1.09h-3.2c-.01.1-.03.24-.03.44 0 .22.01.38.03.46h2.83l-.51 1.1h-2.01c.46.91 1.34 1.35 2.31 1.35.7 0 1.31-.2 1.74-.6l.7 1.08c-.59.5-1.44.85-2.44.85ZM20.04 30c-.04-.33-.06-.66-.06-1 0-4.63 3.5-8.44 7.99-8.94V12.9l2.7 2.34 1.31-1.51-4.02-3.48V4.99h-1.97v3.53L15.99 0 0 13.72l1.32 1.51 2.7-2.37L3.99 30h16.05Zm-8.05-14h8v6h-8v-6Z" }))));
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
+      h("path", { d: "M29 22.03c-3.86 0-6.98 3.13-6.98 6.98s3.13 6.98 6.98 6.98 6.98-3.13 6.98-6.98-3.13-6.98-6.98-6.98Zm.54 11.3c-1.69 0-3.28-.95-3.88-2.68s-1.19 0-1.19 0v-1.1h.96a4.91 4.91 0 0 1 0-.9h-.96v-1.09h1.18c.6-1.75 2.23-2.71 3.9-2.71.88 0 1.58.19 2.14.57s-.58 1.16-.58 1.16c-.41-.3-.95-.44-1.56-.44-.96 0-1.88.45-2.34 1.41h3.44l-.53 1.09h-3.2c-.01.1-.03.24-.03.44 0 .22.01.38.03.46h2.83l-.51 1.1h-2.01c.46.91 1.34 1.35 2.31 1.35.7 0 1.31-.2 1.74-.6l.7 1.08c-.59.5-1.44.85-2.44.85ZM20.04 30c-.04-.33-.06-.66-.06-1 0-4.63 3.5-8.44 7.99-8.94V12.9l2.7 2.34 1.31-1.51-4.02-3.48V4.99h-1.97v3.53L15.99 0 0 13.72l1.32 1.51 2.7-2.37L3.99 30h16.05Zm-8.05-14h8v6h-8v-6Z" })));
   }
   static get is() { return "utrecht-icon-wonen-kosten"; }
   static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../../../web-component/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../../../web-component/index.css"]
+  }; }
 }

package/dist/collection/icon/tmp/components/utrecht-icon-woning-zoeken/utrecht-icon-woning-zoeken.stencil.js

@@ -1,10 +1,15 @@
 import { Component, h } from '@stencil/core';
 export class UtrechtIconWoningZoeken {
   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.52 24.93 9 28.3v7.71H0V28.3l4.52-3.37ZM11 28.3v7.71h9V28.3l-4.48-3.37L11 28.3Zm11 0v7.71h9V28.3l-4.48-3.37L22 28.3Zm13.99-5.48-1.41 1.41-8.2-8.2A8.963 8.963 0 0 1 20.77 18c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9c0 2.12-.74 4.07-1.97 5.61l8.2 8.2Zm-8.22-13.8c0-3.86-3.14-7-7-7s-7 3.14-7 7 3.14 7 7 7 7-3.14 7-7Z" }))));
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
+      h("path", { d: "M4.52 24.93 9 28.3v7.71H0V28.3l4.52-3.37ZM11 28.3v7.71h9V28.3l-4.48-3.37L11 28.3Zm11 0v7.71h9V28.3l-4.48-3.37L22 28.3Zm13.99-5.48-1.41 1.41-8.2-8.2A8.963 8.963 0 0 1 20.77 18c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9c0 2.12-.74 4.07-1.97 5.61l8.2 8.2Zm-8.22-13.8c0-3.86-3.14-7-7-7s-7 3.14-7 7 3.14 7 7 7 7-3.14 7-7Z" })));
   }
   static get is() { return "utrecht-icon-woning-zoeken"; }
   static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../../../web-component/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../../../web-component/index.css"]
+  }; }
 }

package/dist/collection/icon/tmp/components/utrecht-icon-youtube/utrecht-icon-youtube.stencil.js

@@ -1,10 +1,15 @@
 import { Component, h } from '@stencil/core';
 export class UtrechtIconYoutube {
   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: "M35.25 9.28a4.493 4.493 0 0 0-3.18-3.2C29.26 5.32 18 5.32 18 5.32s-11.26 0-14.06.76a4.51 4.51 0 0 0-3.18 3.2C.01 12.11.01 18 .01 18s0 5.9.75 8.72a4.493 4.493 0 0 0 3.18 3.2c2.81.76 14.06.76 14.06.76s11.26 0 14.07-.76a4.51 4.51 0 0 0 3.18-3.2C36 23.89 36 18 36 18s0-5.9-.75-8.72ZM14.32 23.35v-10.7L23.73 18l-9.41 5.35Z" }))));
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
+      h("path", { d: "M35.25 9.28a4.493 4.493 0 0 0-3.18-3.2C29.26 5.32 18 5.32 18 5.32s-11.26 0-14.06.76a4.51 4.51 0 0 0-3.18 3.2C.01 12.11.01 18 .01 18s0 5.9.75 8.72a4.493 4.493 0 0 0 3.18 3.2c2.81.76 14.06.76 14.06.76s11.26 0 14.07-.76a4.51 4.51 0 0 0 3.18-3.2C36 23.89 36 18 36 18s0-5.9-.75-8.72ZM14.32 23.35v-10.7L23.73 18l-9.41 5.35Z" })));
   }
   static get is() { return "utrecht-icon-youtube"; }
   static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../../../web-component/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../../../web-component/index.css"]
+  }; }
 }

package/dist/collection/icon/tmp/components/utrecht-icon-zelfstandig-wonen/utrecht-icon-zelfstandig-wonen.stencil.js

@@ -1,10 +1,15 @@
 import { Component, h } from '@stencil/core';
 export class UtrechtIconZelfstandigWonen {
   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.56 15.56c0-1.36 1.1-2.46 2.46-2.46s2.46 1.1 2.46 2.46-1.1 2.46-2.46 2.46-2.46-1.1-2.46-2.46Zm8.82 10.61h-3.92v-4.08c0-1.36-1.1-2.46-2.45-2.46s-2.45 1.1-2.45 2.46v4.89c0 1.35 1.11 2.46 2.46 2.46h5.71v6.54H18v-7.19c0-1.44-1.18-2.62-2.62-2.62ZM2.59 30.84c-.53-2.03.62-3.86 2.33-4.48v-2.55c-3.74.75-6.25 4.92-4.17 9.11.5 1 1.32 1.82 2.32 2.32 4.19 2.08 8.35-.43 9.11-4.17H9.63a3.711 3.711 0 0 1-4.53 2.32 3.609 3.609 0 0 1-2.51-2.55ZM32.93 5.67V1.1h-3.15v2.01L25.51 0 15 8.4l2.07 2.49 1.15-1v10.06h14.71V9.84l1.03 1.09L36 8.42l-3.07-2.74Zm-4.2 7.98h-6.3V9.46l6.3-.03v4.23Z" }))));
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
+      h("path", { d: "M6.56 15.56c0-1.36 1.1-2.46 2.46-2.46s2.46 1.1 2.46 2.46-1.1 2.46-2.46 2.46-2.46-1.1-2.46-2.46Zm8.82 10.61h-3.92v-4.08c0-1.36-1.1-2.46-2.45-2.46s-2.45 1.1-2.45 2.46v4.89c0 1.35 1.11 2.46 2.46 2.46h5.71v6.54H18v-7.19c0-1.44-1.18-2.62-2.62-2.62ZM2.59 30.84c-.53-2.03.62-3.86 2.33-4.48v-2.55c-3.74.75-6.25 4.92-4.17 9.11.5 1 1.32 1.82 2.32 2.32 4.19 2.08 8.35-.43 9.11-4.17H9.63a3.711 3.711 0 0 1-4.53 2.32 3.609 3.609 0 0 1-2.51-2.55ZM32.93 5.67V1.1h-3.15v2.01L25.51 0 15 8.4l2.07 2.49 1.15-1v10.06h14.71V9.84l1.03 1.09L36 8.42l-3.07-2.74Zm-4.2 7.98h-6.3V9.46l6.3-.03v4.23Z" })));
   }
   static get is() { return "utrecht-icon-zelfstandig-wonen"; }
   static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../../../web-component/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../../../web-component/index.css"]
+  }; }
 }

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

@@ -1,11 +1,16 @@
 import { Component, h } from '@stencil/core';
 export 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" })));
   }
   static get is() { return "utrecht-icon-zoomin"; }
   static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../../../web-component/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../../../web-component/index.css"]
+  }; }
 }

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

@@ -1,10 +1,15 @@
 import { Component, h } from '@stencil/core';
 export 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" })));
   }
   static get is() { return "utrecht-icon-zoomout"; }
   static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../../../web-component/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../../../web-component/index.css"]
+  }; }
 }

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

@@ -1,11 +1,16 @@
 import { Component, h } from '@stencil/core';
 export 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" })));
   }
   static get is() { return "utrecht-icon-zorg-huis"; }
   static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../../../web-component/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../../../web-component/index.css"]
+  }; }
 }

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

@@ -1,10 +1,15 @@
 import { Component, h } from '@stencil/core';
 export 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" })));
   }
   static get is() { return "utrecht-icon-zwemmen"; }
   static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../../../web-component/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../../../web-component/index.css"]
+  }; }
 }

package/dist/collection/icon/tmp/optimized-svgs/facebook.svg

@@ -1,3 +1,3 @@
-<svg viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" fill="CurrentColor">
-  <path d="m25.868 20.809.687-5.323h-5.271v-3.398c0-1.541.43-2.592 2.641-2.592h2.815v-4.76c-.487-.065-2.158-.209-4.107-.209-4.065 0-6.845 2.481-6.845 7.037v3.925h-4.597v5.322h4.597v13.658h5.494V20.811h4.585l.001-.002z"/>
+<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" fill="CurrentColor">
+  <path d="m26.3 19.58.83-6.4h-6.34V9.09c0-1.85.52-3.12 3.18-3.12h3.38V.25C26.76.17 24.76 0 22.41 0c-4.89 0-8.23 2.98-8.23 8.46v4.72H8.65v6.4h5.53V36h6.61V19.58h5.51Z"/>
 </svg>

package/dist/collection/icon/tmp/optimized-svgs/instagram.svg

@@ -1,5 +1,5 @@
-<svg viewBox="-7 -7 42 42" xmlns="http://www.w3.org/2000/svg" fill="CurrentColor">
-  <path d="M13.477 2.43c3.608 0 4.039.022 5.446.068 1.316.068 2.019.272 2.495.454.636.25 1.09.545 1.543 1 .477.476.772.93.999 1.543.181.477.408 1.181.453 2.498.069 1.43.069 1.84.069 5.45 0 3.61-.023 4.042-.069 5.45-.068 1.317-.272 2.021-.453 2.498a4.222 4.222 0 0 1-.999 1.544c-.476.477-.93.772-1.543 1-.476.181-1.18.408-2.495.454-1.43.068-1.838.068-5.446.068-3.607 0-4.038-.023-5.445-.068-1.316-.069-2.02-.273-2.496-.455a4.218 4.218 0 0 1-1.543-.999 4.027 4.027 0 0 1-.998-1.544c-.182-.477-.408-1.18-.454-2.498-.068-1.43-.068-1.84-.068-5.45 0-3.61.023-4.042.068-5.45.068-1.317.272-2.02.454-2.498.204-.59.5-1.044.976-1.521.476-.477.93-.772 1.542-1 .477-.18 1.18-.408 2.496-.453 1.43-.091 1.86-.091 5.468-.091Zm0-2.43c-3.653 0-4.13.023-5.559.09C6.49.137 5.491.364 4.651.705c-.885.34-1.656.795-2.405 1.544-.749.75-1.202 1.522-1.543 2.407-.34.84-.567 1.84-.635 3.27C0 9.355 0 9.833 0 13.49s.023 4.133.09 5.563c.069 1.43.296 2.407.636 3.27.34.886.817 1.635 1.566 2.384.748.75 1.497 1.204 2.382 1.567.862.341 1.838.568 3.267.636 1.43.068 1.906.091 5.559.091 3.653 0 4.13-.023 5.559-.09 1.43-.069 2.405-.296 3.267-.637.885-.34 1.634-.817 2.382-1.567.75-.749 1.203-1.498 1.566-2.384.34-.863.567-1.84.635-3.27.068-1.43.091-1.907.091-5.563 0-3.656-.023-4.133-.09-5.564-.069-1.43-.296-2.407-.636-3.27-.34-.885-.817-1.635-1.566-2.384-.748-.75-1.497-1.204-2.382-1.567-.862-.34-1.838-.568-3.267-.636C17.607 0 17.13 0 13.477 0Z"/>
-  <path d="M14 7c-3.879 0-7 3.144-7 7 0 3.879 3.144 7 7 7s7-3.144 7-7c0-3.879-3.121-7-7-7Zm0 11.544A4.555 4.555 0 0 1 9.456 14 4.555 4.555 0 0 1 14 9.456 4.555 4.555 0 0 1 18.544 14 4.555 4.555 0 0 1 14 18.544Z"/>
-  <circle cx="21" cy="6" r="2"/>
+<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" fill="CurrentColor">
+  <path d="M17.97 3.24c4.81 0 5.38.03 7.26.09 1.75.09 2.69.36 3.33.61.85.33 1.45.73 2.06 1.33.64.64 1.03 1.24 1.33 2.06.24.64.54 1.57.61 3.33.09 1.91.09 2.45.09 7.27s-.03 5.39-.09 7.27c-.09 1.76-.36 2.69-.61 3.33a5.68 5.68 0 0 1-1.33 2.06c-.64.64-1.24 1.03-2.06 1.33-.64.24-1.57.54-3.33.61-1.91.09-2.45.09-7.26.09s-5.38-.03-7.26-.09c-1.75-.09-2.69-.36-3.33-.61a5.68 5.68 0 0 1-2.06-1.33c-.64-.64-1.03-1.24-1.33-2.06-.24-.64-.54-1.57-.61-3.33-.09-1.91-.09-2.45-.09-7.27s.03-5.39.09-7.27c.09-1.76.36-2.69.61-3.33.27-.79.67-1.39 1.3-2.03.64-.64 1.24-1.03 2.06-1.33.64-.24 1.57-.54 3.33-.61 1.91-.12 2.48-.12 7.29-.12Zm0-3.24c-4.87 0-5.51.03-7.41.12C8.65.18 7.32.48 6.2.94 5.02 1.39 3.99 2 2.99 3S1.39 5.03.93 6.21C.48 7.33.18 8.66.09 10.57 0 12.48 0 13.11 0 17.99s.03 5.51.12 7.42c.09 1.91.39 3.21.85 4.36.45 1.18 1.09 2.18 2.09 3.18s2 1.6 3.18 2.09c1.15.45 2.45.76 4.36.85 1.91.09 2.54.12 7.41.12s5.51-.03 7.41-.12c1.91-.09 3.21-.39 4.36-.85 1.18-.45 2.18-1.09 3.18-2.09 1-1 1.6-2 2.09-3.18.45-1.15.76-2.45.85-4.36.09-1.91.12-2.54.12-7.42s-.03-5.51-.12-7.42c-.09-1.91-.39-3.21-.85-4.36-.45-1.18-1.09-2.18-2.09-3.18-1-1-2-1.6-3.18-2.09-1.15-.45-2.45-.76-4.36-.85C23.48 0 22.85 0 17.98 0Z"/>
+  <path d="M18.67 9.33c-5.17 0-9.33 4.19-9.33 9.33s4.19 9.33 9.33 9.33S28 23.8 28 18.66s-4.16-9.33-9.33-9.33Zm0 15.39c-3.34 0-6.06-2.72-6.06-6.06s2.72-6.06 6.06-6.06 6.06 2.72 6.06 6.06-2.72 6.06-6.06 6.06Z"/>
+  <circle cx="28" cy="8" r="2.67"/>
 </svg>

package/dist/collection/icon/tmp/optimized-svgs/linkedin.svg

@@ -1,3 +1,3 @@
-<svg viewBox="-8 -8 43 43" xmlns="http://www.w3.org/2000/svg" fill="CurrentColor">
-  <path d="M.466 8.845h5.586V27H.466V8.845ZM3.259 0c1.629 0 3.258 1.397 3.258 3.259 0 1.862-1.63 3.258-3.258 3.258C1.397 6.517 0 5.121 0 3.26S1.397 0 3.259 0ZM9.31 8.845h5.425v2.56c.708-1.396 2.595-3.026 5.425-3.026 5.66 0 6.84 3.724 6.84 8.612V27h-5.66v-8.845c0-2.095 0-4.888-3.067-4.888-3.066 0-3.302 2.328-3.302 4.655v8.845h-5.66V8.845Z"/>
+<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" fill="CurrentColor">
+  <path d="M.62 11.79h7.45V36H.62V11.79ZM4.34 0c2.17 0 4.34 1.86 4.34 4.34S6.51 8.68 4.34 8.68C1.86 8.69 0 6.83 0 4.34S1.86 0 4.34 0Zm8.07 11.79h7.23v3.41c.94-1.86 3.46-4.03 7.23-4.03 7.55 0 9.12 4.97 9.12 11.48v13.34h-7.55V24.2c0-2.79 0-6.52-4.09-6.52s-4.4 3.1-4.4 6.21v11.79H12.4V11.79Z"/>
 </svg>

package/dist/collection/icon/tmp/optimized-svgs/twitter.svg

@@ -1,3 +1,3 @@
-<svg viewBox="-2 -2 44 44" xmlns="http://www.w3.org/2000/svg" fill="CurrentColor">
-  <path d="M33.096 11.147a11.282 11.282 0 0 1-3.255.892 5.677 5.677 0 0 0 2.492-3.134 11.326 11.326 0 0 1-3.599 1.375 5.667 5.667 0 0 0-9.802 3.876c0 .445.049.876.146 1.291A16.077 16.077 0 0 1 7.4 9.527a5.653 5.653 0 0 0-.767 2.85c0 1.965 1 3.701 2.52 4.715a5.644 5.644 0 0 1-2.566-.708v.071a5.673 5.673 0 0 0 4.544 5.556 5.645 5.645 0 0 1-2.558.096 5.675 5.675 0 0 0 5.292 3.936 11.361 11.361 0 0 1-7.037 2.425c-.457 0-.907-.026-1.35-.079a16.049 16.049 0 0 0 8.687 2.545c10.419 0 16.119-8.632 16.119-16.12 0-.245-.006-.49-.016-.734a11.548 11.548 0 0 0 2.828-2.933z"/>
+<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" fill="CurrentColor">
+  <path d="M36 6.84c-1.33.59-2.75.99-4.24 1.16a7.36 7.36 0 0 0 3.25-4.09c-1.43.85-3.01 1.46-4.69 1.79a7.366 7.366 0 0 0-5.39-2.33c-4.08 0-7.39 3.31-7.39 7.39 0 .58.06 1.14.19 1.68-6.14-.31-11.58-3.25-15.22-7.72a7.397 7.397 0 0 0 2.28 9.86 7.374 7.374 0 0 1-3.34-.92v.09c0 3.58 2.55 6.56 5.92 7.24-.62.17-1.27.26-1.95.26-.47 0-.94-.05-1.39-.14a7.403 7.403 0 0 0 6.9 5.13 14.821 14.821 0 0 1-9.17 3.16c-.6 0-1.18-.03-1.76-.1 3.27 2.09 7.15 3.32 11.32 3.32 13.58 0 21.01-11.25 21.01-21.01 0-.32 0-.64-.02-.96A15.23 15.23 0 0 0 36 6.83Z"/>
 </svg>

package/dist/collection/icon/tmp/optimized-svgs/whatsapp.svg

@@ -1,3 +1,3 @@
-<svg viewBox="-1 -1 22 22" xmlns="http://www.w3.org/2000/svg" fill="CurrentColor">
-  <path d="M15.604 4.11a7.862 7.862 0 0 0-5.58-2.31c-4.337 0-7.882 3.523-7.882 7.862a7.83 7.83 0 0 0 1.05 3.931l-1.114 4.072 4.172-1.098a7.885 7.885 0 0 0 3.762.958c4.338 0 7.883-3.523 7.883-7.863a7.78 7.78 0 0 0-2.29-5.552zm-5.566 12.1c-1.178 0-2.33-.32-3.34-.906l-.244-.14-2.482.65.665-2.412-.153-.243a6.523 6.523 0 0 1-.999-3.471c0-3.6 2.944-6.535 6.553-6.535 1.753 0 3.39.676 4.632 1.914s1.92 2.872 1.92 4.62c-.013 3.587-2.944 6.523-6.552 6.523zm3.583-4.888c-.192-.103-1.165-.575-1.344-.639-.179-.063-.307-.102-.448.102-.128.192-.512.639-.627.766-.115.128-.23.153-.422.051-.192-.102-.832-.306-1.587-.97a6.26 6.26 0 0 1-1.088-1.378c-.115-.192-.013-.294.09-.396.09-.09.192-.23.294-.344.103-.115.128-.192.192-.332.077-.128.039-.243-.013-.345-.05-.09-.435-1.06-.601-1.455-.154-.383-.32-.332-.448-.332-.115 0-.243-.013-.371-.013s-.346.052-.525.243c-.192.204-.69.676-.69 1.646s.703 1.902.805 2.03c.103.127 1.382 2.119 3.366 2.961.474.204.832.32 1.126.408.474.154.896.128 1.242.077.383-.051 1.164-.472 1.33-.932.167-.46.167-.855.116-.931-.064-.077-.192-.128-.397-.217z"/>
+<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" fill="CurrentColor">
+  <path d="M30.69 5.24A17.822 17.822 0 0 0 18.03 0C8.19 0 .15 7.99.15 17.84c0 3.16.81 6.2 2.38 8.92L0 36l9.47-2.49c2.61 1.42 5.55 2.17 8.54 2.17 9.84 0 17.89-7.99 17.89-17.84.03-4.72-1.83-9.21-5.2-12.6ZM18.06 32.7c-2.67 0-5.29-.72-7.58-2.06l-.55-.32L4.3 31.8l1.51-5.47-.35-.55c-1.48-2.35-2.27-5.1-2.27-7.88 0-8.17 6.68-14.83 14.87-14.83 3.98 0 7.7 1.53 10.51 4.34s4.36 6.52 4.36 10.48c-.03 8.14-6.68 14.8-14.87 14.8Zm8.13-11.09c-.44-.23-2.64-1.3-3.05-1.45-.41-.14-.7-.23-1.02.23-.29.43-1.16 1.45-1.42 1.74-.26.29-.52.35-.96.12-.44-.23-1.89-.7-3.6-2.2a14.009 14.009 0 0 1-2.47-3.13c-.26-.43-.03-.67.2-.9.2-.2.44-.52.67-.78.23-.26.29-.43.44-.75.17-.29.09-.55-.03-.78-.12-.2-.99-2.4-1.36-3.3-.35-.87-.73-.75-1.02-.75-.26 0-.55-.03-.84-.03s-.78.12-1.19.55c-.44.46-1.57 1.53-1.57 3.74s1.6 4.32 1.83 4.6c.23.29 3.14 4.81 7.64 6.72 1.07.46 1.89.72 2.56.93 1.07.35 2.03.29 2.82.17.87-.12 2.64-1.07 3.02-2.11.38-1.04.38-1.94.26-2.11-.15-.17-.44-.29-.9-.49Z"/>
 </svg>

package/dist/collection/icon/web-component/index.css

@@ -0,0 +1,16 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021-2022 Gemeente Utrecht
+ * Copyright (c) 2021-2022 Frameless B.V.
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021-2022 Gemeente Utrecht
+ * Copyright (c) 2021-2022 Frameless B.V.
+ */
+:host {
+  color: var(--utrecht-icon-color);
+  display: inline-block;
+  height: var(--utrecht-icon-size);
+  width: var(--utrecht-icon-size);
+}

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

@@ -7,15 +7,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h } from '@stencil/core';
 let UtrechtIconAfspraakMaken = class UtrechtIconAfspraakMaken {
     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" })));
     }
 };
 UtrechtIconAfspraakMaken = __decorate([
     Component({
         tag: 'utrecht-icon-afspraak-maken',
+        styleUrl: "../../../web-component/index.scss",
         shadow: true,
     })
 ], UtrechtIconAfspraakMaken);

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

@@ -7,14 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h } from '@stencil/core';
 let UtrechtIconAfval = class UtrechtIconAfval {
     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" })));
     }
 };
 UtrechtIconAfval = __decorate([
     Component({
         tag: 'utrecht-icon-afval',
+        styleUrl: "../../../web-component/index.scss",
         shadow: true,
     })
 ], UtrechtIconAfval);

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

@@ -7,14 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h } from '@stencil/core';
 let UtrechtIconAfvalContainer = class UtrechtIconAfvalContainer {
     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" })));
     }
 };
 UtrechtIconAfvalContainer = __decorate([
     Component({
         tag: 'utrecht-icon-afval-container',
+        styleUrl: "../../../web-component/index.scss",
         shadow: true,
     })
 ], UtrechtIconAfvalContainer);

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

@@ -7,14 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h } from '@stencil/core';
 let UtrechtIconAfvalContainerpas = class UtrechtIconAfvalContainerpas {
     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" })));
     }
 };
 UtrechtIconAfvalContainerpas = __decorate([
     Component({
         tag: 'utrecht-icon-afval-containerpas',
+        styleUrl: "../../../web-component/index.scss",
         shadow: true,
     })
 ], UtrechtIconAfvalContainerpas);

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

@@ -7,14 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h } from '@stencil/core';
 let UtrechtIconAfvalKalender = class UtrechtIconAfvalKalender {
     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" })));
     }
 };
 UtrechtIconAfvalKalender = __decorate([
     Component({
         tag: 'utrecht-icon-afval-kalender',
+        styleUrl: "../../../web-component/index.scss",
         shadow: true,
     })
 ], UtrechtIconAfvalKalender);

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

@@ -7,14 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h } from '@stencil/core';
 let UtrechtIconAfvalScheiden = class UtrechtIconAfvalScheiden {
     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" })));
     }
 };
 UtrechtIconAfvalScheiden = __decorate([
     Component({
         tag: 'utrecht-icon-afval-scheiden',
+        styleUrl: "../../../web-component/index.scss",
         shadow: true,
     })
 ], UtrechtIconAfvalScheiden);

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

@@ -7,14 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h } from '@stencil/core';
 let UtrechtIconAfvalkalender = class UtrechtIconAfvalkalender {
     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" })));
     }
 };
 UtrechtIconAfvalkalender = __decorate([
     Component({
         tag: 'utrecht-icon-afvalkalender',
+        styleUrl: "../../../web-component/index.scss",
         shadow: true,
     })
 ], UtrechtIconAfvalkalender);

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

@@ -7,14 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h } from '@stencil/core';
 let UtrechtIconAlleen = class UtrechtIconAlleen {
     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" })));
     }
 };
 UtrechtIconAlleen = __decorate([
     Component({
         tag: 'utrecht-icon-alleen',
+        styleUrl: "../../../web-component/index.scss",
         shadow: true,
     })
 ], UtrechtIconAlleen);

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

@@ -7,14 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h } from '@stencil/core';
 let UtrechtIconArrow = class UtrechtIconArrow {
     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" })));
     }
 };
 UtrechtIconArrow = __decorate([
     Component({
         tag: 'utrecht-icon-arrow',
+        styleUrl: "../../../web-component/index.scss",
         shadow: true,
     })
 ], UtrechtIconArrow);

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

@@ -7,15 +7,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h } from '@stencil/core';
 let UtrechtIconBestemmingsplan = class UtrechtIconBestemmingsplan {
     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" })));
     }
 };
 UtrechtIconBestemmingsplan = __decorate([
     Component({
         tag: 'utrecht-icon-bestemmingsplan',
+        styleUrl: "../../../web-component/index.scss",
         shadow: true,
     })
 ], UtrechtIconBestemmingsplan);

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

@@ -7,14 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h } from '@stencil/core';
 let UtrechtIconBetaaldatum = class UtrechtIconBetaaldatum {
     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" })));
     }
 };
 UtrechtIconBetaaldatum = __decorate([
     Component({
         tag: 'utrecht-icon-betaaldatum',
+        styleUrl: "../../../web-component/index.scss",
         shadow: true,
     })
 ], UtrechtIconBetaaldatum);

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

@@ -7,14 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h } from '@stencil/core';
 let UtrechtIconBewijsstukken = class UtrechtIconBewijsstukken {
     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" })));
     }
 };
 UtrechtIconBewijsstukken = __decorate([
     Component({
         tag: 'utrecht-icon-bewijsstukken',
+        styleUrl: "../../../web-component/index.scss",
         shadow: true,
     })
 ], UtrechtIconBewijsstukken);