@utrecht/web-component-library-stencil 1.0.0-alpha.33 → 1.0.0-alpha.331

package/dist/collection/form-field-textbox/index.stencil.js

@@ -0,0 +1,300 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { Component, Event, h, Prop } from '@stencil/core';
+import clsx from 'clsx';
+export class FormFieldTextbox {
+  constructor() {
+    this.autoComplete = '';
+    this.disabled = false;
+    this.invalid = false;
+    this.min = '';
+    this.max = '';
+    this.pattern = '';
+    this.placeholder = '';
+    this.readOnly = false;
+    this.required = false;
+    this.type = '';
+    this.value = '';
+  }
+  render() {
+    const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;
+    return (h("div", { class: "utrecht-form-field-textbox" },
+      h("input", { id: "input", class: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, disabled: disabled, min: min ? min : null, max: max ? max : null, pattern: pattern ? pattern : null, placeholder: placeholder || null, readonly: readOnly, required: required, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+          this.value = evt.target.value;
+          this.utrechtInput.emit(evt);
+        } }),
+      h("label", { class: "utrecht-form-field-textbox__label utrecht-form-label", htmlFor: "input" },
+        h("slot", null))));
+  }
+  static get is() { return "utrecht-form-field-textbox"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+  static get properties() { return {
+    "autoComplete": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "autocomplete",
+      "reflect": true,
+      "defaultValue": "''"
+    },
+    "disabled": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "disabled",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "invalid": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "invalid",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "min": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "min",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "max": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "max",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "pattern": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "pattern",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "placeholder": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "placeholder",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "readOnly": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "readonly",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "required": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "required",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "type": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "type",
+      "reflect": true,
+      "defaultValue": "''"
+    },
+    "value": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "value",
+      "reflect": false,
+      "defaultValue": "''"
+    }
+  }; }
+  static get events() { return [{
+      "method": "utrechtBlur",
+      "name": "utrechtBlur",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
+      "method": "utrechtChange",
+      "name": "utrechtChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
+      "method": "utrechtFocus",
+      "name": "utrechtFocus",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
+      "method": "utrechtInput",
+      "name": "utrechtInput",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
+}

package/dist/collection/form-toggle/index.css

@@ -0,0 +1,115 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+.utrecht-form-toggle {
+  align-items: center;
+  border-color: var(--utrecht-form-toggle-border-color, currentColor);
+  border-radius: var(--utrecht-form-toggle-border-radius, 999rem);
+  border-style: var(--utrecht-form-toggle-border-style, solid);
+  border-width: var(--utrecht-form-toggle-border-width, 1px);
+  color: var(--utrecht-form-toggle-color);
+  display: flex;
+  height: var(--utrecht-form-toggle-height, 2em);
+  padding-block-end: var(--utrecht-form-toggle-padding-block-end);
+  padding-block-start: var(--utrecht-form-toggle-padding-block-start);
+  padding-inline-end: var(--utrecht-form-toggle-padding-inline-end);
+  padding-inline-start: var(--utrecht-form-toggle-padding-inline-start);
+  position: relative;
+  user-select: none;
+  width: var(--utrecht-form-toggle-width, 6em);
+}
+
+.utrecht-form-toggle--focus, .utrecht-form-toggle:not(.utrecht-form-toggle--disabled):focus {
+  border-color: var(--utrecht-form-toggle-focus-border-color, var(--utrecht-form-toggle-border-color, currentColor));
+  border-style: var(--utrecht-form-toggle-focus-border-style, var(--utrecht-form-toggle-border-style, solid));
+  border-width: var(--utrecht-form-toggle-focus-border-width, var(--utrecht-form-toggle-border-width, 1px));
+}
+
+.utrecht-form-toggle--hover, .utrecht-form-toggle:not(.utrecht-form-toggle--disabled):hover {
+  background-color: var(--utrecht-form-toggle-hover-background-color, var(--utrecht-form-toggle-background-color));
+  color: var(--utrecht-form-toggle-hover-color, var(--utrecht-form-toggle-color));
+}
+
+.utrecht-form-toggle--disabled {
+  border-color: var(--utrecht-form-toggle-disabled-border-color, var(--utrecht-form-toggle-border-color, currentColor));
+  border-style: var(--utrecht-form-toggle-disabled-border-style, var(--utrecht-form-toggle-border-style, solid));
+  border-width: var(--utrecht-form-toggle-disabled-border-width, var(--utrecht-form-toggle-border-width, 1px));
+  cursor: var(--utrecht-action-disabled-cursor);
+}
+
+.utrecht-form-toggle__thumb {
+  /* To have a circle or square by default (1:1 aspect ratio) we use the `min-inline-size` design token for both `inline` and `block` direction. */
+  background-color: var(--utrecht-form-toggle-thumb-background-color, currentColor);
+  border-radius: var(--utrecht-form-toggle-thumb-border-radius, 50%);
+  box-shadow: var(--utrecht-form-toggle-thumb-box-shadow);
+  margin-inline-end: var(--utrecht-form-toggle-thumb-margin-inline-end, 0);
+  margin-inline-start: var(--utrecht-form-toggle-thumb-margin-inline-start, 0);
+  min-block-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
+  min-inline-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
+  z-index: 20;
+}
+
+.utrecht-form-toggle__thumb--checked, .utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked ~ .utrecht-form-toggle__track .utrecht-form-toggle__thumb {
+  margin-inline-start: auto;
+}
+
+.utrecht-form-toggle__thumb--not-checked, .utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:not(:checked) ~ .utrecht-form-toggle__track .utrecht-form-toggle__thumb {
+  margin-inline-end: auto;
+}
+
+.utrecht-form-toggle__thumb--disabled, .utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled ~ .utrecht-form-toggle__track .utrecht-form-toggle__thumb {
+  background-color: var(--utrecht-form-toggle-thumb-disabled-background-color, #aaa);
+  box-shadow: var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0);
+}
+
+.utrecht-form-toggle__track {
+  align-items: center;
+  background-color: var(--utrecht-form-toggle-accent-color);
+  border-radius: var(--utrecht-form-toggle-track-border-radius, var(--utrecht-form-toggle-border-radius));
+  display: flex;
+  height: 100%;
+  width: 100%;
+}
+
+.utrecht-form-toggle__track--checked, .utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked ~ .utrecht-form-toggle__track {
+  background-color: var(--utrecht-form-toggle-checked-accent-color, var(--utrecht-form-toggle-accent-color));
+}
+
+.utrecht-form-toggle__track--disabled, .utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled ~ .utrecht-form-toggle__track {
+  background-color: var(--utrecht-form-toggle-background-disabled-background-color, #ddd);
+  color: var(--utrecht-form-toggle-disabled-color, black);
+}
+
+.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox {
+  /* Source: https://kittygiraudel.com/snippets/sr-only-class/ */
+  border: 0 !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
+  -webkit-clip-path: inset(50%) !important;
+  clip-path: inset(50%) !important;
+  height: 1px !important;
+  /* stylelint-disable-next-line property-disallowed-list */
+  margin: -1px !important;
+  overflow: hidden !important;
+  /* stylelint-disable-next-line property-disallowed-list */
+  padding: 0 !important;
+  position: absolute !important;
+  white-space: nowrap !important;
+  width: 1px !important;
+}
+.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:focus ~ .utrecht-form-toggle__track {
+  outline-color: var(--utrecht-form-toggle-focus-border-color, var(--utrecht-form-toggle-border-color, currentColor));
+  outline-style: var(--utrecht-form-toggle-focus-border-style, var(--utrecht-form-toggle-border-style, solid));
+  outline-width: var(--utrecht-form-toggle-focus-border-width, var(--utrecht-form-toggle-border-width, 1px));
+}
+:host {
+  display: inline-block;
+}
+
+:host([hidden]) {
+  display: none !important;
+}

package/dist/collection/form-toggle/index.stencil.js

@@ -0,0 +1,148 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { Component, Event, h, Prop } from '@stencil/core';
+import clsx from 'clsx';
+export class FormToggle {
+  constructor() {
+    this.disabled = false;
+    this.checked = false;
+  }
+  render() {
+    const { checked, disabled } = this;
+    const toggleInteraction = () => {
+      if (!this.disabled) {
+        this.checked = !this.checked;
+        this.utrechtInput.emit(this);
+        this.utrechtChange.emit(this);
+      }
+    };
+    const handleClick = () => {
+      toggleInteraction();
+    };
+    const handleKeyPress = (evt) => {
+      if (evt.code === 'Space' || evt.key === ' ') {
+        // Do not scroll the page using Space when the toggle is focussed
+        evt.preventDefault();
+      }
+    };
+    const handleKeyUp = (evt) => {
+      if (evt.code === 'Space' || evt.key === ' ') {
+        toggleInteraction();
+      }
+    };
+    return (h("div", { class: clsx('utrecht-form-toggle', checked && 'utrecht-form-toggle--checked', !checked && 'utrecht-form-toggle--not-checked', disabled && 'utrecht-form-toggle--disabled'), tabIndex: disabled ? null : 0, role: "switch", "aria-disabled": disabled ? 'true' : null, onClick: handleClick, onKeyPress: handleKeyPress, onKeyUp: handleKeyUp },
+      h("div", { class: "utrecht-form-toggle__label utrecht-form-toggle__label--off" }),
+      h("div", { class: "utrecht-form-toggle__label utrecht-form-toggle__label--on" }),
+      h("div", { class: clsx('utrecht-form-toggle__track', checked && 'utrecht-form-toggle__track--checked', !checked && 'utrecht-form-toggle__track--not-checked', disabled && 'utrecht-form-toggle__track--disabled') },
+        h("div", { class: clsx('utrecht-form-toggle__thumb', checked && 'utrecht-form-toggle__thumb--checked', !checked && 'utrecht-form-toggle__thumb--not-checked', disabled && 'utrecht-form-toggle__thumb--disabled') }))));
+  }
+  static get is() { return "utrecht-form-toggle"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+  static get properties() { return {
+    "disabled": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "disabled",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "checked": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "checked",
+      "reflect": true,
+      "defaultValue": "false"
+    }
+  }; }
+  static get events() { return [{
+      "method": "utrechtBlur",
+      "name": "utrechtBlur",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
+      "method": "utrechtChange",
+      "name": "utrechtChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
+      "method": "utrechtFocus",
+      "name": "utrechtFocus",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
+      "method": "utrechtInput",
+      "name": "utrechtInput",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
+}

package/dist/collection/generated/utrecht-icon-afspraak-maken/utrecht-icon-afspraak-maken.stencil.js

@@ -0,0 +1,16 @@
+import { Component, h } from '@stencil/core';
+export class UtrechtIconAfspraakMaken {
+  render() {
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
+      h("path", { d: "M18 4C10.28 4 4 10.28 4 18s6.28 14 14 14 14-6.28 14-14S25.72 4 18 4Zm2 15.05L10.09 25l-1.42-2.32 8.5-5.04V7.72H20v11.33Z" }),
+      h("path", { d: "M17.98 0C8.05 0 0 8.06 0 18s8.05 18 17.98 18S36 27.94 36 18 27.94 0 17.98 0ZM18 34C9.18 34 2 26.82 2 18S9.18 2 18 2s16 7.18 16 16-7.18 16-16 16Z" })));
+  }
+  static get is() { return "utrecht-icon-afspraak-maken"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../../icon/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../../icon/index.css"]
+  }; }
+}

package/dist/collection/generated/utrecht-icon-afval/utrecht-icon-afval.stencil.js

@@ -0,0 +1,15 @@
+import { Component, h } from '@stencil/core';
+export class UtrechtIconAfval {
+  render() {
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
+      h("path", { d: "M28.91 2.04h-21c0-1.09 1.35-1.98 3-1.98h15c1.65 0 3 .89 3 1.98ZM3.89 4.06c-.55 0-1 .45-1 1s.45 1 1 1h4l1.5 22.25c.48-.15.97-.25 1.5-.25 2.76 0 5 2.24 5 5 0 1.13-.39 2.16-1.02 3h8.02c1.47 0 2.79-1.54 3-3l3-27h2v-2h-27Zm7 26c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3Z" })));
+  }
+  static get is() { return "utrecht-icon-afval"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../../icon/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../../icon/index.css"]
+  }; }
+}

package/dist/collection/generated/utrecht-icon-afval-container/utrecht-icon-afval-container.stencil.js

@@ -0,0 +1,15 @@
+import { Component, h } from '@stencil/core';
+export class UtrechtIconAfvalContainer {
+  render() {
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
+      h("path", { d: "M15.07 31.15 31 14.44v14.54H5V13.99C5 8.46 9.48 3.98 15.01 3.98V1.49c0-.83.69-1.49 1.54-1.49h2.97c.84 0 1.51.65 1.51 1.46v2.52C26.8 3.98 31 8.66 31 14.44ZM19 1.98h-1.98v2H19v-2Zm17 30H0v4h36v-4Zm-13-23H13l-1 5h12l-1-5Z" })));
+  }
+  static get is() { return "utrecht-icon-afval-container"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../../icon/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../../icon/index.css"]
+  }; }
+}

package/dist/collection/generated/utrecht-icon-afval-containerpas/utrecht-icon-afval-containerpas.stencil.js

@@ -0,0 +1,15 @@
+import { Component, h } from '@stencil/core';
+export class UtrechtIconAfvalContainerpas {
+  render() {
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
+      h("path", { d: "M25 30.04h8.02v-15.6c0-5.77-4.19-10.46-9.97-10.46V1.46C23.06.65 22.39 0 21.55 0h-2.97c-.86 0-1.54.66-1.54 1.49v2.49c-5.53 0-10.01 4.48-10.01 10.01v4.03h12.93c2.78 0 5.05 2.25 5.05 5.02v7ZM19.04 1.98h1.98v2h-1.98v-2Zm-5.02 12 1-5h10l1 5h-12ZM0 23v11c0 1.13.91 2.04 2.04 2.04h17.99c1.09 0 1.97-.88 1.97-1.97V22.99c0-1.07-.87-1.94-1.94-1.94H1.96c-1.08 0-1.96.88-1.96 1.96Zm7.51 2.05h.04c.96 0 1.74.78 1.74 1.75s-.78 1.75-1.74 1.75h-.04c-.96 0-1.74-.78-1.74-1.75s.78-1.75 1.74-1.75Zm3.52 7.01H4.04c0-1.53 1.28-2.74 2.81-2.66l.69.04 1.56-.08c1.06-.06 1.93.77 1.93 1.83v.88Zm5.99 0h-3.95v-1.88h3.95v1.88Zm1.02-4.01h-4.98v-1.88h4.98v1.88ZM36 33.04v3H24.63c.19-.44.32-.9.37-1.39v-1.61h11Z" })));
+  }
+  static get is() { return "utrecht-icon-afval-containerpas"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../../icon/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../../icon/index.css"]
+  }; }
+}

package/dist/collection/generated/utrecht-icon-afval-kalender/utrecht-icon-afval-kalender.stencil.js

@@ -0,0 +1,15 @@
+import { Component, h } from '@stencil/core';
+export class UtrechtIconAfvalKalender {
+  render() {
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
+      h("path", { d: "M25.99 3V0h-2v6h-1V3l-11-.02V0h-2l-.02 6h-.98V3l-5-.02-.02 28.51c0 2.48 2.02 4.51 4.51 4.51l19.02.04c2.48 0 4.5-2.02 4.5-4.5V3h-6.01Zm-11.1 26.94c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5Zm7.05-1.31c-.06.78-.71 1.38-1.49 1.38h-2.97c.41-.71.57-1.58.23-2.53a2.95 2.95 0 0 0-1.91-1.83c-.93-.29-1.81-.11-2.5.33l-.28-9.93h9.99l-1.06 12.58Zm3.05-14.61-13 .03V12l.99.02c0-.55.45-1 1-1h7.79c.55 0 1 .45 1 1h2.22v2Z" })));
+  }
+  static get is() { return "utrecht-icon-afval-kalender"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../../icon/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../../icon/index.css"]
+  }; }
+}

package/dist/collection/generated/utrecht-icon-afval-scheiden/utrecht-icon-afval-scheiden.stencil.js

@@ -0,0 +1,15 @@
+import { Component, h } from '@stencil/core';
+export class UtrechtIconAfvalScheiden {
+  render() {
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
+      h("path", { d: "M14.89 3.5c0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5S20.32 7 18.39 7s-3.5-1.57-3.5-3.5ZM9.14 36.02H3L2 23v-2h10l-.87 13.17a1.99 1.99 0 0 1-1.99 1.85Zm12 0h-6.15l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.17a2.004 2.004 0 0 1-1.99 1.85Zm11.99 0h-6.14l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.16a2.017 2.017 0 0 1-2.01 1.86h.01ZM1.73 20.95l-1.73-1 4-6.93c.55-.96 1.78-1.28 2.73-.73l-5 8.66Zm22.25-9.05c0-1.59-1.3-2.88-2.89-2.88h-6.1c-1.41 0-2.6.64-3.25 1.92l-3.75 8.08h3.18l2.82-5.67v3.67h10l-.02-5.12h.01Z" })));
+  }
+  static get is() { return "utrecht-icon-afval-scheiden"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../../icon/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../../icon/index.css"]
+  }; }
+}

package/dist/collection/generated/utrecht-icon-afvalkalender/utrecht-icon-afvalkalender.stencil.js

@@ -0,0 +1,15 @@
+import { Component, h } from '@stencil/core';
+export class UtrechtIconAfvalkalender {
+  render() {
+    return (h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" },
+      h("path", { d: "M25.99 3V0h-2v6h-1V3l-11-.02V0h-2l-.02 6h-.98V3l-5-.02-.02 28.51c0 2.48 2.02 4.51 4.51 4.51l19.02.04c2.48 0 4.5-2.02 4.5-4.5V3h-6.01Zm-11.1 26.94c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5Zm7.05-1.31c-.06.78-.71 1.38-1.49 1.38h-2.97c.41-.71.57-1.58.23-2.53a2.95 2.95 0 0 0-1.91-1.83c-.93-.29-1.81-.11-2.5.33l-.28-9.93h9.99l-1.06 12.58Zm3.05-14.61-13 .03V12l.99.02c0-.55.45-1 1-1h7.79c.55 0 1 .45 1 1h2.22v2Z" })));
+  }
+  static get is() { return "utrecht-icon-afvalkalender"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../../icon/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../../icon/index.css"]
+  }; }
+}