globuswebcomponents 1.9.7 → 1.9.8

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

@@ -9,7 +9,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: 'a466b0c100f97cada0f5cf9649b584e034fc1694', class: "scrollbar-container" }, h("div", { key: 'ee32fa5cefb6b419afb304c070434f873f9c033a', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '93c4488fba3a8334db3ac21098410267b451ca60' }))));
+        return (h("div", { key: '3d4174669db671f2b39fc37b9806fa50041a7749', class: "scrollbar-container" }, h("div", { key: 'c0d794d1169bc9edbb3f498c1870dfd79c0ee4a0', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '3afed8334ef3977c46af3b196acf75d3a00c40b2' }))));
     }
 };
 GbScrollbar.style = gbScrollbarCss;

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

@@ -22,7 +22,7 @@ const GbSliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: 'ea76e578a9b69e56d98d20126da78dece7a77c54', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: '4b6f6761091fa86491d33f6374bb7d591c8d4a6c', class: "tooltip-container" }, h("gb-tooltip", { key: 'cac7a7ad1645fd6d76f07ece62d6a82770edec48', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '1adfc6dcdb1cfe821ef3cf24e4c717237ae33c73', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '43252473706c206a70d2a77c2ff2398d7b512321', class: "thumb-label" }, h("p", { key: '2e4b371ed06b9b0b3a67edd380d25eb9745eddba', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '1d0ba120d57900d71306cd322a4d07e1bfaee4d9', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: 'aa4b0bb3fee0593a8b571d9c279eba4e2534156a', class: "tooltip-container" }, h("gb-tooltip", { key: '31513ca7583a207db422c8d52b65514abb5338e4', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '5f7596140d391654a69fe1c4673c38b2c9fa4e17', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'eb0174878d0ce42429fd5f167df29971af8f6e14', class: "thumb-label" }, h("p", { key: '31d3339020a834d0ddcb3f4bbb827a25f8ceba2d', class: "thumb_label text-md-medium" }, this.value)))));
     }
 };
 GbSliderControlHandle.style = gbSliderControlHandleCss;

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: '1be9846c13e3edf59925509edaac2dd6855069e8', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '82d18a15482e37cbcdd7977d8ed669a66d737207', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'bd828583399b88ac953eadc211b9d95433d062bd', 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: '01a34056a0d47a466e2930d0abb1f361d44b177e', 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: '6bc9e0b969c3a684606aa5132109f2346edbdb80', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '7d29e3fff7cd497b28f9281224cdc991158bf69b', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'eed00c25859984e4dca75e33f47333f6aa6fd813', 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: '0e263141ada51b43644c2cad92ef5b0f683ace91', 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: '57f0fc80fab3c011d30242ab1b71883c0fe32332', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '77dc4bb44b6fa87abb8cd8d660627dc87cfa5243', 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: '6249ff7c7c671b292c975ed369646399c5c3930e', 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: 'a6f4e9fdad6400e1694e3896bfd2699bb91c2a30', 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: '20057910b2099600c85cf29970f50ea324d5c522', 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: 'b61a6e949de9348a23c60eb7a5a8d0f4c498f935', 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: '2c7831926958ff51d1bedd71fad987d24e24ce24', 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: 'fc3dea4986bcc7c64f57ebe896c7770dad3db73b', 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: '96663f0409fc2fb0bc2733d7732c43fef36916d7', 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: '1e8eb0c04809c27c4114e8f6dcd25b2f18381e7a', 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: '84db48705dd4b515fabdb9cc1bd6d7bc98b2ff3d', 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: 'e11e6dfc81a7034506dbed1f7fa84800eb5e97d4', 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: '0bd5795a65cd1eb647484fef3f933670502cff73', 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: 'c3540f9d4cb251f5e4cc564841c67ff4a9fcd7f6', 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: '09d0104223aa7bbd015ff313d9b630f784c644ba', 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: 'e25b44809158c19ea23c81284bf54f08160b6db7', 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: '3d98f653d2f668e5ac9a65aff6e63f56e1aaba9b', 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: '35b00c93888fd31e06dc912435a6cd4625902e5d', 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: '6c11143a3f19b16f665d4a6c6659bf3a9130d363', 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: '524f91b44c69ea52bd5a42c4a08e4e38d7ced03f', 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: '94dfd13caabd169f9640c98b0298821d86ac1e99', 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: '5d694816fc7065ba20e61945c70ee2d267fd8d93', 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: 'e5de2e233d4ac2fa814314f574f94037d75beaf9', 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: '0fea53541e5a6b9dd51dd0473bd606eb249df754', 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: '06e7720aae4d31a9b6d2fa1fac4142fac0e196b9', 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: '976f380fe3ffe253224161b83c7c864d5f5f9d55', 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: 'f41dc30dab0d12b5e22e3df044bf72dda7656927', 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: '08b1e4bbe48c70ba4b5af926d49c5428c8091eaa', 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: '6d2c89f868b4d3fd192e55ba680734fd9f2a5dde', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '4338846649d60dadced3ca24a7041feb9b5061a1', 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: '5a9fb364f3735e6f70b57db0d8282d0e380667c3', 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: '574e9a264fecfe56828de9fa6b98cfb7aa60f39f', 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: '1eff331ab8f36415b71318c528f2d7ff0a1e24bb', 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: 'c3c66c8ecff7a6d4c17c3b56d591a0b8aa73388f', 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: '42e2cbf9b18afd85006c61a2e3c18ffb3fdb362f', 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: '555b13573339e9c2b9623b018a2862714c086769', 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: '0bee28c7903a1c3a5c513bb34f079f75351d8dce', 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: '2b8e8b88f2f969b1867766394c41b021d497bd2a', 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: 'ee87d6b371f6dbbc4b6f708d8d2573bf11412e8f', 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: '193012ab7bd0eef622df94ad25814aef049e854d', 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: 'd75d0fb5be056e0efcbeba6f748921fc2f96facb', 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: 'b0ea7222fba1d6a1e121a4fbca7b59069abc13c1', 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: '71a6e89784cd682c30fbdbfe8f9e97a2c18f3331', 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: 'e563383a11d38a0c45574671a41e6c4c4ee5ead9', 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: '1211524cb3b79a2727cbd9a1b306adf3b6b39eaa', 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: '445235205431c4f59b85b6f22765c99106cfd6f7', 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: 'bc57cf5253708eb0b55c7e1d60cf550c94b64388', 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: '34e3b11d9d55d7db65266b746fe0bd519d87d945', 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: '4fd0fd4677264ec5691b32cdd168afe678acd7ce', 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: 'da74431adb7056bb5b57d28ad6e366ad9e5132ae', 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: '8c454b64f556ce7b35d8c7f000ce9abb36050c8f', 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: '48ab659997f382ad29a3c4e1fa3ff484b70a8f31', 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: '7cfc574f9660802822cb0950f5fcc89d854b72aa', 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: '6ebf4034c06e6783a8885f22af4f55f63c806415', 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: '9ce747301327385e81afb39ad0e6ab1653c8ce82', 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: '71f4a54c8d3c0392e101daac6181ea437efa41cb', 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: '1e1304f48ee5db56a15198387ec2aadf26fd6f1c', class: "text_with_line" }, h("gb-step-base", { key: 'a645ca788654fb05ab79cacd1ba8be9760806b07', 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: '80176ce81c1c34ab8e1b80ef7a064c3bff22f98a', 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: '95661d3500e3214e8450ebce6cba1f0353e4d796', 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: 'b844eca45620dfe90932baf42816cfa47f8bc4cd', 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: '038578f4945a67983d289378dbc33b13472ec8c0', 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: '1e32f2f08e7e0deb65d9e1ff8c374c6d7a1c672b', 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: '8cad22d654db3d692e40da687debbb6d107d1326', 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: 'deb7dca5a45e5e3ee223c4ee116c512e2734fbc4', class: "text_with_line" }, h("gb-step-base", { key: 'e08ea58a274401258c0e1369e9881bc4395b1ec3', 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: 'a43ca84680c7374cf7602127577f8e6b4990c5bd', 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: 'efcb6c3b229085af6432048d553b3edc5ee06a05', 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: '7843e1984098573592ade324b421184d1c4f3ef7', 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: '0968d0b14546ab720fa7d2c307b403368019eed2', 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: '4e2b6df412ffb8382c819cce6a125fbb4149e14e', 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: 'af96183a83b97973157680c4c7c1cd820049ca1a', 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

@@ -0,0 +1,38 @@
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-Dlqa7tPI.js';
+
+const gbStepperVerticalIconsWithTextCss = ".vertical_stepper_div{width:100%}";
+
+const GbstepperVerticalIconsWithText = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.stepClicked = createEvent(this, "stepClicked");
+        this.connector = false;
+        this.steps = [
+        // {
+        //   state: 'default',
+        //   status: 'complete',
+        //   label: 'First Step',
+        //   supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',
+        // },
+        // {
+        //   state: 'default',
+        //   status: 'current',
+        //   label: 'First Step',
+        //   supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',
+        // },
+        ];
+    }
+    emitIndex(index) {
+        this.stepClicked.emit(index);
+        // console.log(index);
+    }
+    render() {
+        return (h("div", { key: '5d99be219fb45f8bc658f00598834a3eb1dc00dc', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, this.steps.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) })))))));
+    }
+};
+GbstepperVerticalIconsWithText.style = gbStepperVerticalIconsWithTextCss;
+
+export { GbstepperVerticalIconsWithText as gb_stepper_vertical_icons_with_text };
+//# sourceMappingURL=gb-stepper-vertical-icons-with-text.entry.js.map
+
+//# sourceMappingURL=gb-stepper-vertical-icons-with-text.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gb-stepper-vertical-icons-with-text.entry.js","sources":["src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.css?tag=gb-stepper-vertical-icons-with-text&encapsulation=shadow","src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.tsx"],"sourcesContent":[".vertical_stepper_div{\r\n    width: 100%;\r\n}","import { Component, Prop, h, Fragment, Event, EventEmitter } from '@stencil/core';\r\nimport { GeneralSizes, StepperType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-vertical-icons-with-text',\r\n  styleUrl: 'gb-stepper-vertical-icons-with-text.css',\r\n  shadow: true,\r\n})\r\nexport class GbstepperVerticalIconsWithText {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() connector: boolean = false;\r\n  @Prop() type: 'icon' | 'featured_icon';\r\n  @Prop() steps: StepperType[] = [\r\n    // {\r\n    //   state: 'default',\r\n    //   status: 'complete',\r\n    //   label: 'First Step',\r\n    //   supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    // },\r\n    // {\r\n    //   state: 'default',\r\n    //   status: 'current',\r\n    //   label: 'First Step',\r\n    //   supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    // },\r\n  ];\r\n  @Event() stepClicked: EventEmitter<number>;\r\n\r\n  emitIndex(index: number) {\r\n    this.stepClicked.emit(index);\r\n    // console.log(index);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"vertical_stepper_div\">\r\n        {this.type === 'icon' && (\r\n          <>\r\n            {this.steps.map((step, index) => (\r\n              <gb-step-base\r\n                size={this.size}\r\n                type=\"icon_left\"\r\n                state={step.state}\r\n                status={step.status}\r\n                connector={index === this.steps.length - 1 ? false : this.connector}\r\n                label={step.label}\r\n                supporting-text={step.supportingText}\r\n                onClick={() => this.emitIndex(index)}\r\n              ></gb-step-base>\r\n            ))}\r\n          </>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,iCAAiC,GAAG,mCAAmC;;MCQhE,8BAA8B,GAAA,MAAA;AAL3C,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;QAE1B,IAAA,CAAA,KAAK,GAAkB;;;;;;;;;;;;;SAa9B;AA8BF;AA3BC,IAAA,SAAS,CAAC,KAAa,EAAA;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;;IAI9B,MAAM,GAAA;QACJ,QACE,4DAAK,KAAK,EAAC,sBAAsB,EAC9B,EAAA,IAAI,CAAC,IAAI,KAAK,MAAM,KACnB,CAAA,CAAA,QAAA,EAAA,IAAA,EACG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC1B,CACE,CAAA,cAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,SAAS,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,SAAS,EACnE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,iBAAA,EACA,IAAI,CAAC,cAAc,EACpC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EACtB,CAAA,CACjB,CAAC,CACD,CACJ,CACG;;;;;;;"}

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

@@ -45,11 +45,11 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: '4a3e74d620eaf54617ca3300eefcfcb6647fb505', class: `tab_button_div ${this.type}
+        return (h("div", { key: '199936d525c4c6db5ac35cf06442e704b06afe0d', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '23918fa6d2c62f3b80e3b3821af5998e606cfd78', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '5785bf4d6c18cf538237fcb53ddca541ac298bb2', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '860390e971924b63088dd672ec65d6a11d96c099', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '28cb2540acfe9ab6a98dcee7619062268cbcf026', 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: '00fb04b8c535b135cadf0f4dedbdbedce065545f', name: "count" })))));
+                                : 'gray' }, h("slot", { key: '4c74ad55ae76a5c6db8f13ff8cfb77e993c4a0e0', 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: 'a1fcb296cf3b9a0d1687c5630555262294624703', class: "table_cell_div" }));
+        return (h("div", { key: 'd29c01cabab03f3bf4892a74924168fe80f1319a', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = gbTableCellCss;

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

@@ -48,7 +48,7 @@ const GbTableHeader = class {
         this.refreshButtonClicked.emit();
     }
     render() {
-        return (h("div", { key: '7e1b4b316989ee1f484194fce7645cb19ced9e5e', class: "table_header_div" }, h("div", { key: '16a7588e051f5ce5a618fe22743201791b4dc698', class: "table_header_content" }, this.tableHeading && h("p", { key: '46315968cf3e5e260fe8f6e361e948149fa9bf0f', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: 'd7dd7dc35f97983db236cac6ac3cc0fb44ee0e43', class: "actions" }, this.showSearch && (h("div", { key: 'd1a7712864d870a853f34bcaa4c9d29f90b72160', class: "input_field" }, h("gb-input-field", { key: '8008a00bd07a44c5250a8b2144fcbffd640c3c7b', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '057441854c0d1252b7377804dae4d40144777218', class: "action" }, this.showColumnOptions && (h("gb-button", { key: 'a2a220bbb6521329e627737365c5c553ed4646a3', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '510a352b41248771e49fb1cccb526524a2fe5776' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '8b1f62952287f0f2f7f04d5edf103bf5508feca9', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '46c687515043222cafa1e44bfdf27d06b3944896', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: 'f887e2f4cb9c6ea60c3587937e55130414bcffc6', class: "export" }, h("gb-button", { key: '0ab12927919bf72e4418e090ceec23fbf379cd77', 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: '76ed7c7d1146f51a56cce2f527d92413f5e65053' }, "Export")), this.showExportDropdown && h("gb-export-dropdown", { key: '867adc6c97d4a88f20e43d0645a7f8b2f2ac3eb0', onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" }))), this.showRefreshButton && (h("div", { key: '3acc0dd5d668b45d1cd37630e83cfe0849580785', class: "refresh_button" }, h("gb-button", { key: '64f5d1b37738144e58e8bcbb048ec3a84edb18dd', 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: '15ff1fa2b2a84fdcd099e7cbad1607733d9c0a71', class: "table_header_div" }, h("div", { key: 'd98646cafef794f6a6600c84d8910a120228c186', class: "table_header_content" }, this.tableHeading && h("p", { key: '2a6e34a5463dfdc946758eb2182352a3bcc8f293', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: '6b25bbf137d4842f057415469d24a9d8ed62fe26', class: "actions" }, this.showSearch && (h("div", { key: '682cf934c3f0415331fa1345e8e2a261c2f381ac', class: "input_field" }, h("gb-input-field", { key: '0c1a25d2a2f68f164fb791d1586d792bfafb60d4', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '9a538046e86c8caf95020c663fa7f9bebe9d2390', class: "action" }, this.showColumnOptions && (h("gb-button", { key: '37f95631da5517c72cfc4aa6fda63d05d98c8679', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '40f078edb089f2f24d33ef6bbc02edc930bc839c' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '8239190708be8bf17ffd4eb1cd7522518e8b5851', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '32cc98f9796751ace34fe942c1541cecf65fac71', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '3045e147b0e34e1a2e09ab0c417ee3c4a5354b61', class: "export" }, h("gb-button", { key: 'ec624d7524eadba11428eb4b0f68788a6bb7aba3', 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: 'bb2be25d79e75627eb6d265d5ad4321551c264a6' }, "Export")), this.showExportDropdown && h("gb-export-dropdown", { key: 'dac502bb9c295c5af2e5f5e01fa8193d5a710107', onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" }))), this.showRefreshButton && (h("div", { key: 'c4ff0c01f77d70a5e0084bc74fd2caf06300e057', class: "refresh_button" }, h("gb-button", { key: '12d50a4f760122b5209a52d0e9a5a45ab0a00f8e', 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: '9c6879ce7891fdcc7e8e05952586c1fd5a6c1f87', class: "textarea_container" }, h("div", { key: 'd534c68c4ee7178806944ddf537224c02b62d1c6', class: "input_with_label" }, this.showLabel && h("p", { key: 'ed9c9c362721d672bfef5768c50f27eb7a8cb13e', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '3840e1dc875f8c73f6faae4e783452a89d85e9e8', 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: '6953feb12a7ab24394036c716bbac26793e6601b', class: "textarea_tags" }, h("div", { key: 'bacf34069020229631b992ed5beba158b4b2289a', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '115a5edb96a9ac92a3b30dbfab65a31f4b2d043c', 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: '7cb977bb09ee8fbbf00c91af08394a470296a79f', class: "textarea_container" }, h("div", { key: '66f005de3615d90d40156ef81423874b26f68248', class: "input_with_label" }, this.showLabel && h("p", { key: '7f379f23ce8d2fe56a8c69f704765c85268d2052', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: 'd8af4cb1054960a0689b335188e7fc0534b97daa', 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: '44810a551dd6db9ab1220076a0d65cdebc9f0b4e', class: "textarea_tags" }, h("div", { key: '8e7831b6bd2729fe9f3cbd02da4b0f6f5df5a164', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'f5d625de0f1296ea5db292e02d49ccbbf172f50f', 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: '41d49b9d901e6067424e254477b15f536080f344', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '110c608d2198c2d2b0978301ff00676ef84f32fd', class: "input_field" }, h("input", { key: 'c227f98e2cc560366f279ebfa0d1799497fc798c', 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: 'cf4f0adbf9a82b72185389adf3047d74a0cd882f', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'fe16c9638b5104453909a9ee0d26db54d53bfc77', class: "input_field" }, h("input", { key: '24946d811f7055521fb2c6686f183e4049e27fc3', 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: '657d42f8dae024b276ec754d9ad7b77ec34e59ec', class: "help_icon" }, h("svg", { key: '72a27c497971c8badec9ed4544df69b8d673a7bb', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '765c41b4b09a6425ab25081769671b05c86d4d64', 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: 'af4a2be2c6fda5117fc9810e6e79f0f231ad964c', 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: '94d3eae2030827de0e0bd18e71a8b9b37a4a333e', class: "help_icon" }, h("svg", { key: '52861c6822597daed06cd31498f388b63da02406', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '4b81f1ebb2fa2e85164c80e08d537d3936a7d971', 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: '15689605893cfe2e5422a2754d5b076df05d7a3e', 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: 'af4bb7ce20e05646a7afe56666d4740783bdc8f1', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '12efcd26cbfa7d3fd6f1ebe3433bb93ae1a06363', 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: '697d275ed6efc79084e931ea6b92292ad9da03b8', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '13c0f74e02d267a01e3f0aafa1c47b8bbe4f2acd' })));
+        return (h("div", { key: 'a0c94b53cec58b1f02eb3a0c9bda5be0140fd7ed', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '868e8a73e32101caeceaaf8562f4bcd83ec7f79b' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -61,7 +61,7 @@ const GbToast = class {
         }
     }
     render() {
-        return (h("div", { key: '0cf19c401c02e5cc5682fd21ff1bf2bb0034f8ad', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '2e5414514c099134bf50389cb4769a39a347e7f7', class: `icon_container` }, this.color === '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.color}` }, 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.color}` }, 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.color}` }, 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: '337df52a75f982d0b0bc1bb210914a8de1bf9d3d', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '532815ff8d2fb11cc72d61863929cf710b82cc07', class: `text ${this.size}` }, h("slot", { key: 'ea8bb431068ac3ee9ae87b477a945261bdc5466e', name: "main_text" }), this.showSupportingText && h("slot", { key: '9332f72523274502111f4014d9d98bba6eaa462e', name: "supporting_text" })), this.actions && (h("div", { key: '2b498c60f8d66f8ce966601d7a584f10d8afa85a', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '81884f2bcb56c3f7b3e096daf649682784e3d8bb', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: 'e7a02c68dcdb72615c331b46ba05c5923231336e', class: `container ${this.breakpoint}` }, h("div", { key: '2c4eb415aca6263b9bf641dfde97d8c0bb924d01', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '1dafe3134b807e01b79e14907ceefbee9f43332f', class: `inner_content ${this.breakpoint}` }, h("div", { key: '1d2761f25ad14b4d6dc2182d4bb988ca577a319f', class: `icon_container` }, h("svg", { key: '36089440ce1e01d7593afa55f7c3a886f31b3589', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '1755105d7d2894546ceac6af236c988a57115a9a', 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: 'f198820cafa8b4834d7d64010c5e2e40b243c02b', "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: 'acca3adba688b882e57f8c749a640afc869139db', "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: '2652cb236179d1bd92d7c31bf747ec0a1b75007a', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: 'afedd4fef8f3e968416652822e5b558ff67d34fe', name: "main_text" }), this.showSupportingText && h("slot", { key: '65f15e852545bad392b1500d588fae42947f8a75', name: "supporting_text" }))), this.actions && (h("div", { key: '58f0f234d97bba5ef1e1f33f7f16289ca9366d20', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: 'c526044e2051e150c64d7adafde972e3aa28b6bb', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (h("div", { key: 'af71539b60f9768f5dfe36eccfcc5e84c3c706ae', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '3e08e736b06802aa42d478d3fa507d5e890a5369', class: `icon_container` }, this.color === '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.color}` }, 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.color}` }, 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.color}` }, 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: 'd4cb219400137e076d77d32b9291ae6d1b91d0dd', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'dd3801b3c08e52b663e223f9dd6d3a6cada08d91', class: `text ${this.size}` }, h("slot", { key: 'a2c9e9c74c01b45dbe76c1db5ba8c19e31f9b1f1', name: "main_text" }), this.showSupportingText && h("slot", { key: '340e613dc6e3fa16131415af94ca0bacb7f1287e', name: "supporting_text" })), this.actions && (h("div", { key: 'f9d5b4b6cffccdb6c9a4d423c68e8ab6e0b3fba3', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: 'cc20db1f44f88e3917459324336f002f7d0189cf', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: 'a89652b0c2fca1ff05e4aebd0200182324f4c87f', class: `container ${this.breakpoint}` }, h("div", { key: '2f59a3c96365f358d02be312e8af92b18d8328c8', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '0769f7d0dfbafd51f77e70311a8a3f96f4f16ef0', class: `inner_content ${this.breakpoint}` }, h("div", { key: '8925fe57136a515a2ff9d8b7102ed271f432f469', class: `icon_container` }, h("svg", { key: '192fbf45c1f2337238ed79c38bcf6e4ee767befb', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '71c87ed0cdf41bbbc79390f23b735b8bb355a591', 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: '05d396176f41f30544d74529fe7282858a70094e', "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: '0664a4941f4670fc4a2c407a3b1a2a822be81b70', "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: 'da4116c5a9167df9c36701f43f4c8ded0767b059', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: 'af11737bc4142eab45e3e3054495487b864f6ca2', name: "main_text" }), this.showSupportingText && h("slot", { key: 'ef259a35b23993b843691d6d3315a3a621b111b7', name: "supporting_text" }))), this.actions && (h("div", { key: '96c9cd2722f95615683df5969e48bed15fbb0aa6', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: '569701f22153f2ad139b6335a01b7d10a5d98a2d', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -16,8 +16,8 @@ const GbToggleBase = class {
     }
     render() {
         return [
-            h("input", { key: 'c7471fdf40c496d66ad89cbdf98387c5a571b163', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '019d453628b57388d211a612672caea4b839dff8', 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: '74fe9c892b107a6505e2a51a01e1b2a309a8c3b1', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: '9f0b65c4bfb6e681913629694f8412a9570c77d1', 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: 'a96a3790adcab9566e2918640dc6fc5249a0e379', class: `toggle_div ${this.size}` }, h("div", { key: 'f84a7018c4e718bb4269117c151a047de01a7470', class: "toggle_base" }, h("gb-toggle-base", { key: 'fb37befd44d6346077581d0327fd33f676d4c69d', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '6daa20cf9e5f0c35d719a4f735a5b63525501f3d', class: "text" }, h("slot", { key: 'f3f57b26ccdab9961f0519386d9299f4759391cf', name: "main_text" }), this.supportingText && (h("slot", { key: '7af88bdd3bdc9011f4380c0117ca9728c78b88db', name: "supporting_text" }))))));
+        return (h("div", { key: 'ce5eb2e96405a39dd87050f50ef2202ca9504774', class: `toggle_div ${this.size}` }, h("div", { key: '8c4bfa3859a066e1f1037252c1fb9112d706c95d', class: "toggle_base" }, h("gb-toggle-base", { key: '350af05ad06548572fc8333563d450d9705bd1db', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: 'a2efd64e4fde7363a913db2dd42fbadb3c446057', class: "text" }, h("slot", { key: 'fb154edda59eab116df939288440d2e75ca3e6d1', name: "main_text" }), this.supportingText && (h("slot", { key: 'a3a63d8392d7fb746965dec096888d43c439b77d', 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: 'baf00cc9b291e842a411aadff33d49331cbf57d3', class: this.size }, h("div", { key: '8a316e11324928e296d4fb20b6c97023386126ac', class: "input-with-label" }, this.showLabel && (h("label", { key: 'c478aea93b9db49ea2b5e33e42c5c087d05759f7' }, this.label)), this.digits === 4 && (h("div", { key: '07ad9abba9d55a8a4808abba0388d2914b1a6e78', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '0eb4bf4b773f9a41cb8d97efb6fd0fced407b1f3', size: this.size }), h("gb-mega-input-field-base", { key: 'e3fa7f8cf8d8ca7be2c2df04b6250275b3527b44', size: this.size }), h("gb-mega-input-field-base", { key: '7283a294179c343d5d05848023c8d1ed32f06535', size: this.size }), h("gb-mega-input-field-base", { key: '32b5e5ac58bd0087deefa5b2ec4448e3baa22ea0', size: this.size }))), this.digits === 6 && (h("div", { key: '6c7e2de3cccb85eff7c4a7b4519ea5fc53b6c217', class: "input-wrapper" }, h("div", { key: 'faa18a9b36466e21ccd74f1b0a4df39d6469df30', class: "first=section" }, h("gb-mega-input-field-base", { key: '39c45a99856c139447537d2ae9d242bc58016b17', size: this.size }), h("gb-mega-input-field-base", { key: '7319daacf2efd5efe4786e1a477db6f604dab986', size: this.size }), h("gb-mega-input-field-base", { key: 'b0cb6d296fc6eff8318eb430eaaf7e200b853d28', size: this.size })), h("div", { key: '0daf6629038eab9b58f54f08c36975617a05463f', class: "second=section" }, h("gb-mega-input-field-base", { key: 'c5ddd490c8ae567b02e523921ea0b6ea5d892eae', size: this.size }), h("gb-mega-input-field-base", { key: 'e131563bca2d9bf1a2626d682255cb838b51d0f3', size: this.size }), h("gb-mega-input-field-base", { key: '7178ef52ce6006c60c1377e2995ffdb377fd5e18', size: this.size })))), this.digits === 8 && (h("div", { key: 'f09a991ad185a73e3d25edde807c613f2e4d656f', class: "input-wrapper" }, h("div", { key: '7baa5d66c00f801498df3de78152c4d9e71f1c1c', class: "first=section" }, h("gb-mega-input-field-base", { key: 'b0984481c9b661b8f3a8ef2a8fbd1b42667f0a1c', size: this.size }), h("gb-mega-input-field-base", { key: '2297fa3965c8c7fe938b02e159faef0094aa3bbf', size: this.size }), h("gb-mega-input-field-base", { key: 'cc91f0c3db8b3b104275c78f9dcb0d2be8c7e7a9', size: this.size }), h("gb-mega-input-field-base", { key: '5710898463e8a96c8a868c425c708f13d3b87524', size: this.size })), h("div", { key: '8c0e3b36f04a91e02a52c8daf43688eac194ae17', class: "second=section" }, h("gb-mega-input-field-base", { key: 'd44c9b34e1ddbdf5fb5aaa1c4d6b448751a25ba9', size: this.size }), h("gb-mega-input-field-base", { key: '58acc29c8e5c18f22f4dfa69ff2a7a54aea65cc7', size: this.size }), h("gb-mega-input-field-base", { key: 'c1eb81929ebe19e580051f98c29c62a4747088a7', size: this.size }), h("gb-mega-input-field-base", { key: '1a6a1fd6d3400253c740483b152cc073a7ff6213', size: this.size }))))), h("p", { key: '5ad82f2e75a59370dec4e6578ca66cbabf0fcb73' }, this.supportingText)));
+        return (h("div", { key: '427bd5a6578a40808e541f711a1d6f6381379729', class: this.size }, h("div", { key: 'b6e7735e43c70ab8e19445b0ceca81d9cabf8bdd', class: "input-with-label" }, this.showLabel && (h("label", { key: '73c1ac3ea3b8d98e33c07e77f6b72aa3ef35419e' }, this.label)), this.digits === 4 && (h("div", { key: '078e90170c8242d83fb10d11cb2e8b4e82018323', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'e792a1dc6baeff52a506561892bd1100febdcb09', size: this.size }), h("gb-mega-input-field-base", { key: '2d8002f790595555434daebbaf00cc075abf881d', size: this.size }), h("gb-mega-input-field-base", { key: '41fd879c8f07d9480f55944239d2aac8c8f97945', size: this.size }), h("gb-mega-input-field-base", { key: '7052fecd5a69a7cb3a029381313100ef36c4fce4', size: this.size }))), this.digits === 6 && (h("div", { key: '68c5b08d6e4a99543c65ecfae1751f626dacc341', class: "input-wrapper" }, h("div", { key: '4f06f6320ddd7796ba523708089ebf694b71e771', class: "first=section" }, h("gb-mega-input-field-base", { key: '4eae26776b483bf4693976c7892288b078938882', size: this.size }), h("gb-mega-input-field-base", { key: '3bfb7c5ec7bd56416562f49348e901f2af6a0f2e', size: this.size }), h("gb-mega-input-field-base", { key: '66dfcec3e021afdfdbcce896678f1ab0021bcbdb', size: this.size })), h("div", { key: '2979a9afb653e761f4c791d54f4c0bb27d59ecf7', class: "second=section" }, h("gb-mega-input-field-base", { key: 'c048b4d6c592826f9d5675c7ca502ea9cdfa8b43', size: this.size }), h("gb-mega-input-field-base", { key: '7c4e228ac7867d8dc4180ac9a514d0a47b02a481', size: this.size }), h("gb-mega-input-field-base", { key: 'e5933bb98b301664dd81e18578c12fcf95567adf', size: this.size })))), this.digits === 8 && (h("div", { key: '2ebdc446d874282406050b9357c594a66068ea03', class: "input-wrapper" }, h("div", { key: 'f0bd8393dd9cadfe0834532ba53935c2fe1d1867', class: "first=section" }, h("gb-mega-input-field-base", { key: '3b2d890d00c20a05829ec8c0aa4376954740dcbd', size: this.size }), h("gb-mega-input-field-base", { key: '95a26d9f56ff662b620238fd346419062e76fe5d', size: this.size }), h("gb-mega-input-field-base", { key: '2947ad31bd3db4dbfda658d4f81c3be1a6d1eca8', size: this.size }), h("gb-mega-input-field-base", { key: 'e0b690077e02fbf7904c31195c8c1b6e1933c5a9', size: this.size })), h("div", { key: 'b6b1660e6a79ddd85bd15d687a9bf9b47b538e1c', class: "second=section" }, h("gb-mega-input-field-base", { key: '360f0ae1239de5dd6b7d1525da768282021f5c44', size: this.size }), h("gb-mega-input-field-base", { key: 'ae6020d0c71a30a628d8711d533a4af4bbac1bce', size: this.size }), h("gb-mega-input-field-base", { key: 'aa107a317d70e12e5f357f9f5bbe433701be3156', size: this.size }), h("gb-mega-input-field-base", { key: '7fd77d79b828baf9ed8fe22ee2c3bbf8e467bd83', size: this.size }))))), h("p", { key: '8575b0dfa8ad96104a0ada6beff6de0fa43c433d' }, 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: 'e41d38c21bd69b3a146138bf8150ebdb9cbef0bd', class: {
+        return (h("div", { key: '3a6278a83c5d0ab31784f4cb9a5b7d6a1c1404f6', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, h("div", { key: '09a46a90610ef67199588f0e1eaf8ae17cec9279', class: "input-with-label" }, this.showLabel && (h("label", { key: '5f896a4227934bfdf36d9844a880aee95c7d474c', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '1f6fe6d35b437d8a440fab308c7e295aad76877c', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '040de6f8ac2632b305fd54dd25696a9b981a785c', size: this.size }), h("gb-mega-input-field-base", { key: '8717d063e1183804108f11405dad72c58b923f79', size: this.size }), h("gb-mega-input-field-base", { key: 'eb7ed237ad3b791f9e8bb28bef477a8f8fa768dc', size: this.size }), h("gb-mega-input-field-base", { key: '9ed776a29562bd0b58497f1efe48caa93b48f8f3', size: this.size }))), this.digits === 6 && (h("div", { key: '053ff07c54f042bd44fd20050c590973cfd935c3', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '5b3caf56a9b56635141f3af829e85c0d17b918ee', size: this.size }), h("gb-mega-input-field-base", { key: '436660ac166abe29e700ee1e8e62ae9b179e9a43', size: this.size }), h("gb-mega-input-field-base", { key: '8766742d79cb3e0dc58abc8d58928ceec52c76e4', size: this.size }), h("p", { key: 'a51df01bcd5333b7bef907376311ac5d4a384ef7', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'eb4680a0c2ee06114f82cd6ce6e6f997dba1f9a7', size: this.size }), h("gb-mega-input-field-base", { key: '14778f3c7721860acde90c99d0b2abdf9bda39e9', size: this.size }), h("gb-mega-input-field-base", { key: '3475626b4741fa3da2d414268279cbcbb2ba2384', size: this.size }))), this.digits === 8 && (h("div", { key: 'f4af37d11d0087c111d08794f268814d00f62f12', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '002ea0ef8fe4e5518e16b93f2164e25d56d3d6e5', size: this.size }), h("gb-mega-input-field-base", { key: 'bff8c46bcc0b67ba273f7b11b03793bee5a65d20', size: this.size }), h("gb-mega-input-field-base", { key: 'b9767eb557ab733594a50ae9417ad89df9d92471', size: this.size }), h("gb-mega-input-field-base", { key: '2da6232a0bb1d243f81571ec1ce855b7b86ce92c', size: this.size }), h("p", { key: '9121f96947ae30120fb3cb03c76b4fc496ed2ee3', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '82e37947fe843d51ca62e45f3ca99f28905ca4da', size: this.size }), h("gb-mega-input-field-base", { key: '70c69884bf497cdccd1c710b0ed2f81250366b05', size: this.size }), h("gb-mega-input-field-base", { key: 'd01f4561e1e9a5a401facfec25a940c5fc5a087b', size: this.size }), h("gb-mega-input-field-base", { key: '153fbc5021534858c08b007221b79867e843e8b3', size: this.size })))), this.showHintText && (h("div", { key: '20e4dabf2ff931ff9dac2f3cfa470d63834b29b5', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: '5031c50281074df88c0d8e6367d9a8a3309c633e', class: "input-with-label" }, this.showLabel && (h("label", { key: 'cdf1c0516da8e624ac75168a0373a0bcc8182516', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '4b4ea6ccb865f33879ccfe1ab5a9779cb8ee74ba', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'd46950d1b54d12cf3dd959c1385a3abafe6d7bb0', size: this.size }), h("gb-mega-input-field-base", { key: 'eff1fa068b35c2ca1e787ae94614d2b491746c5b', size: this.size }), h("gb-mega-input-field-base", { key: 'bbb04444816886cae6a748606c9151e8193767d4', size: this.size }), h("gb-mega-input-field-base", { key: 'fb84da4d1b3a1eb231594c40f65c889564dc8932', size: this.size }))), this.digits === 6 && (h("div", { key: '12f16495e5fe1be5274614f9dfd33ff22455f66e', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '402759bdab77185b87f56a08b1776234747d2482', size: this.size }), h("gb-mega-input-field-base", { key: '84d2f60e6926852ba1ee05bab99ed2a4b2c9aa61', size: this.size }), h("gb-mega-input-field-base", { key: 'eb101acbd87c6cc98d38cb7b5e97bfb2b5ceeaec', size: this.size }), h("p", { key: 'bf4a64040885a29996a47070e98e6d80f121df47', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'e3780b735282000fab7b03f5e9ece17f2266de1b', size: this.size }), h("gb-mega-input-field-base", { key: 'af55ff3a897d7e70c9fd1ab370ec453babe66066', size: this.size }), h("gb-mega-input-field-base", { key: '0bf4fd51d824c90cf6937d5b2b64167bfcb5ec83', size: this.size }))), this.digits === 8 && (h("div", { key: '546ba0e33b4d37a3413cce63fca0eb4f309228cb', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'f6a886b3883ebd0daeda03202bc22f2578f42012', size: this.size }), h("gb-mega-input-field-base", { key: 'abc43c08dfab99337fa93b34e0485a817bf0ec18', size: this.size }), h("gb-mega-input-field-base", { key: '2520d2074d144ccaa32b740949139888851e8d92', size: this.size }), h("gb-mega-input-field-base", { key: '73e7cc8d223c8ba3069dac67dbdb87e117bd75d3', size: this.size }), h("p", { key: '18635fac12e4f96951744d07b57e748757dcff69', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '6615ca096edac33eeb0695effed18386a46433a7', size: this.size }), h("gb-mega-input-field-base", { key: 'a6151f6d6f59290ad9a71f99dc79a37552e89e74', size: this.size }), h("gb-mega-input-field-base", { key: 'd57d60eb189ea4817b95c03a489fd9c1915889f7', size: this.size }), h("gb-mega-input-field-base", { key: '024903e8d39a28f62fd6d0edaa7e5680967791f0', size: this.size })))), this.showHintText && (h("div", { key: '26dfb1b993bc15607843197869a6b3c5b2d37c8c', 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: '0e26207b0c19c059e0b58c18946db3c2eeb40af0', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '8f02246e560ce8a6687963b748baf5d88c22dbad', class: `top_bar_content` }, h("div", { key: '12206b61f89a6d820437bed908a6a42894bdbd12', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: '064d66d50ec74b6c18347e5eed2d064e9a8ad06e', class: "label" }, h("p", { key: 'cd85d4571b49e5a34264b670b8194486142009f9', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: '6cf19d98fbe0a06739dedb3b78138bd493d4c184', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: '1b91add6aed2e91c2317cd62a37d1d817c1790f6', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: '5d0349a25d9d5438b25adc6f56f1fe3ef0119800', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: 'e6157a303fa9f1d81c60749cb0e85a81ef00071c', slot: "label" }, this.label)))));
+        return (h("div", { key: '0b063fc4994d7566d2e365edd8f4cef7b71d6a0e', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '07d6c0a9cd965e91eed3ba36b60c71fe40c45d0c', class: `top_bar_content` }, h("div", { key: 'a4428194b121c3011ff96871c69bdabe2c70268b', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: '7e3e95c464cd7512d6491499955adc235b3ca5de', class: "label" }, h("p", { key: 'daa78dad40c03f4747a846db49055976f8a5df3a', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: '3866cff2685517055ea40939bc069840e2c4200b', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: 'ec8c2f40bb3f2e5975f6850e6a8ca00bfdfc937d', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: '1b62273c35e9d7f5e0c5fb223ce6aa59a29193a0', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: 'ac7a8ddde3e4fe8eaba8ede9e3f01add154c5a3e', slot: "label" }, this.label)))));
     }
 };
 GbTopBarItem.style = gbTopBarItemCss;

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

@@ -37,7 +37,7 @@ const GbTopBarSidemenu = class {
     }
     render() {
         const patternSrc = getAssetPath(`assets/pattern_wrapper.svg`);
-        return (h("div", { key: '456a05d3b1a881cfc9eb6b080a2e1a0bf258c3fb', class: "top_bar_sidemenu_div" }, h("div", { key: '09fc3427b4baf35bbecec7d1b968fe6535fa3d14', class: "vertical_tabs_div" }, h("gb-vertical-tabs", { key: '9ad39c02c87e54cfe5ce1c831b433c6905564a01', 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: 'b6bafa8782a005ec7cad63cb711ee0de55c6dda5', class: "wrapper" }, h("div", { key: 'bde432e49c61d0e58ec0dc3b4109a0f2014aace0', class: "wrapper_pattern" }, h("img", { key: 'c49205fb649053681df0927b3c27b5d1f0de5138', src: patternSrc, alt: "" })), h("div", { key: '9420987e727ff413e8e8e1673a9b0a16e6845ca9', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("div", { key: '418dd2186c39f7717f213517f21f0dd960e25bf2', class: "application_name" }, h("slot", { key: '80e2557de15b009df0b0125472eb57739d8eb7bd', name: "application_name" })))));
+        return (h("div", { key: '7ee053258ae5ca29f6f8ade2304d47af6f64e8f0', class: "top_bar_sidemenu_div" }, h("div", { key: 'fcb9089e40fbdf01c8847dd9bfa58e57d906b090', class: "vertical_tabs_div" }, h("gb-vertical-tabs", { key: 'c0fca0743c76ffcfbf304b52243e434cc6842597', 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: '5ada9b37eb8a9b50ca5563a56d7c2c8a76ab8bd5', class: "wrapper" }, h("div", { key: '09fb2faa306483c29a870f29ac0555ea8f841f8a', class: "wrapper_pattern" }, h("img", { key: '3d58456e8d34afe19274f3aa2591c935010bc9e5', src: patternSrc, alt: "" })), h("div", { key: 'f92ff6c5bfcf3f822a9bf19a93ce0424367dd065', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("div", { key: '2d69fa5b7f925f1f605dc498037f31afd6b334a0', class: "application_name" }, h("slot", { key: '816cc76f42e1c3a24d884710ab3094fdcf6af9f4', 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: '7ae6d3dabc7e34be8fbb2c1ae382ba325711cf46', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '87134dba19930e65e1585890ced988ac01035dc6', class: "pattern" }, h("img", { key: '9c9a94a4716996c40ebacb0729cf7375e4e81bea', src: patternSrc, alt: "" }))), h("div", { key: '80e98f671be618d8a21774c6ce2014ef8828a893', class: "top_bar_content" }, h("div", { key: '7b1db268ecf638ffdb6708d75a5f9c0f3aa51b79', class: "content" }, this.firstTabLabel && (h("gb-top-bar-item", { key: 'addebe72a16359dcfa361655d6c412cd775fa6b4', 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: '21b11d3f1beacc2f9fa5b1bb5b936e7e18c9cf95', 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: 'ebfbcfbadcb9b903ac7a0afbe2fdd86f0146c7f2', 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: 'd3f14e26125d802d731bb2c10718add10c723760', 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: 'c40024e964893956894fd788d83bcf05315b2f04', 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: '8e6ca373c39c33b103be3ae5724684d5581316c4', 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: '82295f65e1603e39207a1e00224c8c401c9aa39e', 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: '01e653309ac2ea21d6c76e6054fe991c2285c815', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'e0b2930cf296cb5b81598d0404bd1cf5756feb20', class: "pattern" }, h("img", { key: '6cb122ebb25b00dd59f8602dba06d93f77154b77', src: patternSrc, alt: "" }))), h("div", { key: '8d043fa94ddafc4fb79d46dc8ce8a2486d597af6', class: "top_bar_content" }, h("div", { key: '580cfb0bbac0da3cf6975eac81072639167a7ee0', class: "content" }, this.firstTabLabel && (h("gb-top-bar-item", { key: '8d0e7e52881483c8f2d94d151f1baa1f2887a444', 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: '25518b1e98222fa3b7f9b92102fa76cf563989c3', 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: '0cc7efbcf18f77bce30f145aa473f9032ceef032', 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: '983bd81061fc4996ac3b8f619001207390e2bd29', 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: 'aa585d30aeda59937964b34969fd47402fd50a89', 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: '66877a497177aea65d99e5e221d1259a02c75aa3', 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: '34bb7d2521b5df6ea95280677c79323f3c38a3ec', 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: '2f9766f426fa2907388af3dce8cc4789fd3dedef', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: '69d99b783c41c0a8eb92c8f8fc282bf27bae1683', 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: '7adb6991abdcda398d51342e8249c8e473e718d8', 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: '5c6dac1a588f2b2a658f19a9bd4a25b1496b4fad', 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: '837e2dedca301a7e3a8fecbcc23fd0a9dd1cf5b8', 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: '47fa53a96f66bb518f9f3dfbbcdeee9d8e8b8172', 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: 'abc608fedae0faa0d9fff1c07fca4ece58595040', 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: '70e7e9d399eba6b85dac804c22eecc97cacef081', 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: '4774875583a95ae828baa58d05cc6073226a82f1', 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: '5c13ed54a9ccd00619d08ab521587ba3bd013db7', 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: 'bff41643a19b50d2bed6d95112e8ef39aa50144e', 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: 'e8ea81d820510f738726e0ef67ac8c5e7c01d932', 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: '559243a03f5d21bf81c226c5acdbd91e66244986', 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: '055913b4cb41f460ac2d49a8daeccfb1ec09538b', 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: 'df73ebf7da246662d9cbde7aa476055ba4f55e2d', 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: 'c57682cf0cd787ca3a3d0b71d0d572be4480a33c', 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: '99bf1621f0726075592fa74c471da3c41670a02c', 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: 'e4c1721ca13a0e0727c469f5a81fa962fc2bd345', 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: '93c0eb01b234145118ece489f303240d9a7b8bdb', 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: '1450ec9bc6cbd498f48346ef1665e403dfb7511a', 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: '534d45284a8f606f95cb6c23ec65355ca5d37ee1', 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: '4f8793357ce2a39f3c566f040f59ff0c8f362763', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: 'b7c7a81450ef8a4f192b7fba878e4f6fca168ff2', 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: '4c1d012f669b5ccbfef4742956adf774f3a6e538', 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: '3a49dcfb279031a8920ae8eadec9ac584d3a1468', 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: '596aff46d1be586eb4d017ac1ed16c95b46f28f9', 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: '998772b207deee5dec80754d18621675c61f7cd0', 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: 'b1a6505c1c9e3a5db81eff155eb6e256346980a4', 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: '09c55bf02ffc5d18a1ee987bdba8df14df2b5e5a', 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: 'd666b56c8684f1ac33334a471b4dc725ae8e0014', 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: 'cd15d4a88a8fbffae7c5d8cd0a188389adafd40d', 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: '728be54da1d2d3bc8e71efe98520f970a4cfcae8', 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: '88f09dd31a39be9a99dfe83d19b9bd54bd402456', 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: '2e5d47b12d0bedb7f45068c68c4a1c2c79c85162', 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: 'dca57b2c4e87b0d96eeace9299159492eab7718b', 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: '02bf971273f287ab05e0595698d99704e38c6784', 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: '2b9bb58742bfca117c7fa8939386f998904f9cd7', 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: 'f3aa1cd2b8ee03c794a10102ad0994ba3ecca100', 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: '4b736084f848ef7b386ca5ce041ba4701aef41c1', 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: '8206765d370af3fd5b8572b112ba9a62acb3167e', 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: '870b62955ae50ec6d7a6e453e49edc20182db026', 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: '3e4a0ae051a926a08b1d67f8d6f80045a10c5ce3', 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;