globuswebcomponents 2.2.2 → 2.2.4

package/dist/collection/components/gb-stepper-horizontal-minimal-icons/gb-stepper-horizontal-minimal-icons.js

@@ -0,0 +1,114 @@
+import { h } from "@stencil/core";
+export class GbStepperHorizontalMinimalIcons {
+    constructor() {
+        this.text = false;
+        this.steps = [
+            {
+                status: 'complete',
+                state: 'default',
+            },
+            {
+                status: 'complete',
+                state: 'default',
+            },
+            {
+                status: 'complete',
+                state: 'default',
+            },
+            {
+                status: 'current',
+                state: 'default',
+            },
+        ];
+    }
+    render() {
+        const indexOfCurrentStep = this.steps.findIndex(step => step.status === 'current');
+        return (h("div", { key: 'c93268a1a73e0bbff45e822ffed007f4be4ccb67', class: "minimai_icons_container" }, h("div", { key: '04b93981a03c8c869bf7bede17957d5f2f7debab', class: `minimai_icons_div ${this.size}` }, this.text && h("p", { key: '99b12a46658481a1625d55c2ba6bf0ac86b486a4', class: "step_text text-sm-medium" }, "Step ", indexOfCurrentStep + 1, " of ", this.steps.length), this.steps.map(step => (h("gb-step-icon-base", { size: this.size, status: step.status, state: step.state }))))));
+    }
+    static get is() { return "gb-stepper-horizontal-minimal-icons"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-stepper-horizontal-minimal-icons.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-stepper-horizontal-minimal-icons.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "GeneralSizes",
+                    "resolved": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
+                    "references": {
+                        "GeneralSizes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::GeneralSizes"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "size",
+                "reflect": false
+            },
+            "text": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "text",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "steps": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "StepperType[]",
+                    "resolved": "StepperType[]",
+                    "references": {
+                        "StepperType": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::StepperType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'current',\r\n      state: 'default',\r\n    },\r\n  ]"
+            }
+        };
+    }
+}
+//# sourceMappingURL=gb-stepper-horizontal-minimal-icons.js.map

package/dist/collection/components/gb-stepper-horizontal-minimal-icons/gb-stepper-horizontal-minimal-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-stepper-horizontal-minimal-icons.js","sourceRoot":"","sources":["../../../src/components/gb-stepper-horizontal-minimal-icons/gb-stepper-horizontal-minimal-icons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,+BAA+B;IAL5C;QAOU,SAAI,GAAY,KAAK,CAAC;QACtB,UAAK,GAAkB;YAC7B;gBACE,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,SAAS;aACjB;YACD;gBACE,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,SAAS;aACjB;YACD;gBACE,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,SAAS;aACjB;YACD;gBACE,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,SAAS;aACjB;SACF,CAAC;KAgBH;IAdC,MAAM;QACJ,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC;QAEnF,OAAO,CACL,4DAAK,KAAK,EAAC,yBAAyB;YAClC,4DAAK,KAAK,EAAE,qBAAqB,IAAI,CAAC,IAAI,EAAE;gBACzC,IAAI,CAAC,IAAI,IAAI,0DAAG,KAAK,EAAC,0BAA0B;;oBAAO,kBAAkB,GAAG,CAAC;;oBAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAK;gBACzG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtB,yBAAmB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAsB,CACjG,CAAC,CACE,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\r\nimport { GeneralSizes, StepperType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-minimal-icons',\r\n  styleUrl: 'gb-stepper-horizontal-minimal-icons.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperHorizontalMinimalIcons {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() text: boolean = false;\r\n  @Prop() steps: StepperType[] = [\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'current',\r\n      state: 'default',\r\n    },\r\n  ];\r\n\r\n  render() {\r\n    const indexOfCurrentStep = this.steps.findIndex(step => step.status === 'current');\r\n\r\n    return (\r\n      <div class=\"minimai_icons_container\">\r\n        <div class={`minimai_icons_div ${this.size}`}>\r\n          {this.text && <p class=\"step_text text-sm-medium\">Step {indexOfCurrentStep + 1} of {this.steps.length}</p>}\r\n          {this.steps.map(step => (\r\n            <gb-step-icon-base size={this.size} status={step.status} state={step.state}></gb-step-icon-base>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js

@@ -31,7 +31,7 @@ export class GbstepperVerticalIconsWithText {
         this.stepClicked.emit(index);
     }
     render() {
-        return (h("div", { key: '9f63e70bdf8c0f0f2bc894d0f1b0de22de2c82db', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, this.internalSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => this.emitIndex(index) })))))));
+        return (h("div", { key: '62bb6595229c8c4403b305a931033dd24729f4e6', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, this.internalSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => this.emitIndex(index) })))))));
     }
     static get is() { return "gb-stepper-vertical-icons-with-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js

@@ -40,11 +40,11 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: 'af4a1702a26876a4c2af082bdf4183f1c93393ba', class: `tab_button_div ${this.type}
+        return (h("div", { key: '0a6eb96dd40c8dcac8dc910d854c34e4034c6213', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '4906a16848070c4b0f2bf39c7eaf242623a5a741', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '07701728e16f980dfd591c412c563f493dbbec1f', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '3f62afa836f3fab1064da2e9c44f03b2e806f40d', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '8dcf4579235f99645a8fb849d426db1f06d3297e', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
@@ -53,7 +53,7 @@ export class GbTabButtonBase {
                         :
                             this.current && this.type === 'line'
                                 ? 'information'
-                                : 'gray' }, h("slot", { key: '1e843025e5fae4137f54830e102646be85b64208', name: "count" })))));
+                                : 'gray' }, h("slot", { key: '7950f66cc78b7514de8c035b4e7d1aa879e1ee14', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTableCell {
     render() {
-        return (h("div", { key: '708ee4812fb45f8feb609598ded940c2253ff625', class: "table_cell_div" }));
+        return (h("div", { key: 'ac329ad408f3e3b0d882ef3993eec3865405150f', class: "table_cell_div" }));
     }
     static get is() { return "gb-table-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GbTableHeader {
         this.layoutButtonClicked.emit(layout.detail);
     }
     render() {
-        return (h("div", { key: '2a34efe6f2c0fbc9942c008096a0226b7ccc71aa', class: "table_header_div" }, h("div", { key: '392f77318718d5cd91065868f168c06d80fb30fb', class: "table_header_content" }, this.tableHeading && h("p", { key: '245ffc7dec84db2bc3684e570bc45a022ff7ddba', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: '2d894a62dc08532420c9eb90d7e279daaacbb21b', class: "actions" }, this.showSearch && (h("div", { key: '0f47e39c1a9704faa71d9678410f79bc93902e0b', class: "input_field" }, h("gb-input-field", { key: '19c239a6aa1bfa8a4205b6cd2e3a2377d1bf1985', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: 'ccc4ed4bf1c1e5174273eddb5562804638d0fb16', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'f765412156eece81eedfb2258e00ca12c0776003', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: 'cdd9caf925ae9199e9f016de43d3a75801674199', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '10a43933e3b58bd7b8fdd9ab16ce767f4092be9b' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '7e06d30d27457314c84a765812d5a162163288b3', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: 'c889145dde5665b16c45ea79e772e299627a0741', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '825c2820c839025fc0e65fdec7f28096dec7f081', class: "export" }, h("gb-button", { key: 'ce4368ceeb469572efc247d4c99fc20d5c0d0bdd', 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", onClick: () => this.toggleDropdown() }, h("p", { key: '4291642c72400f79d7dd6b36039da3298e9d881f' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '4958d88c3994eee68b13ac6e3900ce5479e97429', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (h("div", { key: '230b75fad9b91fb4c70ef30009c36a6ada2957d4', class: "refresh_button" }, h("gb-button", { key: '94a9cc865946a74acf5b4d2ccb0738607578da39', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
+        return (h("div", { key: '8b3d4f34115d1bbc98d540d3b74f55adbcd542c4', class: "table_header_div" }, h("div", { key: '19c90a37a2b6c8eec7fb2e9e4b10c8c79732dd42', class: "table_header_content" }, this.tableHeading && h("p", { key: 'fc34383ffe3a716447f62000fc92ec2558f1554b', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: 'c93b39b3be0bf2a348154b73c6dae82d674fc99c', class: "actions" }, this.showSearch && (h("div", { key: '1626091178d42faeb19db671f64f1ecd5bef3109', class: "input_field" }, h("gb-input-field", { key: 'b930ba29f61a72166af0b3eb6308acbd3caf4637', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '79d70281559a460beef17d9232a1d2b4c13cc048', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'e04f7cd2e6f7a082cb3459cca3005ea61da2a9e8', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: '292e1088e89968178b10403829c0fcf026d60282', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '189d0a56fde0b30d4846e7ba196c647b80ed6d7f' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: 'bb41e8f7ee2a738bc24ca98c109640431ea39299', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: 'fbbb24ce31cbb9a1248e889518160fb00c33baff', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: 'a6abc55a77d7c86e97707e58ddf2f37e991e1fe2', class: "export" }, h("gb-button", { key: 'c8ae45a15bf5fa3a1d5dfaebb14b51aa1e1f86f3', 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", onClick: () => this.toggleDropdown() }, h("p", { key: 'c5373d530b5acae9088e8863b69b5fbece564000' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '536f2bb540b6bd784d49d1f1033f453fb0cfe4ea', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (h("div", { key: 'e8e1079fd4fbe5cb4be55818a16257b4f4e9cd13', class: "refresh_button" }, h("gb-button", { key: '9a9c4c99e6e644501ce1c7f4346ef8815f99fd94', 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"; }

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: '8f30b6cfd652faa71b8e462d683fe05388b7ae71', class: `container ${this.size}` }, h("div", { key: 'dfa6b2d35e2324bec0a796a3bf41202f06350337', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '75a665f325bdd61323a04132bd5c6c93118d13c2', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'ffa9647bcd5b563b7dc65cd7e429d822f0bdc5bb', class: "icon left-icon" }, h("img", { key: '19c71bd620d85049406a39ac2f4428f792964609', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'eeae354cdafe6e2e1857ae17156e4623acfcb16d', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '571ad4a5e26707da8348319433dcf1a3a0447b97', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: 'ca3c0827f295b295afaa65af2299f24b2f13cf78', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '5affe6c9042d134d98ad53330e9f0916a3fa6e5c', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '947d7c45adb793f436c451d51b519e22f259a40d', class: "label" }, h("slot", { key: 'b43c132f13e3388c441314dbb65de6a967c33c33' })), this.action === 'count' && (h("gb-tag-count", { key: '884ae1b50d7f3b316cdae8c70cfe7e8cf526a240', size: this.size }, h("slot", { key: '174eeeb4537e1e12aee647fa204f9cc8607d497d', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '524ca504950e5bb99cb0828bcfed9d719c14de1c', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: 'efc5aadfa5aa4889247f5a7524a230aaad65b1ab', class: `container ${this.size}` }, h("div", { key: '7894457a4321b927d2826ce756e612ed0db673d5', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'c04af27679d668a38fa8860cbaaf801b8c23d7b1', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'ca73425c5204a6b30f2ca559d20961654513b41c', class: "icon left-icon" }, h("img", { key: '1686f2bce0e406258dc75c4c12c4b799ebe41bf4', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '6df6d00cf8f5da7c248adba958cbcfef865e3458', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: 'e7b31639cc989830503ad201d439f51bd68f26ae', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '3afe91573cb6b16e1f6cf6f7e2056f903f17f409', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'a153df4674eea93e78cd53b8ab44955c6faf21ae', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '891b44f2f96550aae42878f3defcb31d94b37370', class: "label" }, h("slot", { key: '1779593fe7ffa695de284733aa7ccbae5e4f7aed' })), this.action === 'count' && (h("gb-tag-count", { key: '17a1201bd0cc6c870f6e85ffa8d62ed6daf270c1', size: this.size }, h("slot", { key: 'fea61a07327792781e13a28dddcad61e74b2729d', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '2ffec4f82cd2447b116a5bb8ed3cafb9b195c39a', 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: '863b87de199f6266845138bb3f986880f560a5af', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '6a29d6eb1dd48c16bd6f11154eee747eca2a300f', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '51dc32583b065dce879f2753b7ff74ed153f45d8', class: `custom-checkbox ${this.size}` }, h("svg", { key: '4b2f1c37c4407bbe5bd0605c152cc2e9ea26342d', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'd85472f5e44d68a94a350faa90cb35689be0e6c5', 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: 'ef9f54357e1c7452a2a5022b0d2be082399e45d9', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '3890c21b04c841090ba66d12c37a94acd821a397', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '932b57d11babf001d101ed9e2b405bfd6a140f67', class: `custom-checkbox ${this.size}` }, h("svg", { key: '2fc99d838dcd7a2b756214f9646f7f874c23dbf5', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '7e0c4b075a0d1a0324ad4ce1f3b1137ce112a3df', 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: '7346137c01828efa01cef6fb407013f3a316ea72', class: this.size }, h("svg", { key: 'ef5377fd00aaacd0f029922881df2a0e7b363af5', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '0feb8ffb10afa1b5052a07091b45e298170575ed', 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: '8d1e903bf53c5fe2f6c97bf7998463b38f6cf2f3', class: this.size }, h("svg", { key: 'a608ad068920ffd4ed1bfdc702ff2ade3a183aa8', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'd2e79256c967f233f801df27db517c60c91317e2', 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: 'c50a261fb4ffe579568072f06972d7b78913efb0', class: this.size }, h("slot", { key: 'ad903ea750e1c276011056e91708a32d3b4aa8df', name: "count" })));
+        return (h("div", { key: '4d79819de8d7b63728b13be3b8d77f079c75672a', class: this.size }, h("slot", { key: '1771d29f8a761430aef49b7f887262bca9f9168e', 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

@@ -186,14 +186,14 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: '4dbafa4c41ef61f1e59c15f2c15c7cb11b285786', class: "textarea_container" }, h("div", { key: '5baf9bf9d73faf28380c3a47e3687295ef21cc73', class: "input_with_label" }, this.showLabel && h("p", { key: '96099fc0aa6c756bd691d3047653af583753e78b', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: 'eeae81df53f5598dc7476e34084021f1e0156f46', 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: 'fa85a3d8a33aa142e9622e0a3569430a4a17ebfa', class: "textarea_tags" }, h("div", { key: '4845585d46e07fd87fc06f7c7884f80ee828cf0e', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'e862c52a0675cda40874d351c8faae4781d7825a', 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: '8988ea0174433c44233cec7ca8c28abf768a91bf', class: "textarea_container" }, h("div", { key: '96afe71c15cb4e357d0e344c0e8c2348cd90e166', class: "input_with_label" }, this.showLabel && h("p", { key: '8d6bfaaf11e38796bb9cc11c35ddc56d6407e0b6', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '52d3947539aa4775b50ab68a8696bcc9751be98a', 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: '359d596a1dcf6192b648976de5904436b046adda', class: "textarea_tags" }, h("div", { key: '204ad2403a074602c1a33e16e734dcf145bc642e', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '89c0426e1a651ae10ff1ea0e192ba6b163f7febd', 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: '072bdd1faa641aedee3f877150fd90cc1f7b5778', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '80f1ad69bbf64da67e22dd1ba94df24c86c3b2f7', class: "input_field" }, h("input", { key: 'f8fcac8ec87ee02362ac8c5bc806930f44d68a0e', 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: '33c5bd38f84796b9ac466478cfc2c0b2762aa739', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '50750196bb8fefd2510e7b96fdcbc39b8bb032a6', class: "input_field" }, h("input", { key: '341bd755f463e51a63a61928210c71c3a4f23873', 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: '2564bb1b2e1e1928ff5c7b54f8a44e3c74ead669', class: "help_icon" }, h("svg", { key: '3423e5bc2fb51458e471dd22f168beb5d8fd16f2', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '30287b53edcf857546e5d51db4ffb53b72ded559', 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: '1c7c3b59eed8f344fa0173bab4489d62b6692b3b', 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: '0291dbff31e2711ae2bcd8619a86f3f61e52b1ef', class: "help_icon" }, h("svg", { key: '67d0fd1c0f5225d2344028403d5375eb1e1aaace', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '49869ceeffeb3a8f4d240401cf7f69cbfed42c79', 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: 'c30906549c100f1b0e1dea294ebab43113d21095', 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: 'fc10ba34cf901981932d2c9c704d0dc4ab94fdd6', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '41b12b56a4f0fb94982ea1dfee5406086dc96feb', 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: 'c1e636f6e4ac46b16a6fbdf1f6528aeba8b549b6', class: `theme_tab_div` }, h("div", { key: 'e12a3d89a56b142719a34fdfde5312b30eb5ad99', class: "tab" }, h("gb-icon-button-base", { key: '38b1b6cfa2214a3da14afd1143e316c7fd71a9ba', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: 'e1f44a875090767dca932cf1fef06257a1a78377', class: "tab" }, h("gb-icon-button-base", { key: '1f364b90277096b4cd6f3acf91c0f9347adf54b4', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '2057280eb43b816cec4e4e3ba2a33492b51f9e0e', class: "tab" }, h("gb-icon-button-base", { key: '22e306ebc2f8cd3bc7999c752e219513969b40c5', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: '31947175a1e4851a7670e765bb2a1fd4c86094b2', class: `theme_tab_div` }, h("div", { key: 'f8203a7ae8f4b36e6bbfa03ca337ff570474a01b', class: "tab" }, h("gb-icon-button-base", { key: 'a2ee41d8666023dd269ab0ad034854b82eed2c7d', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '495c3ad49a1ca65c2efd7a4bbbe1f35bfd941cb7', class: "tab" }, h("gb-icon-button-base", { key: 'd4374f5707ec6f001f5fbf53177a39bf52c2dd42', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: 'ae5d8d5e5d853b5678478f11f9f99bd2aa912424', class: "tab" }, h("gb-icon-button-base", { key: '0e18c854dd006133968010dc91c853fa83666e82', 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"; }

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

@@ -25,7 +25,7 @@ export class GbToast {
     //   }, 5000);
     // }
     render() {
-        return (h("div", { key: '0132a0efa2b08836c88c3cb66ed1e66c5510ac24', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '1f0ce05402b9a7df8469bb68ba4bc0567aa9c1a5', class: `icon_container` }, this.internalColor === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "#079455" }), h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "#079455" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "#B51726" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "#B51726" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "#B51726" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { 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", { "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", { "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: '0ca1e8167ed90bdd8d6fa915c667a8d62d8113e3', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '59290b792fe1ad929be4ea13ac85101fb182d84c', class: `text ${this.size}` }, h("p", { key: '0fb92e8cb6ee42a7d7515207318d926bba4d7ab0', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: 'e7e93247db079df983e0d0aba8f9e2d357bba8cd', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (h("div", { key: '9ef9d96c9217c3d48508ab73bcc02c36559a0716', 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.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '76fdbe5999d878cf0339dffb662cbbeec8792e8c', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() }))), this.size === 'full_width' && (h("div", { key: 'b3131451257ab545c29b93153f84b5750e7d9a6a', class: `container ${this.breakpoint}` }, h("div", { key: '2713b60562c6625bbe01757b58b6d36eb45e73a9', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'fb92b7302686726e4313f48e96f9c700990e236b', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'b9d42a6357b6605f73c6511666c77ace7b072403', class: `icon_container` }, h("svg", { key: 'fb506241eb6a729dc3f9a79f14dd6ffa6f7813f3', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { key: '32479620bde45ea74f460ab23abe39a99b9c43c6', 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: '81e31580cf771b1a7806618aff10a7371dd747ad', "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: '972422efc0fc6a06d1e2668ec9e515d183ae8285', "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: 'ad6d4821003057dced0259975ff3af17cae1db72', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: '70aed7d6c0be288fee91a82e81da22bc72d200b1', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '00724bb77590c608def1a8ef0fc09b1dce650167', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (h("div", { key: 'b28067063844e90799899eb410036c442dbb0bc1', 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.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes")))))), h("gb-button-close", { key: '20f3879ea75124d27fa944b875beac8c9029b45a', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (h("div", { key: '1d926651c7632b565006f849556ae0b1bec96a91', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '4e8b5f63c1288df4513514f6e1c77aa790811b03', class: `icon_container` }, this.internalColor === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "#079455" }), h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "#079455" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "#B51726" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "#B51726" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "#B51726" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { 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", { "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", { "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: '04c65954e3bbbfbab36853a489d30007adbacaa3', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '1c5684f00d08e9a3a51a488306298b3278462c9d', class: `text ${this.size}` }, h("p", { key: '12a5d82c5dc4fb1ff65d6cb997fd3206213ec814', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '86b8065f7a8a9cb26c6d3215173a0ee9f5c20283', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (h("div", { key: 'a700a921c3944ffff72646bc745c279ad6c71f28', 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.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes"))))))), h("gb-button-close", { key: 'c8b5711babef238f2df2281c8bfd5437b287558d', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() }))), this.size === 'full_width' && (h("div", { key: 'db511db2c783343d2c361d2a06854075e2885221', class: `container ${this.breakpoint}` }, h("div", { key: 'f249111fcda24ab2c4aeba14d5a8cea918117e11', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'b889c97646494b41d547349425546add9991df43', class: `inner_content ${this.breakpoint}` }, h("div", { key: '4520837d9e8273a9fd1307eee07bdab72ed8a2e7', class: `icon_container` }, h("svg", { key: '1c4648f423777b2d9ff721ae89c57feb9312cca7', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { key: 'eb7d557ffd31caf4bd782a35f75d23cc6c19d6b5', 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: '82bdcbedc452d2332dfd22040195768d6bd183b2', "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: '9569978d05ebbf86926895ffb7550dbbf9c42270', "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: 'b2924192e677795c079dc8e37a089e7759b99316', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: '2f4b19d561bcbb3719c90fdd2dee8cb84df6b617', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: 'c6b992fb232ce00f55c99b4b4b7692fbe5ce8bd3', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (h("div", { key: 'c9c58e7c8c4bda621a7d88ab8b989e6137ddafb8', 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.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes")))))), h("gb-button-close", { key: '1c2a9ef7723efc6091a98861407da4054bdf83ae', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, 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: 'ed52f363505468d0bd98703dc9b73a6ebfc35d87', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '01350ec203039e133752b203add694cdb31174ed' })));
+        return (h("div", { key: '48acd81e1cebe815ace6ee7698ff2e72227dc74a', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '8e886dc14354b79d25a7945db8617faa69e2509c' })));
     }
     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: '086549f1c6c6dd3f515633ebec93567b207cc30e', class: `toggle_div ${this.size}` }, h("div", { key: '75708d3ebc0865f20e2f0eb00509aa01e24e4593', class: "toggle_base" }, h("gb-toggle-base", { key: '8265e890bcf73917014ad93dddd053f43499a319', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: 'cc120d875f6f5e58c044f4b6dd650140f66a070e', class: "text" }, h("slot", { key: 'dcdd5e3b8c8794415ee4aafc5152bf0c176b5673', name: "main_text" }), this.supportingText && (h("slot", { key: '18933821bbadab281c6dd7dc448127d8cdc24138', name: "supporting_text" }))))));
+        return (h("div", { key: '7268f006ecaf1b2f88f55fed574b5caf656e6fec', class: `toggle_div ${this.size}` }, h("div", { key: 'e3111700368912c974e6f6e922297d40fe8aea14', class: "toggle_base" }, h("gb-toggle-base", { key: 'd39d02c34f5c467e77bdc8c31f6c4100650141c2', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '156dc2d9e43c4715a42f223e746fc9ec59892c96', class: "text" }, h("slot", { key: '0852f347af0c30749a86dd7a3964b252a74da217', name: "main_text" }), this.supportingText && (h("slot", { key: '827bce2ed48d885727f5a33401070e2790c8efb2', 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: '0009f05a61450039904fb8e18e1c7a370ae0b81a', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '319eb7ef9e49dc0fc36d52e2104f8015e91872fb', 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: '1742d45d5cbab5ea2d505998889636252bf0a351', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: 'f957fca9a9d631a63e4790d17b42618dc54017a5', 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: 'b7278d7a2086f88cad44b96626f0b19a25f1099c', class: this.size }, h("div", { key: 'f375b9867b5fd17ddf6d229c5ae99523fa49c39d', class: "input-with-label" }, this.showLabel && (h("label", { key: '029d228d7fc0ef3970b63b42ea1b94ae14169fc5' }, this.label)), this.digits === 4 && (h("div", { key: 'c3f21c261a7f93035a76e493eadf53fe7c0e1a76', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '2ce6299e47c202b9d5d8d3f78652911e30813c8f', size: this.size }), h("gb-mega-input-field-base", { key: 'e7a0bbd4867aa8f033a8f545374547289cae2003', size: this.size }), h("gb-mega-input-field-base", { key: 'bd2f8da8a352797bcf8c4dbacc314ae97ab875d4', size: this.size }), h("gb-mega-input-field-base", { key: 'c85940522a4d05723c4250234dee05f5475890b8', size: this.size }))), this.digits === 6 && (h("div", { key: '12257454f81d02ca61647e37b7b9b897c3c14f9f', class: "input-wrapper" }, h("div", { key: '47868f5447bebceaed9e56ddcaa8d08c8ee2dbb3', class: "first=section" }, h("gb-mega-input-field-base", { key: 'fcae49b31e9f03f6eef0d9ed3e3a27c208433284', size: this.size }), h("gb-mega-input-field-base", { key: '530d38aca4daede0af9c9d762d73cdc66859d7ad', size: this.size }), h("gb-mega-input-field-base", { key: 'e0d9fe5d4f8cac686ee1312aa53145e4ff54fd4d', size: this.size })), h("div", { key: '42907478d3124af2565c94b3dd2ce5df7154854b', class: "second=section" }, h("gb-mega-input-field-base", { key: '18397a72ab0faa7f8ae88d72a7d336ddf3edc195', size: this.size }), h("gb-mega-input-field-base", { key: 'e982f71f99ea896ac32f8cfd191ba87e6dcd1efc', size: this.size }), h("gb-mega-input-field-base", { key: 'c4c10d9f79c2a99d4bf0544f0d6302a2d88b56fc', size: this.size })))), this.digits === 8 && (h("div", { key: 'ce3a934d06bc9362c302fbf3462cf1d5a359258c', class: "input-wrapper" }, h("div", { key: '194a97a5c9bb5d76c6a8f1a3d3823b041a8f12ec', class: "first=section" }, h("gb-mega-input-field-base", { key: '87e7ceb551c5609c1e21e3cd8293828b80f46f66', size: this.size }), h("gb-mega-input-field-base", { key: '9e29d50f2f9665f4389c98418e58a0fe1a76080d', size: this.size }), h("gb-mega-input-field-base", { key: 'a5651d3130a91158e7c54ff649eba677895c12d9', size: this.size }), h("gb-mega-input-field-base", { key: '1f667458f5b33cf8fbb75462961b4ab943d7b335', size: this.size })), h("div", { key: 'e27cc9f3b151387f26672faa57032638bb6c4226', class: "second=section" }, h("gb-mega-input-field-base", { key: 'd4f5a1c29aebeac64d26549b1f8011d08d73611e', size: this.size }), h("gb-mega-input-field-base", { key: 'b2feeb56a564f7cac8b5127d280d8c53cba2e47c', size: this.size }), h("gb-mega-input-field-base", { key: '68d51aa6a34c2bff831b792468ed74fc33b5a4dd', size: this.size }), h("gb-mega-input-field-base", { key: 'df3bbceeef320ed2e5c451a3dfed173b9b4a3911', size: this.size }))))), h("p", { key: '9069962c469f80d6980e92307493e2df1dd35e94' }, this.supportingText)));
+        return (h("div", { key: '4d86fd9cadef57b5085445559cd7dc8a97945940', class: this.size }, h("div", { key: 'd547a6cb4209d44230f9cdeaab094500789b7709', class: "input-with-label" }, this.showLabel && (h("label", { key: '98e4fa758189854908b0d74796b6d203f92613f8' }, this.label)), this.digits === 4 && (h("div", { key: '04b7e3ded3f1d78eb21e7a35854e72f60955546f', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '0a9e0c7d8ca1ca28d4bf16f9dda61b6b55ed2fb1', size: this.size }), h("gb-mega-input-field-base", { key: 'c174abc38548a6e020aa6dc7370a36f81d071b16', size: this.size }), h("gb-mega-input-field-base", { key: '45ee4316eef614c58f83015877c25ab2e5cac8f2', size: this.size }), h("gb-mega-input-field-base", { key: '3321a322522babb682936418aa2ae208e254ebc9', size: this.size }))), this.digits === 6 && (h("div", { key: '1c780c738120c6c7262460e0bdd182f546198e80', class: "input-wrapper" }, h("div", { key: 'aea5ea4a65fb2995f573cbedbaa582dbf9fbb19b', class: "first=section" }, h("gb-mega-input-field-base", { key: '8c6cca4c5da0c56ebab55feddfce56d1a39b3c6a', size: this.size }), h("gb-mega-input-field-base", { key: 'c82c20ca81d52af3211a96e2977ccbc09fb3f404', size: this.size }), h("gb-mega-input-field-base", { key: 'a1a958b1bc5ecba91a6962847b29a7961f0be8eb', size: this.size })), h("div", { key: '00a3a8a7aeecab7f824ecfb816e76c9872ae5d77', class: "second=section" }, h("gb-mega-input-field-base", { key: '2a6feac42eac94dbe81f2a272b3837978278ebac', size: this.size }), h("gb-mega-input-field-base", { key: 'dd99160882f3534be67b596a6a54a5ea3cd7f106', size: this.size }), h("gb-mega-input-field-base", { key: 'efd7b8c5633423f1df3eaf3ba16896ab0ee5aef0', size: this.size })))), this.digits === 8 && (h("div", { key: 'c9b6125270f3979f4c528d15b4313d738de8e12b', class: "input-wrapper" }, h("div", { key: 'd966ac1aef3bea59972b263243ae11979d65b26e', class: "first=section" }, h("gb-mega-input-field-base", { key: '0c82495c0713a7620095c9dbe9e3807f6c17b163', size: this.size }), h("gb-mega-input-field-base", { key: '0058f3fba62433a7424f528d4c9f1fda0ea3665d', size: this.size }), h("gb-mega-input-field-base", { key: 'c644262c8dcf9bd70eb5bedfa2bf7a35d8f6342b', size: this.size }), h("gb-mega-input-field-base", { key: 'f36093c19a7a1e06ac8fefe7ae7ce9f5aa557b01', size: this.size })), h("div", { key: '8442a1449f2140520db3a6d0e7284cb3fe9952ca', class: "second=section" }, h("gb-mega-input-field-base", { key: '67b5f900d00b8bd984198d9605806698a256f63c', size: this.size }), h("gb-mega-input-field-base", { key: 'ca4159874a4e17e147259ef9423749d30664fdec', size: this.size }), h("gb-mega-input-field-base", { key: '66a3eb0c4a7f662824422204fc4814fa64d4967b', size: this.size }), h("gb-mega-input-field-base", { key: '781d414d899d3731d0ae9c1bb5108f6ad7a34faa', size: this.size }))))), h("p", { key: '469150c1cc8edee3119768b2a32c82756dd9fffa' }, 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: '0c6190f80461b5cf88aeead509cdfd7c8e4bbc16', class: {
+        return (h("div", { key: 'e3ba2a2c87d4bb985b386279334b001ed606af69', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, h("div", { key: '650fea0b41970ae040922263f9e746757514b9c0', class: "input-with-label" }, this.showLabel && (h("label", { key: 'd188c4ba10fe575cb2b68270e74bda05d3c686ee', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '566897dfcb6fafb2fe22909255d7f8db73d80bc5', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'd926adb267281f3b8f3cc41b07f5d8ba243ee9c0', size: this.size }), h("gb-mega-input-field-base", { key: '03c691cb6a168b1a3af41193aba7c93c56b03ea3', size: this.size }), h("gb-mega-input-field-base", { key: '1bb2a9ad2b0a3f1f9a175eecd234ea6b4870fd0e', size: this.size }), h("gb-mega-input-field-base", { key: '5dc39c2ee31a2e4179115382c7ae4cb285b4855d', size: this.size }))), this.digits === 6 && (h("div", { key: 'd8019f6419b8bf9d77c16b8c5b93bab1393bd6d6', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'ae82804e85190f49c45b3586aa7fc10e21c44589', size: this.size }), h("gb-mega-input-field-base", { key: '8fedec5c15c809ae8482f44529f905ddd917bb87', size: this.size }), h("gb-mega-input-field-base", { key: '1ada91d519570ee18e27f72c80c734c9242305f6', size: this.size }), h("p", { key: '386a898a262a352cb1e41ed75d3434ac051e7719', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '333fd1f6cea92ee37dda7d18fb604578b1723c4e', size: this.size }), h("gb-mega-input-field-base", { key: '5417360ea7166b692779cb9ebf04df85e7402089', size: this.size }), h("gb-mega-input-field-base", { key: '002e5408f8d777d9f42512fc57e765a6328a1791', size: this.size }))), this.digits === 8 && (h("div", { key: '24786eae40dd9c59041dbe3106523493e7a91414', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '9610c2b38e7f58d978029c7978a70036c51ac2a2', size: this.size }), h("gb-mega-input-field-base", { key: '0b0a968fb05f7703789a9b626a7a01614225107d', size: this.size }), h("gb-mega-input-field-base", { key: 'a7b1c17aaf6dbe9acd8a0ffc9ee09c6cba5e66a8', size: this.size }), h("gb-mega-input-field-base", { key: '68a0856cea6d4f889c19c6fab8f9bc5bf7e4485d', size: this.size }), h("p", { key: 'eb60fa3c93cb465bc08b5a0dc40ccef8bc2d49bf', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'b6ce8fc3c271af563f0f89807656bbd66e9ec22b', size: this.size }), h("gb-mega-input-field-base", { key: '37966c2496b9834902a3e79496d3aa72504df4b6', size: this.size }), h("gb-mega-input-field-base", { key: 'a2ffbf716f6486ac4df207536cc22e8a08705691', size: this.size }), h("gb-mega-input-field-base", { key: 'bb6fef84151c94d91daf8b4e897f938b78f62035', size: this.size })))), this.showHintText && (h("div", { key: 'e23358d1b631d411ea348575e8bf1c29ce3f98fe', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: 'f8c82ebe6e2a79c52c3c5de129b91e60c4418d5a', class: "input-with-label" }, this.showLabel && (h("label", { key: '11d125634ef2a9bff037524d3d83c3294b4e8c23', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: 'a1b012ef534c0b76e86905575d4a3b5a55de6a80', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '3e2326e4e0eb9859a4ccfb2d4619eed8efa2fa56', size: this.size }), h("gb-mega-input-field-base", { key: '509ff03d028ced0c01ac9302f68953cee97f0288', size: this.size }), h("gb-mega-input-field-base", { key: '558df4eae56003d8b23f23593635f5277bf6ecd6', size: this.size }), h("gb-mega-input-field-base", { key: 'a2c766f3bbb626b246d2c884e988ad795e06bc18', size: this.size }))), this.digits === 6 && (h("div", { key: '99e567f293a15e846f74454d0a53805c0b5c88ff', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'd46e1d846e03bd525945cca1638be440cb182725', size: this.size }), h("gb-mega-input-field-base", { key: 'd0967f8c15571c7bd23289147c00206efbaed008', size: this.size }), h("gb-mega-input-field-base", { key: 'dac006e3dd35c8c4896d1734ebf3869b40e68d69', size: this.size }), h("p", { key: '5d1419988a920e72903bcd14f92d976163c41c0d', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '0384a11049924561b27ce2840873a1cbc3482038', size: this.size }), h("gb-mega-input-field-base", { key: 'd852bf053991b5756f61f54fee8ab0e1e79411b9', size: this.size }), h("gb-mega-input-field-base", { key: '0d15a302ac4675f302eda1a0805ff98602e09917', size: this.size }))), this.digits === 8 && (h("div", { key: '98ca107c69f153a11d10cd4dff07214dcf641b12', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '73e5261f35666385c208a973f8baf643351487c9', size: this.size }), h("gb-mega-input-field-base", { key: '475bf320e92a07b1ddbb92b337c0fd2f43019d83', size: this.size }), h("gb-mega-input-field-base", { key: 'f6f3fe37c7e45f9242a30d1f729ac0cdbd94dd9b', size: this.size }), h("gb-mega-input-field-base", { key: 'c8b795f43eaa2bce4cc6e381a945d87bf8510f4b', size: this.size }), h("p", { key: 'f2815d66bd2a528771e0bdc068f2692c607a692e', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'e157acc7fee379bd673e26a148459eaafbbf6fed', size: this.size }), h("gb-mega-input-field-base", { key: '2aba4589b45cdc4ef565a92ee7535972f0831ee4', size: this.size }), h("gb-mega-input-field-base", { key: '43f58de58e524677b067878ceb834627b0cba2ce', size: this.size }), h("gb-mega-input-field-base", { key: '3421365dbfa5d40f82817559d517474a68d866d4', size: this.size })))), this.showHintText && (h("div", { key: 'f23edbe02139e02bd93d2fa35d40b05333c17732', 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

@@ -26,7 +26,7 @@ export class GbTooltip {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (h("div", { key: '394cadf2fee14a9519e4bc49c60846d77d9db348', class: "tooltip_container" }, h("div", { key: 'e7af8dfd0c6ba4e0316572d44311f21a4cf25903', class: "tooltip" }, this.showArrow && h("div", { key: '8c33b7e196f6ef5ebed83cf3ff8ddee19403fbae', class: this.getArrowClass() }), h("div", { key: 'ba16644ee54b6f3417401473550151a6effdc998', class: "tooltip_content" }, h("slot", { key: '670b7c1f6a87de4f887293c73bd42d1c6246c3f1', name: "label" }), this.showSupportingText && h("slot", { key: '2b18ba41f198bbe6a9a0ad316bf0b242bfd03cdb', name: "supporting_text" })))));
+        return (h("div", { key: '7ac628a85e3b2809cad2b14855734ebf17b6864c', class: "tooltip_container" }, h("div", { key: 'c08c181ca02736c0e53122d8ffd522c737f04f7b', class: "tooltip" }, this.showArrow && h("div", { key: '63ddfe4f0ff29be63d27b297089ab2f1cd20be66', class: this.getArrowClass() }), h("div", { key: '88595c2e5889d5b8dc4344c77e9a7d8b804cbe76', class: "tooltip_content" }, h("slot", { key: '2f0cba095ecdbec83e88d1055b12f7c8d94a2933', name: "label" }), this.showSupportingText && h("slot", { key: '7bea10730311a20ad6f6e91255ee71c9e914b1b8', name: "supporting_text" })))));
     }
     static get is() { return "gb-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-top-bar/gb-top-bar.js

@@ -30,7 +30,7 @@ export class GbTopBar {
     }
     render() {
         const patternSrc = getAssetPath(`assets/top_bar_pattern.svg`);
-        return (h("div", { key: '3d0b73034eef71b1a91259af35a7702a60f62088', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'feeaf3f518b3765462d258ea5f54d4556a0bc839', class: "pattern" }, h("img", { key: 'dc5bb72e527004259c064218d02ea8c7c79ff3fb', src: patternSrc, alt: "" }))), h("div", { key: 'ab281cdc28747bca11aaab85f61b9022412b3696', class: "top_bar_content" }, h("div", { key: 'ba50e8c5ae93702c6506c5dca30adace892c2d60', class: "content" }, this.firstTabLabel && (h("gb-top-bar-item", { key: '43dd4841ad480ce698b85aec3d42143e0f4dbbda', state: this.activeIndex === 0 ? 'active' : 'default', "icon-only": this.firstTabIconOnly, category: this.category, icon: this.firstTabIcon, label: this.firstTabLabel, onClick: () => this.onTabItemClicked(0) })), this.secondTabLabel && (h("gb-top-bar-item", { key: '5961299d2516452d851d34a1121b64cbd7a44e2e', state: this.activeIndex === 1 ? 'active' : 'default', "icon-only": this.secondTabIconOnly, category: this.category, icon: this.secondTabIcon, label: this.secondTabLabel, onClick: () => this.onTabItemClicked(1) })), this.thirdTabLabel && (h("gb-top-bar-item", { key: '849806ba861cd2eab0b4b9ad033b634c7e9ea5d8', state: this.activeIndex === 2 ? 'active' : 'default', "icon-only": this.thirdTabIconOnly, category: this.category, icon: this.thirdTabIcon, label: this.thirdTabLabel, onClick: () => this.onTabItemClicked(2) })), this.fourthTabLabel && (h("gb-top-bar-item", { key: '3ccf8373a39d0aa34fa903d3bf422bc6f46dccd4', state: this.activeIndex === 3 ? 'active' : 'default', "icon-only": this.fourthTabIconOnly, category: this.category, icon: this.fourthTabIcon, label: this.fourthTabLabel, onClick: () => this.onTabItemClicked(3) })), this.fifthTabLabel && (h("gb-top-bar-item", { key: '8c7a0b1806dff3dc4b3241b945b9d34d298ed838', state: this.activeIndex === 4 ? 'active' : 'default', "icon-only": this.fifthTabIconOnly, category: this.category, icon: this.fifthTabIcon, label: this.fifthTabLabel, onClick: () => this.onTabItemClicked(4) })), this.sixthTabLabel && (h("gb-top-bar-item", { key: 'd118aeff1ae6b04c6a99e43d1ca11498fc91f34e', state: this.activeIndex === 5 ? 'active' : 'default', "icon-only": this.sixthTabIconOnly, category: this.category, icon: this.sixthTabIcon, label: this.sixthTabLabel, onClick: () => this.onTabItemClicked(5) })), this.seventhTabLabel && (h("gb-top-bar-item", { key: '69bc45f9bb1d6ae97edc5df087758fded442c775', state: this.activeIndex === 6 ? 'active' : 'default', "icon-only": this.seventhTabIconOnly, category: this.category, icon: this.seventhTabIcon, label: this.seventhTabLabel, onClick: () => this.onTabItemClicked(6) }))))));
+        return (h("div", { key: '6396fc041bb1f0134368e5c835baa565fce2f9f9', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'b5cc11de9bf0685c8319a8dfa5ab04b7193304f1', class: "pattern" }, h("img", { key: '5905fbd7715933a9bec78c284e93ed18398b47b0', src: patternSrc, alt: "" }))), h("div", { key: 'd68c6c00cd5962e73f1cd75ea4faf0e4f31620a5', class: "top_bar_content" }, h("div", { key: 'f0dcf4872c3309c2dc37f9fd8209a85255f23b65', class: "content" }, this.firstTabLabel && (h("gb-top-bar-item", { key: 'd5d72f18a9a124d2532a8c77a274529617580d8d', state: this.activeIndex === 0 ? 'active' : 'default', "icon-only": this.firstTabIconOnly, category: this.category, icon: this.firstTabIcon, label: this.firstTabLabel, onClick: () => this.onTabItemClicked(0) })), this.secondTabLabel && (h("gb-top-bar-item", { key: 'f4ec16a3f093fe61189f6a32eb1ad42ff760256b', state: this.activeIndex === 1 ? 'active' : 'default', "icon-only": this.secondTabIconOnly, category: this.category, icon: this.secondTabIcon, label: this.secondTabLabel, onClick: () => this.onTabItemClicked(1) })), this.thirdTabLabel && (h("gb-top-bar-item", { key: 'ec09a6443556ac46688690e845d9d546a62c531d', state: this.activeIndex === 2 ? 'active' : 'default', "icon-only": this.thirdTabIconOnly, category: this.category, icon: this.thirdTabIcon, label: this.thirdTabLabel, onClick: () => this.onTabItemClicked(2) })), this.fourthTabLabel && (h("gb-top-bar-item", { key: '011b8aeda0981b559dddbb7962f082e35b165a68', state: this.activeIndex === 3 ? 'active' : 'default', "icon-only": this.fourthTabIconOnly, category: this.category, icon: this.fourthTabIcon, label: this.fourthTabLabel, onClick: () => this.onTabItemClicked(3) })), this.fifthTabLabel && (h("gb-top-bar-item", { key: 'fda7515dbbbf08b016a634d4caf2c071d7036980', state: this.activeIndex === 4 ? 'active' : 'default', "icon-only": this.fifthTabIconOnly, category: this.category, icon: this.fifthTabIcon, label: this.fifthTabLabel, onClick: () => this.onTabItemClicked(4) })), this.sixthTabLabel && (h("gb-top-bar-item", { key: 'c4a5e6f39ce77b284d98b6c1ff5d139552b4f44a', state: this.activeIndex === 5 ? 'active' : 'default', "icon-only": this.sixthTabIconOnly, category: this.category, icon: this.sixthTabIcon, label: this.sixthTabLabel, onClick: () => this.onTabItemClicked(5) })), this.seventhTabLabel && (h("gb-top-bar-item", { key: '22b6520e3a19c034d3ef52350e5eddb93caefe57', state: this.activeIndex === 6 ? 'active' : 'default', "icon-only": this.seventhTabIconOnly, category: this.category, icon: this.seventhTabIcon, label: this.seventhTabLabel, onClick: () => this.onTabItemClicked(6) }))))));
     }
     static get is() { return "gb-top-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-top-bar-item/gb-top-bar-item.js

@@ -17,7 +17,7 @@ export class GbTopBarItem {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: 'f6ebf638fa6562f1f95d434969d80eda7c25ba58', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'a9be18747b2bc85ccdc119e815ddb1584f41b9c4', class: `top_bar_content` }, h("div", { key: '8bda31d1a4c11e496a495f7e44e0d593231a12db', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: '0d736fbd0dc603d1f000732f2e950e368149ea56', class: "label" }, h("p", { key: '41ddfdf1b5442239a1f9ef5d74a0e10fb5571c2c', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: '1f6785e22f320f3ecdb9ebca61050f0b9acd0722', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: '07182b3df0a4d89ef6e192b5f4efddda64cbd383', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: 'a4a40f076dbe95badbb759020f748b9cce261184', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '639048037d69e05d43178777b9fa1c0116695d18', slot: "label" }, this.label)))));
+        return (h("div", { key: '02a6208b7aed42b7ac486f34efdf61d065b37027', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '6fd496469f8e96aed03f172e7c63f8d272e3661c', class: `top_bar_content` }, h("div", { key: '5413621c9a20f703764723626aa79259c1f3b30c', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: '06e915739938ce4124bfbe3ae2dc7bc2573e30c6', class: "label" }, h("p", { key: '417fb19650613e8a3c4ec918f61c4881fe9a56aa', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: '696ff3711968a624e44b9fd6d06890a9041eab7b', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: '8774ff4fddf34ea8a30f0b3183ff8035ab710c3f', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: '6fe50762447ac53741ebc4068f9aa07e168a6f1b', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: 'a383a46cce055434c89376a5ff46607bab21ffcc', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-top-bar-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-top-bar-sidemenu/gb-top-bar-sidemenu.js

@@ -31,7 +31,7 @@ export class GbTopBarSidemenu {
     }
     render() {
         const patternSrc = getAssetPath(`assets/pattern_wrapper.svg`);
-        return (h("div", { key: 'aab0f531953634aebe29072f2ff1e1fc76b32958', class: "top_bar_sidemenu_div" }, h("div", { key: '2a41156a6ca2dbe83f5b6cbdac001362e81bd838', class: "vertical_tabs_div" }, h("gb-vertical-tabs", { key: 'ed8ffa05fb7c578c3c683a859f8eb692573f84ea', size: "md", "first-tab-name": this.firstTabName, "second-tab-name": this.secondTabName, "third-tab-name": this.thirdTabName, "fourth-tab-name": this.fourthTabName, "fifth-tab-name": this.fifthTabName, type: "button_primary", "active-index": this.activeIndex, onTabItemClicked: this.onTabItemClicked.bind(this) })), h("div", { key: 'da8d711f663c3a907faff720a9b5c29b61bf4e07', class: "wrapper" }, h("div", { key: '75789c2e24071a8572f88e465fec37d22618e1ad', class: "wrapper_pattern" }, h("img", { key: '8eb2994160bdc4511988190e0d1507977374a9eb', src: patternSrc, alt: "" })), h("div", { key: '4fa2de895493f4be70b3d23d5e992da8e4accb9b', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("div", { key: 'f6b2977baf043b4fc65c62fe751f9547a5e64bb0', class: "application_name" }, h("slot", { key: 'eb632521c96cc907bcd94bad14b287c6e400b2cb', name: "application_name" })))));
+        return (h("div", { key: '24793c0ad27278535d221475bcd5f37814caf725', class: "top_bar_sidemenu_div" }, h("div", { key: '6a9d85c7303dd0187a10ecf6072845d405f109c8', class: "vertical_tabs_div" }, h("gb-vertical-tabs", { key: 'c2eee2b6fcfb3cd4fe3e7263637ca627c75ab59d', size: "md", "first-tab-name": this.firstTabName, "second-tab-name": this.secondTabName, "third-tab-name": this.thirdTabName, "fourth-tab-name": this.fourthTabName, "fifth-tab-name": this.fifthTabName, type: "button_primary", "active-index": this.activeIndex, onTabItemClicked: this.onTabItemClicked.bind(this) })), h("div", { key: 'f29a8b40570fd17fa90587835c94907e93faf80b', class: "wrapper" }, h("div", { key: 'b8fd6af420b28e303fa5b7ac3fa7f688afa4887e', class: "wrapper_pattern" }, h("img", { key: '1a3c213ca53b6673a599777e6e43df036a12d751', src: patternSrc, alt: "" })), h("div", { key: '3d39c9dc09ff4651145252351f099db8899388fc', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("div", { key: '48217a0fcd2c4d3053231731a6ebac97df196f4f', class: "application_name" }, h("slot", { key: '66277eef31e0a60217b5a06262f436b0d26230ee', name: "application_name" })))));
     }
     static get is() { return "gb-top-bar-sidemenu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js

@@ -29,7 +29,7 @@ export class GbVerticalTabs {
         this.tabItemClicked.emit({ index, label });
     }
     render() {
-        return (h("div", { key: '14ed47f495ac629b73c8fdb8a08b9a38e0df9927', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: '9fcd6fe43acaf19270427cca95adc1e1fd4b1807', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.firstTabName, current: this.activeIndex === 0, onClick: () => this.handleTabClick(0, this.firstTabName), alignment: "vertical" }), h("gb-tab-button-base", { key: '0f17ad470786042c6bc03c4887039ff8bc5ca14d', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.secondTabName, current: this.activeIndex === 1, onClick: () => this.handleTabClick(1, this.secondTabName), alignment: "vertical" }), this.thirdTabName && (h("gb-tab-button-base", { key: '077cbe9976d0129530267161ce348401b1d8b270', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirdTabName, current: this.activeIndex === 2, onClick: () => this.handleTabClick(2, this.thirdTabName), alignment: "vertical" })), this.fourthTabName && (h("gb-tab-button-base", { key: '4475ea0b0cca035271a53d137e8e24e72c134353', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourthTabName, current: this.activeIndex === 3, onClick: () => this.handleTabClick(3, this.fourthTabName), alignment: "vertical" })), this.fifthTabName && (h("gb-tab-button-base", { key: '079f15000b862bae45173d335273a405a5b74909', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifthTabName, current: this.activeIndex === 4, onClick: () => this.handleTabClick(4, this.fifthTabName), alignment: "vertical" })), this.sixthTabName && (h("gb-tab-button-base", { key: '607744693eb82269bd61f38ba855da328fa70a87', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixthTabName, current: this.activeIndex === 5, onClick: () => this.handleTabClick(5, this.sixthTabName), alignment: "vertical" })), this.seventhTabName && (h("gb-tab-button-base", { key: '17495698867998b91aa1fddcfca443c02d2d3da1', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventhTabName, current: this.activeIndex === 6, onClick: () => this.handleTabClick(6, this.seventhTabName), alignment: "vertical" })), this.eighthTabName && (h("gb-tab-button-base", { key: 'db24ded61cc506eeca9614383bd30e80e9f23854', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighthTabName, current: this.activeIndex === 7, onClick: () => this.handleTabClick(7, this.eighthTabName), alignment: "vertical" })), this.ninthTabName && (h("gb-tab-button-base", { key: 'fad6525157a1b63d3343db39adf08c086755d83d', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.ninthTabName, current: this.activeIndex === 8, onClick: () => this.handleTabClick(8, this.ninthTabName), alignment: "vertical" })), this.tenthTabName && (h("gb-tab-button-base", { key: 'b89fa928453708cf2e17003da798de0455a1b801', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.tenthTabName, current: this.activeIndex === 9, onClick: () => this.handleTabClick(9, this.tenthTabName), alignment: "vertical" })), this.eleventhTabName && (h("gb-tab-button-base", { key: '3c8b250aff08ba52532d869b4b8b5ab59fb04229', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eleventhTabName, current: this.activeIndex === 10, onClick: () => this.handleTabClick(10, this.eleventhTabName), alignment: "vertical" })), this.twelfthTabName && (h("gb-tab-button-base", { key: '843121632a6608df6ab7713c368db2b9a74d8b7b', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twelfthTabName, current: this.activeIndex === 11, onClick: () => this.handleTabClick(11, this.twelfthTabName), alignment: "vertical" })), this.thirteenthTabName && (h("gb-tab-button-base", { key: 'aa92cd6c73f872a5dcb025bc6a4fc34476b20187', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirteenthTabName, current: this.activeIndex === 12, onClick: () => this.handleTabClick(12, this.thirteenthTabName), alignment: "vertical" })), this.fourteenthTabName && (h("gb-tab-button-base", { key: 'd3cf21cf3e954c6b8280df172bea66eadb6acff7', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourteenthTabName, current: this.activeIndex === 13, onClick: () => this.handleTabClick(13, this.fourteenthTabName), alignment: "vertical" })), this.fifteenthTabName && (h("gb-tab-button-base", { key: '21fbba846e395751560ee23042b449c35e8c5f48', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifteenthTabName, current: this.activeIndex === 14, onClick: () => this.handleTabClick(14, this.fifteenthTabName), alignment: "vertical" })), this.sixteenthTabName && (h("gb-tab-button-base", { key: '7626d17df0353fe75a986a7f8ffc0955e751fd83', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixteenthTabName, current: this.activeIndex === 15, onClick: () => this.handleTabClick(15, this.sixteenthTabName), alignment: "vertical" })), this.seventeenthTabName && (h("gb-tab-button-base", { key: 'a58caa281a863c16ce7b18b6450bb44bf9a63edd', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventeenthTabName, current: this.activeIndex === 16, onClick: () => this.handleTabClick(16, this.seventeenthTabName), alignment: "vertical" })), this.eighteenthTabName && (h("gb-tab-button-base", { key: 'c59d0e461c95c1bc9647363e210b4a21830785f3', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighteenthTabName, current: this.activeIndex === 17, onClick: () => this.handleTabClick(17, this.eighteenthTabName), alignment: "vertical" })), this.nineteenthTabName && (h("gb-tab-button-base", { key: 'a1fb92a8b07b33dc14f125be3b91fb090ea0bb79', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.nineteenthTabName, current: this.activeIndex === 18, onClick: () => this.handleTabClick(18, this.nineteenthTabName), alignment: "vertical" })), this.twentiethTabName && (h("gb-tab-button-base", { key: '26f87146b876b8d7242ba29ed5aaacdeecaa6c3f', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twentiethTabName, current: this.activeIndex === 19, onClick: () => this.handleTabClick(19, this.twentiethTabName), alignment: "vertical" }))));
+        return (h("div", { key: '0274cc21cb0eab69436ac42b5b25e4053b796b0d', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: '5f12bd5d006ad0fb61655c4c293e521991934fa8', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.firstTabName, current: this.activeIndex === 0, onClick: () => this.handleTabClick(0, this.firstTabName), alignment: "vertical" }), h("gb-tab-button-base", { key: 'b6473a7a88a14b97fd102869d8f433d5b4fa2186', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.secondTabName, current: this.activeIndex === 1, onClick: () => this.handleTabClick(1, this.secondTabName), alignment: "vertical" }), this.thirdTabName && (h("gb-tab-button-base", { key: '7ec4348cf73d717f2bee524cc42e46425c2ad201', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirdTabName, current: this.activeIndex === 2, onClick: () => this.handleTabClick(2, this.thirdTabName), alignment: "vertical" })), this.fourthTabName && (h("gb-tab-button-base", { key: 'fbf9a73601688a587456c4d25f4dc832ce8962a8', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourthTabName, current: this.activeIndex === 3, onClick: () => this.handleTabClick(3, this.fourthTabName), alignment: "vertical" })), this.fifthTabName && (h("gb-tab-button-base", { key: 'b80c003b9ae619ec3df59ba8cb1243817a08a2e3', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifthTabName, current: this.activeIndex === 4, onClick: () => this.handleTabClick(4, this.fifthTabName), alignment: "vertical" })), this.sixthTabName && (h("gb-tab-button-base", { key: 'f3f60e5c4ad6ec92f69a5ad93a4f3a370c629bc6', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixthTabName, current: this.activeIndex === 5, onClick: () => this.handleTabClick(5, this.sixthTabName), alignment: "vertical" })), this.seventhTabName && (h("gb-tab-button-base", { key: 'fca9c94a5ce7cba570cf450de9ea7c9dba950357', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventhTabName, current: this.activeIndex === 6, onClick: () => this.handleTabClick(6, this.seventhTabName), alignment: "vertical" })), this.eighthTabName && (h("gb-tab-button-base", { key: 'aa70565e6cda316fc00c0b90c4ecfebc0e543c02', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighthTabName, current: this.activeIndex === 7, onClick: () => this.handleTabClick(7, this.eighthTabName), alignment: "vertical" })), this.ninthTabName && (h("gb-tab-button-base", { key: '9dedde6565fe6357cd0e51d8229a1ab7f2066acb', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.ninthTabName, current: this.activeIndex === 8, onClick: () => this.handleTabClick(8, this.ninthTabName), alignment: "vertical" })), this.tenthTabName && (h("gb-tab-button-base", { key: '2565e33cfb43158e064ed7961ea42af209719577', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.tenthTabName, current: this.activeIndex === 9, onClick: () => this.handleTabClick(9, this.tenthTabName), alignment: "vertical" })), this.eleventhTabName && (h("gb-tab-button-base", { key: '2c5ef24820d618fd47b259dbda2a78774480613c', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eleventhTabName, current: this.activeIndex === 10, onClick: () => this.handleTabClick(10, this.eleventhTabName), alignment: "vertical" })), this.twelfthTabName && (h("gb-tab-button-base", { key: 'ee1fcdd41a24ae80d41971cca8162daac35cba88', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twelfthTabName, current: this.activeIndex === 11, onClick: () => this.handleTabClick(11, this.twelfthTabName), alignment: "vertical" })), this.thirteenthTabName && (h("gb-tab-button-base", { key: '7f9e0bd92ffab85d6df78d8369328c85077abf7b', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirteenthTabName, current: this.activeIndex === 12, onClick: () => this.handleTabClick(12, this.thirteenthTabName), alignment: "vertical" })), this.fourteenthTabName && (h("gb-tab-button-base", { key: 'b133ff8fb7f00b9b4e42d710a91573cc1567c1d4', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourteenthTabName, current: this.activeIndex === 13, onClick: () => this.handleTabClick(13, this.fourteenthTabName), alignment: "vertical" })), this.fifteenthTabName && (h("gb-tab-button-base", { key: '040450cc80bb66913e41b54b57209b7888221057', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifteenthTabName, current: this.activeIndex === 14, onClick: () => this.handleTabClick(14, this.fifteenthTabName), alignment: "vertical" })), this.sixteenthTabName && (h("gb-tab-button-base", { key: 'e49b67caeb72a5385efb99b2794c36e4976b8c17', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixteenthTabName, current: this.activeIndex === 15, onClick: () => this.handleTabClick(15, this.sixteenthTabName), alignment: "vertical" })), this.seventeenthTabName && (h("gb-tab-button-base", { key: '1bc4bbe09b519202784e96507ad2d343a0a54850', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventeenthTabName, current: this.activeIndex === 16, onClick: () => this.handleTabClick(16, this.seventeenthTabName), alignment: "vertical" })), this.eighteenthTabName && (h("gb-tab-button-base", { key: 'd9a5859c2399e32abf4ef5490bb3ba949f74f903', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighteenthTabName, current: this.activeIndex === 17, onClick: () => this.handleTabClick(17, this.eighteenthTabName), alignment: "vertical" })), this.nineteenthTabName && (h("gb-tab-button-base", { key: '8aad0887376563c63d9f9e59d4cd592ac57a0a79', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.nineteenthTabName, current: this.activeIndex === 18, onClick: () => this.handleTabClick(18, this.nineteenthTabName), alignment: "vertical" })), this.twentiethTabName && (h("gb-tab-button-base", { key: 'ae3def1545e07038050f58f342308af5a53d045d', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twentiethTabName, current: this.activeIndex === 19, onClick: () => this.handleTabClick(19, this.twentiethTabName), alignment: "vertical" }))));
     }
     static get is() { return "gb-vertical-tabs"; }
     static get encapsulation() { return "shadow"; }