@3t-transform/threeteeui 1.9.101 → 1.9.103

package/dist/collection/components/atoms/tttx-tag/tttx-tag.js

@@ -1,157 +1,157 @@
-import { Host, h } from '@stencil/core';
-export class TttxTag {
-  constructor() {
-    this.text = undefined;
-    this.color = '#d5d5d5';
-    this.textColor = '#212121';
-    this.hasIcon = false;
-    this.icon = 'check_circle';
-    this.iconColor = '#397A4C';
-    this.iconSize = 24;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "tag", style: { 'background-color': this.color, color: this.textColor } }, this.hasIcon &&
-      h("tttx-icon_1_9_101", { role: "icon", class: "tag_icon", "aria-label": this.text, icon: this.icon, color: this.iconColor, size: this.iconSize }), h("span", null, this.text))));
-  }
-  static get is() { return "tttx-tag_1_9_101"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["tttx-tag.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["tttx-tag.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "text": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "text",
-        "reflect": false
-      },
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "color",
-        "reflect": false,
-        "defaultValue": "'#d5d5d5'"
-      },
-      "textColor": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "text-color",
-        "reflect": false,
-        "defaultValue": "'#212121'"
-      },
-      "hasIcon": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "has-icon",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "icon": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "icon",
-        "reflect": false,
-        "defaultValue": "'check_circle'"
-      },
-      "iconColor": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "icon-color",
-        "reflect": false,
-        "defaultValue": "'#397A4C'"
-      },
-      "iconSize": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "icon-size",
-        "reflect": false,
-        "defaultValue": "24"
-      }
-    };
-  }
-}
+import { Host, h } from '@stencil/core';
+export class TttxTag {
+  constructor() {
+    this.text = undefined;
+    this.color = '#d5d5d5';
+    this.textColor = '#212121';
+    this.hasIcon = false;
+    this.icon = 'check_circle';
+    this.iconColor = '#397A4C';
+    this.iconSize = 24;
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "tag", style: { 'background-color': this.color, color: this.textColor } }, this.hasIcon &&
+      h("tttx-icon_1_9_103", { role: "icon", class: "tag_icon", "aria-label": this.text, icon: this.icon, color: this.iconColor, size: this.iconSize }), h("span", null, this.text))));
+  }
+  static get is() { return "tttx-tag_1_9_103"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["tttx-tag.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["tttx-tag.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "text": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "text",
+        "reflect": false
+      },
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "'#d5d5d5'"
+      },
+      "textColor": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "text-color",
+        "reflect": false,
+        "defaultValue": "'#212121'"
+      },
+      "hasIcon": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "has-icon",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "icon",
+        "reflect": false,
+        "defaultValue": "'check_circle'"
+      },
+      "iconColor": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "icon-color",
+        "reflect": false,
+        "defaultValue": "'#397A4C'"
+      },
+      "iconSize": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "icon-size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

package/dist/collection/components/atoms/tttx-tag/tttx-tag.stories.js

@@ -1,63 +1,63 @@
-export default {
-  title: 'Atoms/Tag',
-  component: 'tttx-tag',
-  argTypes: {
-    text: {
-      control: { type: 'text' },
-      default: 'tag',
-    },
-    color: {
-      control: { type: 'color' },
-      default: '#d5d5d5',
-    },
-    textColor: {
-      control: { type: 'color' },
-      default: '#212121'
-    },
-    hasIcon: {
-      control: { type: 'boolean' },
-      default: false
-    },
-    icon: {
-      control: { type: 'text' },
-      default: 'check_circle',
-    },
-    iconColor: {
-      control: { type: 'color' },
-      default: '#397A4C'
-    },
-    iconSize: {
-      control: { type: 'number' },
-      default: 24,
-    },
-  },
-};
-const Template = ({ text, color, textColor, hasIcon, icon, iconColor, iconSize }) => {
-  return `<tttx-tag_1_9_101 text="${text}" color="${color}" text-color="${textColor}" has-icon=${hasIcon} icon="${icon}" icon-color="${iconColor}" icon-size="${iconSize}"></tttx-tag_1_9_101>`;
-};
-export const tag = Template.bind({});
-tag.args = {
-  text: 'tag',
-  color: '#d5d5d5',
-  textColor: '#212121',
-  hasIcon: false,
-  icon: 'check_circle',
-  iconColor: '#397A4C'
-};
+export default {
+  title: 'Atoms/Tag',
+  component: 'tttx-tag',
+  argTypes: {
+    text: {
+      control: { type: 'text' },
+      default: 'tag',
+    },
+    color: {
+      control: { type: 'color' },
+      default: '#d5d5d5',
+    },
+    textColor: {
+      control: { type: 'color' },
+      default: '#212121'
+    },
+    hasIcon: {
+      control: { type: 'boolean' },
+      default: false
+    },
+    icon: {
+      control: { type: 'text' },
+      default: 'check_circle',
+    },
+    iconColor: {
+      control: { type: 'color' },
+      default: '#397A4C'
+    },
+    iconSize: {
+      control: { type: 'number' },
+      default: 24,
+    },
+  },
+};
+const Template = ({ text, color, textColor, hasIcon, icon, iconColor, iconSize }) => {
+  return `<tttx-tag_1_9_103 text="${text}" color="${color}" text-color="${textColor}" has-icon=${hasIcon} icon="${icon}" icon-color="${iconColor}" icon-size="${iconSize}"></tttx-tag_1_9_103>`;
+};
+export const tag = Template.bind({});
+tag.args = {
+  text: 'tag',
+  color: '#d5d5d5',
+  textColor: '#212121',
+  hasIcon: false,
+  icon: 'check_circle',
+  iconColor: '#397A4C'
+};
 const tagTemplates = () => `
     <h2>Default</h2>
-    <tttx-tag_1_9_101 text="Default" color="#d5d5d5" has-icon=true icon="check_circle" icon-color="#397A4C"></tttx-tag_1_9_101>
+    <tttx-tag_1_9_103 text="Default" color="#d5d5d5" has-icon=true icon="check_circle" icon-color="#397A4C"></tttx-tag_1_9_103>
     <hr />
     <h2>Critical</h2>
-    <tttx-tag_1_9_101 text="Critical" color="#f2bebe" has-icon=true icon="check_circle" icon-color="#397A4C"></tttx-tag_1_9_101>
+    <tttx-tag_1_9_103 text="Critical" color="#f2bebe" has-icon=true icon="check_circle" icon-color="#397A4C"></tttx-tag_1_9_103>
     <hr />
     <h2>Warning</h2>
-    <tttx-tag_1_9_101 text="Warning" color="#f9e1be" has-icon=true icon="check_circle" icon-color="#397A4C"></tttx-tag_1_9_101>
+    <tttx-tag_1_9_103 text="Warning" color="#f9e1be" has-icon=true icon="check_circle" icon-color="#397A4C"></tttx-tag_1_9_103>
     <hr />
     <h2>Success</h2>
-    <tttx-tag_1_9_101 text="Success" color="#e4ebc9" has-icon=true icon="check_circle" icon-color="#397A4C"></tttx-tag_1_9_101>
+    <tttx-tag_1_9_103 text="Success" color="#e4ebc9" has-icon=true icon="check_circle" icon-color="#397A4C"></tttx-tag_1_9_103>
     <hr />
     <h2>Info</h2>
-    <tttx-tag_1_9_101 text="Info" color="#c2daee" has-icon=true icon="check_circle" icon-color="#397A4C"></tttx-tag_1_9_101>
-`;
-export const tags = tagTemplates.bind({});
+    <tttx-tag_1_9_103 text="Info" color="#c2daee" has-icon=true icon="check_circle" icon-color="#397A4C"></tttx-tag_1_9_103>
+`;
+export const tags = tagTemplates.bind({});