globuswebcomponents 2.2.2 → 2.2.3

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: 'b9261ab007bf14cf6129326621a230c1d7e09083', class: "minimai_icons_container" }, h("div", { key: 'f3184fbc876b49e8c89c41835e64e9d2787efcae', class: `minimai_icons_div ${this.size}` }, this.text && h("p", { key: '8485034d678afb9ab76407f051869cc6ccf0ceb5', 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: '114b1e00dfbb539bf486dcdf014c2a448f2db015', 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: 'ba3e030ab6447207f6f8eeaaa55ebc6cb8317173', 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: '25ee017817b52825876191834184b4c60624fbf1', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '4fb8b117c8ad826b1d8db46c08defa315ae5d3f2', 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: 'df19fe71ced1fb25a4c2af2b1941918426552127', 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: '175fcadc38cfbe7c32bc144d057cfc5e4a014279', 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: 'f8d7a14df24332a5dfec5f4f6fad9fcd3342af76', class: "table_header_div" }, h("div", { key: 'd21b248289e11c48285d38019e60d010a21fa65e', class: "table_header_content" }, this.tableHeading && h("p", { key: 'e414cc01456bb13756e89ffbe85e2d3b17bb6668', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: '64675aafc0e19894d2499789a66ffd295b6ec01c', class: "actions" }, this.showSearch && (h("div", { key: 'a392e4704398884b22a3bd527b0d5f2a21b415a4', class: "input_field" }, h("gb-input-field", { key: 'd2d57810049d5285bf900b37736b7ff5cc41e656', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '3c0c4d5ef5f22ac71b5eb926c36fbbe65b6e066f', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: '59af4bcd080f80749cb9c96803a0f47ddc8b943c', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: '815d0b570a0f08fe89de30e3907f906be0df4538', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: 'fd634aa917bbdadcde052da00f2c98e09e34a4b9' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '509dbe0e6b011b3f818b21034fca070d6465f0db', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '4fd53890b800a66ab53f5b3701fa90ec68d5be05', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '73ab034c2eab64cdd989d019f4fbd46b57006862', class: "export" }, h("gb-button", { key: '35e2a9bf61bb7ee005282b38061fa499da13be62', 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: '8862d52793c936b31f4e925d2f08649345d3529d' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '8acb1b521575ada1876ba0f4d9412401f43bbd6b', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (h("div", { key: '7e173e5c6b42b42131893e0c3c060fa239b922d2', class: "refresh_button" }, h("gb-button", { key: '54838987c9949303e464c0424f42b48e8127f58b', 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: '80e6fc0bbdbe9d13538c23ea10e4ebc982d00736', class: `container ${this.size}` }, h("div", { key: '9e36dd9150dcfd3c9ccb101d5379b7315457a975', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'cd5bbc8bc4f65c5f8377c5cd09f59b498c9a0a87', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'ce806d90c91c3a301a07399723f244415f48d9e6', class: "icon left-icon" }, h("img", { key: '6e91c6524485b527a3ba0daa811f46c896a5a8b3', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '4e3801d277fc9da7e0672d3211af4faacd84a722', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '8d0a8afc936c64c1d0ef2a80993e6ac45aacb18f', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: 'eddd381b5c23146673ec8773db29a3e4a9f17aac', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'f2a67df93bdab8b8768b2db60c56bf20fbf551d7', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '3d8f81d968a6478871046e4a4ded4df13723c530', class: "label" }, h("slot", { key: 'e6e6e4c431124f9a351f1015ed3fc4409a4be170' })), this.action === 'count' && (h("gb-tag-count", { key: 'da109edbbc61150f6103063f61f3c723059132a1', size: this.size }, h("slot", { key: 'f224fb469e05c71a101ca7ee8a7aa4ab90171afb', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '16a0700f67e5cd21dcde9fc102e2748ac647eae0', 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: 'eaa06a5b51d45741d09791248595177c96e8f2e3', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '63f67f3d8eaaeb58b9bbc31d6321acdd3c29a496', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '5f16754be5ff646df7dd32e0ef19e048463a3d04', class: `custom-checkbox ${this.size}` }, h("svg", { key: '821e3d678ce0b708e75ad3ad0b052ae9796ee206', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'adb5f4e636a21322a49e4beb4aed8b44be878bd4', 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: '11406c60fcebf641242252b7488eb5f74f88685d', class: this.size }, h("svg", { key: '240b24675309a48af906359fb44de9c73465df75', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'ed78aa2c23f65ea32a15f4c1b30e26dd191ac7c6', 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: '001e7d8145a50688ff6e066bc9b81a42f81f6b05', class: this.size }, h("slot", { key: '891d1e902ed071a749225267006e471d0aef5e38', 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: '8fbe1767910d5a048f14d4b7c0edf4293b50803d', class: "textarea_container" }, h("div", { key: 'a1479fc8f8ae7a144241a196eb004f9b8ef5c9dd', class: "input_with_label" }, this.showLabel && h("p", { key: '3e283f4db2d218299d4b674b086e8b7515c065ed', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '5c5dd461e7f5eb1b44ba09d089c94294b40653b6', 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: 'd710ded6555e4e592ca2f8fca5c19000dce1bcea', class: "textarea_tags" }, h("div", { key: '67eecccad1ab213863d8b8b639decfa1c090c09a', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '393322855df6805014a92d35ce6789b9ca05b03c', 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: '5dc3a7e416740e33f2d05c28a050a589ee1e80d1', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'be252f049fe2a8f99f03183a3fdf233f9bb4e7ee', class: "input_field" }, h("input", { key: '2b7bb47d85284304689ae809753b7da89e898527', 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: 'e82d2a863de4b6bbefc838d2d81c72c8e503f127', class: "help_icon" }, h("svg", { key: '26a84aab98b251974076de5376a1916f71519866', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'c5ae2965d91757cf35a11b06a52cc1152f6713b6', 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: 'e56c5397ca0c2b1bdaf4fdfdd4478ff752a7b09c', 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: 'a849df6d6b9c5c8a45cc50fd04c1778a9e0f02cf', 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: '83ed9b85a6316170f0231141bdd97dd6ea79a5dc', class: `theme_tab_div` }, h("div", { key: '2e035ee765309e0a10fe1a3d4433190bb5bd8aa8', class: "tab" }, h("gb-icon-button-base", { key: '116512ed7fc43827e4e5994816ac8627e314c79d', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '9e0f244211d33ebbc5d615eb391330ac5d1711bf', class: "tab" }, h("gb-icon-button-base", { key: '6565acb9c1b2b5682f202ddb6c99e7a20e7101bd', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '86c7eb6dab89fe3c0102c434c49513ef394ce4f6', class: "tab" }, h("gb-icon-button-base", { key: 'f7f3ec5abc024765f6e23cbaeb2df7337a1007ba', 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: '9506ce543c774ae6f59a7eeba30637a07ca6b9a9', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '6bed9379a17799f051ee5a59b366ba8671af5d45', 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: '078217f6aae3d0fc0a6cace6d93c466078169eef', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '55435b88cebc0d1e3ddf5f727317f8b03b700609', class: `text ${this.size}` }, h("p", { key: '85b639d52e92f870fb86de19bb41ebe3d0fecb25', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '5ad66ff3288c45e601259a66a55b15a310b33321', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (h("div", { key: '57cb31243b79eb26a7f6f9e681626d1a6f5afe17', 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: '73f33913ed94cd5df0287634ae26454bce4a5aec', 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: 'b459688c92482803feddcbd6fcdb81daea1b4692', class: `container ${this.breakpoint}` }, h("div", { key: 'afab64dd9ba9ff57ce5df1ed80a6ee387487135d', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '7aebea004bc0d8f745ed947742332c62a7276eaf', class: `inner_content ${this.breakpoint}` }, h("div", { key: '25011a6c4e27a3c2c62017b20ed38babbd533957', class: `icon_container` }, h("svg", { key: '9f180fab63cbe8fe5e9a2b4a7787842d04d08073', 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: '6522798788185ce770b46b3d09e05c57a3bb0843', 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: '9c14f389afabefb4b26e7233bd5875ece6a3370b', "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: 'caf3e1f6fe69b5768194274bc3f1d88f9c07b45b', "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: 'a2d9366490de49a2200b0d21d86f7e2822295bbd', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: '969e0030e6e631ebc69019b5ce4d8ad78e615ac7', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '197e16767a18d89b2d2359b2ce48efd27c31c4ce', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (h("div", { key: 'dd51bf24c4ee81d0a6371f1952d1659c1a1146c9', 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: '82255fa1c32b1274c0650d0fdf16de5e6e7d6323', 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: '532a8101c9c68d36bd7cd08939a9a48fa96bcf46', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '797e449821ea76a46fc00cf146fb202fbc6054a7' })));
     }
     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: 'ef5450ce6fc1520ec075ccb643c05c55e793a688', class: `toggle_div ${this.size}` }, h("div", { key: '212d6acb8f0da498c4b0301b27bce6512eaca8b6', class: "toggle_base" }, h("gb-toggle-base", { key: '96ea59f4691ff1155501c98dc284bb0ea5cfd472', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '337f07fd9b72ce0e74d713f4967d6d8fbf67bcff', class: "text" }, h("slot", { key: '1c3e90e10ba5f878d557d0ef852f17f22c1dd7f1', name: "main_text" }), this.supportingText && (h("slot", { key: '831435ef8bb86e50bb2a490b9f2e68ef5f58f939', 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: 'c91b27b8bb70ae2cbf59cd30b2e9c901c1640896', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: '5c44d3f4cbdc1f312e79c2434e6361ca9f0e4f71', 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: '642cf51054ba4f3f1d952d9373c6385e303a121d', class: this.size }, h("div", { key: '12fa79b1db41bb2d3382e31ce7edd5457cbae908', class: "input-with-label" }, this.showLabel && (h("label", { key: '6432e0fefff8ce10828d4d0f7e1bcff23f27324d' }, this.label)), this.digits === 4 && (h("div", { key: 'fb369b4f31037b05cc9f89e55444ee0f76e6c765', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '8c0630fdd73d61316029c73efde21a6ac8f2833b', size: this.size }), h("gb-mega-input-field-base", { key: 'e521bc15bc44ad54f833d9a7b30a47fe888a8087', size: this.size }), h("gb-mega-input-field-base", { key: 'd0bd84e457387132ff4027cb1b090ad862c00663', size: this.size }), h("gb-mega-input-field-base", { key: 'da23e10012ccfcf303f7b09de5261209ddf59060', size: this.size }))), this.digits === 6 && (h("div", { key: '05cf1aa23b9e156aa76a93bebef08c7d9057ceec', class: "input-wrapper" }, h("div", { key: '110ce82e2e06fddd3674e524ec54a63a6da2d4da', class: "first=section" }, h("gb-mega-input-field-base", { key: '8d62e29b9d07d765f2e12e3dc971649219b27ff0', size: this.size }), h("gb-mega-input-field-base", { key: 'd73f8d633c35b9834dd7e3b32369cb8e7e3aba55', size: this.size }), h("gb-mega-input-field-base", { key: 'cbdea7885405f4f90dc9dc6fa016119476c7b2f6', size: this.size })), h("div", { key: 'a737715a5fef4fc69d03c5a8e0d61ec90411c4b6', class: "second=section" }, h("gb-mega-input-field-base", { key: '532eadc04df1edd02f2dff55e888476d91719af1', size: this.size }), h("gb-mega-input-field-base", { key: '73d70e575280d0aa0a17b010b5f034a0456988e6', size: this.size }), h("gb-mega-input-field-base", { key: '2c4f7aafe52dce24eb93be92f9ef3a38cef00e31', size: this.size })))), this.digits === 8 && (h("div", { key: 'bff003f567d79dc893f206019fdd2a6953209b1e', class: "input-wrapper" }, h("div", { key: '4b2a8e263168806c7cb8668206bc0b7c6b7bf138', class: "first=section" }, h("gb-mega-input-field-base", { key: 'c25650b853c3e263950a64b11a95b36cf3866c06', size: this.size }), h("gb-mega-input-field-base", { key: '6690a0eb81875130687b5684ecb8b7148339963e', size: this.size }), h("gb-mega-input-field-base", { key: '4201485b646963e6c830e249d04d4505bb5587e5', size: this.size }), h("gb-mega-input-field-base", { key: 'aff94bc44339e92fac846ebf0d9f207606648ee0', size: this.size })), h("div", { key: 'b70ec0c42720c3a3ce51750c136c113ed0c2696b', class: "second=section" }, h("gb-mega-input-field-base", { key: '5426217b60e46989228b5388eef97ac69622a83c', size: this.size }), h("gb-mega-input-field-base", { key: 'c7226beb3ec4ac11571f5969dea8fc43ec3d7de1', size: this.size }), h("gb-mega-input-field-base", { key: '35cd7a8d8df166ea4523b07b0b265514a053e95c', size: this.size }), h("gb-mega-input-field-base", { key: 'ae2b620bc4c64fc988f7a2283647a40c8b91252f', size: this.size }))))), h("p", { key: '96930b407f0904696f88a682e934ac56ffdf530a' }, 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: 'f543fe362bd522e76c34b0d81d319af4461c15f7', 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: 'bacfd7f86c5cbf28950741cfe12a6220d20e5f16', class: "input-with-label" }, this.showLabel && (h("label", { key: '7c6816663a8a4fb131ce353e8020eda4bb38c4af', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: 'd53e77a9bdfbfe2f40789a7972e8b2c558492398', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '3034eafc62992e93e13be882b7b1d1d65e3da508', size: this.size }), h("gb-mega-input-field-base", { key: '7e942a8cf6c3abd837b55c5f3b60fd4503e573ef', size: this.size }), h("gb-mega-input-field-base", { key: 'c93133c4fa65c0fd8fe8571eb0fca07b82d69b97', size: this.size }), h("gb-mega-input-field-base", { key: 'dcdefd8d1af7e2d7e6fb9768883ae8eacdbbf376', size: this.size }))), this.digits === 6 && (h("div", { key: '3f881e449276a4cc7ec61ed11cca679207007a73', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '2ecc7f12a5cbd90671b54ff25c464d5a39a31c05', size: this.size }), h("gb-mega-input-field-base", { key: '079c62beb9a7619578f01f8e83394559f47d52bf', size: this.size }), h("gb-mega-input-field-base", { key: '5ea16f34c3182956331cd17808fef6906e6dc6b9', size: this.size }), h("p", { key: '144851c776d8fff0a423fa2a0dac7d994c80e3a7', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'fa9b31954e88f4541e82f383e7c589eba5250d16', size: this.size }), h("gb-mega-input-field-base", { key: '726cd28c5872bc1cf67c6ccfc9a2c220d02c1190', size: this.size }), h("gb-mega-input-field-base", { key: 'afb11d9bc3f4a4cf846a888f22049c87b8a2c670', size: this.size }))), this.digits === 8 && (h("div", { key: '6b887106e2e0da5b6099a28b7cd31d9f9d27b277', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'c1d0a0cd3991c5c971c8ccf37d5ff55285135eab', size: this.size }), h("gb-mega-input-field-base", { key: 'd1eae1aed5324218ff4769003833b00ae1764c22', size: this.size }), h("gb-mega-input-field-base", { key: '389e4c81161b6a1fbe5d9d0287c56950a6083cab', size: this.size }), h("gb-mega-input-field-base", { key: 'f8e698d8a4be3be863ccc682a29f364b6a9c3319', size: this.size }), h("p", { key: '34645c442c07c271d7ec9145928280fa0c9af5d8', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'edf33cd5a98c30c3dadb510086e42dbc2e0404d2', size: this.size }), h("gb-mega-input-field-base", { key: '760b4a6ade42a1b11b5e0bd029a051f61034ce3b', size: this.size }), h("gb-mega-input-field-base", { key: '0552b881d3c3b15dc45f5387a57556bb7f31bf5c', size: this.size }), h("gb-mega-input-field-base", { key: '1db436f5ba7530ea5a8d95a857b567d059233580', size: this.size })))), this.showHintText && (h("div", { key: '755b2390c162577a4d7b985b97b36234405bbfff', 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: '391362ebf10e7671248202df19f0612a59efadb9', class: "tooltip_container" }, h("div", { key: 'ad600a05e1def189d855ab3fb5c0ebac088b7d06', class: "tooltip" }, this.showArrow && h("div", { key: '6d47aaedda0b502932716179068936105c92efbe', class: this.getArrowClass() }), h("div", { key: '76e53deff811fcffb6fa8483579ad2900baef9d1', class: "tooltip_content" }, h("slot", { key: 'b3d9b4d3754bcf07ddd6155146ff6a5f150735c5', name: "label" }), this.showSupportingText && h("slot", { key: '1bf33d854ed24a5937e71b0c2d305ad49fe2bfea', 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: '359c5d0c207a42152bfaec9f76c8a1bb670213bd', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '9786c482fe0d9d2be05bcd5dc52f5c21f351a766', class: "pattern" }, h("img", { key: 'e7bc3c0b682b413882db8b68c4e7355cdebd62f7', src: patternSrc, alt: "" }))), h("div", { key: '9b96ffe162d886f32464d94001b8d903d6b333f6', class: "top_bar_content" }, h("div", { key: '023ed791804ef528631552606b4ad72348a68579', class: "content" }, this.firstTabLabel && (h("gb-top-bar-item", { key: 'dee1044a53b466816ce65306e0cba6cb22046e7b', 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: 'b607dd51b87f297cff17438dccba928b62412ecd', 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: 'ebfcbb98ebcad34127b2c5506702ac5222d0c9b6', 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: '58984b9a94e3cdc3b3226188f78f871af88adb9a', 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: '7b8d7e540c59744b5703c8a1a8704b4a9a6ed412', 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: '3b862e76a8e454db61289766251f7071464e8740', 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: 'a5bfcf6dee3c3900ee5ff32923f1722fad518f35', 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: 'a2a06d95c5eb4df89818b91a23f816d0525d1082', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '1f351471aa797f031b49b521ba171a39336f8e07', class: `top_bar_content` }, h("div", { key: '15951c94e4307b6c4b578c629918a74f76948c7b', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: 'cc94d67f31202f861425178f33f377c7e0dbddcd', class: "label" }, h("p", { key: 'e0648fa5571e5525b0dbfca00753139a2ab2cf63', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: '202efd4c880f3dd362154b9f66b814117c53e8a8', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: '45a5ddd0873d9d23b04230c1838eb90ca4bad63d', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: '57e8041ae467b595d5023b5a67f5bfd84a2926f3', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '6e5c6ba754a02b8e1059fb3d807cb59f6fb999e8', 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: 'b6e8ad9eee133e180b1c07dfd005a43c149a20a3', class: "top_bar_sidemenu_div" }, h("div", { key: 'cbc3f0bcb85cb14989d3c7f5be6a9c26014bca81', class: "vertical_tabs_div" }, h("gb-vertical-tabs", { key: 'b55edf1c7adbe1bf8725c798e9402c5b92ae13ee', 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: '4e2989b824c092555ff034cbd5ca482a613a4ffc', class: "wrapper" }, h("div", { key: '6dbc6d3f6de455d1ccc319a2e3cc01d267e9ee37', class: "wrapper_pattern" }, h("img", { key: 'a834e9a979ef7461ad65b93c653d17ad236cdd31', src: patternSrc, alt: "" })), h("div", { key: '71f6610bd3201369b2a74680411a9d8c87dee726', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("div", { key: 'a4ebd5579c4c42591287bd507cbffe3978679c4f', class: "application_name" }, h("slot", { key: 'ee69b75849b7657cfadea1cdfab9a99da06dc064', 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: '8cfc97e5b4f458d6e2caafbd8a5f4ad8eb53be59', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: '321b652eba762bdd53bfb825f493d9364ae0713c', 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: 'dd1737d96eb9dc86551f20ed89a6bc0eb8a8de50', 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: 'c9b68b92b5c09ca8ffa1f736a68efd1d3cdb7441', 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: '8d47990c8e8e8f1cbc0797cf9b11437fd287e33c', 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: '354eb58e7848922b041f9b83d90c03b4fdf3187d', 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: 'fe43f77633b1b02822baab89a660754a4c502a3d', 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: 'e727e0f297eb4f6106bdfae4b734db35ac837021', 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: '5537460f91fe7ed3c6c1ddd1c7468a204ab9fbef', 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: 'fffd1f11469e574276df5029b185a08847e5ae23', 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: '581d63f235dc76f57e847560b7e8900aa47452a2', 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: 'cfaa9c5263549684680b59dfd75c952b7653ee53', 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: '11b274b669380506e51ca4dbd43705e9cd78952b', 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: 'fda558cb4cbe462f2415ad5208eff02683410db7', 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: '68eb285c294115abdad638d8d2a3eea343f94e15', 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: 'ecd2f55a159a01db1e6b277e4811d809381bc0e0', 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: '52d7780284157abe363a75ef5da30d7d42b1fc78', 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: 'dcadc8da32418e76ff6eec84cf935bd45160e314', 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: 'a106cb4bfd66817b4eb8815ade84d760bc590f77', 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: '4216a4f72ba4303b7b323bda10a0b0871bb7791a', 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: 'ce0a50f44c753df8872c79d06a6ae502d806d82a', 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"; }