globuswebcomponents 1.8.4 → 1.8.5

package/dist/collection/components/gb-table-header/gb-table-header.js

@@ -0,0 +1,252 @@
+import { h } from "@stencil/core";
+export class GbTableHeader {
+    constructor() {
+        this.showFilter = false;
+        this.showColumnOptions = false;
+        this.tableHeading = false;
+        this.showSearch = false;
+        this.showExport = false;
+        this.showRefreshButton = false;
+        this.tableHeadingLabel = '';
+        this.width = window.innerWidth;
+        this.handleResize = () => {
+            this.width = window.innerWidth;
+            this.updateButtonIcon();
+        };
+    }
+    componentWillLoad() {
+        this.updateButtonIcon(); // Set initial variant
+        window.addEventListener('resize', this.handleResize);
+    }
+    updateButtonIcon() {
+        this.buttonIcon = this.width < 1007 ? 'only' : 'default';
+    }
+    onFilterButtonClicked() {
+        this.filterButtonClicked.emit();
+    }
+    onRefreshButtonClicked() {
+        this.refreshButtonClicked.emit();
+    }
+    render() {
+        return (h("div", { key: '551ce87766f1a29bc554817a91e5b25ede04d373', class: "table_header_div" }, h("div", { key: 'bc0d4e2364a8d182b288019479294796d7b55fbf', class: "table_header_content" }, this.tableHeading && h("p", { key: '74ae5a9e447b82e12ad2dc0af44f5904f8338214', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: 'd62f071ae3d9bd3d8b07193053fac8560712a709', class: "actions" }, h("div", { key: '66ed267da025d310e9d177ca9feb275deae5a8e1', class: "input_field" }, h("gb-input-field", { key: '578631696077f366c1737b8e166ad985a2e74c7b', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search" })), h("div", { key: '1a220d9b0668adf374538c224956816a9ec6dfa3', class: "action" }, this.showColumnOptions && (h("gb-button", { key: '7c30aa19a27709df8ce47b69880c49ea9955134b', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: 'bbf6bdbddb52492b12cf678071ecd3f79cb786c9' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '10a3e4688e87005446e9dee655cc04c9c7f15468', state: "applied", "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '7eab51121ad047a803437d6a1f764b09ca658c00', slot: "filter_count" }, "3"))), this.showExport && (h("gb-button", { key: 'd0ef8cab4415d117cd40a1be2cc028be7104d533', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg" }, h("p", { key: '5eb97c1279fb114e96137f10abb5b4840c7b3823' }, "Export"))), this.showRefreshButton && (h("div", { key: 'b0091422a48341d1abcacb674b033b097aabade6', class: "refresh_button" }, h("gb-button", { key: 'e5602f854dfc8eab243d17a0f211df916161de42', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
+    }
+    static get is() { return "gb-table-header"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-table-header.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-table-header.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "showFilter": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-filter",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showColumnOptions": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-column-options",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "tableHeading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "table-heading",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showSearch": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-search",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showExport": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-export",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showRefreshButton": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-refresh-button",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "tableHeadingLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "table-heading-label",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "inputValueChanged": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "EventEmitter<any>",
+                    "resolved": "EventEmitter<any>",
+                    "references": {
+                        "EventEmitter": {
+                            "location": "import",
+                            "path": "@stencil/core",
+                            "id": "node_modules::EventEmitter"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "width": {},
+            "buttonIcon": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "filterButtonClicked",
+                "name": "filterButtonClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "refreshButtonClicked",
+                "name": "refreshButtonClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=gb-table-header.js.map

package/dist/collection/components/gb-table-header/gb-table-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-table-header.js","sourceRoot":"","sources":["../../../src/components/gb-table-header/gb-table-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO/E,MAAM,OAAO,aAAa;IAL1B;QAMU,eAAU,GAAY,KAAK,CAAC;QAC5B,sBAAiB,GAAY,KAAK,CAAC;QACnC,iBAAY,GAAY,KAAK,CAAC;QAC9B,eAAU,GAAY,KAAK,CAAC;QAC5B,eAAU,GAAY,KAAK,CAAC;QAC5B,sBAAiB,GAAY,KAAK,CAAC;QACnC,sBAAiB,GAAW,EAAE,CAAC;QAE9B,UAAK,GAAW,MAAM,CAAC,UAAU,CAAC;QAUnC,iBAAY,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;YAC/B,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC,CAAC;KAiEH;IAzEC,iBAAiB;QACf,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,sBAAsB;QAC/C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IACvD,CAAC;IAOO,gBAAgB;QACtB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,CAAC;IAED,qBAAqB;QACnB,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC;IAClC,CAAC;IAED,sBAAsB;QACpB,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,kBAAkB;YAC3B,4DAAK,KAAK,EAAC,sBAAsB;gBAC9B,IAAI,CAAC,YAAY,IAAI,0DAAG,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,iBAAiB,CAAK;gBAC/E,4DAAK,KAAK,EAAC,SAAS;oBAClB,4DAAK,KAAK,EAAC,aAAa;wBACtB,uEAAgB,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,eAAW,sBAAsB,EAAC,WAAW,EAAC,QAAQ,GAAkB,CACjH;oBACN,4DAAK,KAAK,EAAC,QAAQ;wBAChB,IAAI,CAAC,iBAAiB,IAAI,CACzB,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,kBAAgB,IAAI,uBAAoB,0BAA0B;4BAC7J,sEAAc,CACJ,CACb;wBACA,IAAI,CAAC,UAAU,IAAI,CAClB,yEAAkB,KAAK,EAAC,SAAS,eAAY,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE;4BACzH,0DAAG,IAAI,EAAC,cAAc,QAAM,CACX,CACpB;wBACA,IAAI,CAAC,UAAU,IAAI,CAClB,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,kBAC/B,IAAI,uBACA,wBAAwB,mBAC3B,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,wBAC7B,0BAA0B;4BAE7C,qEAAa,CACH,CACb;wBACA,IAAI,CAAC,iBAAiB,IAAI,CACzB,4DAAK,KAAK,EAAC,gBAAgB;4BACzB,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,kBAC/B,IAAI,uBACA,oBAAoB,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,sBAAsB,EAAE,GACjC,CACT,CACP,CACG,CACF,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-table-header',\r\n  styleUrl: 'gb-table-header.css',\r\n  shadow: true,\r\n})\r\nexport class GbTableHeader {\r\n  @Prop() showFilter: boolean = false;\r\n  @Prop() showColumnOptions: boolean = false;\r\n  @Prop() tableHeading: boolean = false;\r\n  @Prop() showSearch: boolean = false;\r\n  @Prop() showExport: boolean = false;\r\n  @Prop() showRefreshButton: boolean = false;\r\n  @Prop() tableHeadingLabel: string = '';\r\n  @Prop() inputValueChanged: EventEmitter<any>;\r\n  @State() width: number = window.innerWidth;\r\n  @State() buttonIcon: 'default' | 'only';\r\n  @Event() filterButtonClicked: EventEmitter<void>;\r\n  @Event() refreshButtonClicked: EventEmitter<void>;\r\n\r\n  componentWillLoad() {\r\n    this.updateButtonIcon(); // Set initial variant\r\n    window.addEventListener('resize', this.handleResize);\r\n  }\r\n\r\n  private handleResize = () => {\r\n    this.width = window.innerWidth;\r\n    this.updateButtonIcon();\r\n  };\r\n\r\n  private updateButtonIcon() {\r\n    this.buttonIcon = this.width < 1007 ? 'only' : 'default';\r\n  }\r\n\r\n  onFilterButtonClicked() {\r\n    this.filterButtonClicked.emit();\r\n  }\r\n\r\n  onRefreshButtonClicked() {\r\n    this.refreshButtonClicked.emit();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"table_header_div\">\r\n        <div class=\"table_header_content\">\r\n          {this.tableHeading && <p class=\"text-lg-semi-bold\">{this.tableHeadingLabel}</p>}\r\n          <div class=\"actions\">\r\n            <div class=\"input_field\">\r\n              <gb-input-field size=\"sm\" type=\"icon_leading\" icon-swap=\"assets/search-01.svg\" placeholder=\"Search\"></gb-input-field>\r\n            </div>\r\n            <div class=\"action\">\r\n              {this.showColumnOptions && (\r\n                <gb-button size=\"md\" hierarchy=\"secondary_gray\" icon={this.width <= 1007 ? 'only' : 'default'} icon-leading={true} icon-leading-swap=\"assets/column-insert.svg\">\r\n                  <p>Columns</p>\r\n                </gb-button>\r\n              )}\r\n              {this.showFilter && (\r\n                <gb-filter-button state=\"applied\" icon-only={this.width <= 1007 ? true : false} onClick={() => this.onFilterButtonClicked()}>\r\n                  <p slot=\"filter_count\">3</p>\r\n                </gb-filter-button>\r\n              )}\r\n              {this.showExport && (\r\n                <gb-button\r\n                  size=\"md\"\r\n                  hierarchy=\"secondary_gray\"\r\n                  icon={this.width <= 1007 ? 'only' : 'default'}\r\n                  icon-leading={true}\r\n                  icon-leading-swap=\"assets/file-export.svg\"\r\n                  icon-trailing={this.width <= 1007 ? false : true}\r\n                  icon-trailing-swap=\"assets/arrow-down-01.svg\"\r\n                >\r\n                  <p>Export</p>\r\n                </gb-button>\r\n              )}\r\n              {this.showRefreshButton && (\r\n                <div class=\"refresh_button\">\r\n                  <gb-button\r\n                    size=\"md\"\r\n                    hierarchy=\"secondary_gray\"\r\n                    icon={this.width <= 1007 ? 'only' : 'default'}\r\n                    icon-leading={true}\r\n                    icon-leading-swap=\"assets/refresh.svg\"\r\n                    onClick={() => this.onRefreshButtonClicked()}\r\n                  ></gb-button>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/gb-tag/gb-tag.js

@@ -22,7 +22,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: '944ef5c03c471056d3b7e3d20102a946d3f79449', class: `container ${this.size}` }, h("div", { key: '37670750696b44552c0b51d2607c90909a20aae9', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '1f55e8795ad69aa66748320b7726654397623177', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'efdce9ac06eb025828695fd765607e9ec4d33887', class: "icon left-icon" }, h("img", { key: 'fd16004e1ccd7aca3fd4fbe325126fe9641b0f9a', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '7e38a26f1bdda07a6c95a3a19592f2fc982646b0', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '682b6ac6c55717a98bfb8084c3b690b5c33eb9c8', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: 'bbd2c83ccde1ce367172e60c164bf173ac38d734', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '92fed2179331beca3ae3f222fae1e067e76b5401', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '8886875440ae10e82595c7fe4d26c2b117204e23', class: "label" }, h("slot", { key: '6e9c8ef9e46ea22f81a08918d07dbf63b7e6130a' })), this.action === 'count' && (h("gb-tag-count", { key: '93d4af4c65239c6b43fa07b1e07cb0cf31f2f667', size: this.size }, h("slot", { key: '009cc1895040432a09c9b016ea321f27a0959c35', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'b32fccefafec59d6dfc17df144b7600d59d5c494', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: '48563b85c08f6d9a1aae216aed79e644026e2f72', class: `container ${this.size}` }, h("div", { key: '5a87ce3ec76fae1415b14e50eb2bb9319756633b', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'e579c60e3648ae3d874ff94e50c4c7afbe0c3a93', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'ace93c36698d7d2b768c7a49b4e615e17f701680', class: "icon left-icon" }, h("img", { key: 'f114fcc17586c8dbd26173e17ba1a4851cec8cda', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'ce98d91d34556fdeddb4b21e1b30330aeeef94e2', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: 'faae880f75c44867fccc220cb1c0072c62116949', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '6a493f6500f498b563e4477ce93dfa4618b5bd23', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'bfe2d09aa3a7d4918b1529c527053b8a52becff1', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '79f747d6a39bc5c8f7af9f3a780ef8ff2f202891', class: "label" }, h("slot", { key: '2d2c7005ac1e2f7fcccb489dc33c4db33fe6d0bd' })), this.action === 'count' && (h("gb-tag-count", { key: '02372f1d7d5a69f30d346594c73d144ebc7af751', size: this.size }, h("slot", { key: '48a57ba18f58fd78a31c155536644525eb3dde49', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '9352cd76d9913f8e0974a1e1314d84079250d285', size: this.size, onClick: () => this.onTagClose() })));
     }
     static get is() { return "gb-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js

@@ -6,7 +6,7 @@ export class GbTagCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: '6d997f9093ed83ad5eebfc39d20012712a7809ce', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '6a0b2655aa1167dc93e46e0f4e166b3af688229e', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '1a481c13a15a56169b8d0f8bb6fea974dc91ff72', class: `custom-checkbox ${this.size}` }, h("svg", { key: '67e84a3837206287adce80e5044425fa6ad906c3', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'e77c2a0219526e315059e2fe423b14d466ba2611', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("label", { key: '917a592877bb6433ad2f6827651cc1cfa8ec16b5', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '7980083699917ce124470e3ae516836d652f0a60', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'ae4f4fb8480301be8c83a993421d85f3dc26787e', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'ef44bf411b966f8e8f57d9462271702583e18710', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'd99991e782c736d6fbea7f913b9356546b3c8fc9', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-tag-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-close/gb-tag-close.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagClose {
     render() {
-        return (h("div", { key: 'def3824d1a4626e0a3b593f7688bcb8f48efeead', class: this.size }, h("svg", { key: '616c2905696186e08fe3895f9f3705bae961692b', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'cfded1eea0613a51d2dd776755411c5820b78ed6', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
+        return (h("div", { key: '47f92799217724b57e7e1e4c863218606efb6d38', class: this.size }, h("svg", { key: '572dbabefb100657e2093b6d2de78b4bcb03fd2d', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'fb0b25c3f09e7810c11a9f1b0205a6119dae349e', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
     static get is() { return "gb-tag-close"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-count/gb-tag-count.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagCount {
     render() {
-        return (h("div", { key: 'b2729c95b16d28ee4b9a126a29a75a9139b1d614', class: this.size }, h("slot", { key: 'e88f4ba5cf7fc68e586c9d7a0fc9d0bfff5745d4', name: "count" })));
+        return (h("div", { key: 'e0441a604b3e771bcff7e950156ea3e7d9209e13', class: this.size }, h("slot", { key: 'abcfe7965bbd74b2218b399cd2f3927bdd1503d4', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-textarea-input-field/gb-textarea-input-field.js

@@ -184,14 +184,14 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: '46bc5837787a533a7e7e978a7a4489895cadfe25', class: "textarea_container" }, h("div", { key: '0a7c4043120cbc295ccf347b6d1fb8dc6739bbd6', class: "input_with_label" }, this.showLabel && h("p", { key: '01ee6eff457b7464972439fb4a6f7832e2d52b0a', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '0dbfa6fbfafc778773130dfb65266a2d7924265f', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: '6d96ed9d2570725543627012d85655023b43bdb1', class: "textarea_tags" }, h("div", { key: '9209621cbe1a27bdba6639c35b470fac80fa49d9', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '81c60ab96eaabc5eb7124c55d8144ed700c9b776', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (h("div", { key: '52852d0583bdea3ca2fe2cf730fe950ff981bd9d', class: "textarea_container" }, h("div", { key: '5715bb213617008e7f61dcbea39fd63f7949c90d', class: "input_with_label" }, this.showLabel && h("p", { key: '765699708651311487eee04a0e5100462a98e059', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '959e15bbc0ea429c6692aefd2b3c68da19123ea8', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: '8a5b0b970ce9b924b89624b9da31d26e1b09de64', class: "textarea_tags" }, h("div", { key: 'd196d62bdfbdcd5c37912ae8c63e1452cad36ad5', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '594cd26cdea4e44db888f7302b5e845225daeb51', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '258e2fc47fb669e2cf8e9c75cebe11ec45d9db0c', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '06345e55db1b531713e2fe24252247e8d01560a1', class: "input_field" }, h("input", { key: '7e8eab2c2072b35c6bf5d02229a4dcca2072a754', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: 'a447de90a03f26986166be352227d946d38ff151', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'ac59b21b6ee3ef2ed52d07a5db5f589a800285be', class: "input_field" }, h("input", { key: 'b861a891b4979fa7793259d7802318c7fc094ba9', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '7d8a3f84daa09fbc0360c6ae5814d414f99d8919', class: "help_icon" }, h("svg", { key: 'bab64a5962380b664ce84c1fc5142aad92b792b7', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'e2a237c1885d08a253b92dc6f83a0bb1cf215bf4', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: 'b7d7a268f7af36d69f780028313b13c0cad4947f', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: 'f6319558871f272bfdced89f2a6ef7717a15c13b', class: "help_icon" }, h("svg", { key: '7cb2151bd999892afef015da5ecd8f463de3ee31', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'ff183d51790547d6b3281443e6028e4520e13916', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: 'a133964b272ade0f93bf5d9ba184b64313c3e045', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: 'eb02cd520c73a819af0140a1f5c9401f535f8516', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: 'e026ba987c4e31485be21383db4b6525295b2858', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     static get is() { return "gb-textarea-input-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-theme-tab/gb-theme-tab.js

@@ -16,7 +16,7 @@ export class GbThemeTab {
         const systemIconSrc = getAssetPath(`assets/laptop.svg`);
         const sunSrc = getAssetPath(`assets/sun-02.svg`);
         const moonSrc = getAssetPath(`assets/moon-02.svg`);
-        return (h("div", { key: '1b8c4ae3b5a78298dbca0d76cbfb379d9150e8c6', class: `theme_tab_div` }, h("div", { key: '7f2d826cc6ceffc8d396b782431eadaa281e2f6b', class: "tab" }, h("gb-icon-button-base", { key: '6b979fc97fd82783e6c1dba6df653bb4fd0c56c2', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: 'df7523bdaaa12db849b81e3193568ade86b5e9b5', class: "tab" }, h("gb-icon-button-base", { key: 'b5cdae44ac33e163c0c08145ee3f986451a9d146', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '6be135e9af512ad93ca744496ca0ce998035ee5f', class: "tab" }, h("gb-icon-button-base", { key: '827e9e3870fce878684dffe1f206a2aed6c5a7e3', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: '8de003b58c97c9dd445ae2ba58af30fc47b13241', class: `theme_tab_div` }, h("div", { key: '0bc399523b6dd741cc8f11dccd59f6dae3c876dd', class: "tab" }, h("gb-icon-button-base", { key: '4d5bca44e69d645d1d52f8a1bbbd53f15ce9c0a3', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: 'adad7a593de5203bc34b72617adcd50bd550f416', class: "tab" }, h("gb-icon-button-base", { key: '029be62645f398389f238a0e97e7f1529c8c3238', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: 'ee7ac6ea4976de1d9d2abc2709c58029c5d95f1a', class: "tab" }, h("gb-icon-button-base", { key: 'b8741e9411882c0aedb3f1bdd498a072bee35dda', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     static get is() { return "gb-theme-tab"; }
     static get encapsulation() { return "shadow"; }
@@ -56,14 +56,29 @@ export class GbThemeTab {
                 "setter": false,
                 "attribute": "theme",
                 "reflect": false
+            },
+            "currentActiveTab": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "current-active-tab",
+                "reflect": false,
+                "defaultValue": "'system'"
             }
         };
     }
-    static get states() {
-        return {
-            "currentActiveTab": {}
-        };
-    }
     static get events() {
         return [{
                 "method": "themeTabClicked",

package/dist/collection/components/gb-theme-tab/gb-theme-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-theme-tab.js","sourceRoot":"","sources":["../../../src/components/gb-theme-tab/gb-theme-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQtG,MAAM,OAAO,UAAU;IALvB;QAQW,qBAAgB,GAAW,QAAQ,CAAC;KA4C9C;IAzCC,UAAU,CAAC,KAAa;QACtB,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,oCAAoC;QACpC,IAAI,CAAC,EAAE,CAAC,aAAa,CACnB,IAAI,WAAW,CAAC,aAAa,EAAE;YAC7B,MAAM,EAAE,EAAE,KAAK,EAAE;YACjB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI,EAAE,cAAc;SAC/B,CAAC,CACH,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,aAAa,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC;QACxD,MAAM,MAAM,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC;QACjD,MAAM,OAAO,GAAG,YAAY,CAAC,oBAAoB,CAAC,CAAC;QAEnD,OAAO,CACL,4DAAK,KAAK,EAAE,eAAe;YACzB,4DAAK,KAAK,EAAC,KAAK;gBACd,4EACE,OAAO,EAAE,IAAI,CAAC,gBAAgB,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAC1D,IAAI,EAAE,aAAa,EACnB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,GACnB,CACnB;YACN,4DAAK,KAAK,EAAC,KAAK;gBACd,4EACE,OAAO,EAAE,IAAI,CAAC,gBAAgB,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACzD,IAAI,EAAE,MAAM,EACZ,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,GAClB,CACnB;YACN,4DAAK,KAAK,EAAC,KAAK;gBACd,4EAAqB,OAAO,EAAE,IAAI,CAAC,gBAAgB,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,GAAwB,CACrK,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, Prop, State, getAssetPath, h } from '@stencil/core';\r\nimport { ThemeTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-theme-tab',\r\n  styleUrl: 'gb-theme-tab.css',\r\n  shadow: true,\r\n})\r\nexport class GbThemeTab {\r\n  @Prop({ mutable: true }) theme: ThemeTypes;\r\n  @Event() themeTabClicked: EventEmitter<string>;\r\n  @State() currentActiveTab: string = 'system';\r\n  @Element() el: HTMLElement;\r\n\r\n  tabClicked(theme: string) {\r\n    this.currentActiveTab = theme;\r\n    // this.themeTabClicked.emit(theme);\r\n    this.el.dispatchEvent(\r\n      new CustomEvent('themeChange', {\r\n        detail: { theme },\r\n        bubbles: true,\r\n        composed: true, // This is key\r\n      }),\r\n    );    \r\n  }\r\n\r\n  render() {\r\n    const systemIconSrc = getAssetPath(`assets/laptop.svg`);\r\n    const sunSrc = getAssetPath(`assets/sun-02.svg`);\r\n    const moonSrc = getAssetPath(`assets/moon-02.svg`);\r\n\r\n    return (\r\n      <div class={`theme_tab_div`}>\r\n        <div class=\"tab\">\r\n          <gb-icon-button-base\r\n            current={this.currentActiveTab === 'system' ? true : false}\r\n            icon={systemIconSrc}\r\n            label=\"System\"\r\n            onClick={() => this.tabClicked('system')}\r\n          ></gb-icon-button-base>\r\n        </div>\r\n        <div class=\"tab\">\r\n          <gb-icon-button-base\r\n            current={this.currentActiveTab === 'light' ? true : false}\r\n            icon={sunSrc}\r\n            label=\"Light\"\r\n            onClick={() => this.tabClicked('light')}\r\n          ></gb-icon-button-base>\r\n        </div>\r\n        <div class=\"tab\">\r\n          <gb-icon-button-base current={this.currentActiveTab === 'dark' ? true : false} icon={moonSrc} label=\"Dark\" onClick={() => this.tabClicked('dark')}></gb-icon-button-base>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-theme-tab.js","sourceRoot":"","sources":["../../../src/components/gb-theme-tab/gb-theme-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQ/F,MAAM,OAAO,UAAU;IALvB;QAQ2B,qBAAgB,GAAW,QAAQ,CAAC;KA4C9D;IAzCC,UAAU,CAAC,KAAa;QACtB,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,oCAAoC;QACpC,IAAI,CAAC,EAAE,CAAC,aAAa,CACnB,IAAI,WAAW,CAAC,aAAa,EAAE;YAC7B,MAAM,EAAE,EAAE,KAAK,EAAE;YACjB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI,EAAE,cAAc;SAC/B,CAAC,CACH,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,aAAa,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC;QACxD,MAAM,MAAM,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC;QACjD,MAAM,OAAO,GAAG,YAAY,CAAC,oBAAoB,CAAC,CAAC;QAEnD,OAAO,CACL,4DAAK,KAAK,EAAE,eAAe;YACzB,4DAAK,KAAK,EAAC,KAAK;gBACd,4EACE,OAAO,EAAE,IAAI,CAAC,gBAAgB,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAC1D,IAAI,EAAE,aAAa,EACnB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,GACnB,CACnB;YACN,4DAAK,KAAK,EAAC,KAAK;gBACd,4EACE,OAAO,EAAE,IAAI,CAAC,gBAAgB,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACzD,IAAI,EAAE,MAAM,EACZ,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,GAClB,CACnB;YACN,4DAAK,KAAK,EAAC,KAAK;gBACd,4EAAqB,OAAO,EAAE,IAAI,CAAC,gBAAgB,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,GAAwB,CACrK,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, Prop, getAssetPath, h } from '@stencil/core';\r\nimport { ThemeTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-theme-tab',\r\n  styleUrl: 'gb-theme-tab.css',\r\n  shadow: true,\r\n})\r\nexport class GbThemeTab {\r\n  @Prop({ mutable: true }) theme: ThemeTypes;\r\n  @Event() themeTabClicked: EventEmitter<string>;\r\n  @Prop({ mutable: true }) currentActiveTab: string = 'system';\r\n  @Element() el: HTMLElement;\r\n\r\n  tabClicked(theme: string) {\r\n    this.currentActiveTab = theme;\r\n    // this.themeTabClicked.emit(theme);\r\n    this.el.dispatchEvent(\r\n      new CustomEvent('themeChange', {\r\n        detail: { theme },\r\n        bubbles: true,\r\n        composed: true, // This is key\r\n      }),\r\n    );    \r\n  }\r\n\r\n  render() {\r\n    const systemIconSrc = getAssetPath(`assets/laptop.svg`);\r\n    const sunSrc = getAssetPath(`assets/sun-02.svg`);\r\n    const moonSrc = getAssetPath(`assets/moon-02.svg`);\r\n\r\n    return (\r\n      <div class={`theme_tab_div`}>\r\n        <div class=\"tab\">\r\n          <gb-icon-button-base\r\n            current={this.currentActiveTab === 'system' ? true : false}\r\n            icon={systemIconSrc}\r\n            label=\"System\"\r\n            onClick={() => this.tabClicked('system')}\r\n          ></gb-icon-button-base>\r\n        </div>\r\n        <div class=\"tab\">\r\n          <gb-icon-button-base\r\n            current={this.currentActiveTab === 'light' ? true : false}\r\n            icon={sunSrc}\r\n            label=\"Light\"\r\n            onClick={() => this.tabClicked('light')}\r\n          ></gb-icon-button-base>\r\n        </div>\r\n        <div class=\"tab\">\r\n          <gb-icon-button-base current={this.currentActiveTab === 'dark' ? true : false} icon={moonSrc} label=\"Dark\" onClick={() => this.tabClicked('dark')}></gb-icon-button-base>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/gb-toast/gb-toast.js

@@ -54,7 +54,7 @@ export class GbToast {
         }
     }
     render() {
-        return (h("div", { key: '013713b0a00ea3d139d9d78b4f455019690fc4ea', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'fa28297e53acdf982d4ce289d99c5c6b1e44ead1', class: `icon_container` }, h("svg", { key: 'b398c56f93337a6b313a0a24150b537d7430df8c', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: 'cd046f7fe9604184569ee3db68a107b185241b4f', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: 'd33a07881cc5c42cb1b3ffa5901852011e045ab2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: '849cfb84f85b4a83fe98f04fe6dfa47b6a1c8ff7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '84359dea26036467879480cee3efa42daddcdf86', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '03f1192e6bcdb13e99ac1b3a2f83dfa1c8ac2ae3', class: `text ${this.size}` }, h("slot", { key: '7776583e414a894a4110321054133bfab430e28f', name: "main_text" }), this.showSupportingText && h("slot", { key: '198771468567c5bf82750558cb63e4f7976f739c', name: "supporting_text" })), this.actions && (h("div", { key: '70d3f0250c31504d66c692d0265826304610d40a', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '10006e1bd77409989ff6a08d95fd51a2f605d09b', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: 'b5f195b13ea5feac2c7f06e2ac4c020819994a9a', class: `container ${this.breakpoint}` }, h("div", { key: 'fdc87c38afa5cecb3a62d02146fb7d5f0573c78e', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'ff1a7b9fdc8b0f8e30e4acf242925357c00f61f9', class: `inner_content ${this.breakpoint}` }, h("div", { key: '6844874bc12d57e8f52b9014a5c6f1367e9d9220', class: `icon_container` }, h("svg", { key: 'bb03fde445e3bd94564039c7958eb949dddd70e4', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: 'ab702e8b13670f03a3efaea638d661de695f6c92', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '1ae5c4cacc5d7bb14146bf83ab9f9bbdd08c8737', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'dbe589c309d3f355dec0c62e311339eb4996adb3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '94178a54e23b7f5a6d3f71f62cd4ec2fb0e6d29a', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '0a3c12e032e821bfba577cd64f3f011f4be0f09e', name: "main_text" }), this.showSupportingText && h("slot", { key: '36dcc9290a1be687b1b19a53064a7a7e9b05c340', name: "supporting_text" }))), this.actions && (h("div", { key: '3615542dd39c9c43fe80ef599ca2ff5bc9743d8a', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: 'fb8146475f5d05a17551430c88b86cef1448f775', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (h("div", { key: '2ce4546093f1f6406695a15af5ab181153fd2d08', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '0ff29fb352d88c35ae8b45c60886d49d2a2ec1b0', class: `icon_container` }, h("svg", { key: 'c4a571e92ffa5fb2d4abc2e7aab9ceb07cef6955', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '275f151d45d2217f8ef6029b183e4d96d59bef35', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '6dcedff602a10bea2a227cecf2107a8b64f4a24f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'dc3bb7a4a0201206d3a18816d67ccb5ad216157e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: 'fc02cdd76d8361ccf3f4e7b9e6294172aa8c3313', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'f4f30ed32d94bf2322b0af4d3724da180a25d315', class: `text ${this.size}` }, h("slot", { key: 'ea1972c37229b18650a0700fa56b8f0a5d022746', name: "main_text" }), this.showSupportingText && h("slot", { key: 'ed2aab45f060f4fd7f6566a8db84fc93255463ae', name: "supporting_text" })), this.actions && (h("div", { key: 'ec17765211e6ee381d5cef71dd5ab1b565f546c2', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '8484249dfa9d95dd898bc05fa7ca7bad08d52398', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: '953a3d537483a856054cf673f32146ea522c16fe', class: `container ${this.breakpoint}` }, h("div", { key: '9898b47cd79dd123e948fdd743fb72d3ffb809c1', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '89a868e63b9fd558cfbc2a71eb7cb945ab8d7d6a', class: `inner_content ${this.breakpoint}` }, h("div", { key: '7e8cf8f65302a3b345baa8bdb17078546abad693', class: `icon_container` }, h("svg", { key: '00146aa8d6c2f010db72215234c3933814116294', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: 'f7ac103eeac1405349239f02537a2b564221d656', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: 'e615ac4edf91bff5210632e6bb5e306276ebb5e7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'bd88bebc773f0193b67e0090281b0318f283ed6a', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '085cd550f62a8a50a20735c82e77960bf7ae2acc', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '2721d9bd7005976878b3c5e48c5cd44d9309da72', name: "main_text" }), this.showSupportingText && h("slot", { key: '73dab942dab3d6064f349d9520491c797851cfb0', name: "supporting_text" }))), this.actions && (h("div", { key: 'c6472c19a83cf905f1ddc47dd3eb645aaa512493', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: '5df41e2aa1f4a1a71798dfb3a78c1271a144c140', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     static get is() { return "gb-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-toast-button/gb-toast-button.js

@@ -5,7 +5,7 @@ export class GbToastButton {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: '1fe83dac6ed24c65d94da19dc15149dd9d34edd8', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '72c3a4e29c0bada05ed66d85f272f971ba761ecd' })));
+        return (h("div", { key: 'd864a7e730ee510b99dc9c756077bfb57d06608d', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '35378b04fc69e01a3b537c5f362efdf33e9e83b8' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-toggle/gb-toggle.js

@@ -34,7 +34,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: '49662ad67f7bb3d90f46596bc810a5ba162d9ccc', class: `toggle_div ${this.size}` }, h("div", { key: '9b9e033ea77ea6c6fbd48eb247e69fbbd3410323', class: "toggle_base" }, h("gb-toggle-base", { key: '081cf6c880d708223d14213149e9375ce0b70c41', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '1afbea9fdd489583a873f763c73b08d838aaff93', class: "text" }, h("slot", { key: 'd2461e51e2d102655034cc15f4407ea46c0c2cc8', name: "main_text" }), this.supportingText && (h("slot", { key: '7104c221bd7f734c4fb50ec8f6d6287c9826412b', name: "supporting_text" }))))));
+        return (h("div", { key: '672cd85411b358f49e1f65da5bd07ffd0b41e1cb', class: `toggle_div ${this.size}` }, h("div", { key: '07a5fb48062b1b8ab8b0b924a596912c736d9362', class: "toggle_base" }, h("gb-toggle-base", { key: '85f991064dafb31f35eece31c1ef66bdfb92fd52', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '2681c2598b19321b11b6b382a1f0d923fab04522', class: "text" }, h("slot", { key: '0ed7c4cd8144f7d1e78365300bc902c8c82f6034', name: "main_text" }), this.supportingText && (h("slot", { key: 'c03bf689ae77668b9dc4c8d98db41cb0ae0c2e35', name: "supporting_text" }))))));
     }
     static get is() { return "gb-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-toggle-base/gb-toggle-base.js

@@ -11,8 +11,8 @@ export class GbToggleBase {
     }
     render() {
         return [
-            h("input", { key: 'f9595e1fea6296f017ade457df41959c0df4252f', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '893c843d1a24b70bfd31c07b86875bc84323a64d', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            h("input", { key: '3c5e742b3681d7311a946a75c5551010f38d4593', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: '0ebd079650a549e8addcbdb35b405de1ddfa44d5', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
     static get is() { return "gb-toggle-base"; }

package/dist/collection/components/gb-token-field-compact/gb-token-field-compact.js

@@ -5,7 +5,7 @@ export class GbTokenFieldCompact {
         this.supportingText = '';
     }
     render() {
-        return (h("div", { key: 'ee44aed7aa4368118014b4639e7626d805dc3857', class: this.size }, h("div", { key: '3e0a4806b2efc73d3ae03674bd6a23ab89d3eb70', class: "input-with-label" }, this.showLabel && (h("label", { key: '6c5fe9a7a3f0492bcd11751732e82dac0ced2f88' }, this.label)), this.digits === 4 && (h("div", { key: 'fb158eb806ff0edf84f0da55e9d337b9d6de21ab', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '35accdaec4e1fa3f67740ba4d7ed3c51614fb7f4', size: this.size }), h("gb-mega-input-field-base", { key: 'd7e2a990511c21fadd3e853073f470a79d8b63a7', size: this.size }), h("gb-mega-input-field-base", { key: '23dbcb64f9988c34b7583686d446e6481031c415', size: this.size }), h("gb-mega-input-field-base", { key: 'c66928af7d049a51eeec54d994ba4d9a6f2e5b73', size: this.size }))), this.digits === 6 && (h("div", { key: '82a16aeb566f155f7e604d331c3b92f93252c44d', class: "input-wrapper" }, h("div", { key: 'da23b759bc06079717b95653c2b9545cb068c9aa', class: "first=section" }, h("gb-mega-input-field-base", { key: '28fc68912a7ed6beaced99814495c050b8706a14', size: this.size }), h("gb-mega-input-field-base", { key: 'ab9e3f052ce86c1e32a5509ca6c34e9e0e090062', size: this.size }), h("gb-mega-input-field-base", { key: '9c052dfc90c6e8abba1de1e9277e8e519f21e0e3', size: this.size })), h("div", { key: 'ca102e73cabe4bda6f55399edb075b8e792fee02', class: "second=section" }, h("gb-mega-input-field-base", { key: '2fd62da83adf71874321b8c78a0816a14df71f39', size: this.size }), h("gb-mega-input-field-base", { key: '392c40608b7e3496e368623672d2fb76c27a20e1', size: this.size }), h("gb-mega-input-field-base", { key: '2e1ff211ae287072bd70499847242f4f75a4d690', size: this.size })))), this.digits === 8 && (h("div", { key: '0cf4038808b721aeef435c3cf7509ed77ddd0630', class: "input-wrapper" }, h("div", { key: '3729fa412e897dbced218acd25863545ee7fbca4', class: "first=section" }, h("gb-mega-input-field-base", { key: '56682c58e8975bbd4d2d1e1b5bfb6eb79b0972e8', size: this.size }), h("gb-mega-input-field-base", { key: 'bfc0ccee8e6cc67a21f513fd3d494e1ac9575f8d', size: this.size }), h("gb-mega-input-field-base", { key: '9deca03312f8f2e74f2a1ca5d012c9f0b489c909', size: this.size }), h("gb-mega-input-field-base", { key: '8fa4e8cd07e59785465c917911c89481b20af083', size: this.size })), h("div", { key: 'c35a98d1030bc386a18495d5ff6d1e2276d6cdc8', class: "second=section" }, h("gb-mega-input-field-base", { key: '63e1454711ea2a06232f2f7f12a34ceaf9457d91', size: this.size }), h("gb-mega-input-field-base", { key: 'a8be8161c1ad590f3d8b30e64b4a666be3f4608d', size: this.size }), h("gb-mega-input-field-base", { key: '144750b2459fa5bbd2ab27aeda3ac861b50e8925', size: this.size }), h("gb-mega-input-field-base", { key: '6ea961e4a9443cc01eefed609e76f1f89cc79525', size: this.size }))))), h("p", { key: 'bea1c0a42c4bd411e4c530c70fb01709fd67ccc8' }, this.supportingText)));
+        return (h("div", { key: '8f047e0db164695ddb443f196dadee67d1283f2b', class: this.size }, h("div", { key: '0f833752ea87628d33d7b31666e53c66a1a3830f', class: "input-with-label" }, this.showLabel && (h("label", { key: 'ac70e8e8973e90bc62d61d1f247d1c3ca3b9bb14' }, this.label)), this.digits === 4 && (h("div", { key: '50fbbb2dc0e421619f07a52dab883add3072a097', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '110dd083c637dbf43812763ead0028c8acbc678c', size: this.size }), h("gb-mega-input-field-base", { key: '11ae8ccf88771e573744f30b79a7a6cc01671c5c', size: this.size }), h("gb-mega-input-field-base", { key: '1f2b8ac76b505e5168d02503245a2142c7b5f421', size: this.size }), h("gb-mega-input-field-base", { key: 'd8d3fd1c5de07b771c483bf264e86a75200303ae', size: this.size }))), this.digits === 6 && (h("div", { key: '4587f89b326ee9c227a007ad2bf853b65bb5123b', class: "input-wrapper" }, h("div", { key: '96ae1b81105d45afac666682513001482bfe2714', class: "first=section" }, h("gb-mega-input-field-base", { key: '9c225231c36242181867458e5d3d3df64ae56db3', size: this.size }), h("gb-mega-input-field-base", { key: '092a7c070c00269464c57b877284c210f4ef0ce0', size: this.size }), h("gb-mega-input-field-base", { key: '19c47ff822dfa6e2ff5817447c0bfe3006cb3db8', size: this.size })), h("div", { key: '02860431dda76d38d0f2454cdaf67eadca889933', class: "second=section" }, h("gb-mega-input-field-base", { key: 'd2892a89421b9ece50eaee27f5ff598d55afdee3', size: this.size }), h("gb-mega-input-field-base", { key: '5eddebc85ec20a0edac1622525a0083412d2543d', size: this.size }), h("gb-mega-input-field-base", { key: '040f623efe2b7c478f717df606f75e998c066926', size: this.size })))), this.digits === 8 && (h("div", { key: 'cf9e9ecb1347bb88a889daab378c2a760966277f', class: "input-wrapper" }, h("div", { key: '37de553e12fd5750c20072308ccbcea5f73c2525', class: "first=section" }, h("gb-mega-input-field-base", { key: '919318cd0e699d73fd670fcac11eb74583d0c7c1', size: this.size }), h("gb-mega-input-field-base", { key: '599b7d1a7eefb9ec3042f0be07b6ee65607b8e0f', size: this.size }), h("gb-mega-input-field-base", { key: '5c597f444c63c97dda5373b4d7d57612ad88f890', size: this.size }), h("gb-mega-input-field-base", { key: 'dc7b5770a273545c1021ae441972747a502317b6', size: this.size })), h("div", { key: '5a8402b1e1b67b465e224a530202dedcafb3fc38', class: "second=section" }, h("gb-mega-input-field-base", { key: 'ca2d9d0d3502a47dd0cea4551cf92343ee68297d', size: this.size }), h("gb-mega-input-field-base", { key: '03a34f4e8adf98899c5046a9f6f9c7fa3bf150b9', size: this.size }), h("gb-mega-input-field-base", { key: '1f90911604b1cbd22d7267611a1803ceb0a3f290', size: this.size }), h("gb-mega-input-field-base", { key: '23a286a10a542bc1f32ecc1a6649a4c1b5f7ed67', size: this.size }))))), h("p", { key: '0f64fa2fc3c38a490695daf18c622dc098fbde9f' }, this.supportingText)));
     }
     static get is() { return "gb-token-field-compact"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-token-field-compressed/gb-token-field-compressed.js

@@ -5,11 +5,11 @@ export class GbTokenFieldCompressed {
         this.hintText = '';
     }
     render() {
-        return (h("div", { key: '23f812bc93b588df71077674ccf922bdb10b7cc2', class: {
+        return (h("div", { key: '02f46b32ba8116d2a25895c529d0766d66959d69', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, h("div", { key: 'b6a7ff07bc8d640e18223157178b716f9c57377f', class: "input-with-label" }, this.showLabel && (h("label", { key: '1f594254ef2c66d04e77d67c702f88a5cb2a02a2', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: 'a8e7fb672f8a64104d0b762a9397fbb393219e04', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '88b78b50e9a8fa31baf3eceba48680cb7bc2d488', size: this.size }), h("gb-mega-input-field-base", { key: 'f9db9d159cfe0dae68eecc7c83f4121f2c4e555a', size: this.size }), h("gb-mega-input-field-base", { key: 'ba7d42c1e32dc04c9cd71eb63d4322a26f1f9f22', size: this.size }), h("gb-mega-input-field-base", { key: 'c47ffe0421f1b6168353d39f23e5859b5ce4e44e', size: this.size }))), this.digits === 6 && (h("div", { key: 'ef545f28c3f10756b0f79695d9f8f43ae1abfbe1', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '8a9ec0f983b4f49c4da514d2da6422d2d8e8b060', size: this.size }), h("gb-mega-input-field-base", { key: '0e894598923c1f9eba398ba15fe957258dbb9ef4', size: this.size }), h("gb-mega-input-field-base", { key: '2cf394d98bae0fbc0bdcf7e217af523022db397c', size: this.size }), h("p", { key: 'fc6c14abbbe723dfbfa09793bc63162c7f7a14b0', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '6ee1a8679398dfcadf8edbc4d4382ef0fbd1c0f6', size: this.size }), h("gb-mega-input-field-base", { key: 'ba2030d7da06ced4c1c3766d8200b87de1ba8586', size: this.size }), h("gb-mega-input-field-base", { key: '920ad01df56a9f5dae2e0f845c7c760ec41b0275', size: this.size }))), this.digits === 8 && (h("div", { key: '7300395c3778f9917285e8af1770baafc444e7d8', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'b3c9242c91e96562fcd1236fea9e88a8281f9803', size: this.size }), h("gb-mega-input-field-base", { key: '4d0978bd516f3b6fef4eb886359fc2fbdc7ad6a9', size: this.size }), h("gb-mega-input-field-base", { key: '112713ec155b6059e93e015bc5594768ca834880', size: this.size }), h("gb-mega-input-field-base", { key: '921a779e783394a8edaa8519cca96fe519cf10a6', size: this.size }), h("p", { key: '48de02dbc92a70a624eebe10f1795af6d4fe45de', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '169dea9476984e41c746f9953b3c7d988a39f458', size: this.size }), h("gb-mega-input-field-base", { key: 'f8e2c2b50225d9cc11b2a993fec79b745fb1843a', size: this.size }), h("gb-mega-input-field-base", { key: 'd9eaace4d658abd34bb31300f29f73738016047d', size: this.size }), h("gb-mega-input-field-base", { key: 'f069f6ea411606fa7a137f3778470c384881ac7a', size: this.size })))), this.showHintText && (h("div", { key: '3207fa344cba1e0c74d33a32977a3b2adccb957a', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: '30e3da989068a60a70253088e13750ba16530efe', class: "input-with-label" }, this.showLabel && (h("label", { key: '12f1682045e2395dfa902a911bd78eb7ad87f596', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: 'c401e8ca7788b9c164bfc1d2be54640c8fc405fd', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '4cb98528f97161dc4ea6206152b2a6bee2b2e71d', size: this.size }), h("gb-mega-input-field-base", { key: '3233cc0921d4d0cc816317b61d6f1f0a5df7f59f', size: this.size }), h("gb-mega-input-field-base", { key: '1e18d272d908e7cbb26f9195fcc58c74fdcbfa96', size: this.size }), h("gb-mega-input-field-base", { key: 'b55378c664a551814a45c2ad5ddbf446bfdb2317', size: this.size }))), this.digits === 6 && (h("div", { key: '03c85a9f88eb03decf44a58b51b4de2c3dc92101', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '6902f125fc9e7c32a368c506f83b7c21261b11c0', size: this.size }), h("gb-mega-input-field-base", { key: '1cc74adc11e9b34aec9332fa1f28cc32447f3887', size: this.size }), h("gb-mega-input-field-base", { key: '8c5d0ca9dcd540310beed3799ee7c00c54c74910', size: this.size }), h("p", { key: '84cc101ddd60fd3f65f7a6ef3ecb87a7e038b7da', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'ef762fdae3a760480d4f04a5d7e990c42f0cf64a', size: this.size }), h("gb-mega-input-field-base", { key: 'b0b5b5dcb4c1f316782884f08e718244a7fbd010', size: this.size }), h("gb-mega-input-field-base", { key: 'c2f84245c9e737e353c20535b88d949d59676611', size: this.size }))), this.digits === 8 && (h("div", { key: 'f320e6c5fa21d791ca726935b6c142a23b670896', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '2057774391b11fbc7031c0a6f03f88bab086dffc', size: this.size }), h("gb-mega-input-field-base", { key: '85f619aef9ba2ab7c100c859209a4a032801aab7', size: this.size }), h("gb-mega-input-field-base", { key: '0f5d3c22a831dee100c560982d385ba3f4c63d01', size: this.size }), h("gb-mega-input-field-base", { key: '35d2d7dadd14b4190f02d33558a018540ca578a4', size: this.size }), h("p", { key: '1c1e00909bc5124577838293d070121178c00bee', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'bc0704d0d4ab226f7da7d789324adbf0ea72628d', size: this.size }), h("gb-mega-input-field-base", { key: 'ef0b07710510e0a0cdc156e6cf22f9a251290bf7', size: this.size }), h("gb-mega-input-field-base", { key: '87ea17814b0894da88963e52bee21baabaff5824', size: this.size }), h("gb-mega-input-field-base", { key: 'd2f6815f9f1796bcdb32b14f3bee024546e5acbb', size: this.size })))), this.showHintText && (h("div", { key: '57fdf02e149b338b3a83fed9052d0f7fec6a7318', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
     static get is() { return "gb-token-field-compressed"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tooltip/gb-tooltip.js

@@ -22,7 +22,7 @@ export class GbTooltip {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (h("div", { key: '29763e63ecb84a2d4bbce74aeb640cfbadb26fc4', class: "tooltip_container" }, h("div", { key: 'c0c2f568b6ee704383e167993072f3afb44da8bb', class: "tooltip" }, this.showArrow && h("div", { key: '700d42159f2907f8c45c3c1d43b4f6f7dd59c628', class: this.getArrowClass() }), h("div", { key: '0932a2dd1dcd44b277d3d806ab2125b6ea325609', class: "tooltip_content" }, h("slot", { key: '13930d79ad036a57f116d6e1885fca36be2e96d9', name: "label" }), this.showSupportingText && h("slot", { key: 'bb743602d361fb547a19a3c7e450fec417deaddd', name: "supporting_text" })))));
+        return (h("div", { key: '71cd5c29108694c701a22b138a5d49e455356383', class: "tooltip_container" }, h("div", { key: 'ade620c252f6a160f068bfaa6dc6f1498340833e', class: "tooltip" }, this.showArrow && h("div", { key: '37188e96b57a745681d95315c90c4ca34da10f58', class: this.getArrowClass() }), h("div", { key: '6343cdea43c224be447de1d5e10ef6e9b60eabdb', class: "tooltip_content" }, h("slot", { key: '05e59c6029f1f202f6e679ac7a379b17fe96bb06', name: "label" }), this.showSupportingText && h("slot", { key: 'c3c5c7760dde1001b99d907d55f864bee5223518', name: "supporting_text" })))));
     }
     static get is() { return "gb-tooltip"; }
     static get encapsulation() { return "shadow"; }