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

package/dist/collection/html-content/stencil.js

@@ -2,7 +2,7 @@
  * @license EUPL-1.2
  * Copyright (c) 2021 Robbert Broersma
  */
-import { Component, h } from "@stencil/core";
+import { Component, h } from '@stencil/core';
 export class HTMLContent {
   render() {
     return (h("div", { class: "utrecht-html" },
@@ -10,9 +10,9 @@ export class HTMLContent {
   }
   static get is() { return "utrecht-html-content"; }
   static get originalStyleUrls() { return {
-    "$": ["html.scss"]
+    "$": ["stencil.scss"]
   }; }
   static get styleUrls() { return {
-    "$": ["html.css"]
+    "$": ["stencil.css"]
   }; }
 }

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

@@ -0,0 +1,19 @@
+import { Component, h } from '@stencil/core';
+export class IconAfval {
+  render() {
+    return (h("svg", { width: "38", height: "27", viewBox: "0 0 38 27", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+      h("path", { d: "M0.000253331 4.00088L0.864407 22.4411C0.86744 22.5131 0.897882 22.5812 0.949373 22.6311C1.00086 22.681 1.06944 22.7088 1.14073 22.7088H2.21654C2.86845 22.7994 3.46585 23.1259 3.89817 23.6279C4.33049 24.1298 4.56846 24.7733 4.56802 25.4391C4.57095 25.4926 4.57095 25.5462 4.56802 25.5997V25.5997V26.028C4.56802 26.1021 4.59712 26.1733 4.64894 26.2257C4.70075 26.2781 4.77103 26.3076 4.84431 26.3076H11.4931C11.5615 26.3063 11.627 26.2795 11.6769 26.2323C11.7269 26.185 11.7578 26.1207 11.7636 26.0518L13.4801 4.01279C13.4834 3.97413 13.4787 3.93521 13.4663 3.8985C13.4538 3.86178 13.434 3.82806 13.408 3.79953C13.382 3.77099 13.3505 3.74824 13.3153 3.73272C13.2801 3.71721 13.2422 3.70927 13.2039 3.70941H0.270687C0.233889 3.71017 0.197604 3.71838 0.163978 3.73352C0.130351 3.74866 0.10004 3.77045 0.0748495 3.7976C0.0496587 3.82475 0.0300722 3.85672 0.0172608 3.89164C0.00444947 3.92655 -0.00132048 3.96367 0.000253331 4.00088V4.00088Z", fill: "currentColor" }),
+      h("path", { d: "M13.1396 0.979083L0.406326 3.3882C0.369648 3.39413 0.33215 3.39267 0.296029 3.38391C0.259907 3.37515 0.225853 3.35926 0.195814 3.33715C0.165774 3.31504 0.140365 3.28717 0.121002 3.2551C0.101639 3.22302 0.0887298 3.18738 0.0830044 3.15024L0.00657829 2.72197C-0.00583682 2.6473 0.0103503 2.57066 0.0518599 2.50766C0.0933694 2.44465 0.157078 2.40003 0.229972 2.38291L12.9691 0.00352876C13.0055 -0.00236476 13.0426 -0.000867878 13.0784 0.00795815C13.1141 0.0167842 13.1477 0.0327745 13.1773 0.0549387C13.2069 0.0771029 13.2318 0.104994 13.2505 0.137028C13.2693 0.169061 13.2816 0.204592 13.2866 0.241481L13.363 0.669752C13.3703 0.740158 13.3515 0.810792 13.3102 0.867949C13.2689 0.925105 13.2081 0.964719 13.1396 0.979083V0.979083Z", fill: "currentColor" }),
+      h("path", { d: "M2.06368 26.9619C3.05068 26.9619 3.85081 26.1523 3.85081 25.1535C3.85081 24.1548 3.05068 23.3452 2.06368 23.3452C1.07667 23.3452 0.27655 24.1548 0.27655 25.1535C0.27655 26.1523 1.07667 26.9619 2.06368 26.9619Z", fill: "currentColor" }),
+      h("path", { d: "M33.5383 11.0319L36.607 9.24739C36.6329 9.23388 36.6546 9.21343 36.6698 9.18825C36.685 9.16306 36.693 9.13412 36.693 9.10463C36.693 9.07514 36.685 9.04624 36.6698 9.02105C36.6546 8.99587 36.6329 8.97539 36.607 8.96187L30.5284 6.18396C30.5036 6.17273 30.4764 6.16811 30.4494 6.17056C30.4223 6.17302 30.3963 6.18246 30.3739 6.19798C30.3515 6.21349 30.3334 6.23457 30.3213 6.25919C30.3093 6.28381 30.3036 6.31118 30.305 6.33863L30.4167 9.71734C30.4194 9.75744 30.4364 9.79518 30.4645 9.82361C30.4926 9.85203 30.5299 9.86923 30.5696 9.872C31.5963 9.95065 32.5747 10.345 33.3737 11.0022C33.3953 11.0228 33.4224 11.0366 33.4516 11.0419C33.4808 11.0472 33.511 11.0437 33.5383 11.0319V11.0319Z", fill: "currentColor" }),
+      h("path", { d: "M37.9767 25.4272C37.9767 25.4272 36.8715 24.9216 35.0903 21.9355C34.4383 20.7059 34.0008 19.3717 33.797 17.9916C33.7994 17.9301 33.8134 17.8695 33.8381 17.8132L34.7846 15.7907C34.7871 15.763 34.7871 15.7352 34.7846 15.7074C34.8991 15.3838 34.9354 15.037 34.8904 14.6962C34.4436 11.609 32.4272 10.2111 29.1528 10.1456C27.5032 10.1781 25.9234 10.8245 24.7152 11.9614C23.5071 13.0983 22.7554 14.6458 22.6039 16.3082V16.3082C22.4645 17.7854 22.2407 19.2531 21.9337 20.7041C21.5105 22.4887 20.3759 25.4272 20.3759 25.4272C20.3112 25.5759 20.3759 25.7663 20.5169 25.7663H37.818C37.9591 25.7663 38.0414 25.5759 37.9767 25.4272Z", fill: "currentColor" })));
+  }
+  static get is() { return "utrecht-icon-afval"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["stencil.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["stencil.css"]
+  }; }
+}

package/dist/collection/icon/afval.svg

@@ -0,0 +1,7 @@
+<svg width="38" height="27" viewBox="0 0 38 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.000253331 4.00088L0.864407 22.4411C0.86744 22.5131 0.897882 22.5812 0.949373 22.6311C1.00086 22.681 1.06944 22.7088 1.14073 22.7088H2.21654C2.86845 22.7994 3.46585 23.1259 3.89817 23.6279C4.33049 24.1298 4.56846 24.7733 4.56802 25.4391C4.57095 25.4926 4.57095 25.5462 4.56802 25.5997V25.5997V26.028C4.56802 26.1021 4.59712 26.1733 4.64894 26.2257C4.70075 26.2781 4.77103 26.3076 4.84431 26.3076H11.4931C11.5615 26.3063 11.627 26.2795 11.6769 26.2323C11.7269 26.185 11.7578 26.1207 11.7636 26.0518L13.4801 4.01279C13.4834 3.97413 13.4787 3.93521 13.4663 3.8985C13.4538 3.86178 13.434 3.82806 13.408 3.79953C13.382 3.77099 13.3505 3.74824 13.3153 3.73272C13.2801 3.71721 13.2422 3.70927 13.2039 3.70941H0.270687C0.233889 3.71017 0.197604 3.71838 0.163978 3.73352C0.130351 3.74866 0.10004 3.77045 0.0748495 3.7976C0.0496587 3.82475 0.0300722 3.85672 0.0172608 3.89164C0.00444947 3.92655 -0.00132048 3.96367 0.000253331 4.00088V4.00088Z" fill="currentColor"/>
+<path d="M13.1396 0.979083L0.406326 3.3882C0.369648 3.39413 0.33215 3.39267 0.296029 3.38391C0.259907 3.37515 0.225853 3.35926 0.195814 3.33715C0.165774 3.31504 0.140365 3.28717 0.121002 3.2551C0.101639 3.22302 0.0887298 3.18738 0.0830044 3.15024L0.00657829 2.72197C-0.00583682 2.6473 0.0103503 2.57066 0.0518599 2.50766C0.0933694 2.44465 0.157078 2.40003 0.229972 2.38291L12.9691 0.00352876C13.0055 -0.00236476 13.0426 -0.000867878 13.0784 0.00795815C13.1141 0.0167842 13.1477 0.0327745 13.1773 0.0549387C13.2069 0.0771029 13.2318 0.104994 13.2505 0.137028C13.2693 0.169061 13.2816 0.204592 13.2866 0.241481L13.363 0.669752C13.3703 0.740158 13.3515 0.810792 13.3102 0.867949C13.2689 0.925105 13.2081 0.964719 13.1396 0.979083V0.979083Z" fill="currentColor"/>
+<path d="M2.06368 26.9619C3.05068 26.9619 3.85081 26.1523 3.85081 25.1535C3.85081 24.1548 3.05068 23.3452 2.06368 23.3452C1.07667 23.3452 0.27655 24.1548 0.27655 25.1535C0.27655 26.1523 1.07667 26.9619 2.06368 26.9619Z" fill="currentColor"/>
+<path d="M33.5383 11.0319L36.607 9.24739C36.6329 9.23388 36.6546 9.21343 36.6698 9.18825C36.685 9.16306 36.693 9.13412 36.693 9.10463C36.693 9.07514 36.685 9.04624 36.6698 9.02105C36.6546 8.99587 36.6329 8.97539 36.607 8.96187L30.5284 6.18396C30.5036 6.17273 30.4764 6.16811 30.4494 6.17056C30.4223 6.17302 30.3963 6.18246 30.3739 6.19798C30.3515 6.21349 30.3334 6.23457 30.3213 6.25919C30.3093 6.28381 30.3036 6.31118 30.305 6.33863L30.4167 9.71734C30.4194 9.75744 30.4364 9.79518 30.4645 9.82361C30.4926 9.85203 30.5299 9.86923 30.5696 9.872C31.5963 9.95065 32.5747 10.345 33.3737 11.0022C33.3953 11.0228 33.4224 11.0366 33.4516 11.0419C33.4808 11.0472 33.511 11.0437 33.5383 11.0319V11.0319Z" fill="currentColor"/>
+<path d="M37.9767 25.4272C37.9767 25.4272 36.8715 24.9216 35.0903 21.9355C34.4383 20.7059 34.0008 19.3717 33.797 17.9916C33.7994 17.9301 33.8134 17.8695 33.8381 17.8132L34.7846 15.7907C34.7871 15.763 34.7871 15.7352 34.7846 15.7074C34.8991 15.3838 34.9354 15.037 34.8904 14.6962C34.4436 11.609 32.4272 10.2111 29.1528 10.1456C27.5032 10.1781 25.9234 10.8245 24.7152 11.9614C23.5071 13.0983 22.7554 14.6458 22.6039 16.3082V16.3082C22.4645 17.7854 22.2407 19.2531 21.9337 20.7041C21.5105 22.4887 20.3759 25.4272 20.3759 25.4272C20.3112 25.5759 20.3759 25.7663 20.5169 25.7663H37.818C37.9591 25.7663 38.0414 25.5759 37.9767 25.4272Z" fill="currentColor"/>
+</svg>

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

@@ -0,0 +1,17 @@
+import { Component, h } from '@stencil/core';
+export class IconArrow {
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-6 -3 24 24" },
+      h("title", null, "Arrow"),
+      h("g", null,
+        h("path", { fill: "currentColor", d: "M1.79289 19.0919C2.18341 19.4824 2.81659 19.4824 3.20711 19.0919L11.6923 10.6066C12.0828 10.2161 12.0828 9.58293 11.6923 9.1924L3.20711 0.707113C2.81658 0.316586 2.18342 0.316585 1.79289 0.707111L0.707104 1.7929C0.316581 2.18342 0.316579 2.81658 0.707099 3.20711L6.69232 9.1924C7.08284 9.58293 7.08284 10.2161 6.69232 10.6066L0.707097 16.5919C0.316577 16.9824 0.316577 17.6156 0.707096 18.0061L1.79289 19.0919Z" }))));
+  }
+  static get is() { return "utrecht-icon-arrow"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["stencil.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["stencil.css"]
+  }; }
+}

package/dist/collection/icon/arrow.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-6 -3 24 24">
+  <title>Arrow</title>
+  <g>
+    <path
+      fill="currentColor"
+      d="M1.79289 19.0919C2.18341 19.4824 2.81659 19.4824 3.20711 19.0919L11.6923 10.6066C12.0828 10.2161 12.0828 9.58293 11.6923 9.1924L3.20711 0.707113C2.81658 0.316586 2.18342 0.316585 1.79289 0.707111L0.707104 1.7929C0.316581 2.18342 0.316579 2.81658 0.707099 3.20711L6.69232 9.1924C7.08284 9.58293 7.08284 10.2161 6.69232 10.6066L0.707097 16.5919C0.316577 16.9824 0.316577 17.6156 0.707096 18.0061L1.79289 19.0919Z"
+    />
+  </g>
+</svg>

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

@@ -0,0 +1,16 @@
+import { Component, h } from '@stencil/core';
+export class Checkmark {
+  render() {
+    return (h("svg", { width: "20", height: "20", viewBox: "0 2 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+      h("title", null, "\u2714"),
+      h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.1645 9.72984C2.79771 9.31695 2.16565 9.27958 1.75276 9.64637L0.74761 10.5393C0.334716 10.9061 0.297345 11.5381 0.664139 11.951L6.46246 18.4781C6.62657 18.6628 6.84377 18.7724 7.07068 18.8042C7.35107 18.8437 7.64634 18.7644 7.87461 18.5616L18.9907 8.68669C19.4036 8.31989 19.4409 7.68783 19.0741 7.27494L18.2644 6.36347C17.8977 5.95058 17.2656 5.9132 16.8527 6.28L8.2368 13.9339C7.82391 14.3007 7.19185 14.2634 6.82505 13.8505L3.1645 9.72984Z", fill: "currentColor" })));
+  }
+  static get is() { return "utrecht-icon-checkmark"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["stencil.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["stencil.css"]
+  }; }
+}

package/dist/collection/icon/checkmark.svg

@@ -0,0 +1,9 @@
+<svg width="20" height="20" viewBox="0 2 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <title>✔</title>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M3.1645 9.72984C2.79771 9.31695 2.16565 9.27958 1.75276 9.64637L0.74761 10.5393C0.334716 10.9061 0.297345 11.5381 0.664139 11.951L6.46246 18.4781C6.62657 18.6628 6.84377 18.7724 7.07068 18.8042C7.35107 18.8437 7.64634 18.7644 7.87461 18.5616L18.9907 8.68669C19.4036 8.31989 19.4409 7.68783 19.0741 7.27494L18.2644 6.36347C17.8977 5.95058 17.2656 5.9132 16.8527 6.28L8.2368 13.9339C7.82391 14.3007 7.19185 14.2634 6.82505 13.8505L3.1645 9.72984Z"
+    fill="currentColor"
+  />
+</svg>

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

@@ -0,0 +1,17 @@
+import { Component, h } from '@stencil/core';
+export class IconCross {
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-2 -3 24 24" },
+      h("title", null, "Arrow"),
+      h("g", null,
+        h("path", { fill: "currentColor", d: "M0.292897 1.37868C-0.0976322 1.76921 -0.0976324 2.40238 0.292897 2.7929L6.28364 8.7836C6.66684 9.17256 6.66701 9.79731 6.28415 10.1865L0.292896 16.1777C-0.0976317 16.5682 -0.0976317 17.2014 0.292894 17.5919L1.37868 18.6777C1.54958 18.8486 1.76695 18.9447 1.99011 18.966C2.0399 18.9708 2.08998 18.9718 2.1399 18.9691C2.37756 18.9564 2.61153 18.8592 2.79307 18.6777L8.7843 12.6864C9.17359 12.3036 9.79842 12.304 10.1873 12.6874L16.1775 18.6777C16.3556 18.8558 16.5842 18.9527 16.8172 18.9683C17.0952 18.987 17.3794 18.8901 17.5919 18.6777L18.6777 17.5919C19.0682 17.2014 19.0682 16.5682 18.6777 16.1777L12.6869 10.187C12.3037 9.79801 12.3036 9.17323 12.6865 8.78406L18.6777 2.7929C19.0682 2.40238 19.0682 1.76921 18.6777 1.37868L17.5919 0.292897C17.4019 0.102952 17.1546 0.00539363 16.9057 0.000220857C16.6428 -0.00528831 16.3781 0.0922701 16.1775 0.292896L10.1863 6.28416C9.79701 6.66694 9.17217 6.66662 8.78329 6.28318L2.79307 0.292907C2.61496 0.114795 2.38638 0.0179162 2.15336 0.00227038C1.87542 -0.0164342 1.59116 0.0804386 1.3787 0.292889L0.292897 1.37868Z" }))));
+  }
+  static get is() { return "utrecht-icon-cross"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["stencil.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["stencil.css"]
+  }; }
+}

package/dist/collection/icon/cross.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-2 -3 24 24">
+  <title>Arrow</title>
+  <g>
+    <path
+      fill="currentColor"
+      d="M0.292897 1.37868C-0.0976322 1.76921 -0.0976324 2.40238 0.292897 2.7929L6.28364 8.7836C6.66684 9.17256 6.66701 9.79731 6.28415 10.1865L0.292896 16.1777C-0.0976317 16.5682 -0.0976317 17.2014 0.292894 17.5919L1.37868 18.6777C1.54958 18.8486 1.76695 18.9447 1.99011 18.966C2.0399 18.9708 2.08998 18.9718 2.1399 18.9691C2.37756 18.9564 2.61153 18.8592 2.79307 18.6777L8.7843 12.6864C9.17359 12.3036 9.79842 12.304 10.1873 12.6874L16.1775 18.6777C16.3556 18.8558 16.5842 18.9527 16.8172 18.9683C17.0952 18.987 17.3794 18.8901 17.5919 18.6777L18.6777 17.5919C19.0682 17.2014 19.0682 16.5682 18.6777 16.1777L12.6869 10.187C12.3037 9.79801 12.3036 9.17323 12.6865 8.78406L18.6777 2.7929C19.0682 2.40238 19.0682 1.76921 18.6777 1.37868L17.5919 0.292897C17.4019 0.102952 17.1546 0.00539363 16.9057 0.000220857C16.6428 -0.00528831 16.3781 0.0922701 16.1775 0.292896L10.1863 6.28416C9.79701 6.66694 9.17217 6.66662 8.78329 6.28318L2.79307 0.292907C2.61496 0.114795 2.38638 0.0179162 2.15336 0.00227038C1.87542 -0.0164342 1.59116 0.0804386 1.3787 0.292889L0.292897 1.37868Z"
+    />
+  </g>
+</svg>

package/dist/collection/icon/dist/afval.svg

@@ -0,0 +1 @@
+<svg width="38" height="27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m0 4 .864 18.441c.003.072.034.14.085.19.052.05.12.078.192.078h1.076c.651.09 1.249.417 1.681.919.432.502.67 1.145.67 1.811.003.054.003.107 0 .16v.429a.275.275 0 0 0 .276.28h6.65a.275.275 0 0 0 .183-.076.28.28 0 0 0 .087-.18l1.716-22.04a.282.282 0 0 0-.165-.28.274.274 0 0 0-.111-.023H.27a.274.274 0 0 0-.254.183A.282.282 0 0 0 0 4ZM13.14.98.406 3.387a.279.279 0 0 1-.285-.133.288.288 0 0 1-.038-.105l-.076-.428a.3.3 0 0 1 .045-.214.294.294 0 0 1 .178-.125L12.97.003a.274.274 0 0 1 .28.134.281.281 0 0 1 .037.104l.076.429a.288.288 0 0 1-.223.31Z" fill="currentColor"/><path d="M2.064 26.962c.987 0 1.787-.81 1.787-1.808 0-1-.8-1.809-1.787-1.809-.987 0-1.787.81-1.787 1.809 0 .998.8 1.808 1.787 1.808ZM33.538 11.032l3.069-1.785a.16.16 0 0 0 .086-.142.162.162 0 0 0-.086-.143l-6.079-2.778a.157.157 0 0 0-.207.075.163.163 0 0 0-.016.08l.112 3.378a.167.167 0 0 0 .153.155 5.017 5.017 0 0 1 2.804 1.13.152.152 0 0 0 .164.03Z" fill="currentColor"/><path d="M37.977 25.427s-1.105-.505-2.887-3.491a12.234 12.234 0 0 1-1.293-3.944.492.492 0 0 1 .041-.179l.947-2.022a.464.464 0 0 0 0-.084c.114-.323.15-.67.105-1.01-.446-3.088-2.463-4.486-5.737-4.551a6.666 6.666 0 0 0-4.438 1.815 6.818 6.818 0 0 0-2.111 4.347 38.886 38.886 0 0 1-.67 4.396c-.424 1.785-1.558 4.723-1.558 4.723-.065.149 0 .34.14.34h17.302c.141 0 .223-.191.159-.34Z" fill="currentColor"/></svg>

package/dist/collection/icon/dist/arrow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-6 -3 24 24"><path fill="currentColor" 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"/></svg>

package/dist/collection/icon/dist/checkmark.svg

@@ -0,0 +1 @@
+<svg width="20" height="20" viewBox="0 2 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.164 9.73a1 1 0 0 0-1.411-.084l-1.005.893a1 1 0 0 0-.084 1.412l5.798 6.527a.998.998 0 0 0 1.412.083l11.117-9.874a1 1 0 0 0 .083-1.412l-.81-.912a1 1 0 0 0-1.411-.083l-8.616 7.654a1 1 0 0 1-1.412-.083L3.165 9.73Z" fill="currentColor"/></svg>

package/dist/collection/icon/dist/cross.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -3 24 24"><path fill="currentColor" d="M.293 1.379a1 1 0 0 0 0 1.414l5.99 5.99a1 1 0 0 1 .001 1.404l-5.991 5.99a1 1 0 0 0 0 1.415l1.086 1.086a.996.996 0 0 0 .76.291.996.996 0 0 0 .654-.291l5.991-5.992a1 1 0 0 1 1.403.001l5.99 5.99a.998.998 0 0 0 1.414 0l1.087-1.085a1 1 0 0 0 0-1.414l-5.991-5.991a1 1 0 0 1 0-1.403l5.99-5.991a1 1 0 0 0 0-1.414L17.593.293a.997.997 0 0 0-1.415 0l-5.99 5.991a1 1 0 0 1-1.404 0L2.793.292a.998.998 0 0 0-1.414 0L.293 1.379Z"/></svg>

package/dist/collection/icon/dist/error.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-8 -8 38 38"><path fill="currentColor" d="M7.34 3.242A.831.831 0 0 1 7.926 3l7.177.012c.22 0 .432.088.587.244l5.067 5.083a.83.83 0 0 1 .242.588l-.012 7.177a.83.83 0 0 1-.244.587l-5.083 5.067a.83.83 0 0 1-.588.242l-7.177-.012a.83.83 0 0 1-.587-.244L2.242 16.66A.83.83 0 0 1 2 16.073l.012-7.177c0-.22.088-.432.244-.587L7.34 3.242Z"/><path fill="#fff" fill-rule="evenodd" clip-rule="evenodd" d="M7.352 8.828a.438.438 0 0 0 0 .62l2.624 2.623a.438.438 0 0 1 0 .615L7.353 15.31a.438.438 0 0 0 0 .62l.476.475a.436.436 0 0 0 .62 0l2.624-2.624a.438.438 0 0 1 .614 0l2.624 2.624a.436.436 0 0 0 .62 0l.476-.475a.438.438 0 0 0 0-.62l-2.625-2.624a.438.438 0 0 1 0-.614l.003-.003 2.621-2.622a.438.438 0 0 0 0-.62l-.475-.475a.436.436 0 0 0-.62 0l-2.624 2.624a.438.438 0 0 1-.615 0L8.447 8.352a.436.436 0 0 0-.62 0l-.475.476Z"/></svg>

package/dist/collection/icon/dist/facebook.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 38"><path fill="currentColor" 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>

package/dist/collection/icon/dist/filter.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -1 24 24"><rect x="2" y="6" width="17" height="2" rx=".5" fill="currentColor"/><rect x="4" y="11" width="13" height="2" rx=".5" fill="currentColor"/><rect x="6" y="16" width="9" height="2" rx=".5" fill="currentColor"/></svg>

package/dist/collection/icon/dist/information.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -10 38 38"><path fill="currentColor" d="M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10Z"/><path fill="#fff" d="M9 8.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-6Z"/><circle fill="#fff" cx="10" cy="6" r="1"/></svg>

package/dist/collection/icon/dist/instagram.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-7 -7 42 42"><g 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"/></g></svg>

package/dist/collection/icon/dist/linkedin.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-8 -8 43 43"><g 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"/></g></svg>

package/dist/collection/icon/dist/list.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="6" y="18" width="13" height="2" rx=".5" fill="currentColor"/><rect x="6" y="12" width="13" height="2" rx=".5" fill="currentColor"/><rect x="6" y="6" width="13" height="2" rx=".5" fill="currentColor"/><circle cx="3" cy="7" r="1" fill="currentColor"/><circle cx="3" cy="13" r="1" fill="currentColor"/><circle cx="3" cy="19" r="1" fill="currentColor"/></svg>

package/dist/collection/icon/dist/loupe.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -1 24 24"><path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14.503 16.298c-2.92 2.098-6.99 1.844-9.596-.772-2.902-2.913-2.887-7.651.035-10.584 2.92-2.932 7.641-2.948 10.543-.035 2.606 2.616 2.86 6.703.77 9.633.026.02.052.042.077.066l4.816 4.835a.625.625 0 0 1-.003.882l-.881.885a.62.62 0 0 1-.879.003l-4.816-4.835a.633.633 0 0 1-.066-.078Zm-.804-2.565c-1.948 1.955-5.095 1.965-7.03.023-1.934-1.942-1.923-5.1.024-7.056 1.947-1.954 5.094-1.965 7.029-.023 1.935 1.942 1.924 5.101-.023 7.056Z"/></svg>

package/dist/collection/icon/dist/melding.svg

@@ -0,0 +1 @@
+<svg width="35" height="37" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M30.06 0H14.91a4 4 0 0 0-4 4v7.34a4 4 0 0 0 4 4h.54v3.25l3.24-3.25h11.37a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4Zm-6.73 2.83-.31 6.37h-1.6l-.31-6.37h2.22Zm-1.11 9.63a1.28 1.28 0 1 1 1.28-1.28 1.22 1.22 0 0 1-1.31 1.28h.03Z" fill="currentColor"/><path d="M15.67 36.73v-7.44c0-2.21-2.47-4-5.53-4H5.53c-3.06 0-5.53 1.79-5.53 4v7.44h15.67ZM12.15 20.54a4.32 4.32 0 1 1-4.32-4.2 4.26 4.26 0 0 1 4.32 4.2Z" fill="currentColor"/></svg>

package/dist/collection/icon/dist/paspoort.svg

@@ -0,0 +1 @@
+<svg width="35" height="26" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M33.66 0H1.2A1.2 1.2 0 0 0 0 1.2v22.87a1.21 1.21 0 0 0 1.2 1.21h32.46a1.2 1.2 0 0 0 1.2-1.21V1.2a1.2 1.2 0 0 0-1.2-1.2ZM10.14 21H9.06l-3.12-5.88V21h-.82v-6.57h1.36l2.84 5.37v-5.37h.82V21Zm5.91 0h-4.16v-6.57h.87v5.8h3.29V21Zm.44-10.65H3.21V8.77h13.28v1.58Zm0-5H3.21V3.76h13.28v1.59Zm14.89 9.72a.94.94 0 0 1-.94.9h-9.91a.9.9 0 0 1-.9-.9V4.3a.9.9 0 0 1 .9-.9h9.91a.93.93 0 0 1 .94.9v10.77Z" fill="currentColor"/><path d="M30.13 14.06v-.68c0-1.32-1.48-2.38-3.3-2.38h-2.76c-1.82 0-3.3 1.06-3.3 2.38v.68h9.36ZM28.03 8.18a2.58 2.58 0 1 1-2.59-2.51 2.55 2.55 0 0 1 2.59 2.51Z" fill="currentColor"/></svg>

package/dist/collection/icon/dist/rijbewijs.svg

@@ -0,0 +1 @@
+<svg width="35" height="26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.59 9.8H6.72c-1.91 0-3.45 1.11-3.45 2.49V13h9.76v-.71c0-1.38-1.54-2.49-3.44-2.49Z" fill="currentColor"/><path d="M33.66 0H1.21A1.21 1.21 0 0 0 0 1.2v22.87a1.21 1.21 0 0 0 1.21 1.21h32.45a1.21 1.21 0 0 0 1.2-1.21V1.2a1.2 1.2 0 0 0-1.2-1.2ZM14.11 14.12a.93.93 0 0 1-.94.9H3.26a.9.9 0 0 1-.9-.9V3.31a.9.9 0 0 1 .9-.91h9.91a.94.94 0 0 1 .94.91v10.81Zm16 6.56h-.87l-.06.07v1.2c0 .1-.03.199-.09.28a.63.63 0 0 1-.21.22 1 1 0 0 1-.59.2 1 1 0 0 1-.59-.22.69.69 0 0 1-.28-.56v-1.16h-6.26v.61a2.48 2.48 0 0 1-.07.63 1.34 1.34 0 0 1-.27.5.81.81 0 0 1-.59.2.77.77 0 0 1-.49-.17 1.28 1.28 0 0 1-.34-.42.532.532 0 0 1 0-.11v-1.27h-.89v-3.43a.87.87 0 0 1 .19-.49c.102-.143.227-.268.37-.37h.12l.14-.06.07-.13a.11.11 0 0 0 .06-.09l.93-2.36c.1-.222.243-.422.42-.59a.901.901 0 0 1 .66-.28h5.56a1 1 0 0 1 .63.26c.175.148.315.332.41.54l.91 2.35a.32.32 0 0 0 .2.22l.29.11c.18.115.328.273.43.46.108.178.166.382.17.59l.04 3.27Zm.82-11.37H17.65V7.72h13.28v1.59Zm0-3.69H17.65V4.03h13.28v1.59Z" fill="currentColor"/><path d="M20.29 16.87a.7.7 0 0 0-.58.26.93.93 0 0 0 0 1.18.731.731 0 0 0 .58.25.72.72 0 0 0 .56-.25.86.86 0 0 0 0-1.19.72.72 0 0 0-.56-.25ZM27.33 13.93a1.001 1.001 0 0 0-.16-.27.35.35 0 0 0-.29-.15h-5.2a.371.371 0 0 0-.27.12.591.591 0 0 0-.15.24l-.76 2.07h7.58l-.75-2.01ZM28.29 16.87a.762.762 0 0 0-.58.25.86.86 0 0 0 .263 1.378c.1.043.208.064.317.062a.7.7 0 0 0 .57-.26.81.81 0 0 0 .23-.58.83.83 0 0 0-.23-.59.73.73 0 0 0-.57-.26ZM8.15 9.47a2.62 2.62 0 1 0-2.69-2.61 2.65 2.65 0 0 0 2.69 2.61Z" fill="currentColor"/></svg>

package/dist/collection/icon/dist/toeslag.svg

@@ -0,0 +1 @@
+<svg width="23" height="29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.11 28.25v-5.28c0-1.56-1.75-2.83-3.92-2.83H3.92C1.75 20.14 0 21.41 0 22.97v5.28h11.11ZM8.62 16.79a3.07 3.07 0 1 1-3.07-3 3 3 0 0 1 3.07 3Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.65 0H8.91a2.83 2.83 0 0 0-2.82 2.82v5.2a2.82 2.82 0 0 0 2.82 2.81h.38v2.31l2.3-2.31h8.06a2.82 2.82 0 0 0 2.82-2.81v-5.2A2.83 2.83 0 0 0 19.65 0Zm-6 4.26h2l-.1.55a.05.05 0 0 1-.05 0h-1.94v.46h1.81l-.1.55a.07.07 0 0 1-.05 0h-1.61c.062.224.153.44.27.64a1.169 1.169 0 0 0 1 .48 2.49 2.49 0 0 0 1.1-.45v1.17a.07.07 0 0 1 0 .05 3.91 3.91 0 0 1-1.08.25 2.24 2.24 0 0 1-1.78-.81 5.097 5.097 0 0 1-.62-1.34h-.47l.1-.55h.29v-.3h-.41l.1-.55h.36c.14-.463.346-.904.61-1.31a2.3 2.3 0 0 1 1.84-.82 4 4 0 0 1 1 .23.05.05 0 0 1 0 .05l-.2 1a2 2 0 0 0-.89-.32 1.18 1.18 0 0 0-1 .47c-.121.198-.219.41-.29.63 0 0 .02-.09.07-.09l.04.01Z" fill="currentColor"/></svg>

package/dist/collection/icon/dist/trouwen.svg

@@ -0,0 +1 @@
+<svg width="33" height="30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.196 4.16c-.043.163-.11.318-.2.46a3 3 0 0 1-.72.89 27.716 27.716 0 0 1-3.89 3.08 27.538 27.538 0 0 1-3.78-3.21 3.129 3.129 0 0 1-.69-.92 1.678 1.678 0 0 1-.18-.46 3.05 3.05 0 0 1-.13-1 3 3 0 0 1 3-3 2.16 2.16 0 0 1 1.88 2.07 1.869 1.869 0 0 1 2-2 3 3 0 0 1 2.91 3.1 3.262 3.262 0 0 1-.2.99Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.126 29.53a10.13 10.13 0 0 0 6.32-2.21 10.14 10.14 0 1 0 0-15.84 10.13 10.13 0 1 0-6.32 18.05Zm6.32-14.75a7.76 7.76 0 0 1 0 9.12 7.81 7.81 0 0 1 0-9.12Zm6.33-3.24a7.8 7.8 0 1 1-4.64 14.06 10.13 10.13 0 0 0-.01-12.48 7.75 7.75 0 0 1 4.69-1.58h-.04Zm-12.64 0a7.77 7.77 0 0 1 4.68 1.57 10.12 10.12 0 0 0-.06 12.5 7.71 7.71 0 0 1-4.62 1.52 7.8 7.8 0 1 1 0-15.59Z" fill="currentColor"/></svg>

package/dist/collection/icon/dist/twitter.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 44 44"><path fill="currentColor" 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>

package/dist/collection/icon/dist/verhuizen.svg

@@ -0,0 +1 @@
+<svg width="39" height="37" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.84 33.24a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0ZM35.24 11.38h-20a.77.77 0 0 0-.77.77v15.56c0 .425.345.77.77.77h20a.77.77 0 0 0 .77-.77V12.15a.77.77 0 0 0-.77-.77ZM38.73 33.24a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0ZM31.63 31.03a.378.378 0 0 1-.39.38H14.63a.39.39 0 0 1-.4-.38v-.61a.39.39 0 0 1 .4-.38h16.61a.38.38 0 0 1 .39.38v.61Z" fill="currentColor"/><path d="M11.33 28.05h1.09c.24 0 .43-.34.43-.77v-8.56a.76.76 0 0 0-.77-.77h-7.5c-.22 0-.54.32-.71.7L.3 27.03A4.33 4.33 0 0 0 0 28.5v4.56a.78.78 0 0 0 .77.77h3a1.47 1.47 0 0 0 1.15-.67s2.99-5.11 6.41-5.11ZM11.91 12.39c-.42 0-.51-.23-.2-.51L24.65.21a.88.88 0 0 1 1.14 0l12.93 11.67c.32.28.23.51-.19.51H11.91Z" fill="currentColor"/><path d="M8.13 25.93a.76.76 0 0 0 .76-.76v-5.39a.77.77 0 0 0-.76-.77H5.24c-.19 0-.48.32-.65.71l-2.35 5.51a.47.47 0 0 0 .47.7h5.42Z" fill="#fff"/></svg>

package/dist/collection/icon/dist/warning.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-7 -8 38 38"><path d="M11.134 3.5a1 1 0 0 1 1.732 0L22.392 20a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5l9.526-16.5Z" fill="currentColor"/><rect x="12.9" y="15.65" width="1.9" height="6.65" rx=".5" transform="rotate(-180 12.9 15.65)" fill="#fff"/><circle fill="#fff" cx="11.95" cy="17.55" r=".95" transform="rotate(-180 11.95 17.55)"/></svg>

package/dist/collection/icon/dist/whatsapp.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 22 22"><path fill="currentColor" 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>

package/dist/collection/icon/dist/zoomin.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -2 24 24"><g fill="currentColor"><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"/><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"/></g></svg>

package/dist/collection/icon/dist/zoomout.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-6 -11 24 24"><path fill="currentColor" 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"/></svg>

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

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

package/dist/collection/icon/error.svg

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

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

@@ -0,0 +1,17 @@
+import { Component, h } from '@stencil/core';
+export class IconFacebook {
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 38 38" },
+      h("title", null, "Facebook"),
+      h("g", null,
+        h("path", { fill: "currentColor", d: "M25.868,20.809l0.687-5.323h-5.271v-3.398c0-1.541,0.43-2.592,2.641-2.592h2.815v-4.76 c-0.487-0.065-2.158-0.209-4.107-0.209c-4.065,0-6.845,2.481-6.845,7.037v3.925h-4.597v5.322h4.597v13.658h5.494V20.811h4.585 L25.868,20.809L25.868,20.809z" }))));
+  }
+  static get is() { return "utrecht-icon-facebook"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["stencil.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["stencil.css"]
+  }; }
+}

package/dist/collection/icon/facebook.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 38 38">
+  <title>Facebook</title>
+  <g>
+    <path
+      fill="currentColor"
+      d="M25.868,20.809l0.687-5.323h-5.271v-3.398c0-1.541,0.43-2.592,2.641-2.592h2.815v-4.76 c-0.487-0.065-2.158-0.209-4.107-0.209c-4.065,0-6.845,2.481-6.845,7.037v3.925h-4.597v5.322h4.597v13.658h5.494V20.811h4.585 L25.868,20.809L25.868,20.809z"
+    />
+  </g>
+</svg>

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

@@ -0,0 +1,18 @@
+import { Component, h } from '@stencil/core';
+export class IconFilter {
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-2 -1 24 24" },
+      h("title", null, "Filter"),
+      h("rect", { x: "2", y: "6", width: "17", height: "2", rx: "0.5", fill: "currentColor" }),
+      h("rect", { x: "4", y: "11", width: "13", height: "2", rx: "0.5", fill: "currentColor" }),
+      h("rect", { x: "6", y: "16", width: "9", height: "2", rx: "0.5", fill: "currentColor" })));
+  }
+  static get is() { return "utrecht-icon-filter"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["stencil.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["stencil.css"]
+  }; }
+}

package/dist/collection/icon/filter.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-2 -1 24 24">
+  <title>Filter</title>
+  <rect x="2" y="6" width="17" height="2" rx="0.5" fill="currentColor" />
+  <rect x="4" y="11" width="13" height="2" rx="0.5" fill="currentColor" />
+  <rect x="6" y="16" width="9" height="2" rx="0.5" fill="currentColor" />
+</svg>

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

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

package/dist/collection/icon/information.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-10 -10 38 38">
+  <title>Information</title>
+  <g>
+    <path
+      fill="currentColor"
+      d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z"
+    />
+    <path
+      fill="white"
+      d="M9 8.5C9 8.22386 9.22386 8 9.5 8H10.5C10.7761 8 11 8.22386 11 8.5V14.5C11 14.7761 10.7761 15 10.5 15H9.5C9.22386 15 9 14.7761 9 14.5V8.5Z"
+    />
+    <circle fill="white" cx="10" cy="6" r="1" />
+  </g>
+</svg>

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

@@ -0,0 +1,19 @@
+import { Component, h } from '@stencil/core';
+export class IconInstagram {
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-7 -7 42 42" },
+      h("title", null, "Instagram"),
+      h("g", null,
+        h("path", { "fill-rule": "nonzero", fill: "currentColor", d: "M13.4773109,2.42977292 C17.0848739,2.42977292 17.5159664,2.45248108 18.9226891,2.49789739 C20.2386555,2.56602187 20.9420168,2.77039529 21.4184874,2.95206056 C22.0537815,3.20185029 22.507563,3.49705635 22.9613445,3.95121951 C23.4378151,4.42809083 23.7327731,4.88225399 23.9596639,5.49537426 C24.1411765,5.97224558 24.3680672,6.67619849 24.4134454,7.99327166 C24.4815126,9.42388562 24.4815126,9.83263246 24.4815126,13.4432296 C24.4815126,17.0538267 24.4588235,17.4852817 24.4134454,18.8931876 C24.3453782,20.2102607 24.1411765,20.9142136 23.9596639,21.3910849 C23.710084,22.0269134 23.4151261,22.4810765 22.9613445,22.9352397 C22.4848739,23.412111 22.0310924,23.7073171 21.4184874,23.9343987 C20.9420168,24.1160639 20.2386555,24.3431455 18.9226891,24.3885618 C17.4932773,24.4566863 17.0848739,24.4566863 13.4773109,24.4566863 C9.8697479,24.4566863 9.43865546,24.4339781 8.03193277,24.3885618 C6.71596639,24.3204373 6.01260504,24.1160639 5.53613445,23.9343987 C4.90084034,23.6846089 4.44705882,23.3894029 3.99327731,22.9352397 C3.51680672,22.4583684 3.22184874,22.0042052 2.99495798,21.3910849 C2.81344538,20.9142136 2.58655462,20.2102607 2.54117647,18.8931876 C2.47310924,17.4625736 2.47310924,17.0538267 2.47310924,13.4432296 C2.47310924,9.83263246 2.49579832,9.40117746 2.54117647,7.99327166 C2.6092437,6.67619849 2.81344538,5.97224558 2.99495798,5.49537426 C3.19915966,4.90496215 3.49411765,4.45079899 3.97058824,3.97392767 C4.44705882,3.49705635 4.90084034,3.20185029 5.51344538,2.97476871 C5.98991597,2.79310345 6.69327731,2.56602187 8.0092437,2.52060555 C9.43865546,2.42977292 9.8697479,2.42977292 13.4773109,2.42977292 Z M13.4773109,0 C9.82436975,0 9.34789916,0.0227081581 7.91848739,0.0908326325 C6.48907563,0.136248949 5.4907563,0.36333053 4.6512605,0.703952902 C3.76638655,1.04457527 2.99495798,1.49873844 2.24621849,2.24810765 C1.49747899,2.99747687 1.04369748,3.76955425 0.703361345,4.65517241 C0.36302521,5.49537426 0.136134454,6.49453322 0.0680672269,7.92514718 C0,9.35576114 0,9.83263246 0,13.4886459 C0,17.1446594 0.0226890756,17.6215307 0.0907563025,19.0521447 C0.158823529,20.4827586 0.385714286,21.4592094 0.72605042,22.3221194 C1.06638655,23.2077376 1.54285714,23.9571068 2.29159664,24.706476 C3.04033613,25.4558452 3.78907563,25.9100084 4.67394958,26.2733389 C5.53613445,26.6139613 6.51176471,26.8410429 7.94117647,26.9091674 C9.37058824,26.9772918 9.84705882,27 13.5,27 C17.1529412,27 17.6294118,26.9772918 19.0588235,26.9091674 C20.4882353,26.8410429 21.4638655,26.6139613 22.3260504,26.2733389 C23.2109244,25.9327166 23.9596639,25.4558452 24.7084034,24.706476 C25.4571429,23.9571068 25.9109244,23.2077376 26.2739496,22.3221194 C26.6142857,21.4592094 26.8411765,20.4827586 26.9092437,19.0521447 C26.9773109,17.6215307 27,17.1446594 27,13.4886459 C27,9.83263246 26.9773109,9.35576114 26.9092437,7.92514718 C26.8411765,6.49453322 26.6142857,5.51808242 26.2739496,4.65517241 C25.9336134,3.76955425 25.4571429,3.02018503 24.7084034,2.27081581 C23.9596639,1.52144659 23.2109244,1.06728343 22.3260504,0.703952902 C21.4638655,0.36333053 20.4882353,0.136248949 19.0588235,0.0681244743 C17.6067227,0 17.1302521,0 13.4773109,0 Z" }),
+        h("path", { "fill-rule": "nonzero", fill: "currentColor", d: "M14,7 C10.1213115,7 7,10.1442623 7,14 C7,17.8786885 10.1442623,21 14,21 C17.8557377,21 21,17.8557377 21,14 C21,10.1213115 17.8786885,7 14,7 Z M14,18.5442623 C11.4983607,18.5442623 9.4557377,16.5016393 9.4557377,14 C9.4557377,11.4983607 11.4983607,9.4557377 14,9.4557377 C16.5016393,9.4557377 18.5442623,11.4983607 18.5442623,14 C18.5442623,16.5016393 16.5016393,18.5442623 14,18.5442623 Z" }),
+        h("circle", { fill: "currentColor", cx: "21", cy: "6", r: "2" }))));
+  }
+  static get is() { return "utrecht-icon-instagram"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["stencil.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["stencil.css"]
+  }; }
+}

package/dist/collection/icon/instagram.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-7 -7 42 42">
+  <title>Instagram</title>
+  <g>
+    <path
+      fill-rule="nonzero"
+      fill="currentColor"
+      d="M13.4773109,2.42977292 C17.0848739,2.42977292 17.5159664,2.45248108 18.9226891,2.49789739 C20.2386555,2.56602187 20.9420168,2.77039529 21.4184874,2.95206056 C22.0537815,3.20185029 22.507563,3.49705635 22.9613445,3.95121951 C23.4378151,4.42809083 23.7327731,4.88225399 23.9596639,5.49537426 C24.1411765,5.97224558 24.3680672,6.67619849 24.4134454,7.99327166 C24.4815126,9.42388562 24.4815126,9.83263246 24.4815126,13.4432296 C24.4815126,17.0538267 24.4588235,17.4852817 24.4134454,18.8931876 C24.3453782,20.2102607 24.1411765,20.9142136 23.9596639,21.3910849 C23.710084,22.0269134 23.4151261,22.4810765 22.9613445,22.9352397 C22.4848739,23.412111 22.0310924,23.7073171 21.4184874,23.9343987 C20.9420168,24.1160639 20.2386555,24.3431455 18.9226891,24.3885618 C17.4932773,24.4566863 17.0848739,24.4566863 13.4773109,24.4566863 C9.8697479,24.4566863 9.43865546,24.4339781 8.03193277,24.3885618 C6.71596639,24.3204373 6.01260504,24.1160639 5.53613445,23.9343987 C4.90084034,23.6846089 4.44705882,23.3894029 3.99327731,22.9352397 C3.51680672,22.4583684 3.22184874,22.0042052 2.99495798,21.3910849 C2.81344538,20.9142136 2.58655462,20.2102607 2.54117647,18.8931876 C2.47310924,17.4625736 2.47310924,17.0538267 2.47310924,13.4432296 C2.47310924,9.83263246 2.49579832,9.40117746 2.54117647,7.99327166 C2.6092437,6.67619849 2.81344538,5.97224558 2.99495798,5.49537426 C3.19915966,4.90496215 3.49411765,4.45079899 3.97058824,3.97392767 C4.44705882,3.49705635 4.90084034,3.20185029 5.51344538,2.97476871 C5.98991597,2.79310345 6.69327731,2.56602187 8.0092437,2.52060555 C9.43865546,2.42977292 9.8697479,2.42977292 13.4773109,2.42977292 Z M13.4773109,0 C9.82436975,0 9.34789916,0.0227081581 7.91848739,0.0908326325 C6.48907563,0.136248949 5.4907563,0.36333053 4.6512605,0.703952902 C3.76638655,1.04457527 2.99495798,1.49873844 2.24621849,2.24810765 C1.49747899,2.99747687 1.04369748,3.76955425 0.703361345,4.65517241 C0.36302521,5.49537426 0.136134454,6.49453322 0.0680672269,7.92514718 C0,9.35576114 0,9.83263246 0,13.4886459 C0,17.1446594 0.0226890756,17.6215307 0.0907563025,19.0521447 C0.158823529,20.4827586 0.385714286,21.4592094 0.72605042,22.3221194 C1.06638655,23.2077376 1.54285714,23.9571068 2.29159664,24.706476 C3.04033613,25.4558452 3.78907563,25.9100084 4.67394958,26.2733389 C5.53613445,26.6139613 6.51176471,26.8410429 7.94117647,26.9091674 C9.37058824,26.9772918 9.84705882,27 13.5,27 C17.1529412,27 17.6294118,26.9772918 19.0588235,26.9091674 C20.4882353,26.8410429 21.4638655,26.6139613 22.3260504,26.2733389 C23.2109244,25.9327166 23.9596639,25.4558452 24.7084034,24.706476 C25.4571429,23.9571068 25.9109244,23.2077376 26.2739496,22.3221194 C26.6142857,21.4592094 26.8411765,20.4827586 26.9092437,19.0521447 C26.9773109,17.6215307 27,17.1446594 27,13.4886459 C27,9.83263246 26.9773109,9.35576114 26.9092437,7.92514718 C26.8411765,6.49453322 26.6142857,5.51808242 26.2739496,4.65517241 C25.9336134,3.76955425 25.4571429,3.02018503 24.7084034,2.27081581 C23.9596639,1.52144659 23.2109244,1.06728343 22.3260504,0.703952902 C21.4638655,0.36333053 20.4882353,0.136248949 19.0588235,0.0681244743 C17.6067227,0 17.1302521,0 13.4773109,0 Z"
+    />
+    <path
+      fill-rule="nonzero"
+      fill="currentColor"
+      d="M14,7 C10.1213115,7 7,10.1442623 7,14 C7,17.8786885 10.1442623,21 14,21 C17.8557377,21 21,17.8557377 21,14 C21,10.1213115 17.8786885,7 14,7 Z M14,18.5442623 C11.4983607,18.5442623 9.4557377,16.5016393 9.4557377,14 C9.4557377,11.4983607 11.4983607,9.4557377 14,9.4557377 C16.5016393,9.4557377 18.5442623,11.4983607 18.5442623,14 C18.5442623,16.5016393 16.5016393,18.5442623 14,18.5442623 Z"
+    />
+    <circle fill="currentColor" cx="21" cy="6" r="2" />
+  </g>
+</svg>

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

@@ -0,0 +1,18 @@
+import { Component, h } from '@stencil/core';
+export class IconLinkedin {
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-8 -8 43 43" },
+      h("title", null, "LinkedIn"),
+      h("g", null,
+        h("path", { fill: "currentColor", "fill-rule": "nonzero", d: "M0.465517241,8.84482759 L6.05172414,8.84482759 L6.05172414,27 L0.465517241,27 L0.465517241,8.84482759 Z M3.25862069,0 C4.88793103,0 6.51724138,1.39655172 6.51724138,3.25862069 C6.51724138,5.12068966 4.88793103,6.51724138 3.25862069,6.51724138 C1.39655172,6.51724138 0,5.12068966 0,3.25862069 C0,1.39655172 1.39655172,0 3.25862069,0 Z" }),
+        h("path", { fill: "currentColor", d: "M9.31034483,8.84482759 L14.7351724,8.84482759 L14.7351724,11.4051724 C15.4427586,10.0086207 17.3296552,8.37931034 20.16,8.37931034 C25.8206897,8.37931034 27,12.1034483 27,16.9913793 L27,27 L21.3393103,27 L21.3393103,18.1551724 C21.3393103,16.0603448 21.3393103,13.2672414 18.2731034,13.2672414 C15.2068966,13.2672414 14.9710345,15.5948276 14.9710345,17.9224138 L14.9710345,26.7672414 L9.31034483,26.7672414 L9.31034483,8.84482759 Z" }))));
+  }
+  static get is() { return "utrecht-icon-linkedin"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["stencil.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["stencil.css"]
+  }; }
+}

package/dist/collection/icon/linkedin.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-8 -8 43 43">
+  <title>LinkedIn</title>
+  <g>
+    <path
+      fill="currentColor"
+      fill-rule="nonzero"
+      d="M0.465517241,8.84482759 L6.05172414,8.84482759 L6.05172414,27 L0.465517241,27 L0.465517241,8.84482759 Z M3.25862069,0 C4.88793103,0 6.51724138,1.39655172 6.51724138,3.25862069 C6.51724138,5.12068966 4.88793103,6.51724138 3.25862069,6.51724138 C1.39655172,6.51724138 0,5.12068966 0,3.25862069 C0,1.39655172 1.39655172,0 3.25862069,0 Z"
+    />
+    <path
+      fill="currentColor"
+      d="M9.31034483,8.84482759 L14.7351724,8.84482759 L14.7351724,11.4051724 C15.4427586,10.0086207 17.3296552,8.37931034 20.16,8.37931034 C25.8206897,8.37931034 27,12.1034483 27,16.9913793 L27,27 L21.3393103,27 L21.3393103,18.1551724 C21.3393103,16.0603448 21.3393103,13.2672414 18.2731034,13.2672414 C15.2068966,13.2672414 14.9710345,15.5948276 14.9710345,17.9224138 L14.9710345,26.7672414 L9.31034483,26.7672414 L9.31034483,8.84482759 Z"
+    />
+  </g>
+</svg>

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

@@ -0,0 +1,21 @@
+import { Component, h } from '@stencil/core';
+export class IconList {
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 24 24" },
+      h("title", null, "List"),
+      h("rect", { x: "6", y: "18", width: "13", height: "2", rx: "0.5", fill: "currentColor" }),
+      h("rect", { x: "6", y: "12", width: "13", height: "2", rx: "0.5", fill: "currentColor" }),
+      h("rect", { x: "6", y: "6", width: "13", height: "2", rx: "0.5", fill: "currentColor" }),
+      h("circle", { cx: "3", cy: "7", r: "1", fill: "currentColor" }),
+      h("circle", { cx: "3", cy: "13", r: "1", fill: "currentColor" }),
+      h("circle", { cx: "3", cy: "19", r: "1", fill: "currentColor" })));
+  }
+  static get is() { return "utrecht-icon-list"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["stencil.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["stencil.css"]
+  }; }
+}

package/dist/collection/icon/list.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24">
+  <title>List</title>
+  <rect x="6" y="18" width="13" height="2" rx="0.5" fill="currentColor" />
+  <rect x="6" y="12" width="13" height="2" rx="0.5" fill="currentColor" />
+  <rect x="6" y="6" width="13" height="2" rx="0.5" fill="currentColor" />
+  <circle cx="3" cy="7" r="1" fill="currentColor" />
+  <circle cx="3" cy="13" r="1" fill="currentColor" />
+  <circle cx="3" cy="19" r="1" fill="currentColor" />
+</svg>

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

@@ -0,0 +1,17 @@
+import { Component, h } from '@stencil/core';
+export class IconLoupe {
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 -1 24 24" },
+      h("title", null, "Loupe"),
+      h("g", null,
+        h("path", { fill: "currentColor", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.5028 16.2982C11.5839 18.3961 7.51217 18.1416 4.90662 15.5261C2.00474 12.613 2.02036 7.87451 4.94151 4.94223C7.86266 2.00995 12.5832 1.99433 15.485 4.90734C18.0906 7.52288 18.3441 11.6102 16.2541 14.5402C16.2813 14.5597 16.3073 14.5818 16.3317 14.6063L21.1481 19.4412C21.39 19.6839 21.3887 20.0788 21.1452 20.3232L20.2637 21.2081C20.0203 21.4524 19.6269 21.4537 19.3851 21.211L14.5686 16.3761C14.5442 16.3515 14.5223 16.3255 14.5028 16.2982ZM13.6987 13.733C11.7513 15.6879 8.60428 15.6983 6.66969 13.7563C4.7351 11.8143 4.74552 8.65523 6.69295 6.70038C8.64039 4.74553 11.7874 4.73512 13.722 6.67712C15.6566 8.61913 15.6461 11.7782 13.6987 13.733Z" }))));
+  }
+  static get is() { return "utrecht-icon-loupe"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["stencil.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["stencil.css"]
+  }; }
+}

package/dist/collection/icon/loupe.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 -1 24 24">
+  <title>Loupe</title>
+  <g>
+    <path
+      fill="currentColor"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14.5028 16.2982C11.5839 18.3961 7.51217 18.1416 4.90662 15.5261C2.00474 12.613 2.02036 7.87451 4.94151 4.94223C7.86266 2.00995 12.5832 1.99433 15.485 4.90734C18.0906 7.52288 18.3441 11.6102 16.2541 14.5402C16.2813 14.5597 16.3073 14.5818 16.3317 14.6063L21.1481 19.4412C21.39 19.6839 21.3887 20.0788 21.1452 20.3232L20.2637 21.2081C20.0203 21.4524 19.6269 21.4537 19.3851 21.211L14.5686 16.3761C14.5442 16.3515 14.5223 16.3255 14.5028 16.2982ZM13.6987 13.733C11.7513 15.6879 8.60428 15.6983 6.66969 13.7563C4.7351 11.8143 4.74552 8.65523 6.69295 6.70038C8.64039 4.74553 11.7874 4.73512 13.722 6.67712C15.6566 8.61913 15.6461 11.7782 13.6987 13.733Z"
+    />
+  </g>
+</svg>

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

@@ -0,0 +1,17 @@
+import { Component, h } from '@stencil/core';
+export class IconMelding {
+  render() {
+    return (h("svg", { width: "35", height: "37", viewBox: "0 0 35 37", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+      h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M30.06 0H14.91C13.8492 0 12.8317 0.421424 12.0816 1.17157C11.3315 1.92172 10.91 2.93913 10.91 4V11.34C10.91 12.4009 11.3315 13.4183 12.0816 14.1684C12.8317 14.9186 13.8492 15.34 14.91 15.34H15.45V18.59L18.69 15.34H30.06C31.1209 15.34 32.1383 14.9186 32.8884 14.1684C33.6386 13.4183 34.06 12.4009 34.06 11.34V4C34.06 2.93913 33.6386 1.92172 32.8884 1.17157C32.1383 0.421424 31.1209 0 30.06 0ZM23.33 2.83L23.02 9.2H21.42L21.11 2.83H23.33ZM22.22 12.46C21.9669 12.46 21.7194 12.3849 21.5089 12.2443C21.2984 12.1036 21.1344 11.9037 21.0375 11.6698C20.9406 11.4359 20.9152 11.1786 20.9646 10.9303C21.014 10.682 21.1359 10.4539 21.3149 10.2749C21.494 10.0959 21.722 9.97398 21.9703 9.92459C22.2186 9.8752 22.4759 9.90056 22.7098 9.99744C22.9437 10.0943 23.1437 10.2584 23.2843 10.4689C23.4249 10.6794 23.5 10.9268 23.5 11.18C23.509 11.353 23.4811 11.526 23.418 11.6874C23.355 11.8488 23.2582 11.9949 23.1343 12.116C23.0103 12.2371 22.862 12.3305 22.6992 12.3898C22.5364 12.4491 22.3628 12.473 22.19 12.46H22.22Z", fill: "currentColor" }),
+      h("path", { d: "M15.67 36.73V29.29C15.67 27.08 13.2 25.29 10.14 25.29H5.53003C2.47003 25.29 0 27.08 0 29.29V36.73H15.67Z", fill: "currentColor" }),
+      h("path", { d: "M12.15 20.54C12.1739 21.3991 11.941 22.2459 11.481 22.9719C11.0211 23.6979 10.355 24.2703 9.56807 24.6157C8.78109 24.9612 7.90893 25.064 7.06319 24.9111C6.21744 24.7582 5.43655 24.3566 4.82033 23.7574C4.2041 23.1583 3.7806 22.389 3.60396 21.5479C3.42731 20.7068 3.50554 19.8321 3.82869 19.0358C4.15184 18.2394 4.7052 17.5575 5.41798 17.0773C6.13077 16.597 6.97058 16.3404 7.83003 16.34C8.38948 16.3321 8.94503 16.4344 9.46492 16.6412C9.98481 16.848 10.4588 17.1552 10.86 17.5452C11.2612 17.9352 11.5816 18.4004 11.8029 18.9143C12.0243 19.4281 12.1422 19.9806 12.15 20.54V20.54Z", fill: "currentColor" })));
+  }
+  static get is() { return "utrecht-icon-melding"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["stencil.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["stencil.css"]
+  }; }
+}

package/dist/collection/icon/melding.svg

@@ -0,0 +1,5 @@
+<svg width="35" height="37" viewBox="0 0 35 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30.06 0H14.91C13.8492 0 12.8317 0.421424 12.0816 1.17157C11.3315 1.92172 10.91 2.93913 10.91 4V11.34C10.91 12.4009 11.3315 13.4183 12.0816 14.1684C12.8317 14.9186 13.8492 15.34 14.91 15.34H15.45V18.59L18.69 15.34H30.06C31.1209 15.34 32.1383 14.9186 32.8884 14.1684C33.6386 13.4183 34.06 12.4009 34.06 11.34V4C34.06 2.93913 33.6386 1.92172 32.8884 1.17157C32.1383 0.421424 31.1209 0 30.06 0ZM23.33 2.83L23.02 9.2H21.42L21.11 2.83H23.33ZM22.22 12.46C21.9669 12.46 21.7194 12.3849 21.5089 12.2443C21.2984 12.1036 21.1344 11.9037 21.0375 11.6698C20.9406 11.4359 20.9152 11.1786 20.9646 10.9303C21.014 10.682 21.1359 10.4539 21.3149 10.2749C21.494 10.0959 21.722 9.97398 21.9703 9.92459C22.2186 9.8752 22.4759 9.90056 22.7098 9.99744C22.9437 10.0943 23.1437 10.2584 23.2843 10.4689C23.4249 10.6794 23.5 10.9268 23.5 11.18C23.509 11.353 23.4811 11.526 23.418 11.6874C23.355 11.8488 23.2582 11.9949 23.1343 12.116C23.0103 12.2371 22.862 12.3305 22.6992 12.3898C22.5364 12.4491 22.3628 12.473 22.19 12.46H22.22Z" fill="currentColor"/>
+<path d="M15.67 36.73V29.29C15.67 27.08 13.2 25.29 10.14 25.29H5.53003C2.47003 25.29 0 27.08 0 29.29V36.73H15.67Z" fill="currentColor"/>
+<path d="M12.15 20.54C12.1739 21.3991 11.941 22.2459 11.481 22.9719C11.0211 23.6979 10.355 24.2703 9.56807 24.6157C8.78109 24.9612 7.90893 25.064 7.06319 24.9111C6.21744 24.7582 5.43655 24.3566 4.82033 23.7574C4.2041 23.1583 3.7806 22.389 3.60396 21.5479C3.42731 20.7068 3.50554 19.8321 3.82869 19.0358C4.15184 18.2394 4.7052 17.5575 5.41798 17.0773C6.13077 16.597 6.97058 16.3404 7.83003 16.34C8.38948 16.3321 8.94503 16.4344 9.46492 16.6412C9.98481 16.848 10.4588 17.1552 10.86 17.5452C11.2612 17.9352 11.5816 18.4004 11.8029 18.9143C12.0243 19.4281 12.1422 19.9806 12.15 20.54V20.54Z" fill="currentColor"/>
+</svg>