globuswebcomponents 1.9.6 → 1.9.8

package/dist/collection/components/gb-quick-action-icon/gb-quick-action-icon.js

@@ -6,7 +6,7 @@ export class GbQuickActionIcon {
         this.isHovered = false;
     }
     render() {
-        return (h("div", { key: '1797c098fbb0477d674dcc691fbce9dee6d623b8', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '7e4b3dfceacfd70e1f1764e6e6628e3b8b789c6f', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '097b4f9211d65705b04c754e9fd94780d8f77aa1', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: 'd2596d8a943dd8ee06f52d959ebe82ae0b71cca6', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '85813b1834719d82fb6269c814c57c6aa0243ad2', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'f52d1c8df2ba4093105fbf87f29bff0a457a13e6', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-icon"; }
     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: 'a466b0c100f97cada0f5cf9649b584e034fc1694', class: "scrollbar-container" }, h("div", { key: 'ee32fa5cefb6b419afb304c070434f873f9c033a', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '93c4488fba3a8334db3ac21098410267b451ca60' }))));
+        return (h("div", { key: '3d4174669db671f2b39fc37b9806fa50041a7749', class: "scrollbar-container" }, h("div", { key: 'c0d794d1169bc9edbb3f498c1870dfd79c0ee4a0', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '3afed8334ef3977c46af3b196acf75d3a00c40b2' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -98,7 +98,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: 'c0e0a0126cdd75ec519223e03a361703efdbe51f', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'bbfd2b2fed83faa474a54dd83d2314ccf25015a5', class: "pattern" }, h("img", { key: '278f11d038a55c8c68c749d8cad8f149a94879f8', src: patternSrc, alt: "" }))), h("div", { key: '09655e5cbebc473485dc1fecda4ba6d39e1c1f0d', class: "nav" }, h("div", { key: 'c0db287c1c38df275a9854fa84f5992c61a528ec', class: `sidebar_header ${this.state}` }, h("div", { key: '47029d61c5e43e6d7e8bcaf9098aa63779171560', 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: 'e730a4137cf1655f79d5d47a98099df75e46e8bc', src: logoSrc, alt: "" })), h("div", { key: 'fabda5f033a59e3562cb02a0b41fae868c946ac8', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '8664a17c3f3ab0e57ebea4567ab17c4cd438c347', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '39c77001cac8d1f53666cbaaa34ec807bb509572', class: "navigation" }, h("div", { key: '51b642e0e0be07829c3800330bb26ebfe9d26a19', class: "item" }, h("gb-simple-side-bar-item", { key: 'f6925b628b95949200f3ec7ff10d777461bf53fe', 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: '38bca1fee87b184cbdfb16e5d055f07abbf3e3fb', 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: '1859074f504270d958d08b68801a9dad27f337f6', 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: 'd525ee6e211b45c01c6eed389b68d24def045e10', 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: '268e43e5b4f36f281735411f6901c1d0fec9808f', 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: '74892d68c003b8ffb43cb1907a4817f7b24129f5', class: "navigation" }, h("div", { key: '908e273c5fa2efa7e6f13a6dac5425329a218feb', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'fc54dfd83996ef8e7b99402db5d7572ad604358c', 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: 'e5d1ffe587eba07e90a0009d8af850519706d72e', 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: 'c81f431317ecf484382943ee984c893b9be25c2d', 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: '1c12e7201265e9baf0c099448b9410f7532b885f', 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: '54ca4fb25a58fe2a47213c51edf711b5fe583732', 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: 'c0fd6ace2508a5e593fd92a7ed70cac20b6e011f', class: "application_name" }, h("div", { key: '4b42448bfaf42ace2c7d204c08498310d4bfae52', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '408f083a0fe61a5b5ca3711b5293cafe442a672a', class: "application_name_pattern" }, h("img", { key: '627c0311d710d73eda04ba8f43cd0663a23f3ca2', src: patternSrc, alt: "" }))), h("div", { key: 'b1e3565a33c7265fe93cef405f04111baf36e9c1', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '9a00fdb36522027d24654f52e3897330ab88540b', class: textClass }, h("slot", { key: 'e584b51ad7c4f8f077ca1a9ac7f90294bb6d7d10', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'd1936c477be0c787d836923fee1a8362da81cc68', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '43283d6b68eaf1343ff1b72b87d2ab72fa349a5c', class: "nav_div" }, h("div", { key: '816d11573114aa8051db41cbde90b25fac0e2206', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '1e631b85830a421d7c78f738f330d2f9bb31193e', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '32bdf0bbd602c8025e1cac1b95d21c3f1d729c18', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '7ed65c0b9260a5168e3da9339c5bb1bc2417cac8', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '281fd869895abf78b9062340eaaae45848932d9f', class: "complex_sidebar_div" }, h("div", { key: '6f74a9841d355ed0ca54559b169515b11d9a8c89', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '8c82f80729f9b95b71a09ba512385be0fe0177a7', class: "pattern" }, h("img", { key: '8d84704591f9bc4999e0b85e161dccbc833ea3ef', src: patternSrc, alt: "" }))), h("div", { key: '0b06c71b06b21826190e798a798214280be94257', 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: 'dce68566eeebeef76cdbd13672105fccae479a3a', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '27a83495471c7a08a88193aba81e8ebd6e6401bd', 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: '51cc578e9a00c61215831c0cac3f99f2276fc580', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '31ed28a20189e87dd02c62c60dc3a568f8f86d15', class: "pattern" }, h("img", { key: 'ef64829a2bebe36a97917b640501619e04e9ca01', src: patternSrc, alt: "" }))), h("div", { key: 'afdf43fca4995e69c1db07d83129bee8dee0dd65', class: "nav" }, h("div", { key: '25c4aa6e5e34506555f2937a6398af2ee71b24d9', class: `sidebar_header ${this.state}` }, h("div", { key: '02099e504ad1ad3ebbd784fea122b24635651ea1', 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: '4f544faf46f7d6e6ef3a558f252ca8cfad320cd0', src: logoSrc, alt: "" })), h("div", { key: '8fc3f55c6338cd2a39d5b44a94e862cb6ce014e3', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'd2ccb47e9862f7a131419d5a831d6eed5ebbc0a4', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '2d6305dd02af393fcfaf83b9e941be98cfe04f04', class: "navigation" }, h("div", { key: '057c045f78247555ead89569e72ffdc26e48d332', class: "item" }, h("gb-simple-side-bar-item", { key: '892497a7c9cdd28257387fd5fd2f11febc4f748f', 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: 'e0cf746029db70b5c496138d9ecddfc066c7a115', 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: '05a2e5605cccff177c631180e36579f8f7c4b3c6', 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: 'bad69c7dcdb453a39854d25224b5f26ba46a5d09', 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: '093a4e48d57ee7ab985ad864404b87b6588015fe', 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: '7c950205073f21481e848ed57d36e01d9c54a1b1', class: "navigation" }, h("div", { key: '67dd8023344f075626d59d4a61a04dc6b393c12c', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '2f32463567ccbe7c1447e865cd069e5def17f8fa', 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: '2817139ce35a9719c3810988856f7addeb4578f2', 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: 'bd1a25f6a552ebb4d801cf089ffe3c2997c8203e', 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: '45fdd65e0e71607cd0089470a9c2b7e5bed0d312', 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: '33f2a4f5f1896055a0e5f373474ef6f4808f7877', 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: '144f5b5c1991c01f18baf3a266dfb86e598a8ca1', class: "application_name" }, h("div", { key: '065b3d90f40cdd1859b3347347457f9cc0d1be1a', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '2ed3d33a1947947e0c2543c6e79c3dd1f39d49b3', class: "application_name_pattern" }, h("img", { key: '6ba8bd94bf4afcee9346b878e2ccb8cae1a3215c', src: patternSrc, alt: "" }))), h("div", { key: '731eff2d6d7a59e5bf7d1f9d92df9a13290da03e', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '5db0e098fd55fdd0c1dc4bd3d518cecd233fe9fe', class: textClass }, h("slot", { key: '5a19a636ccfc9a83d3ff55103c81300a88cbde80', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '85b3d4d7f01e6f70a8fe64626bea0472be7aa9b1', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'bfc68fe9c37fb82d6d7755eaa721990b1006de78', class: "nav_div" }, h("div", { key: 'ab53e1fa70b4ceda0544bd1ae8ce1f4cbf8fa70d', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '8c62128343cfbcc19d7ee3caa94b34b68a7fc9d3', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'f3c395e9a5709b741ce62a85ad3c2f45d72d9e20', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '7e3b7f0acadfac679a30b540bcd5101fdf898d88', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '565d9d9f8ed19e0b5bb53c769ff94cf614361f55', class: "complex_sidebar_div" }, h("div", { key: '7321b6b3c7d4037f4118d06e8bde32d8a2c29e96', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'a44b843f2aa81c7557b8df4136ed3943c7512d2f', class: "pattern" }, h("img", { key: 'a5b55e92973a287ecfc8ce8d19be852324b9e7d3', src: patternSrc, alt: "" }))), h("div", { key: '53957b7db4f5fd01c4e114fa89215b758f48cb52', 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: '866438f63117eeb0fd43fabe5afb384f23b81b5b', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '02646d6adf9da5bb083fcf019825ea77638110df', 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: '44ebc1da5ed754f6e8c5f97f40069be96469c37a', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'b163776b266238ee79aafe301d065143260602bd', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'ee09ba573ff3b89fd295fb6387c1a8d7d85c2aaa', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '760a03665975b3a104a6ac7543c043b925827c11', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '500eb85fbd98837bd51dcfa12651bb8a1f934f4d', class: "content" }, h("div", { key: '265aa1f82b1445d11d9fc29304277de48c696276', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'f639424e9c1eed0d74fc50a2358b9137e3749529', 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: 'bf9f9f6e732c1878131045bb5a01ae3a993a8b22', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'ece203f66b9cb018d1b34ac635ffc6f45d555da2' }, "10"))), this.showArrow && (h("svg", { key: '5e9b79328cc155a815fbfc303f2f7a64a52812dc', 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: '1a2cdbe7b74921fbbeab854ccc0a04158fb47f42', 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: '3d557f0e187a77b7233c749dabf7bdd65da3917e', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'c111ace8b557a6d359f6cfa09f95274f12e0859c', slot: "label" }, this.label)))));
+        return (h("div", { key: '3e2ea3dcb88e4bb6b4e09beb900174e308ce1b2a', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '2519c717ab4a2135d0ced1855b502e0739ed12b7', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '05e2c67c7741123cbe010032d4c57f8cd5ab9647', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'a039976e25d0282cbe09f48c4d1b10314f56258e', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '741432db73af005fc4f5edda378abb069741efde', class: "content" }, h("div", { key: 'eeeb0e9ecb0a4f533f916b127e2ee5527864c722', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '22b27d1fced85440718a24a0d257306ee60aa64c', 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: 'ff4dac22a51055e91690342c9c71340270927ee8', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '05c56e0cb6ebca5e1cf58ceddd5d74aaf61139f5' }, "10"))), this.showArrow && (h("svg", { key: 'cf7c7934c682efd6756066371ed69eec6649b412', 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: '0690183fb01f8104470c18e9f76290ceffee2dc4', 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: 'd41f25dad2c67e51c1cc6f6da24372d4b430ee99', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'c05422827b221a3ac626b153183726003da2799b', 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: '1be9846c13e3edf59925509edaac2dd6855069e8', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '82d18a15482e37cbcdd7977d8ed669a66d737207', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'bd828583399b88ac953eadc211b9d95433d062bd', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '01a34056a0d47a466e2930d0abb1f361d44b177e', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: '6bc9e0b969c3a684606aa5132109f2346edbdb80', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '7d29e3fff7cd497b28f9281224cdc991158bf69b', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'eed00c25859984e4dca75e33f47333f6aa6fd813', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '0e263141ada51b43644c2cad92ef5b0f683ace91', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     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: 'ea76e578a9b69e56d98d20126da78dece7a77c54', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: '4b6f6761091fa86491d33f6374bb7d591c8d4a6c', class: "tooltip-container" }, h("gb-tooltip", { key: 'cac7a7ad1645fd6d76f07ece62d6a82770edec48', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '1adfc6dcdb1cfe821ef3cf24e4c717237ae33c73', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '43252473706c206a70d2a77c2ff2398d7b512321', class: "thumb-label" }, h("p", { key: '2e4b371ed06b9b0b3a67edd380d25eb9745eddba', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '1d0ba120d57900d71306cd322a4d07e1bfaee4d9', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: 'aa4b0bb3fee0593a8b571d9c279eba4e2534156a', class: "tooltip-container" }, h("gb-tooltip", { key: '31513ca7583a207db422c8d52b65514abb5338e4', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '5f7596140d391654a69fe1c4673c38b2c9fa4e17', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'eb0174878d0ce42429fd5f167df29971af8f6e14', class: "thumb-label" }, h("p", { key: '31d3339020a834d0ddcb3f4bbb827a25f8ceba2d', class: "thumb_label text-md-medium" }, this.value)))));
     }
     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: '5070366d78b6e26ea7da5658838e51799bf021d8' }, this.statusIcon === 'online_indicator' && h("div", { key: 'f1ebeb2053058c68a1704aa42a1fdf5e01636842', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'cdcb43b5c81b9deb962e733834c22e1996e94e0c', 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: '3c4f867432cb8e3cddaf7d126db0ead4fa12c408', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '79d0b00305e44d0de7756ecbe32545bf24ed057e', 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: 'aaab3153ce22153c304dfca1a8691721583e9c1a', 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: '018df06c87da3dafbe99e889b13e03b5afb0cbc3' }, h("clipPath", { key: 'd954c252ce311b014f674cd9c6c83990cfd0495f', id: "clip0_0_21453" }, h("rect", { key: 'a99cec461695edee93919f5e577942e952eba181', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: 'cf7297a9bc04f5afc4877e710a5167bdc47f7c06', 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: '96002083d494ff918afe7d951e045d123ab449d6', 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: 'c7d9d847a62eb96d1d25c486b1c9956ea3043f0f', "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: 'a0a67d60af2ceebab78610f71ce3c30a5ed65c8a' }, this.statusIcon === 'online_indicator' && h("div", { key: 'baaaa7f994e4cb2769460ed2fcd3fd6fe168f9e7', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'ead0f73b933f97118200faf34498229244917143', 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: '0af583302a747af0350bd2af6e1d2b44e8eac31e', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: 'aec29db1acf0594d051ac2d10528e31e68c7ee41', 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: '32fde9834845091b5b314cc9d393d94063f99ee8', 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: 'a103d64e1933912d88c2e30dadddd576fd14b2cb' }, h("clipPath", { key: '16b34afe278d55c7a899e7352f142e6741a526fd', id: "clip0_0_21453" }, h("rect", { key: '18a7d1fed5af16e706eb2e4be4456a103fe9345e', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '0be7a5c1fb359cf5486675eab1f778492047a10d', 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: '9c5b8a1f73460c66d2f2a0050a53b20e74519a7f', 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: '5380893ba27d6b6ec3700f001b4c5a96488d0986', "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

@@ -28,7 +28,7 @@ export class GbStepBase {
         }
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'b76a866e9f758dfe436a04ba9c4909817a691f0b', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: 'c8bd742ad3200986924858a9ec21a9dba3bda35d', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: 'feb153cab866f25cdcb0dd3937bf787c99226964', class: `text_line_div_content` }, h("p", { key: 'f789e4aec67a7ffb8edf142f0a357108b56b8d45', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: 'c8998253eb5d61a258d050e9018e46da6b437eee', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '762ca0001b84c8a95f94c8a149ae84e57d02a50c', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '72b018e2664c5a90bf41e6462b43d9a1eb151cfe', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'fc4f08ce4aa4739fd54fdac40ffc348ac27d02b9', 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: '3540abd43eaa13b0e5bbe475149c4497c64074e0', 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: 'cdbfd954f0ac46ed91d31a5e1085df3d3e26a202', class: `icon_left_div ${this.size}` }, h("div", { key: 'c32b2748e73211bf137fae33143b0e4c872b7471', class: "connector_wrap" }, h("div", { key: 'da5743180e6d67e9870ebb02b4fbff44a1a2689d', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '0a59ea1bf7968836cdaaae47a2040b63e855e228', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'de3ba74b126829b330f90692a84c5baa0bd9ea7c', 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: '6a7b946b8b8cd96e552f8bf2f8e51db24fc63e3e', 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: 'fe11dde4fa454afd873ba52c19859940c8afd80c', class: "connector_div" }, h("div", { key: '8a6c8415bb5c5685dab7629e464b1401333fcf05', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '6da3cacc7707519ecd9c5ee1e94ef7f32cceb645', class: "icon_left_text" }, h("p", { key: '1fb86f36a13346709338b51eab40be18b5736ed3', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '052c0efe22e29a556c8c9cdbadb22ca13984d2ef', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '58fad82fea9165d2eab2b934e98157851b907958', class: `icon_top_div ${this.size}` }, h("div", { key: '2c7016f83ddd7d15e2377a82dc3d3db69f50b960', class: "step_icon" }, h("div", { key: '377d24994fa140e1f73365046dde0c36b79100f6', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'a276bc9344ad7c82ef8201651ae27c3a50896da9', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '76bc1a294697275cd2a822bef6e588ef0da99235', 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: 'a8240ed7dcb7066ff12c622bea0aa25f6144fccb', 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: '280883f2e4f4ef1f5744ddc1d6f043887f2c23e1', class: "connector_div" }, h("div", { key: 'e2ee4bc6952d9882f372ae3d9cc1d206d48003a5', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '42e23540bcd4e9ca56472b08b25b0fd3e655e7bc', class: "icon_top_content" }, h("p", { key: 'cf84227e9bb9c178e097d2a97a6a74dfa3edb0fd', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '5bf7704476a1c80bfe3d505626f80b40def45473', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '8d56e54a7e9b9f0c4c80091c763d5975dd48c3ad', class: "featured_icon_left_div" }, h("div", { key: '2456155f8b189df6458c4b526924339173fc53ce', class: "connector_wrap" }, h("gb-featured-icon", { key: '894565b2e8df999138cfbc71a99f26581996a5ae', size: this.size, icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: '7f61d76c0e6556ddc28b670867be0d771f2d779d', class: "connector_div" }, h("div", { key: '1b5d8e2f9518a6356dc1277d1dec9e9f713c8f4f', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: 'f04f46ed8612d43b9512c6407f253f060d247178', class: "featured_icon_left_content" }, h("p", { key: 'ce32b78e93bd37e0032d736b5bb4249a2f6f134d', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}` }, this.label), h("p", { key: '00b043c07341caa4e85c99b863363eb38986ef5b', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.state}` }, this.supportingText))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '6627372399c65b5911aa572fdcd853b629f5145b', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: '43eca77cf3b04d52225ca5ad5aa9009e44921430', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: '08ab6c7c7451738e453f34f229a41be9c994e8b3', class: `text_line_div_content` }, h("p", { key: '46ded0e46c7d8f8ba36ba99479861ac490e43a3b', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: '861e2c97ec92f7118d46ff06c2a9b36ec59ae43c', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '93f75310b94a8d7be44cd3356dbbe711f594d1f3', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'eb7ec864a05d6bb528f58cb48a7df195f59ee576', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '109a4bb491dbd738596c0978b42cc35282bb0da7', 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: '2f78d9b9c23646aefb58517959ebfa56c5c40dc1', 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: '188f695792405a1dc8be54965e5a1435aee356a8', class: `icon_left_div ${this.size}` }, h("div", { key: '82523571629347b7bb2ac55ba59cada3fd4154e3', class: "connector_wrap" }, h("div", { key: '9d05773942d94f23cb368a0a1196657174a21cc6', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '5eccc3607a64d8c69a80e0f19a00df10ffd95730', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '5ba886ef682584e5cd1cd694a80735db172b3e6b', 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: '96359779fbf0c60498d7502a62d53603fa6ccdeb', 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: 'e936111ffad037aa80860ac43575285a93c64b1c', class: "connector_div" }, h("div", { key: '681bb71fb1d7ed41d98a6dd2dee31678143eef9e', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '6d46ad8e64fb1f646d4515c2bf6e12023fa7e861', class: "icon_left_text" }, h("p", { key: 'dcfb7f38a6dba7597073087fc2dd0c7036446e1e', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'def2cc6021031b4d31ac4aec63068f1aa853b4ed', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '646e8cbe3956620544ce9df452f46dd8acf189d6', class: `icon_top_div ${this.size}` }, h("div", { key: '37070c2fcf578a76a6de9b201ea5ad24f30e9767', class: "step_icon" }, h("div", { key: 'f15cc02f06b9dbe5bc862bc1c5e0e7b75cb6d66d', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'd68d201746aa4c49284e932a14fa86cc833d25b3', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '6492256ca96551be460768a151866f7466659dd2', 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: '74e4cf66f3366d13fe88a747670946500b448e13', 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: '868cbcf27801edb092d58d1dfce142c0bacd65f9', class: "connector_div" }, h("div", { key: 'e6180ec7d1bc531324db3134f9966ab2b1fa2843', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: 'c364a27e8ee93ff457ecbbd691558d973c6f64ab', class: "icon_top_content" }, h("p", { key: 'a2c552481b31c5e07a0bef984ed0233043885e82', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'a54e732639a497fcf798f29abcbddf0874ede143', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '75f1b8c8db580b09c7f6cea70edba029c4552dcf', class: "featured_icon_left_div" }, h("div", { key: '31a0b8d7c85fb498c04cde01ec0a9585f761c37c', class: "connector_wrap" }, h("gb-featured-icon", { key: 'ad3a8ae9a62eef566f574c8f41dfcf582e896caf', size: this.size, icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: 'f23da69f98c49989f6a941f6fff866a024752a62', class: "connector_div" }, h("div", { key: '8f32c9237f35266c4bd1e5cd28acf34c2bf48f87', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: '92d7b8249622a3cfcf89e18fac9f204aef0b3971', class: "featured_icon_left_content" }, h("p", { key: 'fd01d071bbcaecbe71d0183a724b6ebf70e7a373', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}` }, this.label), h("p", { key: '80b62fd204007e1f0254ff03e8110a236918a63b', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.state}` }, this.supportingText))))));
     }
     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: '57f0fc80fab3c011d30242ab1b71883c0fe32332', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '77dc4bb44b6fa87abb8cd8d660627dc87cfa5243', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '6249ff7c7c671b292c975ed369646399c5c3930e', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: 'a6f4e9fdad6400e1694e3896bfd2699bb91c2a30', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '20057910b2099600c85cf29970f50ea324d5c522', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'b61a6e949de9348a23c60eb7a5a8d0f4c498f935', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '2c7831926958ff51d1bedd71fad987d24e24ce24', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'fc3dea4986bcc7c64f57ebe896c7770dad3db73b', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '96663f0409fc2fb0bc2733d7732c43fef36916d7', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '1e8eb0c04809c27c4114e8f6dcd25b2f18381e7a', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: '84db48705dd4b515fabdb9cc1bd6d7bc98b2ff3d', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'e11e6dfc81a7034506dbed1f7fa84800eb5e97d4', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '0bd5795a65cd1eb647484fef3f933670502cff73', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'c3540f9d4cb251f5e4cc564841c67ff4a9fcd7f6', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '09d0104223aa7bbd015ff313d9b630f784c644ba', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: 'e25b44809158c19ea23c81284bf54f08160b6db7', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '3d98f653d2f668e5ac9a65aff6e63f56e1aaba9b', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '35b00c93888fd31e06dc912435a6cd4625902e5d', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '6c11143a3f19b16f665d4a6c6659bf3a9130d363', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '524f91b44c69ea52bd5a42c4a08e4e38d7ced03f', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '94dfd13caabd169f9640c98b0298821d86ac1e99', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: '5d694816fc7065ba20e61945c70ee2d267fd8d93', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'e5de2e233d4ac2fa814314f574f94037d75beaf9', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '0fea53541e5a6b9dd51dd0473bd606eb249df754', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '06e7720aae4d31a9b6d2fa1fac4142fac0e196b9', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '976f380fe3ffe253224161b83c7c864d5f5f9d55', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'f41dc30dab0d12b5e22e3df044bf72dda7656927', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: '08b1e4bbe48c70ba4b5af926d49c5428c8091eaa', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
+        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '6d2c89f868b4d3fd192e55ba680734fd9f2a5dde', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '4338846649d60dadced3ca24a7041feb9b5061a1', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '5a9fb364f3735e6f70b57db0d8282d0e380667c3', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: '574e9a264fecfe56828de9fa6b98cfb7aa60f39f', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '1eff331ab8f36415b71318c528f2d7ff0a1e24bb', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'c3c66c8ecff7a6d4c17c3b56d591a0b8aa73388f', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '42e2cbf9b18afd85006c61a2e3c18ffb3fdb362f', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '555b13573339e9c2b9623b018a2862714c086769', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '0bee28c7903a1c3a5c513bb34f079f75351d8dce', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '2b8e8b88f2f969b1867766394c41b021d497bd2a', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: 'ee87d6b371f6dbbc4b6f708d8d2573bf11412e8f', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '193012ab7bd0eef622df94ad25814aef049e854d', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'd75d0fb5be056e0efcbeba6f748921fc2f96facb', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'b0ea7222fba1d6a1e121a4fbca7b59069abc13c1', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '71a6e89784cd682c30fbdbfe8f9e97a2c18f3331', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: 'e563383a11d38a0c45574671a41e6c4c4ee5ead9', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '1211524cb3b79a2727cbd9a1b306adf3b6b39eaa', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '445235205431c4f59b85b6f22765c99106cfd6f7', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'bc57cf5253708eb0b55c7e1d60cf550c94b64388', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '34e3b11d9d55d7db65266b746fe0bd519d87d945', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '4fd0fd4677264ec5691b32cdd168afe678acd7ce', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: 'da74431adb7056bb5b57d28ad6e366ad9e5132ae', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '8c454b64f556ce7b35d8c7f000ce9abb36050c8f', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '48ab659997f382ad29a3c4e1fa3ff484b70a8f31', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '7cfc574f9660802822cb0950f5fcc89d854b72aa', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '6ebf4034c06e6783a8885f22af4f55f63c806415', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '9ce747301327385e81afb39ad0e6ab1653c8ce82', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: '71f4a54c8d3c0392e101daac6181ea437efa41cb', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
     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: '1e1304f48ee5db56a15198387ec2aadf26fd6f1c', class: "text_with_line" }, h("gb-step-base", { key: 'a645ca788654fb05ab79cacd1ba8be9760806b07', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: '80176ce81c1c34ab8e1b80ef7a064c3bff22f98a', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: '95661d3500e3214e8450ebce6cba1f0353e4d796', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: 'b844eca45620dfe90932baf42816cfa47f8bc4cd', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: '038578f4945a67983d289378dbc33b13472ec8c0', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: '1e32f2f08e7e0deb65d9e1ff8c374c6d7a1c672b', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: '8cad22d654db3d692e40da687debbb6d107d1326', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
+        return (h("div", { key: 'deb7dca5a45e5e3ee223c4ee116c512e2734fbc4', class: "text_with_line" }, h("gb-step-base", { key: 'e08ea58a274401258c0e1369e9881bc4395b1ec3', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: 'a43ca84680c7374cf7602127577f8e6b4990c5bd', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: 'efcb6c3b229085af6432048d553b3edc5ee06a05', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: '7843e1984098573592ade324b421184d1c4f3ef7', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: '0968d0b14546ab720fa7d2c307b403368019eed2', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: '4e2b6df412ffb8382c819cce6a125fbb4149e14e', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: 'af96183a83b97973157680c4c7c1cd820049ca1a', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
     }
     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

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

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

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

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

@@ -40,7 +40,7 @@ export class GbTableHeader {
         this.refreshButtonClicked.emit();
     }
     render() {
-        return (h("div", { key: '7e1b4b316989ee1f484194fce7645cb19ced9e5e', class: "table_header_div" }, h("div", { key: '16a7588e051f5ce5a618fe22743201791b4dc698', class: "table_header_content" }, this.tableHeading && h("p", { key: '46315968cf3e5e260fe8f6e361e948149fa9bf0f', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: 'd7dd7dc35f97983db236cac6ac3cc0fb44ee0e43', class: "actions" }, this.showSearch && (h("div", { key: 'd1a7712864d870a853f34bcaa4c9d29f90b72160', class: "input_field" }, h("gb-input-field", { key: '8008a00bd07a44c5250a8b2144fcbffd640c3c7b', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '057441854c0d1252b7377804dae4d40144777218', class: "action" }, this.showColumnOptions && (h("gb-button", { key: 'a2a220bbb6521329e627737365c5c553ed4646a3', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '510a352b41248771e49fb1cccb526524a2fe5776' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '8b1f62952287f0f2f7f04d5edf103bf5508feca9', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '46c687515043222cafa1e44bfdf27d06b3944896', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: 'f887e2f4cb9c6ea60c3587937e55130414bcffc6', class: "export" }, h("gb-button", { key: '0ab12927919bf72e4418e090ceec23fbf379cd77', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, h("p", { key: '76ed7c7d1146f51a56cce2f527d92413f5e65053' }, "Export")), this.showExportDropdown && h("gb-export-dropdown", { key: '867adc6c97d4a88f20e43d0645a7f8b2f2ac3eb0', onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" }))), this.showRefreshButton && (h("div", { key: '3acc0dd5d668b45d1cd37630e83cfe0849580785', class: "refresh_button" }, h("gb-button", { key: '64f5d1b37738144e58e8bcbb048ec3a84edb18dd', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
+        return (h("div", { key: '15ff1fa2b2a84fdcd099e7cbad1607733d9c0a71', class: "table_header_div" }, h("div", { key: 'd98646cafef794f6a6600c84d8910a120228c186', class: "table_header_content" }, this.tableHeading && h("p", { key: '2a6e34a5463dfdc946758eb2182352a3bcc8f293', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: '6b25bbf137d4842f057415469d24a9d8ed62fe26', class: "actions" }, this.showSearch && (h("div", { key: '682cf934c3f0415331fa1345e8e2a261c2f381ac', class: "input_field" }, h("gb-input-field", { key: '0c1a25d2a2f68f164fb791d1586d792bfafb60d4', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '9a538046e86c8caf95020c663fa7f9bebe9d2390', class: "action" }, this.showColumnOptions && (h("gb-button", { key: '37f95631da5517c72cfc4aa6fda63d05d98c8679', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '40f078edb089f2f24d33ef6bbc02edc930bc839c' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '8239190708be8bf17ffd4eb1cd7522518e8b5851', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '32cc98f9796751ace34fe942c1541cecf65fac71', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '3045e147b0e34e1a2e09ab0c417ee3c4a5354b61', class: "export" }, h("gb-button", { key: 'ec624d7524eadba11428eb4b0f68788a6bb7aba3', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, h("p", { key: 'bb2be25d79e75627eb6d265d5ad4321551c264a6' }, "Export")), this.showExportDropdown && h("gb-export-dropdown", { key: 'dac502bb9c295c5af2e5f5e01fa8193d5a710107', onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" }))), this.showRefreshButton && (h("div", { key: 'c4ff0c01f77d70a5e0084bc74fd2caf06300e057', class: "refresh_button" }, h("gb-button", { key: '12d50a4f760122b5209a52d0e9a5a45ab0a00f8e', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
     }
     static get is() { return "gb-table-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: '9064b412c5b3073e43a37b635c952b2812526535', class: `container ${this.size}` }, h("div", { key: '6fd06c7274083dfb2868324402d87f8b123a53b2', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'ea3c25471481d0b658bc1e8d20b63824a726ce9e', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'de476c8ea804521d50260175c8fd9916ad459e8a', class: "icon left-icon" }, h("img", { key: '69dfa62c0281568cba049230ebf68d10047a1af8', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '9f8de8652b9192d9fee87f3695ddbcee510f6486', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '0052c86ed679a1e7f725cda8c57f1c7ea9f89ee8', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '974eff22e2c57ab28ff1d09001252b13ad397306', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'a9c30b5064580d357b64f4486b705bf82d8e7ca9', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '5622516c36099c3ffef4b5720a944d336e559a29', class: "label" }, h("slot", { key: '298aea4d55fc92ccd1c3d7154753c44814235cb0' })), this.action === 'count' && (h("gb-tag-count", { key: 'efe682f6f466688899538165096985b54eb9100c', size: this.size }, h("slot", { key: '83aef5f86973a8a5519b4c8979590bd1f82fe7c3', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '7a37bb1f3c17b36eeae7ecd174a50f232db61bd9', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: '07706d361ba2c6cd136d55aed975b159cb64c7a1', class: `container ${this.size}` }, h("div", { key: '99988db43187d0d79842404f226c5914ae0c4ca9', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'bd85dc036f3616312b80c95dc18da292cc539e90', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'b4a6422fa5b9de095908ca9cdf7cf817be9a4ad7', class: "icon left-icon" }, h("img", { key: '6ee85e66bcd8d01c72056a8bf3ce79cc65cae8de', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '11b2df3292829d7c972cefb09c0d051976d1715c', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '405bac10f04d62c62fdf0a757bcd4d262e93e014', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: 'fc28e217c33b4649afb0850b9cb93483ad0aabee', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '5434b8a530b62e6b6b653cf0629626e882cc6dfb', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: 'f8d4b88c10d2732c0c06437718961df4f4b5f789', class: "label" }, h("slot", { key: 'baf28c2c61fbd0196149482e4d6cd4734575ded8' })), this.action === 'count' && (h("gb-tag-count", { key: '902437620fde264e305aa445d01fd16e84c6751b', size: this.size }, h("slot", { key: '5cbf985e6e4d86914bc209207f18191c32e185d5', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '4c63ea00a8ac250fa1a865a84dfa3e3919828ce0', 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: '7a7dc7a30a445b6f0f45dd98f72a75abfbfc2148', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'ea4b3f26d940aa4afcc37d30129699ea64b05631', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'af911d67890951e5a84146803bc686c94e328e82', class: `custom-checkbox ${this.size}` }, h("svg", { key: '3a872238f47bd7fede65a8094f5570ae411c7b68', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'c8c6d8f8e1bee8871171101c54be6e3198785857', 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: 'e88269f643241f6a908ba6553eddba5a30ce987f', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '6b7d7695ab801b52a980095fec09a0e9f624ab31', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '74a6134652a1425047a488a7209986b470111bc1', class: `custom-checkbox ${this.size}` }, h("svg", { key: '99d5967e449633a7d325894eeaa828c7bfb06113', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '9cc12e5c43615d40e62a297bfbd6d6cb5526f933', 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: '4e22e0963c3e4dfc20d4ae7dd294b66e73e798fd', class: this.size }, h("svg", { key: 'dc016eb6c627fd88eecc1363dd22747593c70f15', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '938cfc61004dfadfe46496206150ff2b28764ef3', 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: 'd1ce9fb69231300ef376e136838b50ddf4c8e135', class: this.size }, h("svg", { key: '7579232e0f0c4c2e95f9324c7b456d52357f2775', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'ed3f5456df935f2ec4da0a81f391be29306f0b7b', 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: 'c1fa2faca3b203d897e1373e17c41bd27158e053', class: this.size }, h("slot", { key: 'ed80002f93d653a485988be8904ed0c2e5904915', name: "count" })));
+        return (h("div", { key: '0fff36e4a480a33ae7b89ceed0f49d56029c2870', class: this.size }, h("slot", { key: '604a33a08bc7db3f6dc8b3e21c71174086dde808', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }

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

@@ -186,14 +186,14 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: '9c6879ce7891fdcc7e8e05952586c1fd5a6c1f87', class: "textarea_container" }, h("div", { key: 'd534c68c4ee7178806944ddf537224c02b62d1c6', class: "input_with_label" }, this.showLabel && h("p", { key: 'ed9c9c362721d672bfef5768c50f27eb7a8cb13e', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '3840e1dc875f8c73f6faae4e783452a89d85e9e8', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: '6953feb12a7ab24394036c716bbac26793e6601b', class: "textarea_tags" }, h("div", { key: 'bacf34069020229631b992ed5beba158b4b2289a', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '115a5edb96a9ac92a3b30dbfab65a31f4b2d043c', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (h("div", { key: '7cb977bb09ee8fbbf00c91af08394a470296a79f', class: "textarea_container" }, h("div", { key: '66f005de3615d90d40156ef81423874b26f68248', class: "input_with_label" }, this.showLabel && h("p", { key: '7f379f23ce8d2fe56a8c69f704765c85268d2052', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: 'd8af4cb1054960a0689b335188e7fc0534b97daa', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: '44810a551dd6db9ab1220076a0d65cdebc9f0b4e', class: "textarea_tags" }, h("div", { key: '8e7831b6bd2729fe9f3cbd02da4b0f6f5df5a164', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'f5d625de0f1296ea5db292e02d49ccbbf172f50f', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '41d49b9d901e6067424e254477b15f536080f344', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '110c608d2198c2d2b0978301ff00676ef84f32fd', class: "input_field" }, h("input", { key: 'c227f98e2cc560366f279ebfa0d1799497fc798c', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: 'cf4f0adbf9a82b72185389adf3047d74a0cd882f', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'fe16c9638b5104453909a9ee0d26db54d53bfc77', class: "input_field" }, h("input", { key: '24946d811f7055521fb2c6686f183e4049e27fc3', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '657d42f8dae024b276ec754d9ad7b77ec34e59ec', class: "help_icon" }, h("svg", { key: '72a27c497971c8badec9ed4544df69b8d673a7bb', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '765c41b4b09a6425ab25081769671b05c86d4d64', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: 'af4a2be2c6fda5117fc9810e6e79f0f231ad964c', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '94d3eae2030827de0e0bd18e71a8b9b37a4a333e', class: "help_icon" }, h("svg", { key: '52861c6822597daed06cd31498f388b63da02406', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '4b81f1ebb2fa2e85164c80e08d537d3936a7d971', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: '15689605893cfe2e5422a2754d5b076df05d7a3e', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: 'af4bb7ce20e05646a7afe56666d4740783bdc8f1', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '12efcd26cbfa7d3fd6f1ebe3433bb93ae1a06363', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     static get is() { return "gb-textarea-input-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,7 +16,7 @@ export class GbThemeTab {
         const systemIconSrc = getAssetPath(`assets/laptop.svg`);
         const sunSrc = getAssetPath(`assets/sun-02.svg`);
         const moonSrc = getAssetPath(`assets/moon-02.svg`);
-        return (h("div", { key: '5d66ea774cd39e994726be8bfa85648091a96e59', class: `theme_tab_div` }, h("div", { key: 'b18b6f33329c61169e22183acd9b74b0719282eb', class: "tab" }, h("gb-icon-button-base", { key: '77aae562daf8379441ce4129cd05e172ee99df94', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: 'cc943224e50046524e798f27f8608d7c57ec8900', class: "tab" }, h("gb-icon-button-base", { key: '06924d6ce148d11053670181d153fea462af663b', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '1f86f4466df450e3cb396b599594da9808f69f4b', class: "tab" }, h("gb-icon-button-base", { key: '103c920a8b8e8cb1316d23a17e647e18aebec153', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: '1c5e6ee0951ef22b74a6d1ff5deaf1788df19524', class: `theme_tab_div` }, h("div", { key: 'cefd7a171d2a588f836554d7edd8f3d4c96f8d94', class: "tab" }, h("gb-icon-button-base", { key: 'd57ac9ab0a4bf0db201690f11e297332a8a23193', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: 'f9132eff48c44a8edbe11b5f7444ffdcd778840a', class: "tab" }, h("gb-icon-button-base", { key: 'ab4eacc6e6b1a9385b89861ef7b721635a4fc164', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '09c19caec8edd060a06e198c83ccf1836cfcfc23', class: "tab" }, h("gb-icon-button-base", { key: '11ddf487ea90d8d372060c51979846c5404ea8ab', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     static get is() { return "gb-theme-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class GbToast {
         }
     }
     render() {
-        return (h("div", { key: '0cf19c401c02e5cc5682fd21ff1bf2bb0034f8ad', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '2e5414514c099134bf50389cb4769a39a347e7f7', class: `icon_container` }, this.color === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.color}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "#079455" }), h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "#079455" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.color}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "#B51726" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "#B51726" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "#B51726" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" })))), h("div", { key: '337df52a75f982d0b0bc1bb210914a8de1bf9d3d', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '532815ff8d2fb11cc72d61863929cf710b82cc07', class: `text ${this.size}` }, h("slot", { key: 'ea8bb431068ac3ee9ae87b477a945261bdc5466e', name: "main_text" }), this.showSupportingText && h("slot", { key: '9332f72523274502111f4014d9d98bba6eaa462e', name: "supporting_text" })), this.actions && (h("div", { key: '2b498c60f8d66f8ce966601d7a584f10d8afa85a', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '81884f2bcb56c3f7b3e096daf649682784e3d8bb', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: 'e7a02c68dcdb72615c331b46ba05c5923231336e', class: `container ${this.breakpoint}` }, h("div", { key: '2c4eb415aca6263b9bf641dfde97d8c0bb924d01', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '1dafe3134b807e01b79e14907ceefbee9f43332f', class: `inner_content ${this.breakpoint}` }, h("div", { key: '1d2761f25ad14b4d6dc2182d4bb988ca577a319f', class: `icon_container` }, h("svg", { key: '36089440ce1e01d7593afa55f7c3a886f31b3589', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '1755105d7d2894546ceac6af236c988a57115a9a', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: 'f198820cafa8b4834d7d64010c5e2e40b243c02b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'acca3adba688b882e57f8c749a640afc869139db', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '2652cb236179d1bd92d7c31bf747ec0a1b75007a', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: 'afedd4fef8f3e968416652822e5b558ff67d34fe', name: "main_text" }), this.showSupportingText && h("slot", { key: '65f15e852545bad392b1500d588fae42947f8a75', name: "supporting_text" }))), this.actions && (h("div", { key: '58f0f234d97bba5ef1e1f33f7f16289ca9366d20', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: 'c526044e2051e150c64d7adafde972e3aa28b6bb', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (h("div", { key: 'af71539b60f9768f5dfe36eccfcc5e84c3c706ae', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '3e08e736b06802aa42d478d3fa507d5e890a5369', class: `icon_container` }, this.color === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.color}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "#079455" }), h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "#079455" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.color}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "#B51726" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "#B51726" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "#B51726" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" })))), h("div", { key: 'd4cb219400137e076d77d32b9291ae6d1b91d0dd', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'dd3801b3c08e52b663e223f9dd6d3a6cada08d91', class: `text ${this.size}` }, h("slot", { key: 'a2c9e9c74c01b45dbe76c1db5ba8c19e31f9b1f1', name: "main_text" }), this.showSupportingText && h("slot", { key: '340e613dc6e3fa16131415af94ca0bacb7f1287e', name: "supporting_text" })), this.actions && (h("div", { key: 'f9d5b4b6cffccdb6c9a4d423c68e8ab6e0b3fba3', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: 'cc20db1f44f88e3917459324336f002f7d0189cf', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: 'a89652b0c2fca1ff05e4aebd0200182324f4c87f', class: `container ${this.breakpoint}` }, h("div", { key: '2f59a3c96365f358d02be312e8af92b18d8328c8', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '0769f7d0dfbafd51f77e70311a8a3f96f4f16ef0', class: `inner_content ${this.breakpoint}` }, h("div", { key: '8925fe57136a515a2ff9d8b7102ed271f432f469', class: `icon_container` }, h("svg", { key: '192fbf45c1f2337238ed79c38bcf6e4ee767befb', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '71c87ed0cdf41bbbc79390f23b735b8bb355a591', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '05d396176f41f30544d74529fe7282858a70094e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: '0664a4941f4670fc4a2c407a3b1a2a822be81b70', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: 'da4116c5a9167df9c36701f43f4c8ded0767b059', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: 'af11737bc4142eab45e3e3054495487b864f6ca2', name: "main_text" }), this.showSupportingText && h("slot", { key: 'ef259a35b23993b843691d6d3315a3a621b111b7', name: "supporting_text" }))), this.actions && (h("div", { key: '96c9cd2722f95615683df5969e48bed15fbb0aa6', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: '569701f22153f2ad139b6335a01b7d10a5d98a2d', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     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: '697d275ed6efc79084e931ea6b92292ad9da03b8', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '13c0f74e02d267a01e3f0aafa1c47b8bbe4f2acd' })));
+        return (h("div", { key: 'a0c94b53cec58b1f02eb3a0c9bda5be0140fd7ed', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '868e8a73e32101caeceaaf8562f4bcd83ec7f79b' })));
     }
     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: 'a96a3790adcab9566e2918640dc6fc5249a0e379', class: `toggle_div ${this.size}` }, h("div", { key: 'f84a7018c4e718bb4269117c151a047de01a7470', class: "toggle_base" }, h("gb-toggle-base", { key: 'fb37befd44d6346077581d0327fd33f676d4c69d', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '6daa20cf9e5f0c35d719a4f735a5b63525501f3d', class: "text" }, h("slot", { key: 'f3f57b26ccdab9961f0519386d9299f4759391cf', name: "main_text" }), this.supportingText && (h("slot", { key: '7af88bdd3bdc9011f4380c0117ca9728c78b88db', name: "supporting_text" }))))));
+        return (h("div", { key: 'ce5eb2e96405a39dd87050f50ef2202ca9504774', class: `toggle_div ${this.size}` }, h("div", { key: '8c4bfa3859a066e1f1037252c1fb9112d706c95d', class: "toggle_base" }, h("gb-toggle-base", { key: '350af05ad06548572fc8333563d450d9705bd1db', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: 'a2efd64e4fde7363a913db2dd42fbadb3c446057', class: "text" }, h("slot", { key: 'fb154edda59eab116df939288440d2e75ca3e6d1', name: "main_text" }), this.supportingText && (h("slot", { key: 'a3a63d8392d7fb746965dec096888d43c439b77d', name: "supporting_text" }))))));
     }
     static get is() { return "gb-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,8 +11,8 @@ export class GbToggleBase {
     }
     render() {
         return [
-            h("input", { key: 'c7471fdf40c496d66ad89cbdf98387c5a571b163', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '019d453628b57388d211a612672caea4b839dff8', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            h("input", { key: '74fe9c892b107a6505e2a51a01e1b2a309a8c3b1', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: '9f0b65c4bfb6e681913629694f8412a9570c77d1', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
     static get is() { return "gb-toggle-base"; }