q2-tecton-elements 1.18.0 → 1.19.0

package/dist/collection/components/q2-icon/index.js

@@ -1,7 +1,11 @@
-import { Component, Prop, h, Element, Watch } from '@stencil/core';
+import { h } from '@stencil/core';
 import { createGuid } from 'src/utils';
 import icons from './icons';
 export class Q2Icon {
+  constructor() {
+    this.type = undefined;
+    this.label = undefined;
+  }
   get iconMarkup() {
     return (icons[this.type] && icons[this.type].markup()) || '';
   }
@@ -37,57 +41,63 @@ export class Q2Icon {
   }
   render() {
     const { label } = this;
-    return this.isCustom ? (h("slot", null)) : (h("svg", { viewBox: "0 0 26 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.label ? undefined : 'true', role: "img", "aria-labelledby": label ? 'label' : undefined },
-      label && h("title", { id: "label" }, label),
-      this.iconMarkup));
+    return this.isCustom ? (h("slot", null)) : (h("svg", { viewBox: "0 0 26 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.label ? undefined : 'true', role: "img", "aria-labelledby": label ? 'label' : undefined }, label && h("title", { id: "label" }, label), this.iconMarkup));
   }
   static get is() { return "q2-icon"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "type",
-      "reflect": true
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "type": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "type",
+        "reflect": true
       },
-      "attribute": "label",
-      "reflect": true
-    }
-  }; }
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": true
+      }
+    };
+  }
   static get elementRef() { return "hostElement"; }
-  static get watchers() { return [{
-      "propName": "type",
-      "methodName": "customIconHandler"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "type",
+        "methodName": "customIconHandler"
+      }];
+  }
 }

package/dist/collection/components/q2-icon/styles.css

@@ -8,7 +8,7 @@
 
 *:focus {
   outline: none;
-  box-shadow: var(--const-global-focus, 0 0 0 2px #33b4ff);
+  box-shadow: var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C);
 }
 
 :host {