globuswebcomponents 2.1.0 → 2.1.2

package/dist/esm/gb-slider.entry.js

@@ -76,7 +76,7 @@ const GbSlider = class {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: 'c3c25c9a41f612b478d2df5453a22d8cb01d3da7', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '3c04247ee2911ab04480a468e00fdb179d53c471', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '93d62ac23783455851363fc7bdcfe04c15650367', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '650ebcb9b42a4842a77c41c7b39abdd45145e58a', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: 'd3830713ec4da6a6422d1efd54dd3908397d9c2e', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'caaa46adcc6f764967f730953471c3eef00c827c', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'a2af21e19a42d91543a3df3a14561a49f790b0bf', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: 'fc18c2112f075daa56384729d238b3fcb88af9c7', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-stepper-horizontal-icons-centered.entry.js

@@ -21,7 +21,7 @@ const GbStepperVerticalIconsCentered = class {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '5c13a3da176cf8f0e96a0ca11dd9787a92384343', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '45b4ee62e09bf32e0ff2b3863cfabff04e826fa6', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '9774d4899ff82c08cb53885322171963b69fac9e', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: '41114d3c4a04ada3f909d086e8f9c2e5235a0332', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '0fee4f5ff935622595d62486aad5d80fce0a1fff', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '4f29f169ea29779953cebfedbcd5427b7b955fe0', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '23e39e141fd42201c8a0c6b36fc4af0e79503f40', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '1d8e89ac19b6bbc1f39104f5a50283cd54aa2729', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'c439033e2054105feed5b25e680fe4fafd90b1c4', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'd320582e67d0ff19ec0382aab4b68766c4e435c4', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: '66659331546700aaca292a4bcd62b1100fc69493', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '8f53cfae2b87d45cd82263a7a712f62d307fd5b0', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'cf2e6a8422cca4ed802304a3de01a08e48241737', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'ebfc3f4c4c033c54a544d093d818601c19cf2bde', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '3cc65531538e62e979003dd79bed50cce29aba20', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: '7454ecb47cf8b3674ba07904b04e3d330f4d73b2', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'b47516a6d870fd6ee62c6172cb686efbc10e5071', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '45352f1ab38885d6b308236d8e22f5ad3c158051', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'd8cac740815ea80b6cde50fde8dd7ec5380ec7bc', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '6d8503c44e3c235ffc10013ed6ce931838231565', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'efe6e20ac835d0e9bdd7068e19237a4750d02529', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: '4cdcd470f3494c6d8449d9f5337bf5f46e3e4fab', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '8afb71e641c2ee2e9f6cb9bcadb0b77286e077d1', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'e640f03e9aca70e80e05b466ed1f4473a667ba16', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'd99e816f83bb34ceb42aa6e38c02b029998bf051', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'db8bbbc29cfb82951fee8b2856a9e48debe45f6f', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '2bba569187a9587a1f3ea962671ca520282d3034', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: '21482c1bc610aa8fbda97bb797579aab819e112b', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
+        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: 'add673fbe60ed21536439f799c4c129387bd1080', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '05fba7b26d1ca90838d85e09919184d2f4c38603', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'e40da8a744278850e0f4e7c5b1454f41bae975fa', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: '746f2c390c5ce68176bdf335456655d5d106ea48', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '698714c1ac75272ec3bea8fad88443134e5e8e18', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'df9ff62077e334d991f238d313c7a0be6dcb71ac', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: 'c84fbfaf5c19fc6303dcdd83a17bbe4618efeb45', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '1fbb3a6ff3c80760c104d6016565942ed6a93f6c', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '6387c08a8203e2f154f183dad39f7e645cafc34e', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '093a6585fb263064601bb5bb1f1f99819f43c77b', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: '29b4165bb5462f25b070a458e55e5be2a917fe62', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'f9e19f7b3b03e26bad7a7183d074ce94a5bd3e54', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '86e3d45ad0ac8a3a507ce7c3a40a82d96e0610a2', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '0708eff02c98bd5aa1c5ccd7025504d4062dcee2', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '885f87bb9af65617b3239eea0cceb96d92e05085', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: 'cb0f4ad09a13ce51ee951e9fc10e31fe084ae860', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'adebb789e77f59bc4cf05057ca91da01ce9ddf0b', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'a6cac9d871f7fbe61fa0d9b869992ac805c0babc', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '046e5a3f7d0a6978ac3429d7d2478e8bcf51525f', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'b766153cb61bd0fbd32dcebe4b8a367e6d2a1fa5', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '9663de19f5c208c8ab9f9bbec83c6291b182fe3c', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: 'da3051dd07e7c8f7ac9e951044a0eb26c00962a7', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'e743e0446fa46791a7fa37340f08823c70e20246', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '8041d88dd283969339b196e37b2aff971163ed49', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '84cb9b7db8e9e61cc6e93791c1f508e293351a06', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'ea891c6831b807b4e71acfa9a601882b91e298f4', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'aca983eb98e26485083c6f3bd5f6a9b99b099d80', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: '835c9c9df7b95079cd7b53e7a65e8829011b3161', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
 };
 GbStepperVerticalIconsCentered.style = gbStepperHorizontalIconsCenteredCss;

package/dist/esm/gb-stepper-horizontal-line-with-text.entry.js

@@ -35,7 +35,7 @@ const GbStepperHorizontalLineWithText = class {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (h("div", { key: '1c1f6b756b2a8b2f9f2b67e447dd78e29fc4186e', class: "text_with_line" }, h("gb-step-base", { key: '14cb3ae80663bac66e8bc331ce89a3d890820daf', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: 'ae71edd448246a07e297d479f1cadfa767e3dbdf', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: '12c413f3c85668c3e23aa68845c511cf1be0e119', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: '8b5d3816816e3877ffe96b49e7621c8167574a04', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: '223cf1c0e50f29d57e28c566f620a8b59556ef32', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: 'a9989e0c8df02f6577f549b476bec3c102a66f64', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: '2981ac4e1abc4d28c6cb151cd3f4a27ac173890f', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
+        return (h("div", { key: '6c867cadfa6b5d77ae04cf60734cb15337546f0f', class: "text_with_line" }, h("gb-step-base", { key: '35fa9197e20955218eebbf2bcad87d53ce026c7e', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: '45edd2730f14294b40f4acfd77917b09cf8b765b', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: '075f47f42d8ee54f215057c3b0d6c21260b8b548', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: 'b8c2fccddfeed6c8aaa087c2b08dd22bc29c2cde', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: '4007654b8b8bc72098b3c288b88b397eec02e575', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: 'c689ef396cb9d9f50d2b6410fe3881b2467783b0', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: '91763e3db0daa01b2178e213d2b6409f82b469f2', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
     }
 };
 GbStepperHorizontalLineWithText.style = gbStepperHorizontalLineWithTextCss;

package/dist/esm/gb-stepper-vertical-icons-with-text.entry.js

@@ -36,7 +36,7 @@ const GbstepperVerticalIconsWithText = class {
         this.stepClicked.emit(index);
     }
     render() {
-        return (h("div", { key: '4ab2c4c3132ad180c648bda260cfdb0c41987233', 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: '3037f0a067ef6bb712adfb2553d5aa49140c1d83', 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 watchers() { return {
         "steps": ["onStepsChanged"]

package/dist/esm/gb-tab-button-base.entry.js

@@ -45,11 +45,11 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: '6dc161fea6741787f786d200b3383bba778602f2', class: `tab_button_div ${this.type}
+        return (h("div", { key: '5cb76abcf4f969ecc6622fed564b485de4148357', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'b6d30c1c32e406c920ad7b4728e02a4a56c03a82', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '14bb2ac4695b5ec64b3b6bd54f9115593b9e9d14', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'b05820f170d144ce75d5b1e5f56385c3653cd404', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '47650e065f51732652e0cffbea50e979b84f803d', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
@@ -58,7 +58,7 @@ const GbTabButtonBase = class {
                         :
                             this.current && this.type === 'line'
                                 ? 'information'
-                                : 'gray' }, h("slot", { key: '65cc8561b65e7ff15b366a9f8d2a4f9d0d454fdd', name: "count" })))));
+                                : 'gray' }, h("slot", { key: '9afed4e378d968dea54de28ec8e826181bb5d1ec', name: "count" })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-table-cell.entry.js

@@ -7,7 +7,7 @@ const GbTableCell = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'e1cf3198894f263fb1716af55c7cd3847e8dae25', class: "table_cell_div" }));
+        return (h("div", { key: 'b709f27ab182ecf6a8760bd78a418e80e333ca12', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = gbTableCellCss;

package/dist/esm/gb-table-header.entry.js

@@ -58,7 +58,7 @@ const GbTableHeader = class {
         this.layoutButtonClicked.emit(layout.detail);
     }
     render() {
-        return (h("div", { key: 'b7efca0c23293aac41a7108abd3f8aca775bdbb6', class: "table_header_div" }, h("div", { key: '2ead72e6d5c9710514e023a1e56fc3c0d01fcdff', class: "table_header_content" }, this.tableHeading && h("p", { key: '78f65421b1f48f6a02c971ccc21c163a0ad002bd', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: '8b23a801aeb52988109cbc2e65902fc39d3032d2', class: "actions" }, this.showSearch && (h("div", { key: '5b85381344f8c51af58f3b1ffb61777aad331624', class: "input_field" }, h("gb-input-field", { key: '066f1fba1a931cf3318aec93691e61040eb75da0', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '164d1ae9cf1a5979d20ecdd2cb516d17a90fc7bd', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: '36fc5a8b964aaf40a31ca7b1390b0038a69818c4', items: this.items, icon: "only", onValueChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: 'bb62826aeb0db6c65887c4d9958f4fc0e3231f9f', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: 'f19790e67ea010dadbb7ca36fd8b6056912311c6' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '7164dfedc36a89428e07844dba018f80660fac9d', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: 'afb90a6dfae985c78c1ba8bf30b55c0d9e8efcad', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '1358e84159a69c0d1da42557ecd60b541aa7f940', class: "export" }, h("gb-button", { key: 'aee819026422896e715c4c5bf33d9fdf566e2216', 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: '41db307d6873fbd1d1a63203cbbdbf91b36f26f1' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '1bb1cdec7aa0796639c1ae17e3bbbe2b2ec52d93', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (h("div", { key: '123e74acdf5d399f7184c8524b3ede79a87ce614', class: "refresh_button" }, h("gb-button", { key: 'daa8b5a57dcd3fcc1c6f0954ce857239355f01c3', 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: '16d26f27cdbb50b1be68bba0158ead7f9d11f17e', class: "table_header_div" }, h("div", { key: 'fce3a19239420a7056728331e6fb01bb049adfb2', class: "table_header_content" }, this.tableHeading && h("p", { key: '0c4916627b2c86b2839deb7daddca075765e9125', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: 'a60e85b593ef9cec8fd25748bb1bbc24d11cac2e', class: "actions" }, this.showSearch && (h("div", { key: 'c627dbd8f5e480a55044f2693fcc2bcdc7a73f4b', class: "input_field" }, h("gb-input-field", { key: '1eeefa855f4374a6693430ad5f2c4a66694762f1', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: 'a8001f285337cd19a396fd92b71ac7fb80ec3f34', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: '4d69dcbcc4cd5a87d376ff8810c88747d5af5c5d', items: this.items, icon: "only", onValueChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: 'a018b1bb26d835377783e5bb40cf19d824411fec', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '00d371a7ec101b59c49480ca16dbd929bb52bbb3' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: 'afee6ed82be37b8f6f04a7e7ab8349fce01a1418', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '20a55fc4166e7c02f2220bb8fb17f676b31e7bf3', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '74ece723c789962dac894c82f9d0245cc2fed23a', class: "export" }, h("gb-button", { key: '3f32170df7dd982e5837934d13b1d071df948447', 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: '76800e0cd97d5b52b6a74e0db8b4dcb14173b3b2' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '1b7784ccf3e664b28410a4b60ee0e450be455775', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (h("div", { key: 'd97bc431beb6fff9b4190c3316b9a5f9003467e6', class: "refresh_button" }, h("gb-button", { key: 'a695c9fd99a8524fac52efc81cd2ea990ac7a78b', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
     }
 };
 GbTableHeader.style = gbTableHeaderCss;

package/dist/esm/gb-textarea-input-field.entry.js

@@ -191,14 +191,14 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (h("div", { key: '8f44640a45d5ea0df828cccf056e7b18a2449886', class: "textarea_container" }, h("div", { key: 'a395eb3778808e71386dca114cca8a8ee9f9fac6', class: "input_with_label" }, this.showLabel && h("p", { key: 'a7cda81937cf2b194ae20f04b139da82e5830ace', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '6728d62549cdb6244ee69319641ea258275ea877', 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: 'b8156ee65a66b7f4bc12993dd4646b4bde8a0b67', class: "textarea_tags" }, h("div", { key: '26a3046297e2e41cc9569ede7c1fde568b6dd34a', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '5ac864f52a0512c11eb85f298c277eec9a79f9ee', 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: '55a3ee98f75bc6fa2dd2049597f1771b9f5dba67', class: "textarea_container" }, h("div", { key: '4517f3a33c0e7b38cfe739d5800e1c0d847b8b1e', class: "input_with_label" }, this.showLabel && h("p", { key: '923156d8eb88df8d1fc826afe5199fedd86b05db', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: 'bb093e13431798b8723a6e86c404c3528275fa42', 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: 'fae893d00a32a8de116573ed61a4f727dba94846', class: "textarea_tags" }, h("div", { key: 'c189b2b35176b8b6e77c1b1a537c610f1826846f', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'e9d2e9d58083b5cec17a8e11530bb01c911bfb92', 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: '902777cf0728700c7263066f3ae61ac72b10357f', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '9ea14bbc3adc34bba8f55b1b09d2d0b695d0c4cb', class: "input_field" }, h("input", { key: 'febbf7172c3c61276efdd2fe29f951a73df6708e', 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: '6fd0b7ca893410a27d249ebb8ae162aa35270784', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '13b6c2eeab56ad2de2453faaa20bb49c273c00dc', class: "input_field" }, h("input", { key: '77bfe5e91a0efec8653379c09a1abdc8dc9c7907', 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: 'b0a1d83539723a690406da55758d063b21dbb311', class: "help_icon" }, h("svg", { key: '6e93c75622b1434900c7fd0d0653cc8b4f32b03a', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '7c438a9434b986000c9b216706c6aea44e4272b4', 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: '882566e5972ad33cab21480e96b1a755e515b2a5', 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: 'a04172f2b16501c54cc2d6a590722140ef62728a', class: "help_icon" }, h("svg", { key: '5223feb348a25e82ae7b363ef7e41a398727d455', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'b6b3ebf57dca8b1864cb537545089a1c134e727c', 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: '5938c83953749001edd7b3881dbbc7721d3b414d', 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: '7cf50ff0efeabde6c873b3e9e9a198ee9163b2f4', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '4e77a2d835d2770615dad2581ef6be85fff171a5', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gb-toast-button.entry.js

@@ -11,7 +11,7 @@ const GbToastButton = class {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: '7860b5a2fe3594f4dcab9791274438bd8c2eb051', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: 'b3cdabca08defd54654bdf965319c3ab3775f93e' })));
+        return (h("div", { key: 'cf42153ab1bcb263ad4acda715f97de7dff14dc2', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: 'f45ba509686682f00a0afb1bd1e226586965dcd4' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-toast.entry.js

@@ -32,7 +32,7 @@ const GbToast = class {
     //   }, 5000);
     // }
     render() {
-        return (h("div", { key: 'f0f2c0041221bfca4e997e9d877039abb853880b', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '22da7f27e379712e6223e27e28c2f627db434676', 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: '0ecaa46455a60209b39d17574347c47909cd1057', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '82412be96cd65e7339e8e5658541934a6c09e135', class: `text ${this.size}` }, h("p", { key: '451e60b5fa948dfe0d0dfcf304215d9cba16f6dc', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '98b6f4a4f1ee6d2336a64fc28e6f52ec2076af71', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (h("div", { key: 'd55ec1c345c2cac765fe1e919fab386b61991d5e', 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: '3eb848fe5d56e912b605ee8962da5cd053d9bcb1', 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: 'dce31eb828d9f5f7a7c0a2e076585567fbf649f7', class: `container ${this.breakpoint}` }, h("div", { key: 'aba07a1fa4a3e5b981573e45e386a105e8d6b2dc', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '9f2fe64bdf8b8cb8c993f03bd3a28518ce6645e9', class: `inner_content ${this.breakpoint}` }, h("div", { key: '296ddd9e25007994b0f0a55e0b0717d25521b5e7', class: `icon_container` }, h("svg", { key: '27b6c2a934037ce84f9adaeff820f7fc05ea560f', 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: '4f178c0ab494f297c59a5e3be068fdcfb670e5e8', 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: '2c57f31733c5423db9a0646d1aeb8226c3375741', "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: 'c2778a1ee332c8b28fe7b1230fd040d6eeea3174', "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: 'ad0e53e6fb3c38e73e48e5d1d9da3b88d132885a', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: 'e9a74ac8cfc59f15f5d9c981ee7c461a1d894b3c', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '0a7f32386c4b9bb56f9fabe198ef6d1b45fff94a', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (h("div", { key: '9a858336a720b110a44d2db2f20c69b5734b1cb6', 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: 'fa4e048a12922809b72c41a6dc694a9a2ca82ee4', 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: '38d4e89e30e0b7f6cdd42531c22a02f1338fbb4b', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '261e8a492935c0d5622b2c6dfc8a645e049cfb09', 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: '368f21d3c73f3e07b1e7cdb4deb9f1b56beadb00', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'da62ec026c1a30cfe5f924bb2b42f1439ef99277', class: `text ${this.size}` }, h("p", { key: 'aeec3a190a277244e5821842a731ee12780a313a', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '5e7e121f0df8407d2cdafb86fe0dd23e596c6cac', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (h("div", { key: '271d07ad33f50a6050b73dadf73f6088bd0f2644', 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: '34683e25aa5b9ba187fa549ebaf973d6ecb939b4', 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: 'a8f92ec185f785b79382d630903326ef9862478d', class: `container ${this.breakpoint}` }, h("div", { key: 'd5f23ff1b987f9b6351939e78ac7a0ccc105ca7f', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '355523f36c1d67ff33edbdb9c65fa47da5c606ef', class: `inner_content ${this.breakpoint}` }, h("div", { key: '5cde07fae313afcf98d880be04ea09ba70f233ba', class: `icon_container` }, h("svg", { key: '964ae16426374e2e2480d46b935916afd73d21be', 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: 'ae4be9337e90cc5a02b31df2bc5b4435ddb236cb', 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: 'd1e832a0db9874f59b7a35b7536fdf8fdc1bec3b', "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: '58fd31901fdfb8e98ce86bbaf9354030f1270582', "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: '5f69a58715428f0e3ce671c84f60745bbd44ccd0', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: '24699c1dfb494bc7122defae1a19efb3f7253362', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: 'acfe08a513cc5a197cdbd606932bedaeaba435fc', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (h("div", { key: 'bb436272bad5238df3639dc604f4c8260f1a1446', 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: '26506c61de2a947f044bf274bb73f2c58ed51da2', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gb-toggle-base.entry.js

@@ -16,8 +16,8 @@ const GbToggleBase = class {
     }
     render() {
         return [
-            h("input", { key: 'e48f29ffecc41162f94576823cf7b19f651ad408', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '01bd2623748e5ad577ae37ad26dc82e699a96a7f', 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: 'a2fd440c9c5ecbe9ef6c0ff7077dce322fd1a6ff', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: '5b592ddd20d80c4da2094555c24b239d2f575867', 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),
         ];
     }
 };

package/dist/esm/gb-toggle.entry.js

@@ -38,7 +38,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (h("div", { key: '4ec0ed3b3777861838e434337aa8a68f3e6deeb3', class: `toggle_div ${this.size}` }, h("div", { key: 'b03f3c82bd9097eeabf11449ce2b07b32360e507', class: "toggle_base" }, h("gb-toggle-base", { key: '3e5cb56ade237773fa30032c5631ddfbeb0789bf', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '0343f332eeabd496c6abfff9cb5092a6d39f3d04', class: "text" }, h("slot", { key: 'cb044be32af447ed4a201c61bab2fb9fb13fc84b', name: "main_text" }), this.supportingText && (h("slot", { key: '39ab37c4f110cff98eb403b71a574f56516f5579', name: "supporting_text" }))))));
+        return (h("div", { key: '2535d89785b4ec4e716b1637ad95f697e01e6441', class: `toggle_div ${this.size}` }, h("div", { key: '00c24a9cfb0baca938ef293154bf4d15b7cdb095', class: "toggle_base" }, h("gb-toggle-base", { key: 'b1d2bd0702238b0c1951a02db1a2fa9c72662cbc', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: 'c72db58f93a33508b864eaec7dd17adcea77c365', class: "text" }, h("slot", { key: 'ec509940831a25a99f8bce1535a05d99e8473ceb', name: "main_text" }), this.supportingText && (h("slot", { key: '4f6b45a01f77ea10601cf2fe9cc3cee86e1febf2', name: "supporting_text" }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-token-field-compact.entry.js

@@ -9,7 +9,7 @@ const GbTokenFieldCompact = class {
         this.supportingText = '';
     }
     render() {
-        return (h("div", { key: '799d86897963027e75655bf56a8a2d23a709278b', class: this.size }, h("div", { key: 'b987c152676df8c390ef1a3c172567f3823ab19a', class: "input-with-label" }, this.showLabel && (h("label", { key: '9828d89f0edc734068b03a85644c6db42613555a' }, this.label)), this.digits === 4 && (h("div", { key: 'cc950c7b5fc0101e9e601221b8971e890e286a8a', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'c6c964f8e63c1869604affe3df7be61e724b687b', size: this.size }), h("gb-mega-input-field-base", { key: '61f67bc499008affda7a39a7e27f166423f4932e', size: this.size }), h("gb-mega-input-field-base", { key: '583de8c6ed47a06d33d97a48870ff94d677d7148', size: this.size }), h("gb-mega-input-field-base", { key: '38650d1f349adc7f212e32d2f75568f6a223ec18', size: this.size }))), this.digits === 6 && (h("div", { key: 'da10dfea7fb7e37cd49fdd11ff9767344e20a336', class: "input-wrapper" }, h("div", { key: '347c9f7ea1fe1b37d6019b78da11d87d2ed8cb10', class: "first=section" }, h("gb-mega-input-field-base", { key: '7a2919565a32936e736538bb9b2afda437715515', size: this.size }), h("gb-mega-input-field-base", { key: 'e745ba5250e1a13ca980ab1078a256bbf11d355a', size: this.size }), h("gb-mega-input-field-base", { key: 'd37569b3cdc6d64fdff89075bc765b593e50b4c4', size: this.size })), h("div", { key: 'a7dc7e257ab595f329168059d7bac533c45f5c16', class: "second=section" }, h("gb-mega-input-field-base", { key: 'd87dd19d5ec7399afe765c32225304125d9a1dac', size: this.size }), h("gb-mega-input-field-base", { key: 'a3b268349425f8d624b0ff0d9c764e6690a91f65', size: this.size }), h("gb-mega-input-field-base", { key: 'ecaa8def1cd47050a36630315fb8c8d6f3165cd8', size: this.size })))), this.digits === 8 && (h("div", { key: '6e3e904a3c8b8dad0400cf23ef5dd6b4475b5c95', class: "input-wrapper" }, h("div", { key: '90829b22f93dac7e4e3a2f60703c5286a0fe0ede', class: "first=section" }, h("gb-mega-input-field-base", { key: '00fcb28a5cdbaf4f157a2b78f24aa6e6354447d2', size: this.size }), h("gb-mega-input-field-base", { key: '539ed463615549e4f65f7742405350df165a06c5', size: this.size }), h("gb-mega-input-field-base", { key: 'e0ff959a3292632d69b41a6aedef94e799d1d51e', size: this.size }), h("gb-mega-input-field-base", { key: '7ca542a5d0f00bc219044adc21f2909e63c5dcee', size: this.size })), h("div", { key: '7c14ed41edd1097c12f9e7f9a58a2dd8137c6f35', class: "second=section" }, h("gb-mega-input-field-base", { key: '31320c18b6540410c7def8fba977d7d6c5d7174e', size: this.size }), h("gb-mega-input-field-base", { key: 'e2679b9ec04458498b7bf3a158c5e48980261968', size: this.size }), h("gb-mega-input-field-base", { key: '5ae0b1c0f1b4a8edf383d2220b1758c7597dd673', size: this.size }), h("gb-mega-input-field-base", { key: '17b4649103d464eefb33b89e49d9d722018a087e', size: this.size }))))), h("p", { key: 'b54edaf4a33c5c702c6683c694c29675d963ece6' }, this.supportingText)));
+        return (h("div", { key: '0d9c7e397e1712c87147540117b13016d7d155de', class: this.size }, h("div", { key: 'b2047bea7464f613836ac6efd6ad99b9831da263', class: "input-with-label" }, this.showLabel && (h("label", { key: '0d4ce77ec75f1f78f4ad0e5d04093b2248b464d3' }, this.label)), this.digits === 4 && (h("div", { key: '164f36d4ccc8161089b187490b2a47a5d12f6570', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '1340a687a70c7d49935b05978cf05f3dc39ce7a3', size: this.size }), h("gb-mega-input-field-base", { key: '58b3244f180215ffc3dd9283e94803f7ac367d71', size: this.size }), h("gb-mega-input-field-base", { key: '538c152aeda08197741649783f740897960af90a', size: this.size }), h("gb-mega-input-field-base", { key: '03dba8730f58a8818c4570e5e3ffb18a6a862eff', size: this.size }))), this.digits === 6 && (h("div", { key: '0e0323fb92d103e929259d1fa7d9cf5ffa5e3ce1', class: "input-wrapper" }, h("div", { key: 'a83bc11fdd27274b77151968bf0b7a1afdde8664', class: "first=section" }, h("gb-mega-input-field-base", { key: '59f77cd731ae041b39d013c1f9f551e71f5995c7', size: this.size }), h("gb-mega-input-field-base", { key: 'f04f7463daf17fdb75a9f241763faf8982a010f8', size: this.size }), h("gb-mega-input-field-base", { key: '7be59e5a0dcfd4e3da83e573af2982260f166e47', size: this.size })), h("div", { key: 'e422eee1c8613a6b8ccba73d7c205f61023e1532', class: "second=section" }, h("gb-mega-input-field-base", { key: '1e8352813f3de7887ede9e2331c9cd79911af156', size: this.size }), h("gb-mega-input-field-base", { key: '8a524d13a0aa3e888680f3b1a793aec934923b1b', size: this.size }), h("gb-mega-input-field-base", { key: '9c27846aa9e6eabd760f025c2f78c10be3584732', size: this.size })))), this.digits === 8 && (h("div", { key: '8ccdb3a8afdf1436e7aed259ab5ae4087adc40dd', class: "input-wrapper" }, h("div", { key: '184681ba68f084aa39ccf2c39f7f45372c76cbe0', class: "first=section" }, h("gb-mega-input-field-base", { key: 'a7b65234093ff8c8377a68dc6bc820e9ae4ff074', size: this.size }), h("gb-mega-input-field-base", { key: '7590e554d256ce8390aaf9333449e4cffc53b97e', size: this.size }), h("gb-mega-input-field-base", { key: 'd49b3586b2ddac174e85cf9f995b4693f9f95eee', size: this.size }), h("gb-mega-input-field-base", { key: 'bcc744ca0defd42a3c7d07fbecea7cfe680d3c38', size: this.size })), h("div", { key: 'b02bcf4dc2799e1700db975b238e9a5cb1596d4e', class: "second=section" }, h("gb-mega-input-field-base", { key: '500361e88e86503d92bd8e1df0d85e6d59d7c5ba', size: this.size }), h("gb-mega-input-field-base", { key: 'bc500bd93aa329025fced0b3be313443438f1e9d', size: this.size }), h("gb-mega-input-field-base", { key: '28920c941548214c49f6b6bc0fcb8c2aa35228cb', size: this.size }), h("gb-mega-input-field-base", { key: 'fc4c2a7b6fdd620516fbd2d51f0025680bdeba33', size: this.size }))))), h("p", { key: 'aded9eb02e0dab7c2d9c611f4fa6710b0d931724' }, this.supportingText)));
     }
 };
 GbTokenFieldCompact.style = gbTokenFieldCompactCss;

package/dist/esm/gb-token-field-compressed.entry.js

@@ -9,11 +9,11 @@ const GbTokenFieldCompressed = class {
         this.hintText = '';
     }
     render() {
-        return (h("div", { key: '7b10ad8fcb5d84d60dc22309310ff4709daa6673', class: {
+        return (h("div", { key: '3c81357b067030e20d4a4ba8af6736d1ddb86ecf', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, h("div", { key: 'abae813d136bd3a0efa527af05893b433576e012', class: "input-with-label" }, this.showLabel && (h("label", { key: '5963cbdf7b087372b307807e09d3329cb6ec9857', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '82a9bb593b4d0cc25e9a3a0ae65cf938af991518', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '9069f6405333a8314d17398bf70860b528d635c1', size: this.size }), h("gb-mega-input-field-base", { key: 'bf2e95bcfcf99509565e5b7c28ebae0f19cbcca7', size: this.size }), h("gb-mega-input-field-base", { key: '43bc183b506cebe33cb4bc0c05687eede9d9f665', size: this.size }), h("gb-mega-input-field-base", { key: '64ba96f54493f49e055b84a673f11f2967cde7f2', size: this.size }))), this.digits === 6 && (h("div", { key: '8aa7409eb7c9590ab7216a8f8e5cf6a3cfecf2b2', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'a11a2338d07900f2211334f3cb2314db0cd1cb69', size: this.size }), h("gb-mega-input-field-base", { key: 'cf40f35af55b778b167638933fcecbbb4053a27f', size: this.size }), h("gb-mega-input-field-base", { key: '2373a5651e90b4c7c1785d9f223273935e4b093f', size: this.size }), h("p", { key: 'ff1b22997e4aa6de125ffac06b83331d36ae4914', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '9d2332f867f9e946df5f01666c675b362e8a796c', size: this.size }), h("gb-mega-input-field-base", { key: '4eb87006461431e0d4bdb6609484d3f9704770d5', size: this.size }), h("gb-mega-input-field-base", { key: 'bb3f761385b3b1d0ee6daba013249baf96e2f35c', size: this.size }))), this.digits === 8 && (h("div", { key: 'ed0f74f978bba872707065308bd4236e914fce0b', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '16247181dfd8314e735e327d2c79529f217e7592', size: this.size }), h("gb-mega-input-field-base", { key: '19ceca1e5a4b5a1d89c0acffc551db58b7a20d33', size: this.size }), h("gb-mega-input-field-base", { key: '181b367804f0c14123f37455177b1d6ff4567263', size: this.size }), h("gb-mega-input-field-base", { key: '778ba13dcafe2033dd7a1cb5403e0bf397e766a0', size: this.size }), h("p", { key: '4c1909e72bfd4e68f3555f9de97f29dd13c70f59', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '877410678d805829ad86e847f02828de0a7bc059', size: this.size }), h("gb-mega-input-field-base", { key: '5b6afcf80cd280ccb87685820bfa27f47b992768', size: this.size }), h("gb-mega-input-field-base", { key: '34225b200003a26720490714993464561f011588', size: this.size }), h("gb-mega-input-field-base", { key: '973102609184c8379082b6410d34cf8c52fb123c', size: this.size })))), this.showHintText && (h("div", { key: '9306d0adea3e3e6592d45cedc89f6c69d05b999b', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: 'f3b6f00719c3f1356b547261387becd70efae706', class: "input-with-label" }, this.showLabel && (h("label", { key: '71e2b108feb6c3bc55390a6f305e32c629da9922', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '76366682f80a6222cdbe7576ca1313e8c7852f35', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '96558932da82a4818468ee66f7215ac4b4b4d86a', size: this.size }), h("gb-mega-input-field-base", { key: '6a4f8f4f8536fd7d60205d00a5940a9e03a7ca8b', size: this.size }), h("gb-mega-input-field-base", { key: '99e13a1271cc1f7b23f747b08b78b957a86dc1dc', size: this.size }), h("gb-mega-input-field-base", { key: 'dfb7fb3fa9bc3c7d25da07dd3fb3ae98035c4730', size: this.size }))), this.digits === 6 && (h("div", { key: 'cf5a4ea96f8254fe0e081f189bdff8b8d7fc98c9', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'e6886cef1c7cf03cf54df6bba58c09559cf2f4a1', size: this.size }), h("gb-mega-input-field-base", { key: '3de99a4e5c3de609c774f70ede426ec575157d4a', size: this.size }), h("gb-mega-input-field-base", { key: '7434a5e506488a5b7d03d6a481be6057addc6e54', size: this.size }), h("p", { key: '185c3f2dc96cdc136eb67141d75464051cae75d8', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '0546f3a92c67197286248ff57704e87914febe3e', size: this.size }), h("gb-mega-input-field-base", { key: '410ea50cfbcb1666bdde53bfd263160baa763a8e', size: this.size }), h("gb-mega-input-field-base", { key: '4788a3e83fd6b3d31e6ee8d991603404bc1c8dc3', size: this.size }))), this.digits === 8 && (h("div", { key: '9b2cf9afd6d6e2cebfa12ae1d6679e655014fb60', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '4a7507accb66c2c8f8a0416cd53aaf9914158a6d', size: this.size }), h("gb-mega-input-field-base", { key: '41f9b625075a6fb5354ecd0e19c1df6ac629691d', size: this.size }), h("gb-mega-input-field-base", { key: 'c585dc7ad9dc73382968e5fd314b32c6b868a762', size: this.size }), h("gb-mega-input-field-base", { key: 'f6f459282b2940c7a01d83549ff8f6d54d8db3d3', size: this.size }), h("p", { key: '894ca20a91070ab3a73a88c71d1e69a5f7651a98', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'c7ee3decf76e36bf07113882aec419f704e6e96f', size: this.size }), h("gb-mega-input-field-base", { key: '80e79192dea99b910df30725ea61c93f01d76dce', size: this.size }), h("gb-mega-input-field-base", { key: '6e9e6fc06c1dd2d14e990bc1c9da672abd669f1c', size: this.size }), h("gb-mega-input-field-base", { key: '911908de6aa56be6f1e79a45eaf08685f87e351c', size: this.size })))), this.showHintText && (h("div", { key: '6c6cf39b2998f9e3bfbd6d5694e483d8366b563c', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
 };
 GbTokenFieldCompressed.style = gbTokenFieldCompressedCss;

package/dist/esm/gb-top-bar-item.entry.js

@@ -21,7 +21,7 @@ const GbTopBarItem = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: '9cd991d95dcdd168c4aab47227a56cd8396f6668', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'c6af5c91f276bca94229df0ad4629965b37e6a9d', class: `top_bar_content` }, h("div", { key: 'b6a8520ae6d4a187e921b55ed2385730f11ff322', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: '96c1ab7605e21660aacce3da72d263f399c1acb5', class: "label" }, h("p", { key: '8ee496fb1502e2f1f14d6bac5a29c1f369154583', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: 'a31eca79eadfbf5ff856cc46472a36c7d2dffdff', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: '6bb703919cb471e0baa4642c1a3de8b485588d4d', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: '10a7b5f86f29bdcc4adaf8a21fe0cf6f7f7cb4b6', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '40e6204a0cf9dd89ce9b42cdcab4486f4509757e', slot: "label" }, this.label)))));
+        return (h("div", { key: 'cbe3e631cfd1ce6458a788bb69fc57c9478e2f1c', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '20c9d9955fca62e9baf5a533fe8219d7a24409e4', class: `top_bar_content` }, h("div", { key: 'c4fbce014af2609c3c1b0573cd251cdc434247cb', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: '771b77ac59636e0b06c3af7194e75404233b73c0', class: "label" }, h("p", { key: '2e018ffe18f58f2f283d06af3b2e132094fda7b1', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: '38c8ec47935b2532a3e06f120b84fe4be741ae40', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: 'ea3dc51ac04088baa7b995eee90b17fb99b55dbe', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: '4e6c06bf406df03aad83df6536931373dd14c6a6', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '5f9a1d619f86e1d50797724c7e888d73a33ab448', slot: "label" }, this.label)))));
     }
 };
 GbTopBarItem.style = gbTopBarItemCss;

package/dist/esm/gb-top-bar-sidemenu.entry.js

@@ -36,7 +36,7 @@ const GbTopBarSidemenu = class {
     }
     render() {
         const patternSrc = getAssetPath(`assets/pattern_wrapper.svg`);
-        return (h("div", { key: 'a51296e455fe6a18f4f3ad0a904991adabcebf43', class: "top_bar_sidemenu_div" }, h("div", { key: '06657dd52970947550ef879fc55abe9c66964f74', class: "vertical_tabs_div" }, h("gb-vertical-tabs", { key: '0347bd68af267893f9d38f7a5ad28de539d3a818', 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: 'bc08830c6a2562b092898a5fd546d00e2dbddaf1', class: "wrapper" }, h("div", { key: '4e91fa084b385e06b715b3ed8f13bd0771cf57f9', class: "wrapper_pattern" }, h("img", { key: '72a455d4c0fa697c8de16478c14a2d35971c04d8', src: patternSrc, alt: "" })), h("div", { key: '520f4f68147d0faa36c511bfe33e77242a79c265', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("div", { key: '845f0f202aca7ba5e02d63d0ab5893000cea5f9a', class: "application_name" }, h("slot", { key: 'c103ec2b73d32d6aab2a098e68b89e17092243dc', name: "application_name" })))));
+        return (h("div", { key: 'd7f350a6ff51612a65fc58b943dd2a1575c0c41b', class: "top_bar_sidemenu_div" }, h("div", { key: '88346a81f902e81b862c9e6561fc88c0446ab917', class: "vertical_tabs_div" }, h("gb-vertical-tabs", { key: '4fac4766ed2b1b9c7d6bd01754258e6b84a3006a', 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: '8819afd008b534adfcb0d567775da651c4035114', class: "wrapper" }, h("div", { key: '4fcf9b22aec574d7bee700e52a358bef1c565273', class: "wrapper_pattern" }, h("img", { key: '099320347828a804b5facbc66d370cfa6bf85b1c', src: patternSrc, alt: "" })), h("div", { key: 'd44fc48a88fb48b1a05b9928848e092ed5b1b88b', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("div", { key: '9f55def1a824eab176d4e79b4cca8e0985270855', class: "application_name" }, h("slot", { key: '815a1bac5d72d187b0dc0258df7da123c00af48a', name: "application_name" })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-top-bar.entry.js

@@ -35,7 +35,7 @@ const GbTopBar = class {
     }
     render() {
         const patternSrc = getAssetPath(`assets/top_bar_pattern.svg`);
-        return (h("div", { key: 'a400957493ed95938cfcb12718cdde2e2e8001a8', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '455fe886c4c9b9885d2b6ac0ee76ba76a6d73abe', class: "pattern" }, h("img", { key: 'd5382a29abbd1abaea74e0ba847fa135d07eeb70', src: patternSrc, alt: "" }))), h("div", { key: '1b7996801be84bfb9699ebeb3a7f1c513c86982b', class: "top_bar_content" }, h("div", { key: 'd7e70c18f2401f7e3532d1b38a20c75521c9522a', class: "content" }, this.firstTabLabel && (h("gb-top-bar-item", { key: '4a68ad09b124244f1fdee333af3ebbf5be2423e8', 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: '995d5a9c4042c8b47a2b7632ad4468435873d851', 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: 'd8dc3b9937ba6530dd28a70f2556e382772f49fd', 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: '2136e8a22628b955189bf443ac57421282649a11', 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: '63df25fe969644f90f5555c19b7ffbc85adf0fc9', 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: 'c320dc90c1e23f8ac2c0808f642521c69fc38b15', 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: '4452f0ba2aaffb9b1ca3c67e635e1208c6fa8f5b', 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: '547d9189722cb49f9a79e533327cf03052089113', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '160f8f7a1ca3ef64e14e605f31aea67c5e33abeb', class: "pattern" }, h("img", { key: '3a6d1056b45fa86440fd51a4cdd1c63546e38b6a', src: patternSrc, alt: "" }))), h("div", { key: '98cabeee06e0fb91cf43ea88a3be3461766de25e', class: "top_bar_content" }, h("div", { key: '52bf6f735ccef461d30f044a745e61b86fd58f22', class: "content" }, this.firstTabLabel && (h("gb-top-bar-item", { key: 'd742f67e679eb8ce286c57395c7acbde39590f08', 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: 'fef14f9303cc633af0f0c34b4550ea24c9d3f410', 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: 'de3f89d0eaa2148c06536615e5b4dd73e48b85d8', 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: 'b441f4d28e571be8a8ca18ee275c8cc7b1032319', 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: '51f151c603155a33746feb8676b862122b194e1e', 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: '73572511aa02ea34c4a314266f94366c70d2bf67', 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: '378bee044b90f422218104f279a40f98cf4f426c', state: this.activeIndex === 6 ? 'active' : 'default', "icon-only": this.seventhTabIconOnly, category: this.category, icon: this.seventhTabIcon, label: this.seventhTabLabel, onClick: () => this.onTabItemClicked(6) }))))));
     }
 };
 GbTopBar.style = gbTopBarCss;

package/dist/esm/gb-vertical-tabs.entry.js

@@ -34,7 +34,7 @@ const GbVerticalTabs = class {
         this.tabItemClicked.emit({ index, label });
     }
     render() {
-        return (h("div", { key: 'c4fbd7bd151418af2d6c5547be8cbdca914d491d', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: '8049a9a816bba6d8446c9c8ca7b90f79a6fab31b', 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: '804f208b4e817be2c5127b34efd9460f3c8b1b1e', 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: '10ad6d0faad08e16b8a592a392490780ea068f02', 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: '0e9a4ec1bcd7a0bcbb2a47a3359d920a37c07f96', 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: '6de1341517e92eef0ac562579cbf349b4ada65c7', 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: '12575de1a56d5f6de101f63bf02aa0b3879914cd', 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: 'cef8c9ced3bcf06f6a9e632082ee4510768a923d', 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: '3dac6bbf4217dd7fd1b018b2bdf360aa5bfad5db', 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: 'fd8a1a030cf60c1f63f7ddf5f6e344d42426694e', 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: '3bb7147093c649516303c04a134d7cb9c8229dd3', 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: '8d61e59ad53003bd1c493fa5f0a42baea0b5e126', 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: '4e205f3ee0eaec20de1b845b0ab32edfcb7aa727', 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: '385ba172f05e0acb92b3515ef844f4f2c8fd74ee', 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: '2fe2e46cf2c535f9e2c183c019239c4a3b0d1e04', 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: 'bc39d91862cdf69ee28771287f3df5c1ea7e2297', 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: '4714b68fce1cc27f37ad09f723db6ab2a2563e85', 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: 'f228955d4f7d37e2956c9b1d5f90a71300bd51b9', 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: '0842c61bd6fa81e2c7a59382df192a2ad3d7a60d', 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: '3e5c2031309bae792a261d9bc817840d885c356f', 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: '5f09767bc5d944af5e3c8d9d7e1fed52e0983285', 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: 'cca1344c973eafb88dd879dbca39c9b3030d4046', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: '734505f5c596472cce7435bb42ad0793bf7deea9', 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: '2351d01170a115f0d324394533da0836ec1ee652', 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: 'c8391ea42983e393b99610aaf01fda1db01c0585', 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: '16a3b2b1f7594664613e60b96b2a1960eeeb4f7c', 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: '8790419c0e5f003103392f2351c24816c5c53482', 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: '98a362f7eeb6ef7adabc55b1d58dfc98cd64e4a8', 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: '4b75bb88f3072ede55cd5fd0f18b59da0671f33a', 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: '9a503235dc761c8a5c433041b2885300ab92e49c', 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: 'a538241082755c87c33c9453e55efd3fe0ed5e03', 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: '08d2b12419aa7a78e8cc780024e55982a3ecf02b', 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: '122527fbabf417dbb29acb4116450370590d33e3', 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: '1fdcdff0089c659e0229ac130cd54cee676f8419', 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: '37a65cc7a9143529ff72fc8f2dc70fb7eb4b84d9', 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: '82141ac3cea9e78e9930f9f67ee0e63f16061bdf', 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: '7b95defa01c0b940cfbf2ac33ae8aff50e220286', 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: 'd5f7d491f62ac7a90e91c277ad96e8b95cc91b5e', 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: 'ea875f90f267f36f19bba034aa6f63c05539d165', 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: 'd3a8fe6f7028f23118896e667e7fa6c40f6e44cb', 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: '388413c1549f19905244a79217f3194f59369cad', 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: '08c03214f0c899c8d069ce18f929b02bfcc7c5e5', 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" }))));
     }
 };
 GbVerticalTabs.style = gbVerticalTabsCss;