globuswebcomponents 1.2.5 → 1.2.6

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

@@ -4,7 +4,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '5b6d86bac9adc341d4a0a7975a857ea6d5700b0e', class: "scrollbar-container" }, h("div", { key: 'fe8d5dbcd692dc27059d9421aa4f33533026bce8', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'd42d778af8ac3bf2767d0dabd653a3a488885034' }))));
+        return (h("div", { key: '5445e10f58b5fd7c5feb442e4b68013985b6af75', class: "scrollbar-container" }, h("div", { key: '0d59e26e2540e45b1cdfc27e51b742816077ec8c', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'd82cd3d7ed6e8360c1904098081836f85fcf4207' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -99,7 +99,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: '51b8a279cd6489f527d15034201ece5db33cbe2e', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '09ee8b6aeffb552772e94e14f73bb2668714610b', class: "pattern" }, h("img", { key: 'bf895a51ac99d817e6697936fc7aec0c23d92403', src: patternSrc, alt: "" }))), h("div", { key: '82aa81372c682b7c8b2ef6b20d2c5f299866ed62', class: "nav" }, h("div", { key: '1067392c2cc96fbeab5d81a87817c6836033719b', class: `sidebar_header ${this.state}` }, h("div", { key: '1b6ab111edbce4900b6a88f09f1f14341c58b57f', 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: '292bfd86b6750da6f3e035ae72dfad8c2bb88920', src: logoSrc, alt: "" })), h("div", { key: 'db4205aac4448bb12ac40315c300f2f3ff2d3ef3', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '6a34cbcab23b628484eeff37a3aef04929f98ef3', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '983300c03d1c20dc98b0b74893e5c875b6facbda', class: "navigation" }, h("div", { key: '955bae13a05e485ca5b0e7588bb3e0ab67745e1f', class: "item" }, h("gb-simple-side-bar-item", { key: '91ddb72ea4ff2a684983ecaff14b51e489752bad', 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: 'ac57bc7e4edb5f53f5f7884cb9a208dd4a87fe1a', 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: 'c0e8fa803f2bf5097e2f0a65a4df24a56112d85a', 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: '3b38e5c195011dc9e775040948d4250ada95f17d', 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: '7e2d2f1a83560a3dbc13e79ede757ec60304496b', 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: '9df4abd23ebb08895c6fd9ee4f55c851fe9f0980', class: "navigation" }, h("div", { key: 'ebb672ab8991601e8a05a96ec50bdd40a80358ff', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'a681f993b6f54628a757bb1fd041e35f8c1a074c', 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: '567c3361b46cf44dfe137a1152d6ed02e566d2f2', 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: 'c4f6b5800f9a8222dbb78c1eeba8872da33277dc', 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: 'f167f6ca4e9fed55b5177241b5a36ae719e9c52d', 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: 'dd4156c419fe22f6fcc96be2b10e7eadf3dd000d', 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: 'cacc071017d654c15c45d0b0bc2d178a861c0b59', class: "application_name" }, h("div", { key: '4ea994c8a016f59d9123211f0c6789f291ca5cce', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '4984f3e91affd6c0adb7606987292c7b9d082aa9', class: "application_name_pattern" }, h("img", { key: '6f3e3db4e27d2a10daa9c724a171a8127b01d833', src: patternSrc, alt: "" }))), h("div", { key: '28fc00e9d6634e1423175f2b71ddc21a77a0ce9e', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '3e465ab98ccdf1d73ee65c9fa4e9c389b51af04d', class: textClass }, h("slot", { key: 'f1e7237b7554e1e78f6694325f691e9e6f659654', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'aac7516fdf9101db33e142c835d8526f45f6832b', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'd67bd7336c327b0ecdddb6c3c401e99c2478a78a', class: "nav_div" }, h("div", { key: '25c47b4723d215a9e5e4b71fcb8bfdc4bd90fb2a', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'e824fa5f7f6b5e0df3f33b1d93c0c8b616c9572a', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '74aea9c67e90b8b111db796a5389d6cd3c64aca9', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '34eea9fcf44769e8655f7f085965b64a84992d43', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '1fb252f28459c642e0d0f81f615f5fcc6ad082d5', class: "complex_sidebar_div" }, h("div", { key: 'c74372c0bf7ce6dbe9c4a19afb2365d69c71fd46', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'a2a24887ec17f0e4fb46af8a18ea4f081bfb5ae9', class: "pattern" }, h("img", { key: 'ebd1e5ef53578bb4fd913d3155c07c330d799298', src: patternSrc, alt: "" }))), h("div", { key: 'b873187fa65ff9109b0884d7c583e0b16e8001d2', 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: '1ccd9ba3d4343abea9fc69b6cf396d52e3e3743e', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '81b3ccb3be6f4a9a7d9c1b5dc2e0bb9620736050', 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: 'cae687fcbb7c2973a5dbfb229a8f3d12e93700be', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '629c9470d3633d10cd2bd04fa211738fabcbef70', class: "pattern" }, h("img", { key: '3c4cc9b24f8e415a46e6854ad78a1f31fb173738', src: patternSrc, alt: "" }))), h("div", { key: '4d56f760e913f8d0af384cdda98ab1bf7c25e18a', class: "nav" }, h("div", { key: 'e73929dbade29861799187773f3942296e6cb158', class: `sidebar_header ${this.state}` }, h("div", { key: 'c2c1ec8f2af54c7fb4ea792f712b1171509842a7', 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: '7c24792149584cd1ae0352ecef72c183c6642719', src: logoSrc, alt: "" })), h("div", { key: '2534293a1c2bba7919404e503b37738b2f742e8d', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '78ebe8bc2f660461b2d2feba97a519b7f69af53e', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '6855832a4bb0fc13516302646494329e50070045', class: "navigation" }, h("div", { key: '13010bae3255e0b5d5b9a9ca520cda472b979600', class: "item" }, h("gb-simple-side-bar-item", { key: 'bcc0c5fb36167ed6428c21b0e7956584e417ad63', 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: '5243e564fdaa2c183bd5af37341e090753119c7b', 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: 'ab45f7aaf89f5a1a49efa8dda9b5f73f0b4387cb', 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: 'c1c5630eb9dcb933ec2b22ad16463f7a4b3dcd8a', 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: '3f6bffaf4f0010199d9a6c41edbe69e0e72973f8', 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: 'a04574fdf3c118599fd1e55037020564e50c5037', class: "navigation" }, h("div", { key: '62ec3d8f6aff93a167eb3067773805204e3b5cc0', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'bcbedd2ea93ed15583b556d75e0322384d2b4485', 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: '04d471db48248a37fa0b5f212443871d0835f642', 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: '3746aa798f324ee4cda7fa0578b628e101b88aeb', 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: '6b7128fa7245f0daa35fa5561bdbd1295272d545', 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: '52697c56f7a7b14e32391052bee25722efbe2626', 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: '4ead8291855d6ce7ed7b51284e5ebe5b9428f73f', class: "application_name" }, h("div", { key: '24db86f97b26eda401f672ffe3c9b680927954c2', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '7d0ce360d240556524b56b64354705ad91698eb9', class: "application_name_pattern" }, h("img", { key: 'bf1139cab6e6c4c4a335f62f98d9bc82913e9be6', src: patternSrc, alt: "" }))), h("div", { key: '7e0d592959c2fced6145c0861a8c5173092274ff', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '5b9f669c7f326e7430673f22438a9b5a3282485d', class: textClass }, h("slot", { key: 'cf394c20a444721474e89c66d456c12f2b11001b', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'cc423032bf9555b5da6c37a2625c5fe87e10cd32', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'cd3738f9645453675c5170b6799d68b33c0f3a87', class: "nav_div" }, h("div", { key: '979fdb7f3266b6a7f6d2d448eb181eaf40467f9f', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '659582146262d180331b0a457fa1376b4877f412', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '006777d6cf51dcf69cb905cc50ecb564e07c605f', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'd7a4dcc9925e39fc905600e5f7d8bbbba9606056', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'f1b8d62aff6b93552c06e8b7ddbf89c8bc721390', class: "complex_sidebar_div" }, h("div", { key: '8ee8aff85bc7bc0103409ac8553eca8f23af2355', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '4574e82cb91e64d2c564b5392755153075339c4d', class: "pattern" }, h("img", { key: '744854596dd79742162f252f00778043bad456fc', src: patternSrc, alt: "" }))), h("div", { key: 'ca2a239efc10cd8fec6722634e77c34b521d9a1c', 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: 'b3460507ba57ce1edbbd05afd479755932ee2ed5', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'a2bd8ade4fbebad55fe2bdd91580c44f73f98e6e', 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

@@ -31,7 +31,7 @@ export class GbSimpleSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: 'f70f1a4d62cc8b203e7f053e324e7006aaec9f0b', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '647027723b0f6dab7ad11d777a15e473e5c83e69', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '0bc8c73bd314b3bd5fc1af3744a7b0d310c402c2', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '2d9009fdfae694958f6098a207e6dfcb2c281a96', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '5149721feb029253a1c7dfeb14533950889f96ac', class: "content" }, h("div", { key: 'a77bf42fa986811b895c89a4519f91d7926f38fb', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '39d666946b7d47840ddad4fd5f1e93f3cc635042', 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: '4855384642d5b0872de6a32c43eefbc48215cf85', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '69618182ddd4f0db8617bd0b88dc901738036577' }, "10"))), this.showArrow && (h("svg", { key: 'e03b7c137dd863385adfd59afdce06df58e1ac15', 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: 'a346d2050e6ea25a94003a51912a1dfccfe81fb2', 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: 'd7ec8059ddde4ac617520f6e5f8b50bccdd8a002', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'fb7a7f6d35d03ec904039fc12955a8e3410fab92', slot: "label" }, this.label)))));
+        return (h("div", { key: '3ae347d0410388008f03e763ad6fecd55bbaad3a', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '665c4479ad223df21d6fc90e04ac4dd335b09723', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'b6581b20224502f5de24a44f98d9aa4cf785b57b', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'b108e3940f13777aa0552bef664b88ee0ec53bbf', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '74755f0497089cb36cdd485c8f0b2a3d5abdc536', class: "content" }, h("div", { key: 'c5a86934ec08d9a1485e058ccce1fdb2a1c7b0f1', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '2a4d4c27188e0f94f965e27f4754322a0f3e790b', 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: '7e4c5cafccd56a757433290ad8bd24c6d85701f2', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '1b1d1d7eca9a1750697d235b665a2d98db67c3a4' }, "10"))), this.showArrow && (h("svg", { key: '278ca13a44b317c68fde34a1ed383a152d8eb279', 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: 'e454b3fd80413a4b2bbf66fe3e5231d6f827c300', 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: '9c912f6950028d5b7880ca45ba251f355ec74374', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '1199d0ba7bf70738c82621a39f1228d560db7b10', 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

@@ -75,7 +75,7 @@ export class GbSlider {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: '02c46115713ac64aa11c07cdecc23892aef363c6', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '0bd8f24e4866fdb757d3436929c6777c020bcc53', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'd2b73ae015f4cb2b3010505ceec71bcf8191fbe8', 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: '0f79245376705fd5cf4a8dddd4591efbc0ae8e3a', 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: '87840fc34f0f40ac4dc33fa92477cc681a0a3ee8', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'f97717145a13fbf06ec0b62ed4faea790f5c7230', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'dfe65cce0059fe08598677141f31926c6618a049', 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: '31676df2e0697428d69903338bdbd4f2c2cf5bb3', 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

@@ -19,7 +19,7 @@ export class GbSliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: '662f25643e6201cc35a0a107db4bddbb3d433b86', 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: '3381d6d71159f83d7fcfd348ef3699b539acf195', class: "tooltip-container" }, h("gb-tooltip", { key: 'eba0c4ced22d3994d83e79ea1e661c8857356dfe', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'ca41c4d7251b0cd977a6502e30ab654c7dd579e2', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '5728208c4e9d09e0ba4df122a027b2a5d371ff16', class: "thumb-label" }, h("p", { key: 'a1ba999e42af91ba6b2ec9568646d47a280dd2df', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: 'd22833acc82f15751a66049b3d04f0ac4a710864', 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: '57490ff32d38a0d9160bd75a197c6331c5a7ea8b', class: "tooltip-container" }, h("gb-tooltip", { key: 'dbd42398a9726f8f38d363ca7f740d786c005c19', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'ed6c5a9704e28619efa2ace6dc2ce4859eff4e7c', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'e784a87f08c56443cbf03b6d666ef4f3b37b6bf9', class: "thumb-label" }, h("p", { key: '3adf74a5891ea9439c0e3df3cd6ab47bf2c24832', 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

@@ -9,7 +9,7 @@ export class GbStatusIndicator {
     }
     render() {
         return [
-            h("div", { key: '96898e088e699c3e68ebcb7c34b6be2ef5cded11' }, this.statusIcon === 'online_indicator' && h("div", { key: '218bc370d7d03ad6713cf12fead53471bd15119d', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'b57814c4eaa4b475c36d9974b95b88c266850c00', 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: 'b0343bba31d65c39519e2537caa60a4a6e890420', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '1ceb2b6e4a83ae967259c72a070ac257c90e87c7', 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: 'd2a6863ccc33b34b9ec23bd64d4808b4a93647c3', 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: '814b40851595196ea40e2d4f4bd0f6c3491052a1' }, h("clipPath", { key: '9ffc7dd453e01cb3bc7fd9f8d26f86c15496b66e', id: "clip0_0_21453" }, h("rect", { key: 'c3857d2f056ec86fd53b5963461061ddfc1bfe23', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '21dbb98d8c761abdde46fc61ca1ba6940333d35f', 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: '371e67204864bbf28603c46af6c83afa53ce3b01', 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: '9505d7de9f03d2729cc7ea51d9277ffec82a2e7d', "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: '9933158f7c72d91159f774dd76d676e07322bbbc' }, this.statusIcon === 'online_indicator' && h("div", { key: '54e409515b54e99c1599859a9f4425d82a74321d', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '2d0520e6e1edfea9143f64d9aa2c40a3c38a5534', 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: 'c3e5378ea0fa2e7c8d9beff68f5bedfccd792c1d', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '11993754e2e78472c50bbd0fa4c1d7c5c7d6484c', 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: 'ea9497fc20bdc93cd37dc3f51ae2806153f98bbd', 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: '398703b7dabf7524e72748164d4e8e9e2b089359' }, h("clipPath", { key: '274fb555c43fb66fdd4f7516134027c39013438d', id: "clip0_0_21453" }, h("rect", { key: 'b2916d6a76f2a861473fadc10168b00e1f1a1264', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: 'd6c82925580e77e88fa759ebb6457272767769b9', 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: '299534a2604f0f59e2eee0cef77f07c45f0aa41f', 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: 'd29b73e4ec70894ab988d17ca4ac83f83a065733', "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

@@ -11,7 +11,7 @@ export class GbStepBase {
         this.supportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h("div", { key: '511bc306396b89f3f8e16bac5151439a637a8987', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: '4f74f6102f1cc12dfb5557ced02ec8564500c1c0', class: `text_line_div_content` }, h("p", { key: '820db3d390f01a55492510859855fe449cfab90d', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '518c684408b1b811c13cc96cc9e288bd6f6ad843', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_only' && (h("div", { key: 'efb2b087b9e06fb0f20b3d53126d8500d9c55dd4', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'ddc8f5d970cbb18e942aff2a696999547a6b0420', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '7cbda2a849e95c8eeb84f31838e1dacb796c618e', 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: '74cba08b4bd739b2c02b2a2844bd32e03d73fe1e', 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: 'f30545cd6741d924d16904b5e3e1827ca20a8efe', class: `icon_left_div ${this.size}` }, h("div", { key: '93689ab7ef718f1774752c4cf7aa2d67ea7bc732', class: "connector_wrap" }, h("div", { key: '58032c5e54c9e6e988594eabb01ae44827804486', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'f5727a1f02db8e7bcb52e2527e525ef8bea2dea5', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '57b55fa39ccbe497f145483cbabb1174fbd44d28', 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: '9a430c22335094c46c214f8e64178987893e2c57', 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: 'c55162095fc16766743b78c5f733f246714a9aef', class: "connector_div" }, h("div", { key: '80b8e859f58ae67369d77bfcb55c621453d11af4', class: `connector ${this.state} ${this.status}` })))), h("div", { key: '0ef8f0b9cd539faded4804034e38e7dcd0f37497', class: "icon_left_text" }, h("p", { key: 'db894bfc10717b9946a511bdaf15f76ca8e6415f', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'ac806057c237c3cb79151fea64ed63c7b02838d2', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h("div", { key: '919a2e93fba63714ff35e958dfcecb72a989b810', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: '635a96784e970c6ed173815c00611975e5148b76', class: `text_line_div_content` }, h("p", { key: '4e02024d885ec8c94ffc932d30edfe40f872383b', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '359989b14a231abb903ebef2bf728f640f2d8e14', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_only' && (h("div", { key: 'b052cedab84c93b14a69193cfa690479140d0b27', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'bdce3db92e00ec64e69be59ed1843c7613720b5f', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '57b601dc2491d9ab9b6125ba3304198588602006', 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: '85028fc680255db9a0dfec376630cf7ecec1c1ea', 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: 'a837aa640d171aa9f94c9e140edc5378dde0a3d9', class: `icon_left_div ${this.size}` }, h("div", { key: 'fdc91bc48b4872ce8a2eeb9f97697e10edb33065', class: "connector_wrap" }, h("div", { key: '0844a0a4fda0aa4001c55eec325cdbce24084cc4', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '7a73bfb79acc1e784cc92e6d5410fa310ae2d923', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '6fce912151c53d0a8cc4cc91ed0ea5b65a34b5a4', 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: 'a361593822c9f395c9ba73bb1578951ec2a4f58b', 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: 'cc738956ca677e1af1ca823ce6a890e59e971298', class: "connector_div" }, h("div", { key: 'e7243bf1887288152a33902f531708d4883548f2', class: `connector ${this.state} ${this.status}` })))), h("div", { key: '2e8a142e3b6643fa11297933cee1d5e396213fef', class: "icon_left_text" }, h("p", { key: '54d4f8f0eb4c2d1a511acede1afa0adafa0e4587', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '74d3211f368e57c0d0e2bf56ba64998694e73440', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText))))));
     }
     static get is() { return "gb-step-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-stepper/gb-progress-steps.js

@@ -24,7 +24,7 @@ export class GbProgressSteps {
         this.seventhStepStatus = undefined;
     }
     render() {
-        return (h(Fragment, null, h("div", { key: '1f616a7cf9a3ee30c58a3a123d573eff07d0bd47', class: "text_with_line" }, h("gb-step-base", { key: '69ad0eeee05260c81d1da43284b319cdf633b2af', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus }), h("gb-step-base", { key: '89c265e2b3edb9da680dfb551d619bc4ccff4bda', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus }), this.thirdStep && h("gb-step-base", { key: '4cb4b9a424de9eb1bd0e0b49606b6a77c861fab2', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus }), this.fourthStep && h("gb-step-base", { key: 'eb47744d8db0fd17f20488dcaf76258e62b5d3aa', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus }), this.fifthStep && h("gb-step-base", { key: 'db7536409f6227f8eaf71ce156a687da1393d753', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus }), this.sixthStep && h("gb-step-base", { key: 'f05b11cd2e4ecded7ff17fd6ba61f562c01a35e6', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus }), this.seventhStep && h("gb-step-base", { key: '9c338a5dbbcd2a1b8aea0069497ce5d7f031e751', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus }))));
+        return (h(Fragment, null, h("div", { key: '1e64e673da23bc9daa8b6f176bd291ec343483da', class: "text_with_line" }, h("gb-step-base", { key: '63d1d36d4babf61da5594a90d790ade14bd0df7d', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus }), h("gb-step-base", { key: '81c5c8979a368501b2a6c173f2135942b00d3dcc', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus }), this.thirdStep && h("gb-step-base", { key: '3da911e4609d9a3241d5764c2af8dc22adf58453', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus }), this.fourthStep && h("gb-step-base", { key: '8671b3f5709c2c69807c18509002d6c486dfeafe', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus }), this.fifthStep && h("gb-step-base", { key: '3b01676749bff5801f6e89da8467b82dc9d08dfa', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus }), this.sixthStep && h("gb-step-base", { key: 'b4ccc8b3af0aea902597e6675773410b91e6a50b', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus }), this.seventhStep && h("gb-step-base", { key: '802423c6a2c8e294e8f78b50537b28fbf457c230', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus }))));
     }
     static get is() { return "gb-progress-steps"; }
     static get encapsulation() { return "shadow"; }