@utrecht/web-component-library-stencil 1.0.0-alpha.9 → 1.0.0-alpha.93

package/dist/heading-4/stencil.js

@@ -0,0 +1,21 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let Heading4 = class Heading4 {
+    render() {
+        return (h("h4", { class: "utrecht-heading-4" },
+            h("slot", null)));
+    }
+};
+Heading4 = __decorate([
+    Component({
+        tag: "utrecht-heading-4",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], Heading4);
+export { Heading4 };

package/dist/heading-5/stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class Heading5 {
+    render(): any;
+}

package/dist/heading-5/stencil.js

@@ -0,0 +1,21 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let Heading5 = class Heading5 {
+    render() {
+        return (h("h5", { class: "utrecht-heading-5" },
+            h("slot", null)));
+    }
+};
+Heading5 = __decorate([
+    Component({
+        tag: "utrecht-heading-5",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], Heading5);
+export { Heading5 };

package/dist/heading-6/stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class Heading6 {
+    render(): any;
+}

package/dist/heading-6/stencil.js

@@ -0,0 +1,21 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let Heading6 = class Heading6 {
+    render() {
+        return (h("h6", { class: "utrecht-heading-6" },
+            h("slot", null)));
+    }
+};
+Heading6 = __decorate([
+    Component({
+        tag: "utrecht-heading-6",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], Heading6);
+export { Heading6 };

package/dist/html-content/stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class HTMLContent {
+    render(): any;
+}

package/dist/html-content/stencil.js

@@ -18,7 +18,7 @@ let HTMLContent = class HTMLContent {
 HTMLContent = __decorate([
     Component({
         tag: "utrecht-html-content",
-        styleUrl: "html.scss",
+        styleUrl: "stencil.scss",
         shadow: false,
     })
 ], HTMLContent);

package/dist/icon/arrow.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconArrow {
+    render(): any;
+}

package/dist/icon/arrow.stencil.js

@@ -0,0 +1,23 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconArrow = 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" }))));
+    }
+};
+IconArrow = __decorate([
+    Component({
+        tag: "utrecht-icon-arrow",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconArrow);
+export { IconArrow };

package/dist/icon/cross.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconCross {
+    render(): any;
+}

package/dist/icon/cross.stencil.js

@@ -0,0 +1,23 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconCross = 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" }))));
+    }
+};
+IconCross = __decorate([
+    Component({
+        tag: "utrecht-icon-cross",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconCross);
+export { IconCross };

package/dist/icon/facebook.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconFacebook {
+    render(): any;
+}

package/dist/icon/facebook.stencil.js

@@ -0,0 +1,23 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconFacebook = 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" }))));
+    }
+};
+IconFacebook = __decorate([
+    Component({
+        tag: "utrecht-icon-facebook",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconFacebook);
+export { IconFacebook };

package/dist/icon/filter.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconFilter {
+    render(): any;
+}

package/dist/icon/filter.stencil.js

@@ -0,0 +1,24 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconFilter = 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" })));
+    }
+};
+IconFilter = __decorate([
+    Component({
+        tag: "utrecht-icon-filter",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconFilter);
+export { IconFilter };

package/dist/icon/instagram.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconInstagram {
+    render(): any;
+}

package/dist/icon/instagram.stencil.js

@@ -0,0 +1,25 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconInstagram = 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" }))));
+    }
+};
+IconInstagram = __decorate([
+    Component({
+        tag: "utrecht-icon-instagram",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconInstagram);
+export { IconInstagram };

package/dist/icon/linkedin.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconLinkedin {
+    render(): any;
+}

package/dist/icon/linkedin.stencil.js

@@ -0,0 +1,24 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconLinkedin = 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" }))));
+    }
+};
+IconLinkedin = __decorate([
+    Component({
+        tag: "utrecht-icon-linkedin",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconLinkedin);
+export { IconLinkedin };

package/dist/icon/list.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconList {
+    render(): any;
+}

package/dist/icon/list.stencil.js

@@ -0,0 +1,27 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconList = 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" })));
+    }
+};
+IconList = __decorate([
+    Component({
+        tag: "utrecht-icon-list",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconList);
+export { IconList };

package/dist/icon/loupe.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconLoupe {
+    render(): any;
+}

package/dist/icon/loupe.stencil.js

@@ -0,0 +1,23 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconLoupe = 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" }))));
+    }
+};
+IconLoupe = __decorate([
+    Component({
+        tag: "utrecht-icon-loupe",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconLoupe);
+export { IconLoupe };

package/dist/icon/twitter.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconTwitter {
+    render(): any;
+}

package/dist/icon/twitter.stencil.js

@@ -0,0 +1,23 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconTwitter = 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" }))));
+    }
+};
+IconTwitter = __decorate([
+    Component({
+        tag: "utrecht-icon-twitter",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconTwitter);
+export { IconTwitter };

package/dist/icon/whatsapp.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconWhatsapp {
+    render(): any;
+}

package/dist/icon/whatsapp.stencil.js

@@ -0,0 +1,23 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconWhatsapp = 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" }))));
+    }
+};
+IconWhatsapp = __decorate([
+    Component({
+        tag: "utrecht-icon-whatsapp",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconWhatsapp);
+export { IconWhatsapp };

package/dist/icon/zoomin.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconZoomin {
+    render(): any;
+}

package/dist/icon/zoomin.stencil.js

@@ -0,0 +1,24 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconZoomin = 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" }))));
+    }
+};
+IconZoomin = __decorate([
+    Component({
+        tag: "utrecht-icon-zoomin",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconZoomin);
+export { IconZoomin };

package/dist/icon/zoomout.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconZoomOut {
+    render(): any;
+}

package/dist/icon/zoomout.stencil.js

@@ -0,0 +1,23 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconZoomOut = class IconZoomOut {
+    render() {
+        return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-6 -11 24 24" },
+            h("title", null, "zoomin"),
+            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" }))));
+    }
+};
+IconZoomOut = __decorate([
+    Component({
+        tag: "utrecht-icon-zoomout",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconZoomOut);
+export { IconZoomOut };

package/dist/logo/stencil.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ */
+export declare class Logo {
+    render(): any;
+}