globuswebcomponents 2.13.3 → 2.13.4

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

@@ -38,7 +38,7 @@ export class GbStepBase {
         this.internalState = newValue;
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '4662a6c79e84c5154f7e40f6646781591685c0e8', class: `bar ${this.size} ${this.status} ${this.internalState}` }), this.showContent && (h("div", { key: '45e393b6352ac2bc5ba539c8a89ca894c0a496e9', class: `text_line_div ${this.size} ${this.status} ${this.internalState}` }, h("div", { key: '9de71d4fa8c1c8ed9f942e149cc95643337404c3', class: `text_line_div_content` }, h("p", { key: 'd1c8b77394118b4caa27b1cebd7564024f2736a8', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), this.showSupportingText && h("p", { key: 'c1ae49cc80645aa44b2f11fa5fa5302e7e20fa64', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: 'bc8a91739bc1ff97f583be9a35c05337d78d0cc6', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '13e0728f15d45a17e434f2fe2c3cdbc38f1ca125', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '77ea2c652a4342c000c5e432cf47ee552566a6dd', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: 'a98d3888e463d3f0cd0bf406474ba191bbdfc1bc', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: 'f0885cd97e40b55eeb0b96156e9ca58ce269d67c', class: `icon_left_div ${this.size}` }, h("div", { key: 'c68940b63ef897564a6db047095abca5fffe575e', class: "connector_wrap" }, h("gb-step-icon-base", { key: '8f06339e9c4c85bc6353001d188e287f39466607', size: this.size, status: this.internalStatus, state: this.internalState }), this.connector && (h("div", { key: '4b3ccc20dc14a64574c887488b8da1e9035b37b0', class: "connector_div" }, h("div", { key: 'e232f40e2e1d07ee8c17712b932ebf21cb628bee', class: `icon_left_connector ${this.internalState} ${this.status}` })))), h("div", { key: 'beb26865f9b4cf222ecc657b5ade2dc5780ee159', class: "icon_left_text" }, h("p", { key: 'de56128e45762c2d2d2e0f2062bc9bdfae120b65', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: 'c7f0503c18ab6714df76d2d8bbb724bb52775742', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '517b547e5ae544c2cf305787e51aeb2df5d67329', class: `icon_top_div ${this.size}` }, h("div", { key: 'b04030b475abd8b41b05928718ac87b07d539d20', class: "step_icon_div" }, h("div", { key: '927ea927ce7be4d3d07578395094646b53f55b57', class: "step_icon" }, h("div", { key: '8b22a3bce21841f4e4248475ba6dec1550bfa9fd', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '6b84f1424cbcec310e2420bca1cac98f906266f4', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '33d65f76d257721fe7802fc5ac55c4aabc315614', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: 'fe98915b9b04b509afe77fc766a12e99c201e288', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: 'dd117a41bae1d0a221c27fc25c30081dfc065b95', class: "icon_top_content" }, h("p", { key: 'a51f24b79902583c76863796da3a21057b20de56', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '19b1b22a4a2462cccfe6e326437d89374615da92', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '0daaa67dc0c54c4f25f0b2e08c936f972bdf4747', class: "featured_icon_left_div" }, h("div", { key: '2c4a37d03f28e448d05041dc8ff3918595ca02fa', class: "connector_wrap" }, h("gb-featured-icon", { key: '57b3cf87551b3a323e092701238045ff2684e72e', size: "sm", icon: "assets/user.svg", destructive: this.internalState === 'destructive' ? true : false }), this.connector && (h("div", { key: '9d3dc52f0b9141892034b98ee25517608e040d35', class: "connector_div" }, h("div", { key: '9329dd72eb81131076f0ac500f94a126a447723c', class: `featured_icon_left_connector ${this.size} ${this.internalState} ${this.status}` })))), h("div", { key: 'a39d3d6ac43d56c5852f24015eafa645ef55ee07', class: "featured_icon_left_content" }, h("p", { key: '79d146dce37811b894cb5a47d1546c62c40b4075', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.internalState}` }, this.label), h("p", { key: '0aaafe28c7a103da270e2cd780abd0b8b9f11305', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.internalState}` }, this.supportingText))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'bbac21b829737c56dadb364e3865225c4a34fae1', class: `bar ${this.size} ${this.status} ${this.internalState}` }), this.showContent && (h("div", { key: '546993561d43f85540e30ac2b2dc39310191f774', class: `text_line_div ${this.size} ${this.status} ${this.internalState}` }, h("div", { key: 'fc687b65bb1aa956c5b03ed8c981219fa71057f0', class: `text_line_div_content` }, h("p", { key: 'd569a483b205996d3282f1f6d5f45a83a5121c6d', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), this.showSupportingText && h("p", { key: 'f8bdfcb5417642cd5957fa0c8a6a539d7a4ebe90', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: 'd5019894f1032a8db58f7c7b465eb47bca21a68d', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '6a2dfe1239243e33bff1fb6c1423ab7ea576e880', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'a13fefa4b803769190ad281a2e2d8faac6df1aec', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: 'c4dd819eac00998b099eb142712afcac96d7a952', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: 'cbb816393c026e56f9dcb63d41d81babf862818e', class: `icon_left_div ${this.size}` }, h("div", { key: '728f3e5dc2d88ea35dc406721532254825e080ed', class: "connector_wrap" }, h("gb-step-icon-base", { key: '6f96ef0e1ca966f14cfff0830e8fdb3eb7cda2da', size: this.size, status: this.internalStatus, state: this.internalState }), this.connector && (h("div", { key: '466b60ed1d23a2397a0dbc89effa0449f3e9bb60', class: "connector_div" }, h("div", { key: '724321478b44369cdf49460c29c073b9151eda79', class: `icon_left_connector ${this.internalState} ${this.status}` })))), h("div", { key: '05c9edb1478a5fe7e88508c201e04f829b1ab25b', class: "icon_left_text" }, h("p", { key: '8f687fd3371f16722cf3e40ef2af03700cbc77da', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '94dd7eb4743ee0dc2a5ea095ff38c3e83ea42ce3', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: 'b3fb1a3726b34375bebddbf119f226ef83f48806', class: `icon_top_div ${this.size}` }, h("div", { key: '8000a62568e45d706d6b73ea9218d2ff73a29268', class: "step_icon_div" }, h("div", { key: '798904a2a498833e11875693c16d0cf38c095c3b', class: "step_icon" }, h("div", { key: 'cc51a374660bcebeeebfddb8454b19c56375a078', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '6d2d4d92600c96a9c35c745e74fb05869e8196aa', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '60b291b02d9e86ac18854a9d9a9ffc7bd58b0c33', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: '16bd5b01931b7f10d788c942b036617dcddbe0a6', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: 'a2457eb4b2d80d6d9fe29fa590bb9279b0396236', class: "icon_top_content" }, h("p", { key: 'd648fc2a86dcd08aba96bbf34ae3fd28922bc904', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: 'f01ed307958f3ee239fc9aa8f36388d027713447', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '040b9182a1458f16914eb82f9995a9ce63e1adcf', class: "featured_icon_left_div" }, h("div", { key: '20820f940049c935409b0bc403680b7554b5a21b', class: "connector_wrap" }, h("gb-featured-icon", { key: 'c788260e7d67163b2c72d5e02099146263ce5406', size: "sm", icon: "assets/user.svg", destructive: this.internalState === 'destructive' ? true : false }), this.connector && (h("div", { key: '89cea474a02384a3ed0b7e51a9fb12058c1f7680', class: "connector_div" }, h("div", { key: '5d7729fe0b94dd66fd408c22ce399976b7580242', class: `featured_icon_left_connector ${this.size} ${this.internalState} ${this.status}` })))), h("div", { key: 'db1c6b983e9b0ef607def2a85b084212264e2da6', class: "featured_icon_left_content" }, h("p", { key: 'cba9abd409fd142428729c58ccb1cece25cf9f81', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.internalState}` }, this.label), h("p", { key: 'e99e90440e7e9f2735dcf45983de06e8da197652', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.internalState}` }, this.supportingText))))));
     }
     static get is() { return "gb-step-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-step-icon-base/gb-step-icon-base.js

@@ -11,7 +11,7 @@ export class GbStepIconBase {
         this.internalState = newValue;
     }
     render() {
-        return (h("div", { key: 'b03c62fded57a030bd724b9601d0ced9daadc88c', class: `icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '17945b0617b82fea3cc03417ee7f70b8186726a1', class: `dot ${this.internalStatus} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '936d4069b66dd5f39c0971eef91c87cbe00fa76a', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.internalStatus} ${this.internalState} ${this.size}` }, h("path", { key: 'c9287b92f85d509d9fa55e3475950b07184f98dc', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("div", { key: '2e884bd43d4180e7277dfdd2a156e4604ab7de83', class: `icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'f18c6d322ff63255255099a5527ba03d770c9182', class: `dot ${this.internalStatus} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'debd2e201428b6225484a3c7676512624ac86326', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.internalStatus} ${this.internalState} ${this.size}` }, h("path", { key: '45eef9a71a796a97c7c7987cbd9368666586755b', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-step-icon-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -29,7 +29,7 @@ export class GbStepperHorizontalIconsCentered {
         ];
     }
     render() {
-        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: 'bbc9ec63ddcc288a688b11e3410b614e95a9b4f8', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: 'eb847a2e9e2550564881178e44b26b93cece7193', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText })))))))), this.type === 'featured_icon' && (h("div", { key: '7f47315907dadde7326031c37e01dc70bc3c8d13', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: 'da64ca8c855a37703941566b8b6d74bfd61beb1f', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "featured_icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }))))))))));
+        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '09e93bf913277d8b71102cd2334346c908072952', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: 'ce8afe0fb379ed11246a1eff5d7809fcc9e35342', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText })))))))), this.type === 'featured_icon' && (h("div", { key: '1d417ecc61ca9dc80324648eb194feef5296552c', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: '5019171556f1fd3f9838cd0a2400d293df4b1ce1', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "featured_icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }))))))))));
     }
     static get is() { return "gb-stepper-horizontal-icons-centered"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,7 +21,7 @@ export class GbStepperHorizontalIconsCentered {
         ];
     }
     render() {
-        return (h("div", { key: '8667d8e997830a0080de281d5e289a69900bb085', class: "icons_centered_container" }, h("div", { key: '2efcfd5d6a2d19bd3ecb235e57265db154fddee5', class: "icons_centered_div" })));
+        return (h("div", { key: '9d4e134e23b1ca5b9f8216e6c2b0a36995759a3f', class: "icons_centered_container" }, h("div", { key: '8afb200432d236cca7ee39ff5df9ec65edf29b8a', class: "icons_centered_div" })));
     }
     static get is() { return "gb-stepper-horizontal-icons-connected"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.js

@@ -41,7 +41,7 @@ export class GbStepperHorizontalLineWithText {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (h("div", { key: 'e4ed87570eb726eaa6dd907fc6526abe8b11e6d4', class: "text_with_line" }, this.internalSteps.map(step => (h("gb-step-base", { size: this.size, type: "text_line", state: step.state, status: step.status, label: step.label, "supporting-text": step.supportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })))));
+        return (h("div", { key: '32fc087ee90403e4d97d833b39fc388be7d386e5', class: "text_with_line" }, this.internalSteps.map(step => (h("gb-step-base", { size: this.size, type: "text_line", state: step.state, status: step.status, label: step.label, "supporting-text": step.supportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })))));
     }
     static get is() { return "gb-stepper-horizontal-line-with-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,7 +26,7 @@ export class GbStepperHorizontalMinimalIcons {
     }
     render() {
         const indexOfCurrentStep = this.steps.findIndex(step => step.status === 'current');
-        return (h("div", { key: 'f0b6c6908391bcfc99dea20c2045e236b1f8d664', class: `minimai_icons_container ${this.position}` }, h("div", { key: '82fd04e7e2e3d524e3fcd78a2e9e71735af26408', class: `minimai_icons_div ${this.size} ${this.position}` }, this.position !== 'left' && (h(Fragment, null, this.text && (h("p", { key: 'c3fed5524674eed51afcabf0f6118b98aebdb52c', class: "step_text text-sm-medium" }, this.stepLabel, " ", indexOfCurrentStep + 1, " of ", this.steps.length)))), this.steps.map(step => (h("gb-step-icon-base", { size: this.size, status: step.status, state: step.state }))), this.position === 'left' && (h(Fragment, null, this.text && (h("p", { key: 'b11feeec3b256c1c9c3b6017a9d128ec839736e2', class: "step_text text-sm-medium" }, this.stepLabel, " ", indexOfCurrentStep + 1, " of ", this.steps.length)))))));
+        return (h("div", { key: '99a677572046f00d36a4e56599005ca77a4ff925', class: `minimai_icons_container ${this.position}` }, h("div", { key: '8f63d2be5b01f360303d7809e524e4296661aa8d', class: `minimai_icons_div ${this.size} ${this.position}` }, this.position !== 'left' && (h(Fragment, null, this.text && (h("p", { key: 'bd3b37b4187bcbea05d251a01b49a2065706866c', class: "step_text text-sm-medium" }, this.stepLabel, " ", indexOfCurrentStep + 1, " of ", this.steps.length)))), this.steps.map(step => (h("gb-step-icon-base", { size: this.size, status: step.status, state: step.state }))), this.position === 'left' && (h(Fragment, null, this.text && (h("p", { key: '228b2d9c0d40db8491c4d20bb3b9492023517114', class: "step_text text-sm-medium" }, this.stepLabel, " ", indexOfCurrentStep + 1, " of ", this.steps.length)))))));
     }
     static get is() { return "gb-stepper-horizontal-minimal-icons"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -46,11 +46,11 @@ export class GbTabButtonBase {
         return words[0] + ' ' + words.slice(1).join(' ').toLowerCase();
     }
     render() {
-        return (h("div", { key: 'b88ce0d0760e8f0563730596bb30151aec34c472', class: `tab_button_div ${this.type}
+        return (h("div", { key: 'c7d61c8462ce62d2b6538a7e835e7a3c6d01f4b3', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '2181abf92d869608c1fe4b452eda0d77a6deed91', class: `tab_name ${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.getFormattedLabel()), this.badge && (h("gb-badge", { key: 'a82e4f8d68332d4b9ccccb7173ff8b51fd588cd9', size: "sm", type: "pill_color", color: this.current ? 'information' : 'gray' }, h("slot", { key: '6ce537ab7fd81d0eae3fde3d0484fe68cefbd0c4', name: "count" })))));
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'ddb359c518e7a93288ab65280c7b2aeef1272967', class: `tab_name ${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.getFormattedLabel()), this.badge && (h("gb-badge", { key: '4ca5118bb66c771060ddbe1a2dabbf033c97c1d5', size: "sm", type: "pill_color", color: this.current ? 'information' : 'gray' }, h("slot", { key: 'd5f1ead46f560f8f91e3daed9090b2ee6f896cda', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1083,16 +1083,16 @@ export class GbTable {
         window.removeEventListener('resize', this.checkViewport);
     }
     render() {
-        return (h("div", { key: '651fb446928f8d526665593e17f5647d7859cbaa', class: `table_wrapper ${this.currentTableLayout}` }, this.tableHeaderConfig && (h("div", { key: 'c90f298f13fc880eb5cf4497b9feab1cb12f78b8', class: `table-header ${this.currentTableLayout}` }, h("gb-table-header", { key: '94c0c6ec6307e15c16a470796d1ce034dba52d59', mode: this.tableHeaderConfig.datePickerMode, "table-heading": this.tableHeaderConfig.tableHeading, "table-heading-label": this.tableHeaderConfig.tableHeadingLabel, "show-search": this.tableHeaderConfig.showSearch, "show-date-filter": this.tableHeaderConfig.showDateFilter, "show-filter": this.tableHeaderConfig.showFilter, "show-export": this.tableHeaderConfig.showExport, "show-column-options": this.tableHeaderConfig.showColumnOptions, "show-refresh-button": this.tableHeaderConfig.showRefreshButton, "input-placeholder": this.tableHeaderConfig.inputPlaceholder, "date-picker-placeholder": this.tableHeaderConfig.datePickerPlaceholder, "show-entire-data": this.tableHeaderConfig.showEntireData, "show-layout-toggle": this.tableHeaderConfig.showLayoutToggle, "filter-state": Object.keys(this.appliedFilterValues).length > 0 ? 'applied' : 'default', "filter-count": Object.keys(this.appliedFilterValues).length, "export-button-state": this.tableHeaderConfig.exportButtonState, "pdf-state": this.tableHeaderConfig.pdfState, "csv-state": this.tableHeaderConfig.csvState, onInputValueChanged: this.emitSearchValue.bind(this), onDateChange: this.emitDateChange.bind(this), onColumnOptionsButtonClicked: this.columnOptionsButtonClicked(), onExportClicked: e => this.exportButtonClicked(e), onFilterButtonClicked: () => this.openFilterModal(), onRefreshButtonClicked: () => this.onRefreshButtonClicked(), onLayoutButtonClicked: e => this.switchTableLayout(e) }))), this.showColumnsPanel && this.columns.length > 0 && (h("div", { key: 'fa723554418f473e2decf515fbcc8959235f6d7a', class: "dialog", style: {
+        return (h("div", { key: 'b4a3b183faecd8237a2b396ef71a7f018b531907', class: `table_wrapper ${this.currentTableLayout}` }, this.tableHeaderConfig && (h("div", { key: '242869ab189fb9955b91a179e2c5ccf424b0f391', class: `table-header ${this.currentTableLayout}` }, h("gb-table-header", { key: '0c75047d54722b8c1d43a3141bb0fbb9a3c869d2', mode: this.tableHeaderConfig.datePickerMode, "table-heading": this.tableHeaderConfig.tableHeading, "table-heading-label": this.tableHeaderConfig.tableHeadingLabel, "show-search": this.tableHeaderConfig.showSearch, "show-date-filter": this.tableHeaderConfig.showDateFilter, "show-filter": this.tableHeaderConfig.showFilter, "show-export": this.tableHeaderConfig.showExport, "show-column-options": this.tableHeaderConfig.showColumnOptions, "show-refresh-button": this.tableHeaderConfig.showRefreshButton, "input-placeholder": this.tableHeaderConfig.inputPlaceholder, "date-picker-placeholder": this.tableHeaderConfig.datePickerPlaceholder, "show-entire-data": this.tableHeaderConfig.showEntireData, "show-layout-toggle": this.tableHeaderConfig.showLayoutToggle, "filter-state": Object.keys(this.appliedFilterValues).length > 0 ? 'applied' : 'default', "filter-count": Object.keys(this.appliedFilterValues).length, "export-button-state": this.tableHeaderConfig.exportButtonState, "pdf-state": this.tableHeaderConfig.pdfState, "csv-state": this.tableHeaderConfig.csvState, onInputValueChanged: this.emitSearchValue.bind(this), onDateChange: this.emitDateChange.bind(this), onColumnOptionsButtonClicked: this.columnOptionsButtonClicked(), onExportClicked: e => this.exportButtonClicked(e), onFilterButtonClicked: () => this.openFilterModal(), onRefreshButtonClicked: () => this.onRefreshButtonClicked(), onLayoutButtonClicked: e => this.switchTableLayout(e) }))), this.showColumnsPanel && this.columns.length > 0 && (h("div", { key: 'f0b120a8693037b85627871f2bf82c6de9e88368', class: "dialog", style: {
                 transform: `translate(${this.modalPosition.x}px, ${this.modalPosition.y}px)`,
-            } }, h("div", { key: '5ceae94f847b6af8b8b58058dddbf108abc71315', class: "column-modal" }, h("div", { key: 'aad941b174bb787c0c3848e6710372782890b7df', class: "modal_header" }, h("div", { key: 'cf44e011df25cb7d0add253fc9b5e43f7c8eb7aa', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, h("h4", { key: '69fa2bd3cbfdeaa1b8adc2964d9d0c3232b961d1', class: "heading display-xs-semi-bold" }, "Column Options"), h("gb-button-close", { key: 'a3694243c2c87f763c94fb45eb67a127d78d87cb', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), h("div", { key: 'f5d9a0999e889b84cb46ce16c2f11311439a5640', class: "content_wrapper" }, h("div", { key: '10d2ed9be4d886450bb93b409eb5f335b14cd4a9', class: "modal_content" }, this.internalColumns.map((col, index) => (h("div", { class: "column_option", draggable: true, onDragStart: () => (this.draggedIndex = index), onDragOver: e => e.preventDefault(), onDrop: () => {
+            } }, h("div", { key: 'dd60890a986c61f591e1a877950fcbf9b6160a16', class: "column-modal" }, h("div", { key: '7aaf9173881ce02166b27a3141d479154aff2d96', class: "modal_header" }, h("div", { key: '9788f3c142ff853be0fbd986cc6326b8aee985bc', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, h("h4", { key: 'f00003100038e162cab3605a8c7190d17b842e46', class: "heading display-xs-semi-bold" }, "Column Options"), h("gb-button-close", { key: 'e70373c501a356d8f825fee4a6b6f5cf3a9828f4', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), h("div", { key: 'bf757567fee3c28558e1b6d3e0daa923a66ba056', class: "content_wrapper" }, h("div", { key: 'f95d593c9384b0529aa83f07d4c8b5b3b709186c', class: "modal_content" }, this.internalColumns.map((col, index) => (h("div", { class: "column_option", draggable: true, onDragStart: () => (this.draggedIndex = index), onDragOver: e => e.preventDefault(), onDrop: () => {
                 if (this.draggedIndex !== null && this.draggedIndex !== index) {
                     this.reorderColumns(this.draggedIndex, index);
                 }
                 this.draggedIndex = null;
             } }, h("div", { class: "label_and_dragger" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { d: "M8 6H8.00635M8 12H8.00635M8 18H8.00635M15.9937 6H16M15.9937 12H16M15.9937 18H16", stroke: "var(--color-icon, #4B5565)", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("p", { class: "label text-md-regular" }, col.label)), h("gb-toggle", { size: "sm", state: StateEnum.Default, position: "right", pressed: col.visible, text: false, onToggleClicked: e => {
                 this.toggleColumn(e, col.key);
-            } })))), h("div", { key: 'f7d0bc919555a2201c55a4e39e631751f9ae9ee1', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (h("div", { key: '20e005701dbf2cfce4a048f2e3c05dcfebae6227', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, h("gb-filter-modal", { key: '730563f0c778f5a0d13316f3fb8226f980405d08', class: "filter_modal", filterConfig: this.mergedFilterConfig, onClose: e => {
+            } })))), h("div", { key: 'a966e881347fdcea9845a67ee2fea20c06311f45', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (h("div", { key: '89e04e26810d29bee875e1ddff6e87efac3f64b8', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, h("gb-filter-modal", { key: 'ec49eaabfa9123a8d3a8b5566785f94478048e4f', class: "filter_modal", filterConfig: this.mergedFilterConfig, onClose: e => {
                 e.stopPropagation();
                 this.closeFilterModal();
             }, onApplyFilters: e => this.onApplyFilters(e), onClearFilters: () => this.handleClearFilters() }))), this.internalLoading ? (
@@ -1139,7 +1139,7 @@ export class GbTable {
                 ? this.renderDesktopView()
                 : this.currentTableLayout === 'grid'
                     ? this.renderGridView()
-                    : null)), this.paginationConfig && (h("div", { key: '3f30889d2d1221ff3f63c033d79a5833b47f52dd', class: `pagination ${this.currentTableLayout}` }, h("gb-pagination", { key: '034fbde168399b4b16a9680e60bb7076489f4854', "entries-dropdown-menu-position": this.paginationConfig.entriesDropdownMenuPosition, "page-size": this.paginationConfig.paginationMode === 'internal' ? this.internalPageSize : this.paginationConfig.pageSize, "current-page": this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage, "total-pages": this.totalPages, onPageItemSelected: this.handlePageChange.bind(this) }))), this.showToast && (h("gb-toast", { key: 'e00c6746cbb71435ccf669ae47c07448a75ccbef', class: `toast ${this.toastVisible ? 'visible' : ''}`, color: "information", "main-text": this.filterMessage, breakpoint: "desktop", size: "floating", onClose: () => this.hideToast() }))));
+                    : null)), this.paginationConfig && (h("div", { key: '23aff975314ab3320228a43aef81615b9adbea58', class: `pagination ${this.currentTableLayout}` }, h("gb-pagination", { key: '85f842f4da37bc32c00b5655410df800e9451144', "entries-dropdown-menu-position": this.paginationConfig.entriesDropdownMenuPosition, "page-size": this.paginationConfig.paginationMode === 'internal' ? this.internalPageSize : this.paginationConfig.pageSize, "current-page": this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage, "total-pages": this.totalPages, onPageItemSelected: this.handlePageChange.bind(this) }))), this.showToast && (h("gb-toast", { key: '1a57ac197326b46facb7816a930b9127799ba9df', class: `toast ${this.toastVisible ? 'visible' : ''}`, color: "information", "main-text": this.filterMessage, breakpoint: "desktop", size: "floating", onClose: () => this.hideToast() }))));
     }
     static get is() { return "gb-table"; }
     static get encapsulation() { return "shadow"; }

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

@@ -94,10 +94,10 @@ export class GbTableHeader {
         window.removeEventListener('resize', this.handleResize);
     }
     render() {
-        return (h("div", { key: 'bf45b026e3a2ffb0040c4925b1e8cbcfe4f3a984', class: "table_header_div" }, this.tableHeading && h("p", { key: 'e89174222a5a75b82c0c0b11af0a1fc1cbb0987d', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (h("div", { key: '59bf89e12f0f6faff60a593ba7956f02e4000581', class: "date_filters" }, h("div", { key: '88fb021e36436ddf1f04949738e097eb8702bf31', class: "date_input" }, h("gb-date-picker", { key: '5c7ad7c314a6cd986a4ca8d497f2f83d2ec3be8e', mode: this.mode, disabled: this.datePickerDisabled, format: this.format, "icon-position": this.datePickerIconPosition, placeholder: this.datePickerPlaceholder, "dropdown-alignment": this.datePickerDropdownPosition, "enable-time": this.enableTime, "no-calendar": this.noCalendar, "twentyfour-hr": this.twentyfourHr, "show-months": this.showMonths, "full-width": this.isDatePickerFullWidth, onDateChange: this.emitDateSelected.bind(this) })))), h("div", { key: '615950ae1c7e62dbfca975f23ae598b8014e7d1f', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: 'cb6fe422f74f04d4c592223acdb2f9ac309ac7e0', class: "input_field" }, h("gb-input-field", { key: '4ffbc5baaee5ebe198546a29d9518ce57d0e23aa', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: this.inputPlaceholder, "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: 'a039b53209da2d0e29408b711250e44064a7a49d', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'dfcdc66872246655bd249cffe748342ca5f21eda', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && this.width > 768 && (h("gb-button", { key: '11ccdbb83c67872e39056e45730b35141a20b93f', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg", onClick: () => this.onColumnOptionsButtonClicked() }, h("p", { key: 'a20b553a1354d7a92c56aa1b1a1a23e5cb6fadf7' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: 'ab633411777830d1ca73877d15dcebb3088c335a', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '3e04f59699da411d4d87085c841e4070165b4b32', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '4f9ace4104656087074ceabd723a2b0b72a86e2e', class: "export" }, h("gb-button", { key: '93528bafc48ede9a1e88f8fa759185ec253da328', size: "md", state: this.exportButtonState, 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: e => {
+        return (h("div", { key: '32353db62f674a5ef0eaf2e65b75a96ad5ce8d83', class: "table_header_div" }, this.tableHeading && h("p", { key: '01fe9674c4de53c1f4753a9df64221b342ad6027', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (h("div", { key: '3e6ad1ecdabdbadea2b32fb18af5855e61001357', class: "date_filters" }, h("div", { key: 'f18e879768882d30c7608ef85781770ec6f74285', class: "date_input" }, h("gb-date-picker", { key: '57fb95e408eb5805d660aa98a666cce2bf9168fd', mode: this.mode, disabled: this.datePickerDisabled, format: this.format, "icon-position": this.datePickerIconPosition, placeholder: this.datePickerPlaceholder, "dropdown-alignment": this.datePickerDropdownPosition, "enable-time": this.enableTime, "no-calendar": this.noCalendar, "twentyfour-hr": this.twentyfourHr, "show-months": this.showMonths, "full-width": this.isDatePickerFullWidth, onDateChange: this.emitDateSelected.bind(this) })))), h("div", { key: '3ca2354ffcda9861d7dc2873331fcb5b52deae59', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: '0fdd26e497271b160368ceacfd6e0d2b27c84093', class: "input_field" }, h("gb-input-field", { key: 'be1795f051621089df54ede48fb751c67f031e74', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: this.inputPlaceholder, "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: 'd2121b1a8b2fe7da25fd3ada8aadc4c74e2244e9', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: '60514017313c8e13f0e2f659b8c2cac616a86137', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && this.width > 768 && (h("gb-button", { key: '4e4eeb550b58ebd4611cb2306ea1f05075afc744', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg", onClick: () => this.onColumnOptionsButtonClicked() }, h("p", { key: '387a70708ed1ce6c961e8c4e92c0f265b529bfb5' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '061929edd71d83357888c05c23db46ccf841665a', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '57684d78a918cabeeccf1bf1f9930e30e6b62430', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: 'bdc348565bb40bbeda7a9fc9628d2a47b6215071', class: "export" }, h("gb-button", { key: 'fdfcd968ac921b45c456ad395fc65609c73242e4', size: "md", state: this.exportButtonState, 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: e => {
                 e.stopPropagation();
                 this.toggleDropdown();
-            } }, h("p", { key: '41d0e4e68ea3f5fc95773002e24a154947477af0' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: 'ae3f213525227e464a384f7024d15a6eba6bf1d8', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: event => this.emitSelection(event), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: 'c356133f396dbe2a2db471da12d70827239aabca', class: "refresh_button" }, h("gb-button", { key: 'd30bb998742ee7aaade34882027461f97038179b', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
+            } }, h("p", { key: 'faab9f0ab1122f4fbf0f02c77bec942c6fb92239' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '41806737f3f22b7a0e904f9c4a6c13b4649277f5', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: event => this.emitSelection(event), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: '440525d61a250c0167da60dd043af1bc8fb76f69', class: "refresh_button" }, h("gb-button", { key: '1beab95008d04c51dcf66d2583c85f14770bcebd', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
     }
     static get is() { return "gb-table-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: '0561bc37fb8960697621424edc0ecebc83c70612', class: `container ${this.size} ${this.action}` }, h("div", { key: '590fc2b2a54bb49cafd20ec99c98e5b79943ac79', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'e3388c70fca7c15d490662cba49dc6ebf24c1d6f', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'd5d312c3c5a8891d0f8a2a4c714ded50347a41e2', class: "icon left-icon" }, h("img", { key: 'b1599754eaa576ae41e89b39ba274af39d21d00a', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '4935b7820bd768e8ecad9df841a6c41413f111f1', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, h("slot", { key: '9cce1fbbbef99b8bd6e06fe4e37bd6f0e9d9a217', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: '5438b4b990028d76f186112233663d4bfc891393', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '3b065c4c7219f0821ad61f96ff51afbc192af7c3', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '8032af4b5f0b36b6e606007673779c2b9d6cb3d2', class: "label" }, h("slot", { key: '527c11eeb41fe6ecd06ef4a89e1d4dfd19e97e84' })), this.action === 'count' && (h("gb-tag-count", { key: 'b89b12807b485eb3f99d151624f9a938e54c2f69', size: this.size }, h("slot", { key: '4dfd9258e29bba2a6239ee4b5200442254d8f06a', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'cb4fe741e13ae4b07b5ff163c232b59b03ed79ec', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: '8b65767fd1c408c933dd89253aae5f9fc509de25', class: `container ${this.size} ${this.action}` }, h("div", { key: '053e3e0f1750a5251d955406c920f7eb77688fac', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '829a309071fbcafed25926ba320ca7183435c851', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'bd8d798d9e334acb5d910d6502ffc8ff021ae8fa', class: "icon left-icon" }, h("img", { key: '4a56c17c30787c343143c568bd9f7ef5d0f07d67', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '291bbc888d98a378ef9dc6921ebc0a664f9e2da1', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, h("slot", { key: 'f62a1cfa7f475779c951801e7824f638a0af662d', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: '70d1478399401eb3ee7469cdd9a62dc0fde8b0fa', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'ca706f73acd1b8d7da37265086fec2f4ade47fce', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '005220be47bfde2885d407b0b50c0928742a72c5', class: "label" }, h("slot", { key: 'f27e4e17bb8fc3a5e38bcc6f3f237d158dd12915' })), this.action === 'count' && (h("gb-tag-count", { key: '13ae3e7751f9f916403be5178d004101de7d89ee', size: this.size }, h("slot", { key: '7491853b03a4acffe584b92c59ea70f4e10d9416', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '5e290531091da5d06a7fbc366d66adf9a0699633', size: this.size, onClick: () => this.onTagClose() })));
     }
     static get is() { return "gb-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class GbTagCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: 'db9f89574750422010b1c93a1207f1a3d21d91fe', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '0c74221b2f0d9d5aae76954682a6986a7059a1cc', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'a3976d6122eb33d7bd8bf0aa6fd6e8e83bc733c1', class: `custom-checkbox ${this.size}` }, h("svg", { key: '7f7baf13d623a3a2e19303c4fc4a92d2b872c873', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'f310ae2d12b69cbc90911ef784dfdbdf06810bfe', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("label", { key: '53fc5d34f0ee98aabada41f8813e6f407591c2d4', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '642d6add046cf9ed9b74bad640008b0d294d137b', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'c210392945188d2691d0e386c773a9b6b4a9a4a5', class: `custom-checkbox ${this.size}` }, h("svg", { key: '6d095632f14515bc42de1f684db052dc4c412761', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'cfb101705669525f3308c8c512f9e553e3f0e442', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-tag-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagClose {
     render() {
-        return (h("div", { key: '93c9884769e7acf1e1dfaac973aa9ea848903b75', class: this.size }, h("svg", { key: '8dcaa0719469f53f2e6049e8bc5b448d4c78b7b0', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '05518592f0f54afbadfe125e2352e6b1f90d229d', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
+        return (h("div", { key: '23f63e5832b7004dad87c5416e0bd8130700fcdb', class: this.size }, h("svg", { key: '8768cc091f046d92fe1869bdaee12362052be45f', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'ca8095c5fcb65c0060bd66953877695b57bf57e7', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
     static get is() { return "gb-tag-close"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -202,12 +202,12 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: 'b505bcd1b4e9bd8a626a6ef2877920b1855063e1', class: "textarea_container" }, h("div", { key: '4595c2e06e31d1b38022ca03a6134de8302a9045', class: "input_with_label" }, this.showLabel && h("p", { key: '6250c833505cbca8fcc89ab1fd78b77b0a3f4ce6', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: 'ecc182cd6c54dadedda763c98518f0f4b33db492', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: '7fcc20ea521fbca5666a726d6bab45d35431daa4', class: "textarea_tags" }, h("div", { key: '486c10de9228454bdf58cb4512bcdf2f2fbffb7c', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '2c9ef5758e3f79ba3613827f35df4407893c8f04', 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: 'eb499b5ecc4a6506cc8d98087d6ece70a4db9b50', class: "textarea_container" }, h("div", { key: '01580edffe7d24092b154d360a982656787bb554', class: "input_with_label" }, this.showLabel && h("p", { key: '63fcdbc3ff6378a47dd54d7c199f3aa85e171825', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '41d771bb634dc1beb4d0df5e182f95518ebea5e5', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: 'bdb9c63f37853bb3336e100bf4218a53bd9cfd37', class: "textarea_tags" }, h("div", { key: '75f089b3662a8ac724f039b18db0541d86809d8b', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'fc287a80874813e39f1ed9b804692e438bdb8a1b', 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: '97794b51997af2ace516f41d66ddcc04669183e6', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '17e1f04573aa41fa900a4b0c85a9a8d233f32328', class: "input_field" }, h("input", { key: 'e6f575b60160a2e177da61758aa2ab95d17a05a9', 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: 'c4c00b2340dac39490a9967a760e614229108874', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '9115f93f8a85a1b0523a5268ddc7c342f505c47a', class: "input_field" }, h("input", { key: 'd9f648b9644ffaaab66da8ebf23e713504d8196b', 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: '221023a8eb956f80641f342b7deb488117b9c154', class: "help_icon" }, h("svg", { key: '833e9f9d7776c12880852007540e5359cbfa9c97', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'a3a89d90ce27c8ef0966666f2b05af1113ddbbba', 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: 'f8af1cc80446642b6358e049f144343d42ca8469', 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: 'a08987175efa1b59ba6f45a35f8ee82e94f818ea', class: "help_icon" }, h("svg", { key: 'e12a04675f98b005d1ec3cdf363e12c3bea82da8', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '83d499708b1858d9e224db78b76df72c78433b1c', 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: '46a99011234f96c1b6fc082c5f9ea1ce0e2a2ae1', 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(Fragment, null, !this.destructive ? h("p", { class: "hint_text text-sm-regular" }, this.hintText) : h("p", { class: "error_text text-sm-regular" }, this.errorText))));
     }

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

@@ -18,7 +18,7 @@ export class GbThemeTab {
         const systemIconSrc = getAssetPath(`assets/laptop.svg`);
         const sunSrc = getAssetPath(`assets/sun-02.svg`);
         const moonSrc = getAssetPath(`assets/moon-02.svg`);
-        return (h("div", { key: '61e7f8f1081729012f93efa3283e42b717840c0d', class: `theme_tab_div` }, h("div", { key: 'a613367fcc6ef68c2fa7941fa230ce85890b84a2', class: "tab" }, h("gb-icon-button-base", { key: 'b6eab15aaa1645e5b0a792faacb73a25b928517d', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: 'cda5e5a1969889dbab1ec8480cc2c38c00012b33', class: "tab" }, h("gb-icon-button-base", { key: '69ba55e04e8e3e71c2e15ac84133b9ae03d2afe9', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '165afd0251b317e284a61e44f41aa96bbe497ef1', class: "tab" }, h("gb-icon-button-base", { key: 'c7497e2396e8af6bfe0b3ca7f28f9458765afddc', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: 'ffb2bcce33216853cda0bc036051520f6471eebf', class: `theme_tab_div` }, h("div", { key: '8692ba05cb3658fca76f4e757fe0ecf161d0e8b8', class: "tab" }, h("gb-icon-button-base", { key: 'ee1d8857c34b5828d4952ebf71d9646f30a560d5', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '92f2dac8b0389a341fa1aa12e7c485254bb19bbb', class: "tab" }, h("gb-icon-button-base", { key: '6696a6e10dd567674708cc1854ab2bff0b0c1189', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '047e25e2870ed84edd25a543641e6311667d9077', class: "tab" }, h("gb-icon-button-base", { key: '5154745e1e327be999f66e0c90969c73293241a8', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     static get is() { return "gb-theme-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -44,7 +44,7 @@ export class GbToast {
         window.removeEventListener('resize', this.handleResize);
     }
     render() {
-        return (h("div", { key: 'edd12414a19e3afa281f547e67f6378f58298892', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'f3560ffefa626c2647d7ee394434da71f5149663', class: `icon_container ${this.showSupportingText ? '' : 'no_supporting_text'}` }, this.internalColor === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "var(--color-icon-success, #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: "var(--color-icon-success, #079455)" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "var(--color-icon-danger, #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: "var(--color-icon-danger, #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: "var(--color-icon-danger, #B51726)" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "var(--color-icon, #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: "var(--color-icon, #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: "var(--color-icon, #4B5565)" })))), h("div", { key: '4458e1021a877fb8de04c24df55077540f378b02', class: `content ${this.size} ${this.actions ? ' actions' : ''} ${this.breakpoint}` }, h("div", { key: '70027bbb18a5321b47f876bf60c2e37cfe9ad533', class: `text ${!this.internalSupportingText ? 'no_supporting_text' : ''} ${this.size}` }, h("p", { key: 'ea73d82d98567a0d0e3bccb93f4ee6576aa3c285', class: `text-md-semi-bold main_text_${this.internalColor}` }, this.internalMainText), this.showSupportingText && h("p", { key: 'ddbb873eca4ad22dcfc82cacfd10a5b86337b9fa', class: `text-sm-regular supporting_text_${this.internalColor}` }, this.internalSupportingText)), this.actions && (h("div", { key: '9d91bacc8b198f11efbe0d1cb80de5967a847ab1', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray", onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color", onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: 'cb7b80ea3c3d6e014e25aeb84cc91862e773b126', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() })))), this.size === 'full_width' && (h("div", { key: '2ffd0f5f6ef7185bff7d6deb9a33bfc4eb7a4cc3', class: `container ${this.breakpoint}` }, h("div", { key: '458444e2648ec135f41bd8a6a206d69e1fb24ca1', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'a56bf041f991b93d4360f5f97ef81bdaf80d39c7', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'f4952262501c07960851be070cb13dbc976f8e4a', class: `icon_container` }, h("svg", { key: 'eb2b5ea051b63cd30b0fb26f9b2b15555bad33da', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { key: '6d4b41d71370157dedd6e22d074cf803c30c5736', 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: '7699ee4ada4e2e771f98ca7c7097ba95744cac3a', "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: 'b1aea7741a8f8ec66267420976a7178a6331e232', "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: 'bd9c2421004b73ec65b8ce26280b622e5dfad04e', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: '399070935aea3425916735db8dba335b1423bef4', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.internalMainText), this.showSupportingText && h("p", { key: 'b1e433768f2929d1d8f07aa433bfd1fee1c7bb55', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.internalSupportingText))), this.actions && (h("div", { key: '81f0ac6278bce800b2028cbdae5febdb82bbd669', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray", onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color", onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: '9f432dcbc94fedef4309cb12bb51ace6aac26500', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (h("div", { key: '96e17bc533fbbaf617514c75da3235fb4420b24b', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'b0c8902a9121f8eacc78dc0094d914c29b76e3c1', class: `icon_container ${this.showSupportingText ? '' : 'no_supporting_text'}` }, this.internalColor === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "var(--color-icon-success, #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: "var(--color-icon-success, #079455)" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "var(--color-icon-danger, #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: "var(--color-icon-danger, #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: "var(--color-icon-danger, #B51726)" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "var(--color-icon, #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: "var(--color-icon, #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: "var(--color-icon, #4B5565)" })))), h("div", { key: '1f83abea623c74086cb55c950dd1d6dcf6e3a9b9', class: `content ${this.size} ${this.actions ? ' actions' : ''} ${this.breakpoint}` }, h("div", { key: 'bf48a42ec32fc31617de56cfaed0f92cff6a32e9', class: `text ${!this.internalSupportingText ? 'no_supporting_text' : ''} ${this.size}` }, h("p", { key: '63bd01cbfd13abce1e7713dd807d87380b72d226', class: `text-md-semi-bold main_text_${this.internalColor}` }, this.internalMainText), this.showSupportingText && h("p", { key: 'f6e513cf4d57fc5fe9743c8396c5ea296652240c', class: `text-sm-regular supporting_text_${this.internalColor}` }, this.internalSupportingText)), this.actions && (h("div", { key: '65f7363d2e04820caaed9b65837e3a7538f8f077', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray", onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color", onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: '57ac4659be765240be90e37b5c188c53129faeef', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() })))), this.size === 'full_width' && (h("div", { key: '9eb8acbe82f2c84b85916f77889d759761c164db', class: `container ${this.breakpoint}` }, h("div", { key: '0494ed660fd59df764ec27d5f592ba5cf6c6a8a0', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '3f3a53fa397ab9dd488b6aa5a3a380429f92def1', class: `inner_content ${this.breakpoint}` }, h("div", { key: '5620e8c6635a10e67ba434cdf2189e7eb4ad1f0e', class: `icon_container` }, h("svg", { key: '1e133fa1f3e5524e3b474348557f0c2f4e313ac7', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { key: '435b6184ac4c933c2f5badbb4f54d31db5705b24', 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: '883809b8e787d75588dc689b054f9c356f7c65ca', "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: '51335d10a7cfce78166fabde13b735fe37bf56df', "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: 'f7ca661737b24c1898884ea793fe17d23e737628', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: 'f2fe40f5747571e06cd596c0de195e7cb64f8d4f', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.internalMainText), this.showSupportingText && h("p", { key: 'dc6ae977217aac55dcae2fd8cd2ca9e0db3007ba', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.internalSupportingText))), this.actions && (h("div", { key: '3071523286ac94d56799d4ffb6b2ad31dede996b', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray", onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color", onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: 'ab9c7eece8fab53fbdb68a57195a54fc337d6a1e', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     static get is() { return "gb-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbToastButton {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: 'c6ad49745408425b36b983df2216a9906c7a4394', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: 'fbf4a37f1f579d737f8d21844351d855ce75640c' })));
+        return (h("div", { key: '518edba4cd839c5023dad501b458e774f2deb8ee', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '49b7a5d8341982df74e42d28ce22d65d7bbf49e3' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,7 +42,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: '5f58b09fbb86f6feb14e1047a18e5219d744f931', class: `toggle_div ${this.size}` }, this.position === 'left' && (h(Fragment, null, this.text && (h("div", { key: 'e49ec241f578a0fc5d4f86e127b0a1714661651c', class: "text" }, h("slot", { key: '8990f4eec7f2190db3539c8cebee043590e631a0', name: "main_text" }), this.supportingText && h("slot", { key: '47e9293f0628545b11489f4abbe295e14956838a', name: "supporting_text" }))))), h("div", { key: 'fb115dfeeabf1b5908ff51d38302a76455fdcfdc', class: "toggle_base" }, h("gb-toggle-base", { key: '69ee0406632ed6c5797b383bc0a4a3217e7e770b', size: this.size, state: this.state, pressed: this.pressed, onToggleClicked: this.onToggle.bind(this) })), this.position === 'right' && (h(Fragment, null, this.text && (h("div", { key: 'ec953fe18f9b37d31e03e6c8689cc3b49162b762', class: "text" }, h("slot", { key: 'af0f616a3ef7dd6dbd6d510977b0cdab0ad4b255', name: "main_text" }), this.supportingText && h("slot", { key: '0f4f3202a33ee6d4e9c490a889f18b6c89986953', name: "supporting_text" })))))));
+        return (h("div", { key: '21f501c3fd06b615691be32ce848fd50e5e4085c', class: `toggle_div ${this.size}` }, this.position === 'left' && (h(Fragment, null, this.text && (h("div", { key: '05de429107729379fd6127f6b08b8ce83266ad0a', class: "text" }, h("slot", { key: '5a509119fe78f74409adedc55a04899b4c42aaad', name: "main_text" }), this.supportingText && h("slot", { key: '571a0ed5bc04aab40a4c14ffe5f585cf5bda96e2', name: "supporting_text" }))))), h("div", { key: '9dea72ed19e0d260c5fc5491038548105c07c3cb', class: "toggle_base" }, h("gb-toggle-base", { key: 'a755804b6d36f63e6293901b79eb3b51fb40ffd8', size: this.size, state: this.state, pressed: this.pressed, onToggleClicked: this.onToggle.bind(this) })), this.position === 'right' && (h(Fragment, null, this.text && (h("div", { key: 'b9524ec01e76bd79be467fa4e866029a5cbbfdca', class: "text" }, h("slot", { key: '64b0fd9f302584825bdab3f7181916ceeb32a52d', name: "main_text" }), this.supportingText && h("slot", { key: '2d2a061afe7ad7a5d6b4862fa29dc63f2deb26de', name: "supporting_text" })))))));
     }
     static get is() { return "gb-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,8 +11,8 @@ export class GbToggleBase {
     }
     render() {
         return [
-            h("input", { key: '1ad2091d6c410b6ae458e8f3443a629f734ac37b', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '751f9d0eb997cf772b972a536af56d026ad29cc0', 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: "var(--color-background-selected, #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: "var(--color-background-gray-subtle, #E3E8EF)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            h("input", { key: 'c9e099cbdcdcf2e544169d8587914a6ed0aa3b83', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: '694d737ae0fb5e3571b43a5a70c3a313d3927f18', 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: "var(--color-background-selected, #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: "var(--color-background-gray-subtle, #E3E8EF)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
     static get is() { return "gb-toggle-base"; }

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

@@ -38,7 +38,7 @@ export class GbTokenFieldCompact {
         }
     }
     render() {
-        return (h("div", { key: '8a3b19ee134704fd306fa29ef9515514280559f7', class: `compact_field_wrapper ${this.size}` }, h("div", { key: 'eda03d719917fc5d5cf0a3a76261bb9134698607', class: "input_with_label" }, this.showLabel && h("label", { key: '49d13f00cc13fd46af0a6259f62107b18c3e22d0', class: "text-sm-medium" }, this.label), h("input", { key: '29b310fec349a68c6a065d30b80feff23eab7825', class: `token_input ${this.size}`, type: "text", inputMode: "numeric", placeholder: '-'.repeat(this.digits), value: this.inputValue, maxLength: this.digits, onInput: e => this.emitInputtedToken(e), onKeyDown: e => this.handleKeyDown(e), onPaste: e => this.handlePaste(e), ref: el => (this.inputEl = el) })), this.showSupportingText && h("p", { key: '4d74b449857539d7de1fb063c2f8ae8f52249879', class: "supporting_text text-sm-regular" }, this.supportingText)));
+        return (h("div", { key: '415ce36bcebfe6d25ac749e32a98f7d3f5d98d83', class: `compact_field_wrapper ${this.size}` }, h("div", { key: '363f2e4c6b5529045a151bdf169215feaec53b4e', class: "input_with_label" }, this.showLabel && h("label", { key: '1dd9d9c82f59fe09e8e5d5af77280fff037797a3', class: "text-sm-medium" }, this.label), h("input", { key: 'e8134389c09f6ab039106f9147f06daa87d77d19', class: `token_input ${this.size}`, type: "text", inputMode: "numeric", placeholder: '-'.repeat(this.digits), value: this.inputValue, maxLength: this.digits, onInput: e => this.emitInputtedToken(e), onKeyDown: e => this.handleKeyDown(e), onPaste: e => this.handlePaste(e), ref: el => (this.inputEl = el) })), this.showSupportingText && h("p", { key: 'af113a4bc40184328d819cd45b7b856ed86dbba2', class: "supporting_text text-sm-regular" }, this.supportingText)));
     }
     static get is() { return "gb-token-field-compact"; }
     static get encapsulation() { return "shadow"; }

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

@@ -79,11 +79,11 @@ export class GbTokenFieldCompressed {
         });
     }
     render() {
-        return (h("div", { key: 'dafde9a45a6ac4592482a772a9e7aa2b2fd5f453', class: {
+        return (h("div", { key: '34dc20795c09e80d9992b2b6ee7d936b37425c5a', class: {
                 container: true,
                 [this.size]: true,
                 [`digits-${this.digits}`]: true,
-            } }, h("div", { key: 'dd5ae00247d6b4e889b2de5b70bf385a5920a013', class: "input-with-label" }, this.showLabel && (h("label", { key: '36106f5589593d3c828b1a272f85746fc7f9d2d2', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && h("div", { key: 'c6b02747ab3a26aabac2e3161d25e6fe796c4b71', class: "input-wrapper" }, this.renderInputs(4, 0)), this.digits === 6 && (h("div", { key: '4ef093e2626bd7a6be7d9a004f3786009ec5865b', class: "input-wrapper" }, this.renderInputs(3, 0), h("p", { key: 'eb3497cb8fc400836eb673d0c6c84c9391ded206', class: "line display-sm-bold" }, "-"), this.renderInputs(3, 3))), this.digits === 8 && (h("div", { key: 'ecc4c3d4f9e2e29682a4f88f53f6af224ec6031d', class: "input-wrapper" }, this.renderInputs(4, 0), h("p", { key: 'af52f0225b932cd89520f59d38db4b64302f132f', class: "line display-sm-bold" }, "-"), this.renderInputs(4, 4)))), this.showHintText && (h("div", { key: 'ceadf6178341ba08d1ba9ae235f515be3691f6cb', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: 'b124872f1068e3a7ac54e970d04da1a6e8b62f51', class: "input-with-label" }, this.showLabel && (h("label", { key: 'cd51f394f473686ee9a0e9057b87930fa669a603', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && h("div", { key: 'c7e67eb7c86f3867ab4fed27a04c6fb025ac7b84', class: "input-wrapper" }, this.renderInputs(4, 0)), this.digits === 6 && (h("div", { key: '439e8622f4ccb7bec9ff93eceaf307926a029e1a', class: "input-wrapper" }, this.renderInputs(3, 0), h("p", { key: 'e569207504d0b9ae32fbae15b062f85d467ad51a', class: "line display-sm-bold" }, "-"), this.renderInputs(3, 3))), this.digits === 8 && (h("div", { key: '88a35204ef3664a127a387ae2f0a37cb55b728ca', class: "input-wrapper" }, this.renderInputs(4, 0), h("p", { key: '0e5af3f6eedb4c8d381b1a3bcb54f3276721be66', class: "line display-sm-bold" }, "-"), this.renderInputs(4, 4)))), this.showHintText && (h("div", { key: 'c7bd5713a134954f5a22e17fb37b1bb3b8b81c8f', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
     static get is() { return "gb-token-field-compressed"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,7 +26,7 @@ export class GbTooltip {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (h("div", { key: 'f17788aff2ed1fdd2c04243a4fcc547e4f66da54', class: "tooltip_container" }, h("div", { key: '9da8d9baf641f89a0b318be601c870b4afc8f4c3', class: "tooltip" }, this.showArrow && h("div", { key: 'db05a63234e06254a2b958b2554d41a06f3b5937', class: this.getArrowClass() }), h("div", { key: 'af3437471d4b7a8bb5d242ef52873c9f147f6ea0', class: "tooltip_content" }, h("slot", { key: '5dd92ed6dc3222eebbdfa7d613162c0a4436d07c', name: "label" }), this.showSupportingText && h("slot", { key: '6edf0d10fd4cadf1e01633475306c1a893bee491', name: "supporting_text" })))));
+        return (h("div", { key: 'f9c8284fbfaf8a1bfeecdafd0a58bd5fd3248dee', class: "tooltip_container" }, h("div", { key: 'f3472772386f497bf4321388e6adbdaad5253d1d', class: "tooltip" }, this.showArrow && h("div", { key: 'c8df3a2c3f53675cb0c1fd7f3c2f9d4cbe30e420', class: this.getArrowClass() }), h("div", { key: '5e30f0a5ba2c1662595670d1600e6ee42e2387a8', class: "tooltip_content" }, h("slot", { key: 'd8427edcc1dabb44cf5e568d90feac5aaf842266', name: "label" }), this.showSupportingText && h("slot", { key: 'b38c0a5c4d1e696fd42c8082830b787dd41c59ad', name: "supporting_text" })))));
     }
     static get is() { return "gb-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -25,7 +25,7 @@ export class GbVerticalTabs {
         this.tabItemClicked.emit({ index, label });
     }
     render() {
-        return (h("div", { key: 'bcb7f6a7da16cfda2c2b54b10c15208f0aa0339d', class: `vertical_tab_div` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": tab.name, current: this.activeIndex === index, onClick: () => this.handleTabClick(index, tab.name), alignment: "vertical" })))));
+        return (h("div", { key: '3e1fc1b6d97df5a6a063e9f8e6e83e017f62b544', class: `vertical_tab_div` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": tab.name, current: this.activeIndex === index, onClick: () => this.handleTabClick(index, tab.name), alignment: "vertical" })))));
     }
     static get is() { return "gb-vertical-tabs"; }
     static get encapsulation() { return "shadow"; }