globuswebcomponents 1.5.5 → 1.5.6

package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js

@@ -20,7 +20,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: '6c36ede3d393f2ea942c7869e9938d7e0390c3bd', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'd928f10b86639d984b4282a065ad100ac6caa632' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '1313f29f589b54f5a7bec643153d5aff0e21b7be', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'c9ac65cebfc1e9a79ef4266849eb8962881b2cc9', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '7004242276a42de7e738904bed4c258f36c11134' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '26d2a698b1d484cad0cc3a6796be24c9d02cae32' }), h("svg", { key: 'a894d15c97537ecba74749ab82248c08030b224b', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '3bbc9ed364824131ce9991121ecd7b30003ecdd1', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
+        return (h("div", { key: '9f078001fabcce027e898487b98cbf46f42ec969', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'a289613106dfcd6ed2f9c822e351e9138867fd99' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'beee8a77f01f55c1827362fcf434acdd77ae5524', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'ccbeff565f7b7c0ed36055268270c2a8f3e964f2', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'fb03616c55be0d7fa2ec90a581764e391000c65b' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '487c4e6064e2671341d18095bc5ba99bc8fdc83c' }), h("svg", { key: '3ebe8574707f009e07cd8826852f765db13b66f0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '85f855662f4c77aa024b4b0b5b89d456c5c756e7', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.js

@@ -5,7 +5,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: '6cdaf924ae79c5a7f067fbdfc22e1231d0d6ef9e', class: "dot_group_div" }, h("div", { key: 'd68fd21b5a4e2c9815be7217696afe594e6462e1' })));
+        return (h("div", { key: '0dbca103d2f05d5af152071ddd3d900575bbcdfa', class: "dot_group_div" }, h("div", { key: '2eb82995a66bac11f86fa96b72cfc5ed13ee2282' })));
     }
     static get is() { return "gb-pagination-dot-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js

@@ -4,7 +4,7 @@ export class GbPaginationDotIndicator {
         this.current = false;
     }
     render() {
-        return (h("div", { key: 'c72105e5a16bf15485dac40b7a6f98da30be56ca', class: `dot_indicator_div 
+        return (h("div", { key: '9d3af42bdfec6e4b1f324f1ca829b5d8abf8abf3', class: `dot_indicator_div 
       ${this.type} ${this.current ? 'current' : ''} 
       ${this.size}` }));
     }

package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js

@@ -13,7 +13,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: '86ca18ae90148149cec746ecdcc787775205868b', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '3287205719c01c79863afde6102a7600e18949eb', name: "page_number" })));
+        return (h("div", { key: 'fa7bb3855d31f8cbdaea5418fb12b49087d6f981', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '24bcd1dff04afe2f087f2982f753b7c9067929d3', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: '772392d60260273f3c2df50235747451f26dc29a' }, h("gb-btn", { key: 'deab5d7d9e1fa1e18432d28f86cc45e36e2d4dd7', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+        return (h("div", { key: '14ad242ace743df33419481ae346304d26f7de91' }, h("gb-btn", { key: 'bcab046642936526abeb7f34a3bb3a8a06bf7284', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '4afec8c838c5a208e890be1a63415740a0ed4856', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'c66ec3def658d6a6ee112f29fa2355e0163eb74f', class: "progress_bar" }, h("div", { key: '228167da1e714b3c1fbd41bd2bef3ecaf5ca66f2', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'c478c4eb3801e852fa68f50b9ae8ef80b880a923', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '87e904f0b4e070261894e17b0a70c17d3cd6e450', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '2b886fade0cfa2cbc23ee5525b68a6b63b24b642', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'dc159254512f809c0d54d451188136628cc192c6', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '2d0aa0d0eecb401047c638ed561271602dc0a609', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '370716112e9d64f107a90aaf75919e70176e1373', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'bd8cd3ac775d3ef8724ee088f14d2af67e3b8936', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '555176415c4677bbf3d86f8ae58b1e728fb12477', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '62001ef498a207534f88317a34acf09b5c9137d4', class: "progress_bar" }, h("div", { key: '37a85cce0fc1a6a1d74e42f116b172b07a533eeb', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '93be34b3355654938e3cc1a7e61aa3681eeedeb5', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '8919032fa3d31495feaeae8bb15a2a8da9ecfc0b', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '1e0b8e882867a758f7ec51f0f9e71de99b4b8245', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'c0232dd2ba69227d2ea406e598dd8c82fd2e1e20', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '9868eb2554c8533656d1ac5076dc5ca0f022b72f', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'd546b12352dc31d971bb4a31d77f58a31fa6e274', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '946ce2756b5b579f52201f0b03f22d8aa1f944b5', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-circle/gb-progress-circle.js

@@ -28,7 +28,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: 'f65b0bebc92eea2d4123c856b5513073345d61d1', class: "gauge" }, h("div", { key: '5773b1a5b89aaf0ec8bf08463f44516ca2859ee4', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '1653421597104e8a7474f2a4626ff2bf99e3e7e0', class: "mask" }), this.label && (h("div", { key: '475c013d4a85b76db332fb40bc80629cb25817f0', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '929e590929d22855fed1d9150c2f7ba21e276441', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: 'eb80c605f83f65aa6b37fd03c6e244cedf14710b', class: "gauge" }, h("div", { key: 'c7fd11a7ea23c110973caf7dc61d669099493d41', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'c044fa48ed8d33b97304f784119619368268deb3', class: "mask" }), this.label && (h("div", { key: '0fcdbe182f171f6e43eda61fce89b2a1897c11bb', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '58b8b9c46635bec3f695f357ec6d0b6d541ebfdb', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: 'bcdb8da9540ae4ae379f1a5ab952a89e387a3f69', class: "scrollbar-container" }, h("div", { key: '4a6706d26bf3f455bf32695f20f5c16374e2fd8b', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'd22f40d787829034f71527669379b3b746ef24e4' }))));
+        return (h("div", { key: 'ac90735685e875623fe0196f8f5f0bc6b2173d0c', class: "scrollbar-container" }, h("div", { key: 'd26c2ca70eb2cc4770f39cfe23e75787d6656166', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'e87f88608046cf8e6d4d28d81e9e5b02f7f6de4c' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -95,7 +95,7 @@ export class GbSidebar {
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '9e09c618e7a849d7ac35fc3374ed861ed136226a', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '0220b03c26e3e6dbd02d221b7689e98f8668bf3b', class: "pattern" }, h("img", { key: '326728fabe446186fce6ef0ea673a1811e583748', src: patternSrc, alt: "" }))), h("div", { key: '7d1ee8bc12869e00452ca2f4bf3c15093bc3ec2a', class: "nav" }, h("div", { key: '7602035452e624bc9faa682b8788620754641bb9', class: `sidebar_header ${this.state}` }, h("div", { key: '121f04036d5e88b9a97ba1e530abf4f2b32af67e', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '6055c5b4095589514b061063ca86a1a56b7a69d3', src: logoSrc, alt: "" })), h("div", { key: 'fa940a6e8c01bd904e16b143dcfeb5a186d69d6b', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '9e944082f3822074dbfb8ad525d95ae340da0987', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'c0475980fb1fc8d1a24f899ea941fa7b8e9879ac', class: "navigation" }, h("div", { key: '639e98a96a5e1768773855248d82d3f8f3e68105', class: "item" }, h("gb-simple-side-bar-item", { key: '2ee9e07eba0bea7c46d162ae6757577dad4b697b', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: '519bbf67c22a38bfb50f0313d46add188e34787e', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: 'e52c0faa10f0945267d0996892d814442d7353bf', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: 'a552f38fad5dd095567d753a5a305e63ca414ff9', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: 'd672bb1b915f3699362d6ebd55edd89cdf6ce4e1', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: 'da3c1ba4292b2afaa847f80b485dbf8113707236', class: "navigation" }, h("div", { key: '9e474e0f99284c2d02ae974f1703b3b623d7ae39', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'f69877db1ebb81cb17ff0fee195acf0e3c1226ea', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: 'fbf168e0aee7f17141883f1f598e8dd2591d6d07', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: '4a75c950b5ce3d92001ee3381e9cca0365d6fc3d', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: '419a60c078986984e97583849815eefafeb4beb6', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: '216d1c6ecea785e9d770a5bc6b2b7cbd006355ae', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '0d4a310f02b1b3ba0fbaf2fa560ad8f5bc8e6b04', class: "application_name" }, h("div", { key: 'beca400f77274324c884cb9a7eca435278608e8e', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '7c9090f31d5bfb53eb92914676d4c11c477685da', class: "application_name_pattern" }, h("img", { key: '70f29594265f4341a8fa7cecb82aecaa62c56705', src: patternSrc, alt: "" }))), h("div", { key: '0556bc0806d021803bba96f6fddfe1a478527796', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: 'abc1dfff0f558a30fc0f877d37e97bbe1f321056', class: textClass }, h("slot", { key: '3cfd269cb25bca0513c9a3698c84aace808debf1', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '10127fbb51c62de5437954f29caa324abf4cd184', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '3cf67cb13326e0e5fff41d39000a53d929382eda', class: "nav_div" }, h("div", { key: 'b27f1c1851b3596dc0338f7830ba31662c0c91cf', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'ee4987ec5958f231983e2723192704ddca005921', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '85320f7f1372f55debdf8ffce411befbc34e8b6f', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'dec1af67f585feb369822e200c4a09178c75f22c', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'a217e4eba36cf127d408630e402c7795993d9f47', class: "complex_sidebar_div" }, h("div", { key: '230572a4ca3c8cd305af4ffeb63fb0807f4d9fa0', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '4f3eeeff6b41ff41e7957d65129a297b30e9e2a0', class: "pattern" }, h("img", { key: '6f1e81bf3eeeac3379b9b14f183e93cf6df74945', src: patternSrc, alt: "" }))), h("div", { key: 'c391158b7370e662c6993f3b333449954026c3ae', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: '203fe2dea96124cb0e102fd99fe761de25888c4c', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'edf83c2fea6ca4eb833ecc89262b63d500b16b0e', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
+        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: 'dc806ad14e11c0c9ce52f204c7c0be372e6698e7', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '90cb4baa959e3ba02287f93d1e0ed68edb38b71f', class: "pattern" }, h("img", { key: '5ff7dfdf8d87b1c15641b497afb7868835952728', src: patternSrc, alt: "" }))), h("div", { key: '08f813bc30321c4dd28954c384ff805d95731720', class: "nav" }, h("div", { key: 'c36e65b861db422e78d8a9fc919b6cca172491b2', class: `sidebar_header ${this.state}` }, h("div", { key: '4bb25b37ec291a46c5b75150a647a0969a64a709', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '6f973b4b4ce6f9ba9c2407b1e6cffb70227e6853', src: logoSrc, alt: "" })), h("div", { key: 'd23529372282b95f57b0da50c4d509f65ac8177c', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '2d611dae8c1715e726ff0b0d96ec269d0eaa4600', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '3f130843c9dde92e771c1ac21e0a8618e658ea53', class: "navigation" }, h("div", { key: '6b18755e4f75b5766bef0ba88b97b89efe894a3f', class: "item" }, h("gb-simple-side-bar-item", { key: '91178c5b4961d532a848ac6ba4c233b438e3c556', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: 'c5eab7ed3105ce2ca98d96b587445b605582c571', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: 'c552c1befaf4cdfdae1e0d2c13b781325481ec74', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: 'e913e222e3fa84f1312cc666e5829c8654252a68', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: 'cc14127b84efc2da34177215cc555d2679fe0a58', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '1c617cfd002806b17972756c91a20b3e330ef118', class: "navigation" }, h("div", { key: 'e516a3f96af94cf31aa3f99cd848b9d19fc70b4b', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '7633e55a3054ca761c56791d8c3217be71c86c12', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: '8a9dbaeb2e10d0ea7aa4bc9d76469e2a34195535', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: 'c700572f72700295765714783e8269a51df4e7ab', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: '84d478ea2b4ed54eb5e57785b80108d9740e6b3c', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: '16e35653f9628c0b99e622d60fbaca7b0c543b6b', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: 'be426b6416f1b0f1b6fa6b70cec0631fc5e9bb84', class: "application_name" }, h("div", { key: '7ebf68b9f8a56c3726cb41aa2ea926308f038f13', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '40ea8ffef0a6673fc6b04f6c20ac2d87f1f897d9', class: "application_name_pattern" }, h("img", { key: '041e11056893aa8069a946dbb8b40f1ae75c232e', src: patternSrc, alt: "" }))), h("div", { key: 'eb3411b67a0b2089264f1d4924f25450c4f0867d', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '419f374ab637c822a103a6c6b15aa8ae01188816', class: textClass }, h("slot", { key: '0a610c79740b1c12a60bf6e99450ab7be5155af5', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'b6427737444d9e38b8c8e6d5f02fe8c68a811062', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '06f1735e2df369992373a766930c962e08469ed1', class: "nav_div" }, h("div", { key: 'ac5d7b9c360e6a9e15a6b18de0899aa345fabe8b', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'e020fa101fe63b798488e3248fe26f22dc75dd01', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '873650149a54cf25567c0e7b7d5a0504f85de956', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'd43c6e3ec28592392475ad531b8bdd8b98428c03', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '1c76cd3a4ae9c26433aa34c323022624ae9f9403', class: "complex_sidebar_div" }, h("div", { key: 'ea353cfc7c64ca8f4f5d006301205862abe019c9', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '649e50af9d778ba219cefa22add8b11d0e4c4776', class: "pattern" }, h("img", { key: 'cdff4b8b23e1c5a782ce0363e37da468ffc6420c', src: patternSrc, alt: "" }))), h("div", { key: '73a84026e369c3a1e89851d909211239d6c231c6', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: 'eb797ca5f83f4a72185d1f58b8961b2b9896d60c', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '8752fa98da6582bde0ab7aa2cfdeb77b0d4c7431', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.js

@@ -28,7 +28,7 @@ export class GbSimpleSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: 'b014f010f99320b2ace602af527abbd524ac2f8f', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '9ae402be5367e78fc164de8f3a7091bf0f63b7af', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '5d7686f40da7cdc44b0aaab5c6b9dfd99cf3ee3b', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '026949436f3402f5b44daf5fad59dcd0b8afe0f4', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '629512583d87086ca617bd2a6518a4b1721f476c', class: "content" }, h("div", { key: '035ea682307d9953c31ad42c7860aac1b059ec34', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '9c0222b5a0d79064aab11b3ade9ac12580c6fc16', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '86cad4f3f73a31d2cb69d376cc9aec6547da6c69', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '95790ccef7ccb1180a2db8079ce60b8bda14c3fa' }, "10"))), this.showArrow && (h("svg", { key: '6628592323deb280a854bf0054a32271c7024924', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '74ec802bedfde08be4d7fa2c23a5872697237e5f', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: 'c46a072cf40fbb84cfb3ea23d6373e64ccbe9691', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'f41a028c87e318d8741e147584511c0a13bdab02', slot: "label" }, this.label)))));
+        return (h("div", { key: 'c490169e8a4196e8cf85d364029e20d16e2e57d7', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '7a2cc5299146fb4261f44a8b54c5b4a92f80f6b5', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '0d5275a036f756a07a9b48215d082afb73d6c72a', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'e6995ddc2ce7518cf7817cbd6ff9b04175127ca4', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'ffccee04a8f77e424b87c1fb9ed5144f80eb6f1e', class: "content" }, h("div", { key: '0b0e4eadb132cd2d276ce27e364f904a247a4ebc', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'd708d5653fbb0552b42eb7cdb9f98f3e641986ae', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '010192064c3b96faa7d37f8b03f34583d5e44aea', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '040f6f0fbde1e5c636d83408b162e14205d59be3' }, "10"))), this.showArrow && (h("svg", { key: '87e192f71fdd2a977be9d9b25d0b773f7985795a', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '0c0928879f4d3e8bd8053dacc5b94be347c786b1', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '261a41a81600185b19553a48b8ca7e56cfb5698f', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '71a52a38ba24832d0a7f3a70ed54ccde2cf4b34d', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-simple-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,7 +71,7 @@ export class GbSlider {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: '022f4f8a038204b8054b2e929a28ccb2a09cf745', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '96a0437dca3dfea648bb247e7ddefe3d2ab9f048', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '6dac1702ea7c86c881d525e15dd3f8eeb7a1ed0d', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: 'd17b8b48512aa79e700ad1679bb4c1489900619b', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: 'a912851bcbeee3b4749ab14e1c205d537e465006', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'b9caa4f7e5782ddcc60b8fcc2c11c731203aa0a4', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '21b753fbe66c6e7982acc27b39174b0cff094b5a', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '9ae508442562c21a0171712e8e76a0d2b452de68', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     static get is() { return "gb-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-slider-control-handle/gb-slider-control-handle.js

@@ -18,7 +18,7 @@ export class GbSliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: '1fd2f71cf22440dea73ecce248ccd67eeff590f4', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: 'f2bee42b56456a941f83050f0cebde787f7b10aa', class: "tooltip-container" }, h("gb-tooltip", { key: 'fbd3cd74db7880f702687b0e5d273d2d7540db4e', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '15bd729cec5dfedc27f66701694e6734a3987ada', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '44cdf12ddb108f5c2d646140440ff7ea89752a9d', class: "thumb-label" }, h("p", { key: '2d56444aee403034ed942cfe8b4d0dd19d88baaf', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '61c3ec5c2d35d8bb3550ff0f4e28e03fd30d53c5', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: 'c929678d571381d9c3e417c7714de95f73148ff2', class: "tooltip-container" }, h("gb-tooltip", { key: '87d3a0412a38776853c434740a8d7b83fb72de30', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '210aca5005dba9096d12856954caf9457aa9e2f6', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '8e232246f97554fd6a0a62748b744c7bdb1b7e4a', class: "thumb-label" }, h("p", { key: '9e88d59f07385791a25e3713fd8bedb711f4e8c1', class: "thumb_label text-md-medium" }, this.value)))));
     }
     static get is() { return "gb-slider-control-handle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-status-indicator/gb-status-indicator.js

@@ -8,7 +8,7 @@ export class GbStatusIndicator {
     }
     render() {
         return [
-            h("div", { key: 'eaabb00595a252db711158b1488d628b5fa47c51' }, this.statusIcon === 'online_indicator' && h("div", { key: '5057b483813b72ecd14a3f1175da42b938d10ea8', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '0d9d0bd49a04189b33dc4ed588e6cbfead77d96e', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: 'ebbde35a372f218329422604a4cafdaf0761f3da', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '87bd6580e77e1ba3ea6e5a5ef79bb7c920e3ee9f', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: '690b20321c5258b927075dca3a1f54cf3053e9da', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: '0b64f72ebadb61e4b0df8f26198860c03f6974d6' }, h("clipPath", { key: '3649ea0b17bacab4a0d498087c6ea079db9cfc96', id: "clip0_0_21453" }, h("rect", { key: '995133a7eb23d8a0a7401ba862c04e4f867b8d41', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '48f9a638c1b6abf982c5f2959b5bed35866725c2', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: '0327109b349650b244fbfe0d1d2a0fab20de777d', d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { key: '402f26d169f9016bf2284c5c063895f3b8447b48', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" })))),
+            h("div", { key: 'b598a742dc62b6a6fb8ea8edff546dbfb264aa9b' }, this.statusIcon === 'online_indicator' && h("div", { key: '2d0e2be53f5823d6f603898c533c00888e436c28', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '3fe494533dad93194210a8b587dd6566eca9211f', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: 'f115077c7e42fdf4f6b8ac2b5f0f2b9824963f21', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '838b3c9dc52398db1a8f8ab58cd695d9c753eb98', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: '4c59ad5b5c52053406292b212c23342f64913483', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: '341a7044d94c38d1f50dab493d51168d98a0ddae' }, h("clipPath", { key: '9a793968c04aa7dffb2e4f714d9e98397f714220', id: "clip0_0_21453" }, h("rect", { key: 'b9c69e9d2cda1863821fb727edb610a19916a86d', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: 'ff703c113d15b51fe19a8028f6fff1ff1f67f6e2', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: '7857e289a9fde1fbb6b16bef62055e829c0f9dc6', d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { key: '40437070a1e3313577861bfb434d841859304451', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" })))),
         ];
     }
     static get is() { return "gb-status-indicator"; }

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

@@ -8,7 +8,7 @@ export class GbStepBase {
         this.supportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'cf1ba0e6bb5ca10a9842d68d1d4400c7cedc7ff9', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: '556fbfbfbef3f8e098c52603eeda02f3e4941671', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: 'ffea5223771695e1cf9cd12de5bab092262e1b24', class: `text_line_div_content` }, h("p", { key: '5e3f2be9570499298c616ef7207e26fb36235652', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: '9959ca5e2f7517ef11b3f68877f4879f8cb5fc14', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: 'dd4ff4c34cdc8908323cabffe10d94a27bf8f4b0', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'b56efd4cbdb8da3126e918d0977bc3e1b938242d', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'd0960809f8a69a63a8c964e495876872c4d2d2c9', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '9877e15ba850559d576cfb459413e5378da293ac', 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: '4265623014074a201402ac1f1f239aaeab4465ce', class: `icon_left_div ${this.size}` }, h("div", { key: '7d56ebe6c4b4bfe13374d67388ffba786a85a389', class: "connector_wrap" }, h("div", { key: 'c8234971bc08ba7022f057fc876368929513e4f6', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '79bb92919ca16b9cb825a171096f07aac1c0aabc', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '6047a7b3061f55eb2f641adb34c1b5c8e16bda8c', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'fb62767ff0e6d5f791c13e40fa25b894ee1df944', 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.connector && (h("div", { key: 'f21706697b6567fac25b66eb5d1a01c9f0ff11e8', class: "connector_div" }, h("div", { key: '12e9b789ba35c4ef476f280f3ab05e05801863bb', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: 'b91a1b7ef536f8fe0a73606dac5c00803dcf833d', class: "icon_left_text" }, h("p", { key: 'f003e326132a1156c9a145da4a7b841d45b9d16f', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'c61fc6d9ed1fe547aa2c773595fe2f0758255211', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: 'a41bd9be783c8542980da5268c9d186c636b56fd', class: `icon_top_div ${this.size}` }, h("div", { key: '1c8e68caa7a48c7f428dbdeed007296af08a7d61', class: "step_icon" }, h("div", { key: 'cd2aa68f654cccba73d67c198c50ad220df00342', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'e64388ddc2556beb5af600c4d13cb861d88d84ec', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'd1f68c196b5f427acca5261a9f2562df6fa5bc0b', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'f574c5dbc6e1f7f7ff7d4d9ed95252128fb7c6a0', 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.connector && (h("div", { key: '432845bd94a07d40dd30a24e5702a592de597855', class: "connector_div" }, h("div", { key: '17638483659a606d1f600ec37586baa81286638e', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '82e61b901d8896eae59e0474d4c75227f426ebd0', class: "icon_top_content" }, h("p", { key: '35f4d156799d20be4d63cdb05b1bc9b5d28d6339', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '5f846e1886f4df2ad2a9b1f4dc85c3b8c8fa174e', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '69f722151777b12e891436cebb915f9a76d7c268', class: "featured_icon_left_div" }, h("div", { key: '3e079280ce027c484511cfd71528483e9e3608b1', class: "connector_wrap" }, h("gb-featured-icon", { key: 'ec9629a8d1aff0adfc91dc8a002b8f7af77fc2e0', size: "lg" }), h("div", { key: 'a7d3db4c2b89a7667905be7c56a7c581e91145e5', class: "connector_div" }, h("div", { key: '9d56e7afd11b20adba1659276ba67bfd57a0c10d', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` })))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'f9073930e60fbe796204a203022691dddbd222ee', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: '2938a3db982cb57f078d5719b21ebbe5f923683b', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: 'a2fcdbc2647393b4bc37236269ab00834e8ff4fe', class: `text_line_div_content` }, h("p", { key: '3f789f2924404077ac0ab2edfa01a26d34c369bc', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: '79375ba77e8575d50fcc766944b5622ad00cfca7', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: 'a61d42eb4ba5fa53447b960ec83fa76fb625d5b8', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '25cb17e89f174bf0c10e0be50a7334f08da92913', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'b088f3ebeb01ca5debe4b34424fc6ed5b396c6bf', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'f8d780a36ed763235f80083f2bf3a3b62e822698', 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: 'd663f198272001eb76ba3f5ac3dcbd0729316bf5', class: `icon_left_div ${this.size}` }, h("div", { key: '21fb1750e22902db4d8033103614b54f9d6067cf', class: "connector_wrap" }, h("div", { key: 'eed5ae550d4c3fba0599503196dee94177dcff00', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'f0e9431b2ec1c3102f90f289fcad4201cc21cf94', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '728c95510d9986a017946580f223377eb130b7df', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '21ab064d119e5fbb3a7c0481cd9468304e45df7e', 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.connector && (h("div", { key: '80974bed40c35246f2f5373366d240a66c3c67d4', class: "connector_div" }, h("div", { key: 'ef8c764b33ee19854213dc53233418ee5e7bb1c7', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: 'b9238c938b68b6ffcbcdb3d730dfd7d8190de89e', class: "icon_left_text" }, h("p", { key: 'b373d3ac98ddf34350f5cfd7d3ad943ac919bab6', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '46dca800b95ab0a4dbd3b1276504449025db0f55', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '3f9d91a79d75794af9d7ef3cc4d035f4617f240b', class: `icon_top_div ${this.size}` }, h("div", { key: '6d8a094acf792562a66b5fa75eb8ebc350113c35', class: "step_icon" }, h("div", { key: 'f66c4d27125dc07bf52133b18ccbed0b8feeabcf', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'ee5cc517dbc03181fbdc8555d7290a914ce7a46a', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '17f8867f42cb597d712268213d7719960c48e6b5', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'f66ee2768dc313a4b7e0e8f00eafca4a6b6adf5b', 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.connector && (h("div", { key: '42fa0af91983599fd89f0a484c2f0a6b04612bb0', class: "connector_div" }, h("div", { key: '5fce7137caae5451cde5afe7e33ebf126fe5ae1f', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: 'c385f5bc36417b035208ea2379fbb068c66efbc5', class: "icon_top_content" }, h("p", { key: '031976e67288d9aa7a72499572fe03edc181806e', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '12579d6b6106973402ea564f33b46ae3c61f319d', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: 'c0992f12bc695710deb69f4c1c4b15c7f91c159f', class: "featured_icon_left_div" }, h("div", { key: 'ece3949566ec91c2886c9d83d623f0ce8416e203', class: "connector_wrap" }, h("gb-featured-icon", { key: '566e52d2b8276ecbedfd4d684d4bfa93c27f8983', size: "lg" }), h("div", { key: 'c28fff570c7e96ea97248565544a84ceaebf16ef', class: "connector_div" }, h("div", { key: '249b0626aa5bf2b9f6e27d0f24f6ec84646b7834', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` })))))));
     }
     static get is() { return "gb-step-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class GbStepperVerticalIconsCentered {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '631cf547277e4d3ca570d00644d8c824efe4ab4f', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '93e04c2cc80d1fbb96794f3d11b0f813fadb5e4e', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '48a270bc452c7c0fe7b5bf9903a2c44e66bd84d0', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: '910f93890ca4a52156d5300e1fd499afe4e3fe69', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '1b8de550c897533dd70a22d138362d1050929ebe', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'a4c133ab0890e024696200df0ac5a376c5e8d2b0', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '54dc657f99ab7a419f241609ea73b8caffb3d158', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '29a4c6961b187d0427ab2160fcca3be3ceb63998', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '6d650918925c57b9cc12fb49d5cd2af35765155d', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'b170b016c98461e155554f2fb40f535f993d5f9d', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: '311143b3452e005cf645ab6d3a84bd55e161f316', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '01b65440b76012e83b114b606580dd8b68329293', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'a3448e6fc5b87d2bafa4d486d75f689bee741397', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'af6e08340abac5fcefcf1508d18560bcbfecdf84', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '9742e12c7d41beea7956c2035b1d848c1d855c2d', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: '32a9fa1e791c3be41be566a2363d36dcc6f4ccb3', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '4960086a7f8012b481e11741bd7243c076cfc109', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'c5e671fa2c7bc7d53ea019d3d77405196db05258', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '91708aeb972b482306a775979d0cb2ab4a14d528', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'ab29b4d75c5f6d109c44487f74203199449e4a2a', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'bd7bd4a565c59104d485ceca998b9002f3949853', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: 'a20b2d6a85cf956fb929c35d00048290a2323f3a', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '6b00f74234c0060173fab8f76c835182161f102c', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'ede360e5ec7238aadaa668746efa57a35054f38d', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '7ff264e53be07b486d9eb7ff4ca9a78c21379b66', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '7d3151dc3d6d7925ba8e66038683a2adf65a5398', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'be1ae6f5477ceef5e3f227915bdc6f608d71005d', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: '344642be06286a914c15483b8a3eb76539b0f6dd', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
+        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: 'dec223900f845ce64b58cd24a56bcf5c9ee40671', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '637dac7a94936c0f53ab4dcc42f0d93bda2673df', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '851fc6c404c74c450be0d3ff5995765cf7783c89', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: 'd8b1a6db166c07f014b3ed0d434474fb6f766a06', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'b13594cf79aaaf687b65927f9e3fbb8e100d796f', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '59c2939a769984b672646fad5738c6d4b3373fe6', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '0ab90d91c2b7ec4cf66c11d4c2a0032164504333', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'f924df4abbeaab1c6ff43f4635ac1cc3758d8c6d', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '7e854afb3dcb9c9fa767f3feb6a7be7afcc0e812', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'd5dfdd99056209af88f76c71030a58afc4ff305f', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: 'f1d45716c38c52212490dc54bd3b87961ad912bc', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '8da3da10eeb70a1fb6f2528c4c9e76df489d0008', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '6b27e10b6c4d7c2615d442223669cc497be5d83e', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '06e8d83083d1a5c2f1dd0f0afffd9b559f89dcbe', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '6cffae252dfdd2227d7218774c48b0a465b752db', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: '92dd2f0f0e212a457ff24b1c38f8ddd156e2ef76', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'a132abb39889e8543ed3a87bb534d4bb64c76856', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'c365a55f7a6b0fde53fb1d747eab3a777c8643b1', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'fdb15988c41dc3fdc42365d8349a625c5bbfb61a', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '3e5c8d5bf51245488698047176268d051a661364', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '336c727840cf9a56a181f92b38ab37f5538ee3bb', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: '666ec723e7119e61559d363f8ce5c0a2cc6b256b', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '9f1ac9bac108a2d97bb27cc2fb3a20d21ed5d99f', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '8989e2d84f0b416504322f54489b14da0e33445b', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '1954cf2717b2eff9c8408a30709da191b3258610', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '6c5f15362e267736d085a150e0b91befe7c8e154', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '7e405a53a221a0d3ccb1a22c7fdf1de95054d8c8', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: 'f2272c8ea1bc23f55cd6b6166c6100b7f9e257be', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
     static get is() { return "gb-stepper-horizontal-icons-centered"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GbStepperHorizontalLineWithText {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (h("div", { key: '2d8845fb17d15ca84be88fce982f4722a8b888cd', class: "text_with_line" }, h("gb-step-base", { key: '0d2ee3eee516246f60f47350f811fec22aa00b72', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: '1decffe02e32c741e4c7d21bb6b517053a3143bd', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: 'c7d34e7bf7a2dcca61a6c761967b4d2ef6a9b87e', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: 'dd230f61687a36e89e2abeb2af30c7c015da3dbd', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: '5784243c9d6ff073ab8efb723b923324009bccfb', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: '3527599b6260d89baf9ea18f687b59e9cfcfe889', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: '1ce3e1a9f0b4432559f2097c5b812cbe35b39bac', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
+        return (h("div", { key: '6815f6ccb33ca714ece7bb746cc27df9aff0b989', class: "text_with_line" }, h("gb-step-base", { key: '0c29cc8be9984b4f177d07ba61c1598dc9e7126d', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: '5316d1f250a3551aa7ae3185f36636ac47cd207f', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: 'b8584af1390db1920cc9b847151abd5c3caf022a', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: '9452f984254adb985a58fdb8096a3bd0d4fa56a9', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: 'be9b508d9ac704208c4b986696758f5cf55f2d16', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: 'ccda4b98faf27073dca79c534469d623b50821ad', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: '37cf84938d7aeeb7e94ed65145f76deeb3d6c1d8', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
     }
     static get is() { return "gb-stepper-horizontal-line-with-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -77,7 +77,7 @@ export class GbstepperVerticalIconsWithText {
         ];
         // Filter out steps that should be displayed
         const visibleSteps = steps.filter(step => step.show);
-        return (h("div", { key: '8d5710f61408b3e549838a64579c040f19cd6ac2', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, visibleSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText })))))));
+        return (h("div", { key: '98c6f7e45b7a0d3f3973bb2bd0092438a97575f7', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, visibleSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText })))))));
     }
     static get is() { return "gb-stepper-vertical-icons-with-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,17 +40,17 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: 'be9c134e4eadb06aa99c811c805859183a914500', class: `tab_button_div ${this.type}
+        return (h("div", { key: 'ed8fde1a4bdcbc98639d2690c642ebf579378c83', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '568615942ad0cb8c7e49b25122109013f26a2c81', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'd22009b867f2876800708cf566a3ee18d7d9245f', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'cc9262417d4c987f94f927d6062a7964596b4f0e', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'a85d29294744bc5dece9365b77236a0133527276', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
                     : this.current && this.type === 'line'
                         ? 'information'
-                        : 'gray' }, h("slot", { key: '2e4c96b493ca9dbd82276627aa7cdec446077077', name: "count" })))));
+                        : 'gray' }, h("slot", { key: 'b10d50409eec160f87894ca9e6e607ed28f08a26', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTableCell {
     render() {
-        return (h("div", { key: 'cbc8ddb4976229aac8891e06c847e6c440d3269c', class: "table_cell_div" }));
+        return (h("div", { key: 'd56c1962a09bcaff842a14535d4e7e784a7a7eb1', class: "table_cell_div" }));
     }
     static get is() { return "gb-table-cell"; }
     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: '3b70da4f439513c76b2be2cffa8cdc4811302ab1', class: `container ${this.size}` }, h("div", { key: '57953e3b65279fe99c9ad834c8d1ed63e39b0679', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '7bd9010a0f542b304d55dca762378af713d74666', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'e6a8e164c4a03c7fca8a23e022973b77457b3a46', class: "icon left-icon" }, h("img", { key: '405a11116d7aee5fd1e0182dc2fbbb32c7b668df', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '3d420d112fb1e1ca870c59ea22147a635f05cf8a', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '18d85880107447840f750282f10aa43239978a61', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '87ce5062f53d7122cc95909dfe58e7012583f6cc', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'a52adf235b229f93deb02d59eca142e6a03e60de', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: 'da2ff493a3c651a0a35f741a8081f3186986f438', class: "label" }, h("slot", { key: 'ea955acf0b4f49b938d1caef3634dc3669e32e9d' })), this.action === 'count' && (h("gb-tag-count", { key: 'f4b56f0dffc77eb49fc2b2783ddb4d668584a23e', size: this.size }, h("slot", { key: '39f2a832e4085b5875f7e5274ed0993d169c8e54', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '25672ace2c7905222fe9e69067b9053607729241', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: 'c2268522d4b17037f73b0abe48ff59f35d9d68b1', class: `container ${this.size}` }, h("div", { key: '86f4aaf06add19942d88a6a1741ba172a0114e2d', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '5a2d26218aaa8e3abed69184d86c8e45d0273431', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'a3093fed86fa8876d2cb73d0af722cea3147e2d2', class: "icon left-icon" }, h("img", { key: '17c0afca13c49a09de3141a13d19c0fa01ce21d2', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'e00a53e2c82209d6e4a7bb8781abb8c35973acd6', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '03cb01168e2839048f52c3f6b63f57c837ab758c', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: 'ee242e4b6474a7d582175bf80c2e57fdfb8ab36f', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'c9777c2ecdb683542356f214453b5b78ea2702eb', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '662f0dd19cbd43eb6cbf9490bde3bfda05c5b4ee', class: "label" }, h("slot", { key: '9751bc18f070950426f1b96b68eeb90e3c15ba6e' })), this.action === 'count' && (h("gb-tag-count", { key: '22ce9a838b45c6bfd71edf763ff2d47ca0fc2509', size: this.size }, h("slot", { key: 'a6f1fad9e0aff62ee83d5c50fe45035416231546', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '81fcd428aa1e636e11b02f98fe4987732b0d5c62', 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: 'c0f3dfe95207288fe6eb4f60e05c855d57458e86', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '43b841c64ca4dc97651c9bc77d6f2a6eb94a135b', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '28931e7cfd2bddb02e7eae1345699d9e7d0f810e', class: `custom-checkbox ${this.size}` }, h("svg", { key: '8c57680684263531c71e6c4f95465d2cbc65859c', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'f58ff0a41c83b61fd64e015ad9d56dd20dee0efd', 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: '1fa58cca7458c20d1af8cbd410790c4938e4d13c', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'c068bbcce49364a152c81de9b8d8fa9d739c7bf5', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'ae51a03194e1bf22cdd3eabe039d1b03f19b7730', class: `custom-checkbox ${this.size}` }, h("svg", { key: '49bbb2107e6d67a7a2334288195f4bafc4e97f47', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'a02d6d75d56dbcb8807efa7353dbcca58d0ff17c', 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: '33b5f2cfb31acae3ec71b96934f36f45a97f9f5b', class: this.size }, h("svg", { key: '643e3c01c3a604882b0af09bc5d4649ffb04dc67', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '3c45ffd807966b043c5381a47bc09f5f0366ad6d', 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: 'db23bccbf06acca629da637004ac62b596c8a1f2', class: this.size }, h("svg", { key: 'f8c20a50cdb914e26572e7045b5dc29c8642601e', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '0d09082e830e7fea75136d37fe5a12318b47bd0d', 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: '87969c20c9cd4d1bc356642651cabb3cb3a260ba', class: this.size }, h("slot", { key: '4d11cc499acc3e94d3c6740686521f359d8e6277', name: "count" })));
+        return (h("div", { key: '9f9889d9fb4efb1f7e8a4913052468045d4e17fd', class: this.size }, h("slot", { key: 'a1fb1eba2bd57d1b5d5d4e39d61734367a76c52f', 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

@@ -183,14 +183,14 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: 'd51c6026b1c8757f5a65e9da9f823a7bfee2d9bb', class: "textarea_container" }, h("div", { key: '3a8a8b817a14f1e4c2f8e97f38132771ad1e7254', class: "input_with_label" }, this.showLabel && h("p", { key: '31d5e3039fc07fc35d422692ed3e4fa84cc88497', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '8e062328c4b78c2aac8ffcdb50ab9db8d8d341b5', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (h("div", { key: '6fd22260adc5945ef17ca1a940fbcaba6efedbe8', class: "textarea_tags" }, h("div", { key: '3e82749af0350c9d891902ca33ec3662b7b00c3a', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '582a98344e9d140bc590de40235a1eada4a9170c', 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: '24830164c09d450894d160867a00ff91f87798df', class: "textarea_container" }, h("div", { key: '0519078e5025891edba5151d6bdc477dc8c15027', class: "input_with_label" }, this.showLabel && h("p", { key: '7f126fd7e382395c8875569b5bd3e18cbeec99c4', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '3e27445bf3659914a594c803e8f2f6e38ef083c7', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (h("div", { key: 'ff2b0cfb9834b391fc407da6d36ff989f00c0852', class: "textarea_tags" }, h("div", { key: 'b66e554c00c4ed4ab7dcffa733ff64e17bee5b27', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'c163db58fcf21b9fb460ade531e89de395b8f0eb', 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: '48967d39b6fd84bda3b8a4c024aa6bde54d9b1ac', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'c0ecc4ac99b9c79a4baa8bed70e14cbb2f2ca757', class: "input_field" }, h("input", { key: 'ed7848967118cf09d497bf547c6190cdd0db687f', 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: '374e590051ac10e0efb109547941b91f6848e051', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'aa484af806f595a6fcc7115c8d5b48d7082a7ea7', class: "input_field" }, h("input", { key: '023a161f67b86664006a5a55c3072f02bdd8bae8', 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: 'dfa353cba4230f237ff9b1566fe370f41d785c64', class: "help_icon" }, h("svg", { key: '78f6545714d47a847e4f2d49d4508d27882f9e1c', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '09d8d7b50f380bb14494373d1b1910c93b2ac9a6', 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: '2ee1790dbeaca3848a6c8db96d476dba08d150fd', 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: '5c0d98d1a46cc3eb88ad0748527e69cedeaa2eee', class: "help_icon" }, h("svg", { key: 'e013e2fa650ce342c9b6f7ccdcc4a7bb8d4780f6', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '1f8ea2de0eb7f28039f224db56427f7db43a2746', 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: 'ef3f269e0618a2c64fe223642057982b31910607', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '604ff8a84b0b52364e991b626f444ebd463f8c18', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '365fe2b0513f60cc6a060144b2c29839dccab2e6', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     static get is() { return "gb-textarea-input-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,7 +53,7 @@ export class GbToast {
         }
     }
     render() {
-        return (h("div", { key: '716efa20fc44ce42fbea948c1e45044df4a192f5', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '001e44e21b03ca04491803cef5bef5f8364789e7', class: `icon_container` }, h("svg", { key: '4d6b8e634bc71c479079c44bd0dc4099e85d9913', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '36154b187196dfa384910aae254add990750b6b6', 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: '52001b232b963b7e4c365b7333db7ba171a242e3', "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: 'd839a7b372f3b2f817e1c64c8b0f15e848ed4fb1', "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: 'da1c8c034b699869975fd74c7e6cec1ce2aa7dda', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'f37076ffc6a65839bf27bd7908fcf9dad0d3666d', class: `text ${this.size}` }, h("slot", { key: '769eecf190114423ba8b67716aedf0fcccdd060a', name: "main_text" }), this.showSupportingText && h("slot", { key: '43dfdce2f83890b4fcf00063e700f9327c1b2dd4', name: "supporting_text" })), this.actions && (h("div", { key: '09b9b9acb1c617f5f8c71635ae68c832ed7f8a49', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '035b3170835c1c819776463646c1eb74d0fa5899', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: 'c3ece26f62c397c1dd6c6ae2495b3734cd951ddd', class: `container ${this.breakpoint}` }, h("div", { key: '60cdf5646ed2dfd89a4f32560405544f8bfade37', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'b0e1aba8418a27c7315ac950cfa8150da9574796', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'b10f57e168bb6a587d5564d425737008d3081fdf', class: `icon_container` }, h("svg", { key: 'c25a498d3b82a11a672023084785d4f97ccc8355', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: 'adc39843d3586d3c4e53bc69c6fb65cff742c548', 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: '8ae7008cad5bab2a02a12fddeeca39ac7384ffa0', "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: '95e17756c8d9d988ac1c4ffe93157c9688809bb8', "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: 'a8d39098332927bb82131bb6a5ca932cc6ab1d50', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: 'c32e855495e1b4433bf393968e812dfda06a0ebc', name: "main_text" }), this.showSupportingText && h("slot", { key: 'e1e2833e1cabc1b3140ad3038b1cf4ca1acdf3d2', name: "supporting_text" }))), this.actions && (h("div", { key: 'b9e178146256959440d75387fcbf3ad1cc4a39c8', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: '52bf36105e91217c84362db8b87ddd2a2e6508d4', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (h("div", { key: '9b6f6d8a8441b81dbf50b8cc5dcf5c968167dc59', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'f62a7e60131b643d024f897fbd9a89c827f173ba', class: `icon_container` }, h("svg", { key: 'd8f43757f92c264a33f360ea4e02976e7b44bb16', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: 'e14daf20d87e9ca06cd02418c729acd97abc7b47', 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: '0ebd58f6e1d93ca96a2ca9d15ccef09f15bedd52', "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: 'e6d1c390e84003ad7a4db8bdcb4a5faf95b59f69', "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: '2e02e5972b1dd088fc6c4aee617c3716ba550aaa', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '0ef28d7dfa25e040e96f208f9eecb59ecbb9a234', class: `text ${this.size}` }, h("slot", { key: '3ccfe80cb83dda80c7f35e7aab4b1dab22f0db3d', name: "main_text" }), this.showSupportingText && h("slot", { key: 'd369591aef5bd8ec3074e80247866a3b8d5e4260', name: "supporting_text" })), this.actions && (h("div", { key: '2875b5e3719f05469b23cf923931f6e8017d4397', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '238f1f686a2e4e9c89fd2ec4dac43b91d3836fe7', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: '32ad77ba2a0df87af532f4b18f8e0d97b6593121', class: `container ${this.breakpoint}` }, h("div", { key: '091b0a64d807920df96e4cf812f479404e4db945', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '1e7367daf3dd348fb63a037b2c1bcbc10af4c6eb', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'befac5d10657fa581e34f94fa41491ad1ce11afd', class: `icon_container` }, h("svg", { key: 'ee6c039b88d1a1b270873273c486fad5506ce31d', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '35dc4feb5a0afeb53d304e94645c2d0ddf31d425', 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: '641668c6c65decdba64cb90181cb4b9cabdcdc1a', "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: '56695dee23fed326b277f49ab17ae80bb5643087', "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: '447be120f34afdf5a4163c173f82650e5d5cd624', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '664442e9557f31f6eada17638aa5e73d6dcbf452', name: "main_text" }), this.showSupportingText && h("slot", { key: 'b7cf224897ec8f11bd2c8c24675fd6f56f02434e', name: "supporting_text" }))), this.actions && (h("div", { key: 'b875e3d9f93f486eb76bf968ba1238ed7a3eb157', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: 'df0e6ebac1a55cbf0a07c7216b1d218035162a54', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, 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: '61260ac4b7148498acfcc407a2e9cf947ef33edf', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '45252dda28729581c85c98b264aa5a6fe633bb28' })));
+        return (h("div", { key: '316c421cad78a4b916f32234b785f1f265635bab', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '7ac559c9a4b57960b0900bd118c45a99f78e45ac' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,7 +34,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: '1fa12413e314c2c5d38b53937a26f3e0d0783765', class: `toggle_div ${this.size}` }, h("div", { key: '189c1a09a43fa426c8ad6cd59bc922627a83687b', class: "toggle_base" }, h("gb-toggle-base", { key: '8f4c83656f961707855d34542174e3ec9e3e9a75', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '022a726181d58d939e33298c353faf06de5a35a6', class: "text" }, h("slot", { key: '254cde2eb03233aae1eceff5262b2487709ab8f7', name: "main_text" }), this.supportingText && (h("slot", { key: '2d5fb89d2b5eac26e2aee069ee78685e277e6da0', name: "supporting_text" }))))));
+        return (h("div", { key: '577fb6dd4140ced33fe8dc772fe776cb7f021fd4', class: `toggle_div ${this.size}` }, h("div", { key: '2404efb60275bb8049d0f708c66b0b30484c6930', class: "toggle_base" }, h("gb-toggle-base", { key: 'a02c7773eaf1ed6dd23d689286f1117c1a08201d', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: 'a75b6ccb2adc6540bdd0dcc09450fd5a8ce80c29', class: "text" }, h("slot", { key: '72310e412a0bc39ec92ce9dac78447545d3975d0', name: "main_text" }), this.supportingText && (h("slot", { key: '7eeeddf9109bf9ec73e8e943cd1c17d596af3ab6', name: "supporting_text" }))))));
     }
     static get is() { return "gb-toggle"; }
     static get encapsulation() { return "shadow"; }