@utrecht/web-component-library-stencil 1.0.0-alpha.21 → 1.0.0-alpha.212

package/dist/collection/icon/web-component/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 {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+}

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

@@ -0,0 +1,20 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+:host {
+  display: inline-block;
+  /* prevent custom element dimensions to be larger than icon size because of line-height */
+  height: var(--utrecht-icon-size);
+  width: var(--utrecht-icon-size);
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+svg {
+  color: var(--utrecht-icon-color, currentColor);
+  height: var(--utrecht-icon-size, 100%);
+  width: var(--utrecht-icon-size, 100%);
+}

package/dist/collection/icon/web-component/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 {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+}

package/dist/collection/icon/web-component/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 {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+}

package/dist/collection/icon/web-component/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 {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+}

package/dist/collection/icon/web-component/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 {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+}

package/dist/collection/icon/web-component/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 {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+}

package/dist/collection/icon/web-component/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 {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+}

package/dist/collection/icon/web-component/paspoort.stencil.js

@@ -0,0 +1,17 @@
+import { Component, h } from '@stencil/core';
+export class IconPaspoort {
+  render() {
+    return (h("svg", { width: "35", height: "26", viewBox: "0 0 35 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+      h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M33.66 0H1.2C0.881745 0 0.576515 0.126427 0.351471 0.351471C0.126427 0.576515 7.06621e-10 0.881737 7.06606e-10 1.2V24.07C-1.08999e-05 24.3892 0.1261 24.6954 0.350861 24.9221C0.575621 25.1487 0.880829 25.2774 1.2 25.28H33.66C33.8184 25.28 33.9753 25.2486 34.1215 25.1877C34.2678 25.1268 34.4005 25.0375 34.5121 24.925C34.6237 24.8125 34.7118 24.679 34.7715 24.5323C34.8313 24.3855 34.8613 24.2284 34.86 24.07V1.2C34.86 0.881737 34.7336 0.576515 34.5085 0.351471C34.2835 0.126427 33.9783 0 33.66 0V0ZM10.14 21H9.06001L5.93999 15.12V21H5.12V14.43H6.48L9.32 19.8V14.43H10.14V21ZM16.05 21H11.89V14.43H12.76V20.23H16.05V21ZM16.49 10.35H3.21V8.76999H16.49V10.35ZM16.49 5.34999H3.21V3.75999H16.49V5.34999ZM31.38 15.07C31.3697 15.3123 31.2661 15.5412 31.0909 15.709C30.9158 15.8767 30.6825 15.9702 30.44 15.97H20.53C20.2913 15.97 20.0624 15.8752 19.8936 15.7064C19.7248 15.5376 19.63 15.3087 19.63 15.07V4.29999C19.63 4.06129 19.7248 3.83239 19.8936 3.6636C20.0624 3.49482 20.2913 3.39999 20.53 3.39999H30.44C30.6833 3.39725 30.9179 3.48994 31.0937 3.65819C31.2694 3.82643 31.3722 4.05683 31.38 4.29999V15.07Z", fill: "currentColor" }),
+      h("path", { d: "M30.13 14.06V13.38C30.13 12.06 28.65 11 26.83 11H24.07C22.25 11 20.77 12.06 20.77 13.38V14.06H30.13Z", fill: "currentColor" }),
+      h("path", { d: "M28.03 8.17999C28.0439 8.69259 27.9047 9.19772 27.6303 9.63087C27.3558 10.064 26.9585 10.4056 26.4891 10.6119C26.0196 10.8182 25.4993 10.88 24.9946 10.7893C24.4899 10.6986 24.0237 10.4596 23.6554 10.1027C23.2872 9.74582 23.0337 9.28733 22.9272 8.78572C22.8207 8.28411 22.8661 7.76214 23.0576 7.28645C23.2491 6.81076 23.578 6.40293 24.0024 6.11502C24.4267 5.82711 24.9272 5.67217 25.44 5.67C25.7749 5.6647 26.1075 5.72543 26.4189 5.84871C26.7303 5.97199 27.0144 6.1554 27.2549 6.38849C27.4954 6.62157 27.6877 6.89976 27.8207 7.20715C27.9536 7.51454 28.0248 7.84511 28.03 8.17999V8.17999Z", fill: "currentColor" })));
+  }
+  static get is() { return "utrecht-icon-paspoort"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+}

package/dist/collection/icon/web-component/rijbewijs.stencil.js

@@ -0,0 +1,20 @@
+import { Component, h } from '@stencil/core';
+export class IconRijbewijs {
+  render() {
+    return (h("svg", { width: "35", height: "26", viewBox: "0 0 35 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+      h("path", { d: "M9.59002 9.80005H6.72002C4.81002 9.80005 3.27002 10.91 3.27002 12.29V13H13.03V12.29C13.03 10.91 11.49 9.80005 9.59002 9.80005Z", fill: "currentColor" }),
+      h("path", { d: "M33.66 7.06621e-10H1.21C0.890812 -1.08999e-05 0.584552 0.1261 0.357918 0.350861C0.131284 0.575621 0.00263791 0.880836 0 1.20001V24.07C0 24.3909 0.127482 24.6987 0.354401 24.9256C0.58132 25.1525 0.889087 25.28 1.21 25.28H33.66C33.9792 25.2774 34.2844 25.1487 34.5091 24.9221C34.7339 24.6955 34.86 24.3892 34.86 24.07V1.20001C34.86 0.881752 34.7336 0.576515 34.5085 0.351471C34.2835 0.126427 33.9783 7.06677e-10 33.66 7.06621e-10V7.06621e-10ZM14.11 14.12C14.1022 14.3632 13.9994 14.5936 13.8236 14.7618C13.6479 14.9301 13.4133 15.0228 13.17 15.02H3.26C3.02131 15.02 2.79239 14.9252 2.6236 14.7564C2.45482 14.5876 2.36 14.3587 2.36 14.12V3.31C2.35868 3.19097 2.38098 3.07287 2.42562 2.96252C2.47026 2.85217 2.53634 2.75178 2.62004 2.66714C2.70375 2.58251 2.80341 2.51531 2.91326 2.46945C3.02311 2.4236 3.14097 2.40002 3.26 2.40002H13.17C13.4142 2.3999 13.6488 2.4948 13.8243 2.66464C13.9997 2.83449 14.1022 3.06593 14.11 3.31V14.12ZM30.11 20.68H29.24L29.18 20.75V21.95C29.1807 22.0506 29.1492 22.1487 29.09 22.23C29.039 22.3194 28.9669 22.3949 28.88 22.45C28.7922 22.5156 28.6942 22.5662 28.59 22.6C28.4931 22.6319 28.392 22.6488 28.29 22.65C28.0748 22.6421 27.8678 22.565 27.7 22.43C27.6125 22.3654 27.5415 22.2809 27.4928 22.1836C27.4442 22.0863 27.4192 21.9788 27.42 21.87V20.71H21.16C21.16 20.89 21.16 21.1 21.16 21.32C21.1637 21.5321 21.1402 21.7439 21.09 21.95C21.0368 22.1341 20.9447 22.3046 20.82 22.45C20.7397 22.5206 20.6463 22.5747 20.545 22.609C20.4437 22.6433 20.3367 22.6573 20.23 22.65C20.0519 22.6517 19.8788 22.5916 19.74 22.48C19.5981 22.3658 19.4822 22.2226 19.4 22.06C19.3962 22.0234 19.3962 21.9866 19.4 21.95V20.68H18.51V17.25C18.5213 17.071 18.5877 16.8999 18.7 16.76C18.8023 16.6173 18.9273 16.4923 19.07 16.39H19.19L19.33 16.33L19.4 16.2C19.4169 16.1914 19.4313 16.1787 19.4418 16.1629C19.4523 16.1471 19.4586 16.1289 19.46 16.11L20.39 13.75C20.4907 13.5281 20.6333 13.3278 20.81 13.16C20.895 13.0706 20.9974 12.9996 21.1109 12.9514C21.2245 12.9033 21.3467 12.879 21.47 12.88H27.03C27.264 12.8902 27.4869 12.9823 27.66 13.14C27.8348 13.2876 27.9749 13.472 28.07 13.68L28.98 16.03C28.9931 16.0801 29.0181 16.1263 29.0529 16.1646C29.0877 16.203 29.1313 16.2323 29.18 16.25L29.47 16.36C29.6497 16.4748 29.7976 16.633 29.9 16.82C30.0077 16.9982 30.0664 17.2018 30.07 17.41L30.11 20.68ZM30.93 9.31H17.65V7.72H30.93V9.31ZM30.93 5.62003H17.65V4.03H30.93V5.62003Z", fill: "currentColor" }),
+      h("path", { d: "M20.29 16.87C20.1797 16.8645 20.0696 16.8852 19.9688 16.9304C19.868 16.9756 19.7793 17.044 19.71 17.13C19.5735 17.2963 19.4989 17.5048 19.4989 17.72C19.4989 17.9352 19.5735 18.1437 19.71 18.31C19.7818 18.3924 19.8712 18.4577 19.9716 18.501C20.072 18.5442 20.1808 18.5644 20.29 18.56C20.396 18.5621 20.5012 18.5408 20.598 18.4976C20.6948 18.4544 20.7808 18.3903 20.85 18.31C21.0034 18.1499 21.0891 17.9367 21.0891 17.715C21.0891 17.4933 21.0034 17.2801 20.85 17.12C20.7808 17.0397 20.6948 16.9756 20.598 16.9324C20.5012 16.8892 20.396 16.8679 20.29 16.87Z", fill: "currentColor" }),
+      h("path", { d: "M27.33 13.93C27.2912 13.8322 27.2372 13.741 27.17 13.66C27.1375 13.6133 27.0941 13.5753 27.0436 13.5491C26.993 13.523 26.9369 13.5096 26.88 13.51H21.68C21.6292 13.5104 21.579 13.5213 21.5325 13.5419C21.486 13.5626 21.4444 13.5925 21.41 13.63C21.3413 13.6967 21.2898 13.7791 21.26 13.87L20.5 15.94H28.08L27.33 13.93Z", fill: "currentColor" }),
+      h("path", { d: "M28.29 16.87C28.1811 16.8677 28.0729 16.8888 27.9728 16.9319C27.8727 16.9751 27.7831 17.0392 27.71 17.12C27.5566 17.2801 27.4709 17.4933 27.4709 17.7151C27.4709 17.9368 27.5566 18.1499 27.71 18.31C27.7831 18.3908 27.8727 18.455 27.9728 18.4981C28.0729 18.5413 28.1811 18.5624 28.29 18.56C28.3987 18.5639 28.5068 18.5425 28.6057 18.4974C28.7047 18.4522 28.7917 18.3847 28.86 18.3C28.9348 18.2234 28.9936 18.1326 29.0331 18.0331C29.0726 17.9335 29.0919 17.8271 29.09 17.72C29.0943 17.5007 29.0116 17.2886 28.86 17.13C28.7902 17.0471 28.7029 16.9808 28.6043 16.9358C28.5057 16.8908 28.3984 16.8684 28.29 16.87V16.87Z", fill: "currentColor" }),
+      h("path", { d: "M8.14998 9.47002C8.66539 9.45624 9.16527 9.29071 9.58703 8.99413C10.0088 8.69756 10.3337 8.28312 10.521 7.80276C10.7083 7.32239 10.7497 6.79745 10.64 6.29366C10.5303 5.78987 10.2745 5.32964 9.90441 4.9706C9.53437 4.61157 9.06663 4.36968 8.55975 4.27526C8.05288 4.18084 7.52942 4.23809 7.05492 4.43981C6.58043 4.64153 6.176 4.97875 5.89229 5.40926C5.60858 5.83978 5.45819 6.34445 5.45998 6.86004C5.46519 7.20805 5.53891 7.55163 5.67693 7.87115C5.81494 8.19067 6.01455 8.47988 6.26434 8.72225C6.51414 8.96462 6.80923 9.15541 7.13277 9.28371C7.45632 9.41202 7.80197 9.47532 8.14998 9.47002V9.47002Z", fill: "currentColor" })));
+  }
+  static get is() { return "utrecht-icon-rijbewijs"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+}

package/dist/collection/icon/web-component/template.js

@@ -0,0 +1,7 @@
+export const IconExample = ({
+  color = 'blue',
+  icon = 'utrecht-icon-arrow',
+  size = 12,
+}) => `<div style="--utrecht-icon-color: ${color}; --utrecht-icon-size: ${size}px;">
+  <${icon}></${icon}>
+</div>`;

package/dist/collection/icon/web-component/toeslag.stencil.js

@@ -0,0 +1,17 @@
+import { Component, h } from '@stencil/core';
+export class IconToeslag {
+  render() {
+    return (h("svg", { width: "23", height: "29", viewBox: "0 0 23 29", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+      h("path", { d: "M11.11 28.25V22.97C11.11 21.41 9.36 20.14 7.19 20.14H3.92C1.75 20.14 0 21.41 0 22.97V28.25H11.11Z", fill: "currentColor" }),
+      h("path", { d: "M8.62003 16.79C8.63395 17.4 8.46578 18.0003 8.13702 18.5143C7.80825 19.0282 7.33379 19.4326 6.77419 19.6757C6.21459 19.9189 5.59523 19.9897 4.99517 19.8793C4.39511 19.7689 3.84157 19.4821 3.40519 19.0557C2.96881 18.6293 2.6694 18.0825 2.54516 17.4851C2.42092 16.8878 2.47749 16.267 2.70765 15.7019C2.93781 15.1369 3.33112 14.6532 3.83738 14.3127C4.34364 13.9721 4.93991 13.7902 5.55004 13.79C5.94986 13.7807 6.3475 13.8514 6.7196 13.998C7.09169 14.1445 7.43073 14.364 7.71676 14.6435C8.00279 14.9231 8.23005 15.2569 8.38517 15.6256C8.54029 15.9942 8.62014 16.3901 8.62003 16.79V16.79Z", fill: "currentColor" }),
+      h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.65 0H8.90997C8.16287 0.0026353 7.44712 0.30059 6.91884 0.828873C6.39056 1.35716 6.0926 2.07291 6.08997 2.82001V8.02C6.09261 8.76618 6.39088 9.48089 6.91945 10.0076C7.44801 10.5343 8.16379 10.83 8.90997 10.83H9.28996V13.14L11.59 10.83H19.65C20.3961 10.83 21.1119 10.5343 21.6405 10.0076C22.1691 9.48089 22.4673 8.76618 22.47 8.02V2.82001C22.4673 2.07291 22.1694 1.35716 21.6411 0.828873C21.1128 0.30059 20.3971 0.0026353 19.65 0V0ZM13.65 4.25999H15.65L15.55 4.81C15.5424 4.81439 15.5337 4.8167 15.525 4.8167C15.5162 4.8167 15.5076 4.81439 15.5 4.81H13.56C13.56 4.81 13.56 4.91999 13.56 5.00999C13.56 5.09999 13.56 5.27 13.56 5.27H15.37L15.27 5.82001C15.2539 5.82616 15.2361 5.82616 15.22 5.82001H13.61C13.6718 6.04415 13.7626 6.25929 13.88 6.46001C13.9939 6.6165 14.1449 6.74226 14.3195 6.82603C14.494 6.90981 14.6866 6.94897 14.88 6.94C15.2776 6.88099 15.655 6.7266 15.98 6.49001C15.98 6.49001 15.98 6.49001 15.98 6.49001V7.66C15.9861 7.6761 15.9861 7.69391 15.98 7.71001C15.6337 7.84421 15.27 7.92839 14.9 7.96001C14.5613 7.96837 14.2252 7.89981 13.9169 7.75951C13.6086 7.61921 13.3361 7.41081 13.12 7.14999C12.8494 6.73577 12.6405 6.28437 12.5 5.81C12.5 5.81 12.5 5.81 12.5 5.81H12.03L12.13 5.25999H12.42V5.25C12.42 5.13 12.42 4.96001 12.42 4.96001H12.01L12.11 4.41H12.47C12.6103 3.94669 12.8157 3.50564 13.08 3.10001C13.3044 2.83268 13.5866 2.61991 13.9054 2.47784C14.2242 2.33577 14.5712 2.26812 14.92 2.28C15.2618 2.31342 15.5979 2.39071 15.92 2.50999C15.9244 2.5176 15.9267 2.52623 15.9267 2.535C15.9267 2.54378 15.9244 2.5524 15.92 2.56L15.72 3.56C15.4532 3.38371 15.148 3.27398 14.83 3.24001C14.6376 3.23079 14.4459 3.2688 14.2716 3.35072C14.0972 3.43265 13.9456 3.556 13.83 3.71001C13.7086 3.90774 13.6113 4.11922 13.54 4.34C13.54 4.34 13.56 4.25 13.61 4.25L13.65 4.25999Z", fill: "currentColor" })));
+  }
+  static get is() { return "utrecht-icon-toeslag"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+}

package/dist/collection/icon/web-component/trouwen.stencil.js

@@ -0,0 +1,16 @@
+import { Component, h } from '@stencil/core';
+export class IconTrouwen {
+  render() {
+    return (h("svg", { width: "33", height: "30", viewBox: "0 0 33 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+      h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.1959 4.16C21.153 4.32263 21.0856 4.47777 20.9959 4.62001C20.8152 4.96014 20.5708 5.26231 20.2759 5.51001C19.0739 6.65093 17.772 7.68172 16.3859 8.59C15.0319 7.63585 13.7668 6.5615 12.6059 5.38C12.321 5.11859 12.0871 4.80666 11.9159 4.46001C11.8335 4.31638 11.7729 4.16136 11.7359 4C11.6374 3.67619 11.5934 3.33824 11.6059 3C11.6059 2.20435 11.922 1.44129 12.4846 0.878677C13.0472 0.316068 13.8102 0 14.6059 0C15.1138 0.0661121 15.5817 0.310566 15.9261 0.689728C16.2704 1.06889 16.4688 1.55809 16.4859 2.07001C16.4665 1.8024 16.505 1.53375 16.5987 1.28232C16.6923 1.03089 16.839 0.802562 17.0287 0.612839C17.2184 0.423116 17.4468 0.276451 17.6982 0.182785C17.9496 0.0891195 18.2183 0.0506561 18.4859 0.0700073C18.8808 0.0816339 19.2695 0.171139 19.6297 0.333389C19.9899 0.495639 20.3145 0.727435 20.5849 1.01547C20.8553 1.30351 21.0661 1.64212 21.2053 2.01186C21.3444 2.38159 21.4092 2.77516 21.3959 3.17C21.381 3.50838 21.3136 3.8424 21.1959 4.16Z", fill: "currentColor" }),
+      h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1259 29.53C12.4221 29.5309 14.6506 28.7517 16.4459 27.32C17.9375 28.5126 19.7356 29.2596 21.6332 29.4752C23.5308 29.6908 25.4506 29.3661 27.1718 28.5385C28.8929 27.711 30.3454 26.4142 31.3619 24.7975C32.3785 23.1807 32.9178 21.3098 32.9178 19.4C32.9178 17.4903 32.3785 15.6193 31.3619 14.0026C30.3454 12.3858 28.8929 11.089 27.1718 10.2615C25.4506 9.43393 23.5308 9.10925 21.6332 9.32482C19.7356 9.5404 17.9375 10.2875 16.4459 11.48C15.1811 10.4714 13.6933 9.78041 12.1067 9.46475C10.5201 9.14909 8.88106 9.21798 7.32659 9.66566C5.77211 10.1133 4.34745 10.9268 3.17181 12.0379C1.99616 13.1491 1.10371 14.5256 0.569129 16.0524C0.0345478 17.5791 -0.126618 19.2118 0.0991125 20.8136C0.324843 22.4154 0.930904 23.9399 1.8666 25.2595C2.80229 26.579 4.04039 27.6553 5.47733 28.3983C6.91426 29.1413 8.50824 29.5294 10.1259 29.53V29.53ZM16.4459 14.78C17.4086 16.1056 17.927 17.7018 17.927 19.34C17.927 20.9782 17.4086 22.5745 16.4459 23.9C15.4904 22.5715 14.9764 20.9764 14.9764 19.34C14.9764 17.7036 15.4904 16.1085 16.4459 14.78ZM22.7759 11.54C24.011 11.5379 25.2289 11.8292 26.3294 12.3897C27.4299 12.9503 28.3816 13.7642 29.1061 14.7645C29.8306 15.7647 30.3072 16.9227 30.4967 18.1432C30.6862 19.3636 30.5832 20.6116 30.1962 21.7844C29.8091 22.9573 29.1491 24.0215 28.2704 24.8894C27.3917 25.7573 26.3194 26.4042 25.1419 26.7767C23.9643 27.1492 22.7152 27.2368 21.4971 27.0323C20.2791 26.8277 19.1271 26.3368 18.1359 25.6C19.5277 23.8172 20.2828 21.62 20.281 19.3583C20.2791 17.0966 19.5205 14.9006 18.1259 13.12C19.4745 12.0949 21.1219 11.54 22.8159 11.54H22.7759ZM10.1359 11.54C11.8251 11.5407 13.468 12.0919 14.8159 13.11C13.4076 14.8859 12.6361 17.0831 12.6253 19.3497C12.6144 21.6162 13.3647 23.8207 14.7559 25.61C13.4202 26.6019 11.7996 27.1351 10.1359 27.13C9.08875 27.1675 8.04478 26.9937 7.0663 26.6188C6.08783 26.244 5.19491 25.6758 4.44084 24.9483C3.68678 24.2208 3.08703 23.3488 2.6774 22.3843C2.26777 21.4199 2.05665 20.3828 2.05665 19.335C2.05665 18.2872 2.26777 17.2501 2.6774 16.2857C3.08703 15.3213 3.68678 14.4493 4.44084 13.7217C5.19491 12.9942 6.08783 12.426 7.0663 12.0512C8.04478 11.6764 9.08875 11.5025 10.1359 11.54Z", fill: "currentColor" })));
+  }
+  static get is() { return "utrecht-icon-trouwen"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+}

package/dist/collection/icon/web-component/twitter.stencil.js

@@ -0,0 +1,17 @@
+import { Component, h } from '@stencil/core';
+export class IconTwitter {
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-2 -2 44 44" },
+      h("title", null, "Twitter"),
+      h("g", null,
+        h("path", { fill: "currentColor", d: "M33.096,11.147c-1.017,0.451-2.107,0.756-3.255,0.892c1.171-0.701,2.069-1.811,2.492-3.134 c-1.094,0.649-2.306,1.121-3.599,1.375c-1.032-1.102-2.506-1.79-4.135-1.79c-3.129,0-5.667,2.537-5.667,5.666 c0,0.445,0.049,0.876,0.146,1.291c-4.709-0.235-8.883-2.491-11.678-5.92c-0.487,0.838-0.767,1.811-0.767,2.85 c0,1.965,1,3.701,2.52,4.715c-0.928-0.028-1.802-0.285-2.566-0.708v0.071c0,2.744,1.954,5.034,4.544,5.556 c-0.474,0.13-0.976,0.2-1.493,0.2c-0.364,0-0.72-0.037-1.065-0.104c0.721,2.25,2.813,3.889,5.292,3.936 c-1.938,1.52-4.381,2.425-7.037,2.425c-0.457,0-0.907-0.026-1.35-0.079c2.507,1.606,5.485,2.545,8.687,2.545 c10.419,0,16.119-8.632,16.119-16.12c0-0.245-0.006-0.49-0.016-0.734C31.374,13.282,32.334,12.284,33.096,11.147z" }))));
+  }
+  static get is() { return "utrecht-icon-twitter"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+}

package/dist/collection/icon/web-component/verhuizen.stencil.js

@@ -0,0 +1,21 @@
+import { Component, h } from '@stencil/core';
+export class IconVerhuizen {
+  render() {
+    return (h("svg", { width: "39", height: "37", viewBox: "0 0 39 37", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+      h("path", { d: "M13.84 33.2396C13.84 33.9318 13.6347 34.6085 13.2501 35.1841C12.8655 35.7596 12.3189 36.2082 11.6794 36.4731C11.0398 36.7381 10.3361 36.8074 9.65716 36.6723C8.97823 36.5373 8.35459 36.2039 7.86511 35.7144C7.37562 35.2249 7.04227 34.6013 6.90722 33.9224C6.77217 33.2434 6.84147 32.5397 7.10638 31.9002C7.37129 31.2606 7.81993 30.714 8.3955 30.3294C8.97108 29.9448 9.64773 29.7396 10.34 29.7396C11.2682 29.7396 12.1584 30.1083 12.8148 30.7647C13.4712 31.4211 13.84 32.3113 13.84 33.2396Z", fill: "currentColor" }),
+      h("path", { d: "M35.24 11.3796H15.24C14.8147 11.3796 14.47 11.7243 14.47 12.1496V27.7096C14.47 28.1348 14.8147 28.4796 15.24 28.4796H35.24C35.6652 28.4796 36.01 28.1348 36.01 27.7096V12.1496C36.01 11.7243 35.6652 11.3796 35.24 11.3796Z", fill: "currentColor" }),
+      h("path", { d: "M38.73 33.2396C38.73 33.9318 38.5247 34.6085 38.1401 35.1841C37.7555 35.7596 37.2089 36.2082 36.5693 36.4731C35.9298 36.7381 35.2261 36.8074 34.5472 36.6723C33.8682 36.5373 33.2446 36.2039 32.7551 35.7144C32.2656 35.2249 31.9323 34.6013 31.7972 33.9224C31.6622 33.2434 31.7315 32.5397 31.9964 31.9002C32.2613 31.2606 32.7099 30.714 33.2855 30.3294C33.861 29.9448 34.5377 29.7396 35.23 29.7396C36.1582 29.7396 37.0485 30.1083 37.7048 30.7647C38.3612 31.4211 38.73 32.3113 38.73 33.2396Z", fill: "currentColor" }),
+      h("path", { d: "M31.6299 31.0296C31.63 31.0803 31.6198 31.1306 31.6001 31.1773C31.5804 31.2241 31.5515 31.2664 31.5151 31.3019C31.4788 31.3373 31.4358 31.3651 31.3885 31.3836C31.3412 31.4021 31.2907 31.4109 31.24 31.4096H14.6299C14.5787 31.4109 14.5277 31.4021 14.4799 31.3837C14.4321 31.3654 14.3884 31.3377 14.3513 31.3024C14.3141 31.2671 14.2842 31.2249 14.2634 31.1781C14.2426 31.1312 14.2313 31.0808 14.23 31.0296V30.4196C14.2313 30.3683 14.2426 30.3179 14.2634 30.2711C14.2842 30.2242 14.3141 30.182 14.3513 30.1467C14.3884 30.1114 14.4321 30.0838 14.4799 30.0654C14.5277 30.047 14.5787 30.0382 14.6299 30.0396H31.24C31.2907 30.0382 31.3412 30.0471 31.3885 30.0656C31.4358 30.0841 31.4788 30.1118 31.5151 30.1473C31.5515 30.1827 31.5804 30.225 31.6001 30.2718C31.6198 30.3186 31.63 30.3688 31.6299 30.4196V31.0296Z", fill: "currentColor" }),
+      h("path", { d: "M11.33 28.0495H11.55C11.79 28.0495 12.18 28.0495 12.42 28.0495C12.66 28.0495 12.85 27.7095 12.85 27.2795V18.7195C12.8513 18.618 12.8323 18.5173 12.7941 18.4233C12.7559 18.3292 12.6992 18.2438 12.6274 18.172C12.5557 18.1003 12.4702 18.0436 12.3762 18.0054C12.2822 17.9672 12.1814 17.9482 12.08 17.9495H4.57996C4.35996 17.9495 4.04 18.2695 3.87 18.6495L0.299988 27.0295C0.115213 27.4983 0.0137015 27.9958 0 28.4995V33.0595C0.00259154 33.2629 0.0845485 33.4573 0.228394 33.6011C0.372239 33.745 0.566547 33.8269 0.769958 33.8295H3.76996C4.00084 33.8162 4.22535 33.7485 4.42517 33.6321C4.62499 33.5157 4.79451 33.3538 4.91998 33.1595C4.91998 33.1595 7.90996 28.0495 11.33 28.0495Z", fill: "currentColor" }),
+      h("path", { d: "M11.91 12.3895C11.49 12.3895 11.4 12.1595 11.71 11.8795L24.65 0.209549C24.8091 0.0742734 25.0112 0 25.22 0C25.4288 0 25.6309 0.0742734 25.79 0.209549L38.72 11.8795C39.04 12.1595 38.95 12.3895 38.53 12.3895H11.91Z", fill: "currentColor" }),
+      h("path", { d: "M8.12992 25.9295C8.33149 25.9295 8.52481 25.8495 8.66734 25.7069C8.80987 25.5644 8.88993 25.3711 8.88993 25.1695V19.7795C8.88995 19.577 8.8102 19.3827 8.66795 19.2386C8.5257 19.0944 8.3324 19.0122 8.12992 19.0095H5.23997C5.04997 19.0095 4.75995 19.3295 4.58995 19.7195L2.23997 25.2295C2.19625 25.3056 2.17472 25.3924 2.17778 25.4801C2.18083 25.5678 2.20833 25.6528 2.25724 25.7257C2.30615 25.7985 2.3745 25.8562 2.45451 25.8923C2.53451 25.9283 2.62298 25.9412 2.70994 25.9295H8.12992Z", fill: "white" })));
+  }
+  static get is() { return "utrecht-icon-verhuizen"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+}

package/dist/collection/icon/web-component/warning.stencil.js

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

package/dist/collection/icon/web-component/whatsapp.stencil.js

@@ -0,0 +1,17 @@
+import { Component, h } from '@stencil/core';
+export class IconWhatsapp {
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 -1 22 22" },
+      h("title", null, "WhatsApp"),
+      h("g", null,
+        h("path", { fill: "currentColor", d: "M15.6044722,4.1101875C14.1199846,2.6296256,12.1364012,1.8,10.0248451,1.8 c-4.3382888,0-7.8831434,3.5227177-7.8831434,7.8622961c0,1.3912182,0.358325,2.7313833,1.0493798,3.9311485 l-1.1133659,4.0715466l4.1719227-1.0976582c1.1517582,0.6254101,2.4442863,0.9572601,3.7624092,0.9572601l0,0 c4.3382883,0,7.8831434-3.5227184,7.8831434-7.8622971C17.9079876,7.581851,17.0889606,5.6035132,15.6044722,4.1101875z M10.0376415,16.2099552L10.0376415,16.2099552c-1.1773529,0-2.3291101-0.3190861-3.3400974-0.9062052l-0.2431493-0.140398     l-2.4826782,0.6509371l0.6654599-2.4122963l-0.1535673-0.2425051c-0.6526625-1.0338411-0.9981906-2.2463703-0.9981906-3.4716635     c0-3.599298,2.9433815-6.5348959,6.5522232-6.5348959c1.753231,0,3.3912878,0.6764636,4.6326265,1.9145205     s1.9195967,2.8717804,1.9195967,4.6203756C16.5770683,13.2743578,13.6464834,16.2099552,10.0376415,16.2099552z M13.6208887,11.3215475c-0.1919594-0.102107-1.1645555-0.5743561-1.3437176-0.6381731     c-0.179163-0.063818-0.3071356-0.102108-0.4479065,0.102107c-0.1279736,0.191452-0.5118923,0.6381741-0.6270685,0.7658091     c-0.1151752,0.127635-0.2303514,0.153161-0.4223108,0.051054c-0.1919594-0.102108-0.8318243-0.3063231-1.5868664-0.9700241     c-0.5758781-0.5360661-0.9725952-1.1742392-1.0877705-1.3784542c-0.1151757-0.191453-0.0127974-0.293561,0.0895805-0.395668     c0.0895815-0.089344,0.1919594-0.229743,0.2943382-0.344615c0.1023779-0.114871,0.1279736-0.1914511,0.1919584-0.3318501     c0.0767851-0.127634,0.038393-0.2425056-0.0127964-0.3446131C8.6171408,7.747776,8.2332211,6.7777524,8.0668554,6.3820848     C7.9132881,5.9991803,7.746923,6.0502348,7.6189494,6.0502348c-0.1151762,0-0.2431488-0.0127635-0.3711219-0.0127635     s-0.3455276,0.0510535-0.5246897,0.242506C6.5311785,6.4841924,6.032084,6.9564414,6.032084,7.926465     s0.7038522,1.9017563,0.8062305,2.0293922c0.1023784,0.127635,1.3821101,2.1187353,3.3656917,2.9611244     c0.4735012,0.204215,0.8318253,0.3190861,1.1261635,0.4084301c0.4735012,0.153162,0.895812,0.127635,1.2413397,0.076581     c0.3839197-0.051053,1.1645555-0.4722481,1.3309202-0.9317331c0.1663656-0.4594851,0.1663656-0.8551531,0.1151762-0.9317331     C13.953619,11.4619455,13.8256454,11.4108915,13.6208887,11.3215475z" }))));
+  }
+  static get is() { return "utrecht-icon-whatsapp"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+}

package/dist/collection/icon/web-component/zoomin.stencil.js

@@ -0,0 +1,18 @@
+import { Component, h } from '@stencil/core';
+export class IconZoomin {
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 -2 24 24" },
+      h("title", null, "zoomout"),
+      h("g", null,
+        h("path", { fill: "currentColor", d: "M11.6 5C11.9314 5 12.2 5.26863 12.2 5.6L12.2 16.4C12.2 16.7314 11.9314 17 11.6 17H10.4C10.0686 17 9.8 16.7314 9.8 16.4L9.8 5.6C9.8 5.26863 10.0686 5 10.4 5L11.6 5Z" }),
+        h("path", { fill: "currentColor", d: "M5 10.4C5 10.0686 5.26863 9.8 5.6 9.8H16.4C16.7314 9.8 17 10.0686 17 10.4V11.6C17 11.9314 16.7314 12.2 16.4 12.2H5.6C5.26863 12.2 5 11.9314 5 11.6V10.4Z" }))));
+  }
+  static get is() { return "utrecht-icon-zoomin"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+}

package/dist/collection/icon/web-component/zoomout.stencil.js

@@ -0,0 +1,17 @@
+import { Component, h } from '@stencil/core';
+export class IconZoomOut {
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-6 -11 24 24" },
+      h("title", null, "zoom out"),
+      h("g", null,
+        h("path", { fill: "currentColor", d: "M0 0.5C0 0.223858 0.223858 0 0.5 0H11.5C11.7761 0 12 0.223858 12 0.5V1.5C12 1.77614 11.7761 2 11.5 2H0.5C0.223858 2 0 1.77614 0 1.5V0.5Z" }))));
+  }
+  static get is() { return "utrecht-icon-zoomout"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+}

package/dist/collection/link/css/template.js

@@ -0,0 +1,57 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+
+import clsx from 'clsx';
+
+export const defaultArgs = {
+  active: false,
+  current: false,
+  external: false,
+  hreflang: '',
+  hover: false,
+  lang: '',
+  focus: false,
+  focusVisible: false,
+  href: null,
+  telephone: false,
+  textContent: '...',
+  title: '',
+  visited: false,
+  iconleft: false,
+};
+
+export const Link = ({
+  active = defaultArgs.active,
+  current = defaultArgs.current,
+  external = defaultArgs.external,
+  hreflang = defaultArgs.hreflang,
+  hover = defaultArgs.hover,
+  lang = defaultArgs.lang,
+  focus = defaultArgs.focus,
+  focusVisible = defaultArgs.focusVisible,
+  href = defaultArgs.href,
+  telephone = defaultArgs.telephone,
+  textContent = defaultArgs.textContent,
+  title = defaultArgs.title,
+  visited = defaultArgs.visited,
+  iconleft = defaultArgs.iconleft,
+}) =>
+  `<a href="${href === null ? `https://example.com/${lang}` : href}" class="${clsx('utrecht-link', {
+    'utrecht-link--active': active,
+    'utrecht-link--alternate-lang': lang && !current,
+    'utrecht-link--current-lang': lang && current,
+    'utrecht-link--external': external,
+    'utrecht-link--focus': focus,
+    'utrecht-link--focus-visible': focusVisible,
+    'utrecht-link--hover': hover,
+    'utrecht-link--telephone': telephone,
+    'utrecht-link--visited': visited,
+    'utrecht-link--icon-left': iconleft,
+  })}"${external ? ' rel="external noopener noreferrer"' : ''}${current ? ' aria-current="page"' : ''}${
+    title ? ` title="${title}"` : ''
+  }${hreflang ? ` hreflang="${hreflang}"` : ''}${lang ? ` lang="${lang}"` : ''}${
+    !current ? ' rel="alternate"' : ''
+  }>${textContent}</a>`;

package/dist/collection/link/html/template.js

@@ -0,0 +1,11 @@
+export const Link = ({ external = false, href = null, textContent = '' }) =>
+  `<section class="utrecht-html">
+  <a href="${href === null ? '#' : href}"${external ? ' rel="external noopener noreferrer"' : ''}>${textContent}</a>
+</section>`;
+
+export const AlternateLangLink = ({ textContent, title, current, lang, hreflang }) =>
+  `<section class="utrecht-html">
+  <a href="https://example.com/${lang}/" ${
+    current ? 'aria-current="page"' : ''
+  } title="${title}" hreflang="${hreflang}" lang="${lang}"${!current ? 'rel="alternate"' : ''}>${textContent}</a>
+</section>`;

package/dist/collection/link-button/css/template.js

@@ -0,0 +1,42 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2022 Robbert Broersma
+ */
+
+import clsx from 'clsx';
+
+export const defaultArgs = {
+  active: false,
+  external: false,
+  focus: false,
+  focusVisible: false,
+  hover: false,
+  href: '',
+  textContent: '',
+};
+
+export const LinkButton = ({
+  active = false,
+  external = false,
+  href = '',
+  focus = false,
+  focusVisible = false,
+  hover = false,
+  textContent = '',
+}) => {
+  const stateClassNames = {
+    'utrecht-link-button--active': active,
+    'utrecht-link-button--focus': focus,
+    'utrecht-link-button--focus-visible': focusVisible,
+    'utrecht-link-button--hover': hover,
+  };
+  return href
+    ? `<a href="${href}" class="${clsx('utrecht-link-button', stateClassNames)}"${
+        external ? ' rel="external noopener noreferrer"' : ''
+      }>${textContent}</a>`
+    : `<button class="${clsx(
+        'utrecht-link-button',
+        'utrecht-link-button--html-button',
+        stateClassNames,
+      )}">${textContent}</button>`;
+};

package/dist/collection/link-list/css/template.js

@@ -0,0 +1,10 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+
+import { Link } from '../../link/css/template';
+
+export const LinkList = ({ links = [] }) => `<ul class="utrecht-link-list utrecht-link-list--html-ul">
+  ${links.map((link) => `<li class="utrecht-link-list__item">${Link(link)}</li>`).join('\n  ')}
+</ul>`;

package/dist/collection/link-social/css/template.js

@@ -0,0 +1,20 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+
+import clsx from 'clsx';
+
+export const SocialMediaLink = ({ href, icon, distanced }) => `<a href="${href}" class="${clsx(
+  'utrecht-link-social',
+  distanced && 'utrecht-link-social--distanced',
+)}">
+  <${icon} class="utrecht-link-social__icon"></${icon}>
+</a>`;
+
+export const SocialMediaLinkList = ({ links }) =>
+  links
+    .map((link) => ({ ...link, distanced: true }))
+    .map(SocialMediaLink)
+    .join('');