globuswebcomponents 1.2.5 → 1.2.7

package/dist/cjs/gb-sidebar.cjs.entry.js

@@ -112,7 +112,7 @@ const GbSidebar = class {
         const logoSrc = index.getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = index.getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = index.getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (index.h(index.Fragment, null, this.type === 'simple' && (index.h("div", { key: '51b8a279cd6489f527d15034201ece5db33cbe2e', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: '09ee8b6aeffb552772e94e14f73bb2668714610b', class: "pattern" }, index.h("img", { key: 'bf895a51ac99d817e6697936fc7aec0c23d92403', src: patternSrc, alt: "" }))), index.h("div", { key: '82aa81372c682b7c8b2ef6b20d2c5f299866ed62', class: "nav" }, index.h("div", { key: '1067392c2cc96fbeab5d81a87817c6836033719b', class: `sidebar_header ${this.state}` }, index.h("div", { key: '1b6ab111edbce4900b6a88f09f1f14341c58b57f', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && index.h(index.Fragment, null, this.category === 'plain_background' ? index.h("img", { src: blueLogoSrc }) : index.h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && index.h("img", { key: '292bfd86b6750da6f3e035ae72dfad8c2bb88920', src: logoSrc, alt: "" })), index.h("div", { key: 'db4205aac4448bb12ac40315c300f2f3ff2d3ef3', class: `collapse_button ${this.state}` }, index.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()) }))), index.h("div", { key: '983300c03d1c20dc98b0b74893e5c875b6facbda', class: "navigation" }, index.h("div", { key: '955bae13a05e485ca5b0e7588bb3e0ab67745e1f', class: "item" }, index.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 }), index.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 && (index.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 && (index.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 && (index.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 && (index.h("div", { key: '9df4abd23ebb08895c6fd9ee4f55c851fe9f0980', class: "navigation" }, index.h("div", { key: 'ebb672ab8991601e8a05a96ec50bdd40a80358ff', class: "item" }, this.sixthItemLabel && (index.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 && (index.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 && (index.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 && (index.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 && (index.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' && (index.h("div", { key: 'cacc071017d654c15c45d0b0bc2d178a861c0b59', class: "application_name" }, index.h("div", { key: '4ea994c8a016f59d9123211f0c6789f291ca5cce', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: '4984f3e91affd6c0adb7606987292c7b9d082aa9', class: "application_name_pattern" }, index.h("img", { key: '6f3e3db4e27d2a10daa9c724a171a8127b01d833', src: patternSrc, alt: "" }))), index.h("div", { key: '28fc00e9d6634e1423175f2b71ddc21a77a0ce9e', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { key: '3e465ab98ccdf1d73ee65c9fa4e9c389b51af04d', class: textClass }, index.h("slot", { key: 'f1e7237b7554e1e78f6694325f691e9e6f659654', name: "application_name" }))))))), this.type === 'complex' && (index.h("div", { key: 'aac7516fdf9101db33e142c835d8526f45f6832b', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: 'd67bd7336c327b0ecdddb6c3c401e99c2478a78a', class: "nav_div" }, index.h("div", { key: '25c47b4723d215a9e5e4b71fcb8bfdc4bd90fb2a', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: 'e824fa5f7f6b5e0df3f33b1d93c0c8b616c9572a', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: '74aea9c67e90b8b111db796a5389d6cd3c64aca9', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: '34eea9fcf44769e8655f7f085965b64a84992d43', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '1fb252f28459c642e0d0f81f615f5fcc6ad082d5', class: "complex_sidebar_div" }, index.h("div", { key: 'c74372c0bf7ce6dbe9c4a19afb2365d69c71fd46', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: 'a2a24887ec17f0e4fb46af8a18ea4f081bfb5ae9', class: "pattern" }, index.h("img", { key: 'ebd1e5ef53578bb4fd913d3155c07c330d799298', src: patternSrc, alt: "" }))), index.h("div", { key: 'b873187fa65ff9109b0884d7c583e0b16e8001d2', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index$1) => (index.h("gb-complex-primary-side-bar-item", { key: `${index$1}`, 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$1) }))))), index.h("div", { key: '1ccd9ba3d4343abea9fc69b6cf396d52e3e3743e', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: '81b3ccb3be6f4a9a7d9c1b5dc2e0bb9620736050', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index$1) => (index.h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index$1}`, 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$1) }))))))))));
+        return (index.h(index.Fragment, null, this.type === 'simple' && (index.h("div", { key: '391e180f24203bcfa3be712f4164042fbcd28a42', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: '82a1965e4de80f0dfbf06024b82546f1e9c6947e', class: "pattern" }, index.h("img", { key: '8bba4ae2f1b3ac6f3d603dfcf873862c87118053', src: patternSrc, alt: "" }))), index.h("div", { key: '20876135ff94f5084561fec6ad048ad745504e48', class: "nav" }, index.h("div", { key: '3e38e32f51690deeddd7db7fd4a4e520a850ac7b', class: `sidebar_header ${this.state}` }, index.h("div", { key: '4e7645a2c80e422dd4aa1a44422498720606b89c', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && index.h(index.Fragment, null, this.category === 'plain_background' ? index.h("img", { src: blueLogoSrc }) : index.h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && index.h("img", { key: '859bb6043c76887f02fb9682d13f25921c747b7a', src: logoSrc, alt: "" })), index.h("div", { key: '9adbfa9b8196f68be9075499bdd359a80297ba3f', class: `collapse_button ${this.state}` }, index.h("gb-collapse-button", { key: '3bd82035c4465ae41c227c57e1e24cb249f4cb49', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '76b546eddc3ddc7a4901fe28e9f34efd113a4f55', class: "navigation" }, index.h("div", { key: 'db7423c6adc1209c0a9befc071a2f3d27a91048b', class: "item" }, index.h("gb-simple-side-bar-item", { key: '0fcdfcd772806d1a33d997e95863cae4ef78da07', 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 }), index.h("gb-simple-side-bar-item", { key: '3f7b82dfeaec256e0778c6ed0d3d415355c341d8', 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 && (index.h("gb-simple-side-bar-item", { key: '04fb042c14a4206839521826ab0336e911390758', 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 && (index.h("gb-simple-side-bar-item", { key: '2aa5aaeb4b8c5a1890fb59bccb53e299109f3803', 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 && (index.h("gb-simple-side-bar-item", { key: '1151ee0fe0a5e0b872e950a20ed784bd7431b597', 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 && (index.h("div", { key: '43e33308bc4a3b664ba1860160169cecb6a0106e', class: "navigation" }, index.h("div", { key: 'b071d122fbcbbc6c88d5ba9af26e54c91f274759', class: "item" }, this.sixthItemLabel && (index.h("gb-simple-side-bar-item", { key: '00db086cfd7cd6d236fc895e8012e3ad781a810f', 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 && (index.h("gb-simple-side-bar-item", { key: '917fe590c536c1c55343414438aa0d849789d46b', 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 && (index.h("gb-simple-side-bar-item", { key: 'c29a22f668f74b618f8733302b18e0118f54ccb5', 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 && (index.h("gb-simple-side-bar-item", { key: 'a4d4d547968078e6cb5bbac1b31c4afda618cac2', 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 && (index.h("gb-simple-side-bar-item", { key: 'dad17f9b302f64404a7cef1e3cd25aed2ee29a4d', 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' && (index.h("div", { key: 'ce65d7bde98e427c93a03d675e77593a77301f18', class: "application_name" }, index.h("div", { key: '81369740eda657292fca4343205a25901086ca90', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: '8dfa2953b34d0900d8d06f0d7b20d9552516a0b2', class: "application_name_pattern" }, index.h("img", { key: '1eae11e37023a146058998ffc2ce8251660f0cee', src: patternSrc, alt: "" }))), index.h("div", { key: '92b5d8c24a2a55f40fd1f5b0b075aae37b6f295d', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { key: 'e72a303f1b81588e9db6782cbd9f700cb99e2634', class: textClass }, index.h("slot", { key: 'f679b00a227ef216c96a654bf1c95d220eccbc0b', name: "application_name" }))))))), this.type === 'complex' && (index.h("div", { key: 'efccdc2bf5915d2f191a9c645c46da1a2156f286', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: '071defd6b527ce29dfc3cda2fb12d6e9f3900a4f', class: "nav_div" }, index.h("div", { key: '45d47714af139dda02aa1ebbf4d4d4874425b512', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: '33d9af7141bc7b8aadbd0db51ddc44b8a478e1a1', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: '79de93d28a27f55534f6180a8483bb190a58da41', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: 'caaa694e99f64abce21cb22f70fdc20bdd563ae0', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: 'efa40a30c7aa193edb84cfd8e17a76b92667ac3c', class: "complex_sidebar_div" }, index.h("div", { key: 'a89ba06dff7d3b5160451bbc14cddbddfde49870', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: '68816d5a41286e90c13db90e8c3fe8dbc4511ea6', class: "pattern" }, index.h("img", { key: '87d823c680a21dfb28a9d2dbce6abb8d57b0593a', src: patternSrc, alt: "" }))), index.h("div", { key: '8ec13623e4533bcc52d59138a21b09eada1d1b24', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index$1) => (index.h("gb-complex-primary-side-bar-item", { key: `${index$1}`, 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$1) }))))), index.h("div", { key: 'b1ab89c1456a9dd903ccff11ef7ce5f6fab5327a', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: 'f7b0264788925d0d8674c968601d97055c9017ca', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index$1) => (index.h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index$1}`, 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$1) }))))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -28,7 +28,7 @@ const GbSliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (index.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' && (index.h("div", { key: '3381d6d71159f83d7fcfd348ef3699b539acf195', class: "tooltip-container" }, index.h("gb-tooltip", { key: 'eba0c4ced22d3994d83e79ea1e661c8857356dfe', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: 'ca41c4d7251b0cd977a6502e30ab654c7dd579e2', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: '5728208c4e9d09e0ba4df122a027b2a5d371ff16', class: "thumb-label" }, index.h("p", { key: 'a1ba999e42af91ba6b2ec9568646d47a280dd2df', class: "thumb_label text-md-medium" }, this.value)))));
+        return (index.h("div", { key: '3dbb8609246bd1cdd563ec73588c8885f03f841e', 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' && (index.h("div", { key: '3cea31054eb76b1e8842a9fb20dca39500c1eee4', class: "tooltip-container" }, index.h("gb-tooltip", { key: '8ac188591bc41a9428af859c29af092392b2d48e', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: '87c682a35020a8a8237b8098f3c5cbefa1dfbd7d', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: '896b28eb9d3ad4672814d472d278edba876d9384', class: "thumb-label" }, index.h("p", { key: 'bef8c7255122b1c69c1e433d2695bc0076ae1340', class: "thumb_label text-md-medium" }, this.value)))));
     }
 };
 GbSliderControlHandle.style = GbSliderControlHandleStyle0;

package/dist/cjs/gb-slider.cjs.entry.js

@@ -85,7 +85,7 @@ const GbSlider = class {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (index.h("div", { key: '02c46115713ac64aa11c07cdecc23892aef363c6', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: '0bd8f24e4866fdb757d3436929c6777c020bcc53', class: "track", ref: el => (this.trackEl = el) }), index.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') }), index.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 (index.h("div", { key: 'ac2997d43f906a23f5c153a7f52ee43ac5b71b35', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: 'ead3a3d775c30e4641c92d6bb6f883f67451d435', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: 'ce21ef95713e7eb1cb5781ee2bceeef6cf23adf2', 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') }), index.h("gb-slider-control-handle", { key: '8109d02c11994dfee18c3999cc212651ab87fb88', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-stepper-horizontal-icons-centered.cjs.entry.js

@@ -7,20 +7,48 @@ const index = require('./index-a9259aac.js');
 const gbStepperHorizontalIconsCenteredCss = "";
 const GbStepperHorizontalIconsCenteredStyle0 = gbStepperHorizontalIconsCenteredCss;
 
-const GbStepperHorizontalIconsCentered = class {
+const GbStepperVerticalIconsCentered = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.size = undefined;
-        this.steps = 0;
+        this.steps = undefined;
         this.type = undefined;
         this.breakpoint = undefined;
+        this.firstStepState = undefined;
+        this.secondStepState = undefined;
+        this.thirdStepState = undefined;
+        this.fourthStepState = undefined;
+        this.fifthStepState = undefined;
+        this.sixthStepState = undefined;
+        this.seventhStepState = undefined;
+        this.firstStepStatus = undefined;
+        this.secondStepStatus = undefined;
+        this.thirdStepStatus = undefined;
+        this.fourthStepStatus = undefined;
+        this.fifthStepStatus = undefined;
+        this.sixthStepStatus = undefined;
+        this.seventhStepStatus = undefined;
+        this.firstStepLabel = '';
+        this.secondStepLabel = '';
+        this.thirdStepLabel = '';
+        this.fourthStepLabel = '';
+        this.fifthStepLabel = '';
+        this.sixthStepLabel = '';
+        this.seventhStepLabel = '';
+        this.firstStepSupportingText = '';
+        this.secondStepSupportingText = '';
+        this.thirdStepSupportingText = '';
+        this.fourthStepSupportingText = '';
+        this.fifthStepSupportingText = '';
+        this.sixthStepSupportingText = '';
+        this.seventhStepSupportingText = '';
     }
     render() {
-        return (index.h("div", { key: '833057e7bdf35ec340b29775268a729a6acbe94d' }));
+        return (index.h(index.Fragment, null, this.type === 'icon' && (index.h("div", { key: '0b0706c80ab69437c805e4e40532313646f309d1', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps === 2 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: 'bbd55d64ac2484020cfdd98638a84c4f189f17a0', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '50b2c1729ef67a6f97520c3edba91daa33bf588a', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: 'b46e7eff046d4c69621c5084a584ba6978009124', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: 'cc77c3d57928469d5e92c5d443f3c50959c5cc8f', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: '0ced4c515b0c15abb3306ecd20dd73f35fd169a3', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '4e758f0320c803e004119b36e0e5db1f96a86e53', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '0883cd5c54b534c2d5d7357e32f22ed5f2c21f27', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: '714c7138792a8de10749f50c370ed972bb88cc62', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: '530b56a3bf99af5108270cd83daec579e7c1f7cd', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '034e49be7de6359cf0c5fb009edc3d3b366e3876', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '02665900d56c81f6a7afeee8f05ea4b513886401', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: 'f7ae30a18239cb0bd4347e464bc01fe2ebd22468', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: '105e6947803f22c2222364239d5360db362a7c00', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), index.h("gb-step-base", { key: 'f67866c0789af20f510cf7acee2cd4f80dd4c19e', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '039324e67065b077712c696940ded900472a4c6e', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: 'ed0d773ed11779175064a1e33dbf14cb54bdb934', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: 'bf52e67ca1511c1966b31951e052ce3e63214db4', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: '84133991e00b718c103642893ce267b6aad620f1', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), index.h("gb-step-base", { key: 'e36f5569528b92fc8a9bca820f0401f78dfe6f71', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), index.h("gb-step-base", { key: 'da13cb54cfaf36ccf67e7412d350b88602923cb9', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: 'e14cba505d0d2386c28790fdbf714524f861202f', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '345a203756bf43bb5df2657f5315d7d7beca36b6', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: '34dff5e6fe152fb48cbd94a228b5690e6c62d528', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: '32a6ac9cae76d9d489695b38e8e58e58d54105b7', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), index.h("gb-step-base", { key: 'fc94847445da698f024476324c96112ed1e1215e', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), index.h("gb-step-base", { key: '83dd1da40fb3eca3564635904345c757f8179908', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), index.h("gb-step-base", { key: '09f445bf19a56d2f8cbe12f2f89b21eb30e589ec', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
 };
-GbStepperHorizontalIconsCentered.style = GbStepperHorizontalIconsCenteredStyle0;
+GbStepperVerticalIconsCentered.style = GbStepperHorizontalIconsCenteredStyle0;
 
-exports.gb_stepper_horizontal_icons_centered = GbStepperHorizontalIconsCentered;
+exports.gb_stepper_horizontal_icons_centered = GbStepperVerticalIconsCentered;
 
 //# sourceMappingURL=gb-stepper-horizontal-icons-centered.cjs.entry.js.map

package/dist/cjs/gb-stepper-horizontal-icons-centered.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gb-stepper-horizontal-icons-centered.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,mCAAmC,GAAG,EAAE,CAAC;AAC/C,+CAAe,mCAAmC;;MCQrC,gCAAgC;;;;qBAEjB,CAAC;;;;IAIzB,MAAM;QACF,QACIA,mEAAW,EACd;KACJ;;;;;;","names":["h"],"sources":["src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.css?tag=gb-stepper-horizontal-icons-centered&encapsulation=shadow","src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.tsx"],"sourcesContent":["","import { Component, Prop, h } from \"@stencil/core\";\r\nimport { BreakPoints, GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-stepper-horizontal-icons-centered',\r\n    styleUrl: 'gb-stepper-horizontal-icons-centered.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbStepperHorizontalIconsCentered {\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() steps: number = 0;\r\n    @Prop() type: 'icon' | 'featured_icon';\r\n    @Prop() breakpoint: BreakPoints;\r\n\r\n    render() {\r\n        return (\r\n            <div></div>\r\n        )\r\n    }\r\n}"],"version":3}
+{"file":"gb-stepper-horizontal-icons-centered.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.css?tag=gb-stepper-horizontal-icons-centered&encapsulation=shadow","src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.tsx"],"sourcesContent":["","import { Component, Prop, h, Fragment } from '@stencil/core';\r\nimport { BreakPoints, GeneralSizes, ProgressStepStates, ProgressStepStatus } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-icons-centered',\r\n  styleUrl: 'gb-stepper-horizontal-icons-centered.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperVerticalIconsCentered {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() steps: number;\r\n  @Prop() type: 'icon' | 'featured_icon';\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() firstStepState: ProgressStepStates;\r\n  @Prop() secondStepState: ProgressStepStates;\r\n  @Prop() thirdStepState: ProgressStepStates;\r\n  @Prop() fourthStepState: ProgressStepStates;\r\n  @Prop() fifthStepState: ProgressStepStates;\r\n  @Prop() sixthStepState: ProgressStepStates;\r\n  @Prop() seventhStepState: ProgressStepStates;\r\n  @Prop() firstStepStatus: ProgressStepStatus;\r\n  @Prop() secondStepStatus: ProgressStepStatus;\r\n  @Prop() thirdStepStatus: ProgressStepStatus;\r\n  @Prop() fourthStepStatus: ProgressStepStatus;\r\n  @Prop() fifthStepStatus: ProgressStepStatus;\r\n  @Prop() sixthStepStatus: ProgressStepStatus;\r\n  @Prop() seventhStepStatus: ProgressStepStatus;\r\n  @Prop() firstStepLabel: string = '';\r\n  @Prop() secondStepLabel: string = '';\r\n  @Prop() thirdStepLabel: string = '';\r\n  @Prop() fourthStepLabel: string = '';\r\n  @Prop() fifthStepLabel: string = '';\r\n  @Prop() sixthStepLabel: string = '';\r\n  @Prop() seventhStepLabel: string = '';\r\n  @Prop() firstStepSupportingText: string = '';\r\n  @Prop() secondStepSupportingText: string = '';\r\n  @Prop() thirdStepSupportingText: string = '';\r\n  @Prop() fourthStepSupportingText: string = '';\r\n  @Prop() fifthStepSupportingText: string = '';\r\n  @Prop() sixthStepSupportingText: string = '';\r\n  @Prop() seventhStepSupportingText: string = '';\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        {this.type === 'icon' && (\r\n          <div class=\"icons_centered_div\">\r\n            {this.breakpoint === 'mobile' && (\r\n              <>\r\n                {this.steps === 2 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={false}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 3 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={false}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 4 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={true}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fourthStepState}\r\n                      status={this.fourthStepStatus}\r\n                      connector={false}\r\n                      label={this.fourthStepLabel}\r\n                      supporting-text={this.fourthStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 5 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={true}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fourthStepState}\r\n                      status={this.fourthStepStatus}\r\n                      connector={true}\r\n                      label={this.fourthStepLabel}\r\n                      supporting-text={this.fourthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fifthStepState}\r\n                      status={this.fifthStepStatus}\r\n                      connector={false}\r\n                      label={this.fifthStepLabel}\r\n                      supporting-text={this.fifthStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 6 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={true}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fourthStepState}\r\n                      status={this.fourthStepStatus}\r\n                      connector={true}\r\n                      label={this.fourthStepLabel}\r\n                      supporting-text={this.fourthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fifthStepState}\r\n                      status={this.fifthStepStatus}\r\n                      connector={true}\r\n                      label={this.fifthStepLabel}\r\n                      supporting-text={this.fifthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.sixthStepState}\r\n                      status={this.sixthStepStatus}\r\n                      connector={false}\r\n                      label={this.sixthStepLabel}\r\n                      supporting-text={this.sixthStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 7 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={true}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fourthStepState}\r\n                      status={this.fourthStepStatus}\r\n                      connector={true}\r\n                      label={this.fourthStepLabel}\r\n                      supporting-text={this.fourthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fifthStepState}\r\n                      status={this.fifthStepStatus}\r\n                      connector={true}\r\n                      label={this.fifthStepLabel}\r\n                      supporting-text={this.fifthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.sixthStepState}\r\n                      status={this.sixthStepStatus}\r\n                      connector={true}\r\n                      label={this.sixthStepLabel}\r\n                      supporting-text={this.sixthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.seventhStepState}\r\n                      status={this.seventhStepStatus}\r\n                      connector={false}\r\n                      label={this.seventhStepLabel}\r\n                      supporting-text={this.seventhStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n              </>\r\n            )}\r\n          </div>\r\n        )}\r\n        {/* {this.type === \"featured_icon\"} */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/cjs/gb-stepper-horizontal-line-with-text.cjs.entry.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-a9259aac.js');
+
+const gbStepperHorizontalLineWithTextCss = ".text_with_line{display:flex;width:100%;align-items:stretch;gap:var(--spacing-4)}gb-step-base{width:100%}";
+const GbStepperHorizontalLineWithTextStyle0 = gbStepperHorizontalLineWithTextCss;
+
+const GbStepperHorizontalLineWithText = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = undefined;
+        this.breakpoint = undefined;
+        this.firstStepState = undefined;
+        this.secondStepState = undefined;
+        this.thirdStepState = undefined;
+        this.fourthStepState = undefined;
+        this.fifthStepState = undefined;
+        this.sixthStepState = undefined;
+        this.seventhStepState = undefined;
+        this.firstStepStatus = undefined;
+        this.secondStepStatus = undefined;
+        this.thirdStepStatus = undefined;
+        this.fourthStepStatus = undefined;
+        this.fifthStepStatus = undefined;
+        this.sixthStepStatus = undefined;
+        this.seventhStepStatus = undefined;
+        this.firstStepLabel = '';
+        this.secondStepLabel = '';
+        this.thirdStepLabel = '';
+        this.fourthStepLabel = '';
+        this.fifthStepLabel = '';
+        this.sixthStepLabel = '';
+        this.seventhStepLabel = '';
+        this.firstStepSupportingText = '';
+        this.secondStepSupportingText = '';
+        this.thirdStepSupportingText = '';
+        this.fourthStepSupportingText = '';
+        this.fifthStepSupportingText = '';
+        this.sixthStepSupportingText = '';
+        this.seventhStepSupportingText = '';
+    }
+    render() {
+        return (index.h("div", { key: 'd5d55dcf2b3fd6eb490454f626fa1437ce3a9bb5', class: "text_with_line" }, index.h("gb-step-base", { key: '3aa7fdf4bac2d396a55d9053502e6a722bb9c32d', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '9a41053cc8a5a3378892227ff0974ae0b9f630f5', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), this.thirdStepLabel && (index.h("gb-step-base", { key: 'a83b60767616ebe867ed8f65fc9f93c16bfacb12', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText })), this.fourthStepLabel && (index.h("gb-step-base", { key: '01f51b17609051e4a2169b481e3ee69e7cdf549a', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText })), this.fifthStepLabel && (index.h("gb-step-base", { key: '5103cbdef0ef0a6cd10a7a8b2f3d07dffc16db71', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText })), this.sixthStepLabel && (index.h("gb-step-base", { key: 'f56e749801091724a6e11a01196cce4cc824b5e2', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText })), this.seventhStepLabel && (index.h("gb-step-base", { key: '8d226c469af37f8f6cb180e68894f2fa14a213e6', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText }))));
+    }
+};
+GbStepperHorizontalLineWithText.style = GbStepperHorizontalLineWithTextStyle0;
+
+exports.gb_stepper_horizontal_line_with_text = GbStepperHorizontalLineWithText;
+
+//# sourceMappingURL=gb-stepper-horizontal-line-with-text.cjs.entry.js.map

package/dist/cjs/gb-stepper-horizontal-line-with-text.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"gb-stepper-horizontal-line-with-text.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kCAAkC,GAAG,2GAA2G,CAAC;AACvJ,8CAAe,kCAAkC;;MCOpC,+BAA+B;;;;;;;;;;;;;;;;;;;8BAiBT,EAAE;+BACD,EAAE;8BACH,EAAE;+BACD,EAAE;8BACH,EAAE;8BACF,EAAE;gCACA,EAAE;uCACK,EAAE;wCACD,EAAE;uCACH,EAAE;wCACD,EAAE;uCACH,EAAE;uCACF,EAAE;yCACA,EAAE;;IAE9C,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,gBAAgB,IACzBA,2EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,EAChBA,2EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAC7B,KAAK,EAAE,IAAI,CAAC,eAAe,qBACV,IAAI,CAAC,wBAAwB,GAChC,EACf,IAAI,CAAC,cAAc,KAClBA,2EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,CACjB,EACA,IAAI,CAAC,eAAe,KACnBA,2EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAC7B,KAAK,EAAE,IAAI,CAAC,eAAe,qBACV,IAAI,CAAC,wBAAwB,GAChC,CACjB,EACA,IAAI,CAAC,cAAc,KAClBA,2EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,CACjB,EACA,IAAI,CAAC,cAAc,KAClBA,2EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,CACjB,EACA,IAAI,CAAC,gBAAgB,KACpBA,2EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAC5B,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAC9B,KAAK,EAAE,IAAI,CAAC,gBAAgB,qBACX,IAAI,CAAC,yBAAyB,GACjC,CACjB,CACG,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.css?tag=gb-stepper-horizontal-line-with-text&encapsulation=shadow","src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.tsx"],"sourcesContent":[".text_with_line{\r\n    display: flex;\r\n    width: 100%;\r\n    align-items: stretch;\r\n    gap: var(--spacing-4);\r\n}\r\n\r\ngb-step-base{\r\n    width: 100%;\r\n}","import { Component, Prop, h } from '@stencil/core';\r\nimport { BreakPoints, GeneralSizes, ProgressStepStates, ProgressStepStatus } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-line-with-text',\r\n  styleUrl: 'gb-stepper-horizontal-line-with-text.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperHorizontalLineWithText {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() firstStepState: ProgressStepStates;\r\n  @Prop() secondStepState: ProgressStepStates;\r\n  @Prop() thirdStepState: ProgressStepStates;\r\n  @Prop() fourthStepState: ProgressStepStates;\r\n  @Prop() fifthStepState: ProgressStepStates;\r\n  @Prop() sixthStepState: ProgressStepStates;\r\n  @Prop() seventhStepState: ProgressStepStates;\r\n  @Prop() firstStepStatus: ProgressStepStatus;\r\n  @Prop() secondStepStatus: ProgressStepStatus;\r\n  @Prop() thirdStepStatus: ProgressStepStatus;\r\n  @Prop() fourthStepStatus: ProgressStepStatus;\r\n  @Prop() fifthStepStatus: ProgressStepStatus;\r\n  @Prop() sixthStepStatus: ProgressStepStatus;\r\n  @Prop() seventhStepStatus: ProgressStepStatus;\r\n  @Prop() firstStepLabel: string = '';\r\n  @Prop() secondStepLabel: string = '';\r\n  @Prop() thirdStepLabel: string = '';\r\n  @Prop() fourthStepLabel: string = '';\r\n  @Prop() fifthStepLabel: string = '';\r\n  @Prop() sixthStepLabel: string = '';\r\n  @Prop() seventhStepLabel: string = '';\r\n  @Prop() firstStepSupportingText: string = '';\r\n  @Prop() secondStepSupportingText: string = '';\r\n  @Prop() thirdStepSupportingText: string = '';\r\n  @Prop() fourthStepSupportingText: string = '';\r\n  @Prop() fifthStepSupportingText: string = '';\r\n  @Prop() sixthStepSupportingText: string = '';\r\n  @Prop() seventhStepSupportingText: string = '';\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"text_with_line\">\r\n        <gb-step-base\r\n          size={this.size}\r\n          type=\"text_line\"\r\n          state={this.firstStepState}\r\n          status={this.firstStepStatus}\r\n          label={this.firstStepLabel}\r\n          supporting-text={this.firstStepSupportingText}\r\n        ></gb-step-base>\r\n        <gb-step-base\r\n          size={this.size}\r\n          type=\"text_line\"\r\n          state={this.secondStepState}\r\n          status={this.secondStepStatus}\r\n          label={this.secondStepLabel}\r\n          supporting-text={this.secondStepSupportingText}\r\n        ></gb-step-base>\r\n        {this.thirdStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.thirdStepState}\r\n            status={this.thirdStepStatus}\r\n            label={this.thirdStepLabel}\r\n            supporting-text={this.thirdStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.fourthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.fourthStepState}\r\n            status={this.fourthStepStatus}\r\n            label={this.fourthStepLabel}\r\n            supporting-text={this.fourthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.fifthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.fifthStepState}\r\n            status={this.fifthStepStatus}\r\n            label={this.fifthStepLabel}\r\n            supporting-text={this.fifthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.sixthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.sixthStepState}\r\n            status={this.sixthStepStatus}\r\n            label={this.sixthStepLabel}\r\n            supporting-text={this.sixthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.seventhStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.seventhStepState}\r\n            status={this.seventhStepStatus}\r\n            label={this.seventhStepLabel}\r\n            supporting-text={this.seventhStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

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

@@ -53,17 +53,17 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (index.h("div", { key: '9ca5e463d7df1035a6eb5fea0ca0b7f57ccad846', class: `tab_button_div ${this.type}
+        return (index.h("div", { key: '7d65f3d04b2cd8643c863314da3871a317dac943', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: 'bacd7ca64f5e9bc808ebfe2ad4f86b3fe900338e', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: 'd34928d1dc4e59ca1f5f846a60d661ec15c5ae96', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: '336a4987ff3b6cd4d1b21dcdf9b9d40ab1a4a2fb', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: 'f8a799d2f7f86c6ce4cca27faadfc1be49b4e5e1', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
                     : this.current && this.type === 'line'
                         ? 'information'
-                        : 'gray' }, index.h("slot", { key: 'bf8cba14898d23755b4d566dd95319c7c7360ee8', name: "count" })))));
+                        : 'gray' }, index.h("slot", { key: '67b1f1ea4fae3ff0771250296da68d2e3904a7bd', name: "count" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-table-cell.cjs.entry.js

@@ -13,7 +13,7 @@ const GbTableCell = class {
         this.type = undefined;
     }
     render() {
-        return (index.h("div", { key: 'efdb793b757a413840c7292eb5a5b577cb11e645', class: "table_cell_div" }));
+        return (index.h("div", { key: '56f8bacf3ce4f1b8120ca685cddf296ef93f1ff1', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = GbTableCellStyle0;

package/dist/cjs/gb-textarea-input-field.cjs.entry.js

@@ -197,14 +197,14 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (index.h("div", { key: '33d779481545fa889a62913e86a1ab7e235aca96', class: "textarea_container" }, index.h("div", { key: 'd1c1d9232637a34a8c3acf3d8b44e22d827ce5d1', class: "input_with_label" }, this.showLabel && index.h("p", { key: 'fb7075712298cf4eade9a44ca5401845f0dcdc5d', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '93bb5be4ba9a1015d8290ebcf26bba6100bda2d8', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (index.h("div", { key: 'd660bdf55cd6f58e6d350cdfd0f5ecde89f65c9f', class: "textarea_tags" }, index.h("div", { key: '8eb4f9bab92728271cb130c4b52d79e016227466', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: 'd40423bb9a5a8a06a700cb5131005413b4ce3d5f', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (index.h("div", { key: '3d583db2dff09e9e169ea9b29cd4ddb4dc22bd5e', class: "textarea_container" }, index.h("div", { key: '1c97a778794ed9a0f45db54e18a956ea3a9f4b15', class: "input_with_label" }, this.showLabel && index.h("p", { key: '7e9266ff7235a73d0d6663e068a0861ce07164ce', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '3ae7e442a9f512b8624b806b335cd74c1cae65b4', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (index.h("div", { key: '12633e5114727b656ca8158b7e50215559feb4ec', class: "textarea_tags" }, index.h("div", { key: '52a0a568d8517965a5dffbbdcf59602c2011f825', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: '9b40fc88004dc19d92ec8c8c073fd3e6ca62d19d', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("p", null, val)))))))), index.h("span", { key: '8b8c8eecf87a3d92ed9e0557a1ae78cd42c9ab2a', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: 'b024a89d4915641f97c7744bb9ff5fbde5c4d489', class: "input_field" }, index.h("input", { key: 'f601bb13da6b70e2bd0c9b22ee9eae84a76d603d', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("p", null, val)))))))), index.h("span", { key: '2c6cee589959ab002c08c2985616bb18dc1b200d', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: '0a205d0f4b103ef52aad5d3893e32eb4c28e9ce6', class: "input_field" }, index.h("input", { key: 'ba23f09c2a9ae3dacf68e2b8c68948c3fdb3cf98', 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 && (index.h("div", { key: '175b8e5df28290f56ba8c69820f5ebace3ba275d', class: "help_icon" }, index.h("svg", { key: '17f6f043b89ac3fa6c28b56b4da961f174005e74', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '431433fc4741388fdca181c321361fc15bc87136', 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 && (index.h("div", { key: '89f3e9f6815a59ae358924b3c4641ca39d9a0575', class: `dropdown_menu` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.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 && (index.h("div", { key: '0cfada94c449d2e8f7778936938de1b86d02463d', class: "help_icon" }, index.h("svg", { key: '6cc37f7dea5be7142d17a6ed364297881fe6f021', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '0648b0932a26f140bf4e99a81d5a409b016f52b5', 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 && (index.h("div", { key: '7b24e38ffaa6afcb05c3e2ff7cababde95168cf5', class: `dropdown_menu` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [index.h("p", { slot: "name" }, item.objectName), index.h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && index.h("p", { slot: "name" }, item))))))))), this.showHintText && index.h("p", { key: 'fa96c142ce508e24cd3b34c56934bd6fbb2cdf31', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && index.h("p", { slot: "name" }, item))))))))), this.showHintText && index.h("p", { key: '1a7585d5cc742bd7dd8339438b8626f982cb28e8', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gb-toast-button.cjs.entry.js

@@ -18,7 +18,7 @@ const GbToastButton = class {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (index.h("div", { key: 'aa6b88ccfeab404c9ed62390639cc6782b71a49e', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: 'bcbacc916b3ba679f00848e4cf386be9caefce2f' })));
+        return (index.h("div", { key: '34faaa788d374142784dba48a552e98fe52ec508', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '76dbad4c615a949ae7401db37c762230e33c311a' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -65,7 +65,7 @@ const GbToast = class {
         }
     }
     render() {
-        return (index.h("div", { key: '0788db5e0a826471c2c05c5b06e3868b509749e9', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: '11f0b3e6cb56164eb8e1859730cbe15b9195e02b', class: `icon_container` }, index.h("svg", { key: 'ce1326b151920b034fc455c7921c2572b1111e21', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: 'da06558585fd8a660f8471c19ed6eabd5c863f6f', 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" }), index.h("path", { key: 'e1645dd59b8c9dc56746986a07148cc59d58288e', "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" }), index.h("path", { key: 'e95096607be1c3e0ed737a378336fda883317a88', "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" }))), index.h("div", { key: 'c93675d803713aa65561a85366038efa1dc6a0c5', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: '1a42bf74a9ae84bc60f2dc1d100eff0a86925a0a', class: `text ${this.size}` }, index.h("slot", { key: '9d7b099a004ace2a9234a77c3971cb03fe4d11f2', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '28d1606a238fbd56da14e93224af1cf2e8a5c95e', name: "supporting_text" })), this.actions && (index.h("div", { key: 'fd91ddfeb5f8d0b08956697166820fe4e11e2650', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes"))))))), index.h("gb-button-close", { key: '326d85cda5567be466ae2c457142946608ac318a', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (index.h("div", { key: '27ae6083a0b8741ae438f8ddef30d8f99b185d86', class: `container ${this.breakpoint}` }, index.h("div", { key: 'a9928ea6c5f5d74858815a3862ae65b7f7bed7cc', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: 'b7bf65f79db90ab4d32b10e48e3f64ee80f1c2a8', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: 'c9f57cb2da0963601c610831d1ca02a8bb45bd3a', class: `icon_container` }, index.h("svg", { key: '5247d5a6187257c3867a6a069b8eb3c52f3c8c59', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: 'a7ae1ecd7fc2e88128153e2574dd825b66588dbc', 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" }), index.h("path", { key: '35f0b9003554cde3de16c3b85dfc9add2d1ed484', "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" }), index.h("path", { key: 'c1b0a290609cac9fe2a7acc0c6f4322defc3e951', "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" }))), index.h("div", { key: 'f53487050890cd73cf7ba999a7cd528d8a7cc843', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: '6be448d5c6a4f128792a3615e80a3d78384b08c6', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'c3f89a4a107a6e756dc0eba545698b28ed350e6b', name: "supporting_text" }))), this.actions && (index.h("div", { key: '20fe7f1dd38461ee9f273e5af9babda6fe0cabc7', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes")))))), index.h("gb-button-close", { key: '2e10b9112c29cf55e5faad45414ad96047b639c6', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (index.h("div", { key: '21fe123f50b98efbed1ac5e483342061cebc535d', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: '98f1187468ba0b0f0078ac6af07e3946c9d1f7e9', class: `icon_container` }, index.h("svg", { key: 'c5ac1a77790bcf1dfdb8980ebd21f3ad5b2ef294', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '074864be9302f5142aaf060f9d67c30e7a7d56d7', 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" }), index.h("path", { key: '78ba873d77ccb7eca16b5dbeedbbc108dba9fb01', "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" }), index.h("path", { key: '6985cef176d764b988d85713fe9f8abb6bd63850', "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" }))), index.h("div", { key: '20f96bbe0ae2c56bb6b96f3c1a6a562916104977', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: '35fe8b526eb7ccdd4bc94eb98effe4ad96573f0a', class: `text ${this.size}` }, index.h("slot", { key: 'efbe92be6ad1f45cd7213d864655ec29ad49c949', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'a06186488546038d5e8626e6f9007f31d3abd227', name: "supporting_text" })), this.actions && (index.h("div", { key: 'fbe64196e7c74ccd22cd6af86e39b77474d61e22', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes"))))))), index.h("gb-button-close", { key: 'ebb84802677110703a5e63fe7604101f82ef0a5d', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (index.h("div", { key: '979fb686e14870189843a3c37fa206755cc8884e', class: `container ${this.breakpoint}` }, index.h("div", { key: '1a6580787db4c70eaf048c407d3d0df90b6be399', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: 'e49871ee1289f3ba0eadbf9f0907b19eb3df640d', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: 'ea66cd501361eb18a9d9548884f011353908119d', class: `icon_container` }, index.h("svg", { key: '4fcf4aae9e973a57ea8f41aa5204f8a559f5bb8c', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '491dcf8f14a9ca8aadf9f4fa9173289be81f9493', 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" }), index.h("path", { key: 'd66f15bafb60453674911acaa6907e6b81138de3', "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" }), index.h("path", { key: '10d3b53d0e3e58ac308c173579dd94afe85691c2', "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" }))), index.h("div", { key: '4f2328a36c403ce2b7ad236e41420b08646afa32', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: '064062d56b3977b3d477e2fc29a53fe602ca51e1', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '65d8976f8a05665105e01e74266ab417becacdce', name: "supporting_text" }))), this.actions && (index.h("div", { key: 'c22cb2acf26868df28a79a47f266faf159b01036', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes")))))), index.h("gb-button-close", { key: '4a64377c92006ad78d162f2bd614f2ddfe50e284', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -23,8 +23,8 @@ const GbToggleBase = class {
     }
     render() {
         return [
-            index.h("input", { key: '086e47e9ad2649f0f8929cf77239c8bbd81a4e0f', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            index.h("label", { key: '28623fb9d771ed9faa55ed9dc23a2f3d35317561', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (index.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}` }, index.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' ? (index.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}` }, index.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),
+            index.h("input", { key: '3476c80afd702202bfeacd9b39398999e16d6aca', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            index.h("label", { key: 'a21e9c87901d3c605f352d508ab2e1cca1d6c4a3', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (index.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}` }, index.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' ? (index.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}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
 };

package/dist/cjs/gb-toggle.cjs.entry.js

@@ -45,7 +45,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'eed62286f2e00cacd9765f0e104805401acf9e99', class: `toggle_div ${this.size}` }, index.h("div", { key: '105b032d3d3f4b3f98d18eb4f40f48237617879a', class: "toggle_base" }, index.h("gb-toggle-base", { key: '691a17b821aa4aad453e3bcaf58bf966af3984dd', size: this.size, state: this.state, pressed: this.pressed })), this.text && (index.h("div", { key: '56abb496de83190ccd338f91f5118a607c5796a9', class: "text" }, index.h("slot", { key: '30ebecd23649b9e4eb2efacf9116ae8512c65b69', name: "main_text" }), this.supportingText && (index.h("slot", { key: '124c153518004a783206f363710fd81097bf1bdc', name: "supporting_text" }))))));
+        return (index.h("div", { key: '1249576141607394651d756d143bdf62aeab612f', class: `toggle_div ${this.size}` }, index.h("div", { key: '029c2134551f57ae8ca40a943bd3f7a70c5c7ec2', class: "toggle_base" }, index.h("gb-toggle-base", { key: '4c10531b5ed9317192b9cb3bd4c01647e1d0ee61', size: this.size, state: this.state, pressed: this.pressed })), this.text && (index.h("div", { key: '6b838a78c03451ea5e62b1654ca1d81de0436688', class: "text" }, index.h("slot", { key: 'f6a2fde3a1901694f20170e91c5021ea926ad509', name: "main_text" }), this.supportingText && (index.h("slot", { key: '82186eec5189f5888b6c9e6861fe7f2912037294', name: "supporting_text" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-token-field-compact.cjs.entry.js

@@ -18,7 +18,7 @@ const GbTokenFieldCompact = class {
         this.supportingText = '';
     }
     render() {
-        return (index.h("div", { key: '75806b24b139f814ecb85bc456e1282dbafe2500', class: this.size }, index.h("div", { key: 'cadec0309ea6b9128159e51f452deba0083ca2ea', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '460a91a985b2436851323b6ce848579a0538ac1b' }, this.label)), this.digits === 4 && (index.h("div", { key: '44ad1b0f0d955219c54107b2bfaf52804caf9f57', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'fafefb6423d4173459c1184e525b97c9ebbf3585', size: this.size }), index.h("gb-mega-input-field-base", { key: 'c23e594f2d45f4e9aec884dc039080af4e6b5caf', size: this.size }), index.h("gb-mega-input-field-base", { key: 'c1d5337fb34ba445bb2cfff1ddfe0b4b7367113b', size: this.size }), index.h("gb-mega-input-field-base", { key: '3f999e540d9388af0be17ac20d28f8e75cf0b8a7', size: this.size }))), this.digits === 6 && (index.h("div", { key: '44d6709519194c75166965fd054d21ff4129c5e8', class: "input-wrapper" }, index.h("div", { key: '142c52128ab45fde411fec2fd86d8ab94de0b467', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '6f2e64e675181e2d5dbb3f963ae912ce97b5ac08', size: this.size }), index.h("gb-mega-input-field-base", { key: '5c6f576cc1cdbeca8904791877ee7ffa65175907', size: this.size }), index.h("gb-mega-input-field-base", { key: '470c31b05eb349a048549af36bcdafc9347812f2', size: this.size })), index.h("div", { key: 'cd4cb45ee0a7eba7bee3d11db773a6e1a9f942de', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '99128cc78e98f6bcaf230489200d44bb4c5c60dc', size: this.size }), index.h("gb-mega-input-field-base", { key: 'e6f94328f588d777dccbb0dd6748a26076eca988', size: this.size }), index.h("gb-mega-input-field-base", { key: '4f69ae976c921b67d7398f6136ca94b5a684b4cc', size: this.size })))), this.digits === 8 && (index.h("div", { key: '44d0070ccc2afa8fa891a22cc1cbd675442a9f7b', class: "input-wrapper" }, index.h("div", { key: '511a8be2b447a9ebcdd49988063c9d3ba33a108b', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '7950ca4127ffd78976f0452de294165962bebe3d', size: this.size }), index.h("gb-mega-input-field-base", { key: '10238681db04d440cae720de06aa595605fda507', size: this.size }), index.h("gb-mega-input-field-base", { key: '5c72fa234e50657a19b2ba0e0cd5ef1e9a8fab7a', size: this.size }), index.h("gb-mega-input-field-base", { key: '2197cc965cfb51630b466499e956101b68761fc8', size: this.size })), index.h("div", { key: '3b1242902ea97b0a0263a97711eff7f2956790db', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '9f36be62f43640c0bca9f487e880688f95ae8c92', size: this.size }), index.h("gb-mega-input-field-base", { key: '2c97f08df1f8188edc42d280db43663514b8570a', size: this.size }), index.h("gb-mega-input-field-base", { key: '181c1ad7464e45ab146feaa8a49b5c1de022f12a', size: this.size }), index.h("gb-mega-input-field-base", { key: 'a39486955d4cfc4d073f71fc396ca0eac7a4d456', size: this.size }))))), index.h("p", { key: 'ecba0cc0f8a3c93b98a84547e16b7545b1165ec7' }, this.supportingText)));
+        return (index.h("div", { key: '4ecf482172952fa6fee01541d7d49a96a8b852a6', class: this.size }, index.h("div", { key: 'd7e54a51a91fab6a26c600aa2334810d03589772', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '6a5583bfbd48fb567a23694da8e1fc2f61afd133' }, this.label)), this.digits === 4 && (index.h("div", { key: 'c639f6cffa16c8844731c4f20a9fc95793eacdf4', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '6509b95d810d452acd103361b092450983b5178b', size: this.size }), index.h("gb-mega-input-field-base", { key: 'a07e5ef38f7bae7406a3ed6255e444e2fecb6db0', size: this.size }), index.h("gb-mega-input-field-base", { key: '826fc0c7579abffce7fb2a15e0cd9b283d2cb9ec', size: this.size }), index.h("gb-mega-input-field-base", { key: 'd6cc64fb07f7e0583d56dc7e57bcd229e93f6b5e', size: this.size }))), this.digits === 6 && (index.h("div", { key: '48a0833cce5da0a54a7375b3c14e3508ba68b33f', class: "input-wrapper" }, index.h("div", { key: '31d50c10fb7be2de0b49eb5552442ffa9c6b94e2', class: "first=section" }, index.h("gb-mega-input-field-base", { key: 'fc74c89a2340db8d4770e83ad5dc0e0d83dc79bf', size: this.size }), index.h("gb-mega-input-field-base", { key: '8981bc32eafbea409fe317e2df73b814e03b39f4', size: this.size }), index.h("gb-mega-input-field-base", { key: '5f6d1d5b1716b25767aaff09d4f4edccb120c626', size: this.size })), index.h("div", { key: '185ca3e266fef47eec899ffadcb3496f8bcbe53e', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '70f77b771c80b0917caaa57889a5e8b826c3a61b', size: this.size }), index.h("gb-mega-input-field-base", { key: 'ef5edde20d1dd4bdb1ac4e9db8a060c8dba4e069', size: this.size }), index.h("gb-mega-input-field-base", { key: '87f924c062087ed1d040e5cdab84b31a7d4c373c', size: this.size })))), this.digits === 8 && (index.h("div", { key: '9214df86f43a9e96830c4bfa8c5d3ae593d626a0', class: "input-wrapper" }, index.h("div", { key: 'e8cc911aa0fdb6231f9684d12276a99b40a5c1b4', class: "first=section" }, index.h("gb-mega-input-field-base", { key: 'c96fe2c13ba01ad7eb085daec13ce8efc3e30c3c', size: this.size }), index.h("gb-mega-input-field-base", { key: '2e73f3770824d30f1933baa532ae3bcde5cb52f3', size: this.size }), index.h("gb-mega-input-field-base", { key: '20a98f45dcb6dfcb85765d8a1ce643f53f9e6522', size: this.size }), index.h("gb-mega-input-field-base", { key: '16bec717eeca70d66f68bcd34d00b43dbbecb4f4', size: this.size })), index.h("div", { key: '8eac1d482e6b122b45013b926b3dee0e8c822a9c', class: "second=section" }, index.h("gb-mega-input-field-base", { key: 'd64d729782560a67d45958ee295dce83127d9ec0', size: this.size }), index.h("gb-mega-input-field-base", { key: '4cf6c8d0a456b0d8b28a057e35c19b5dc63a71b6', size: this.size }), index.h("gb-mega-input-field-base", { key: '21046ac6c53a477d5f2fe057a2bc46c44a6694bf', size: this.size }), index.h("gb-mega-input-field-base", { key: '44207b2e711d71df13b7321f587ab5cb7e0f0775', size: this.size }))))), index.h("p", { key: '5277a36c7d25443e3c8f0fa81347bc77a6833acd' }, this.supportingText)));
     }
 };
 GbTokenFieldCompact.style = GbTokenFieldCompactStyle0;

package/dist/cjs/gb-token-field-compressed.cjs.entry.js

@@ -18,11 +18,11 @@ const GbTokenFieldCompressed = class {
         this.hintText = '';
     }
     render() {
-        return (index.h("div", { key: '59b02c23f357290753f84507a36032c8890c37aa', class: {
+        return (index.h("div", { key: '7d65e3f03ae25ff319c5f273c27964980641532d', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, index.h("div", { key: '1e6985ba6cc49dfff1fdcf791903810de97d00ff', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'b4cff162c58ce0820fe7093f41f41e43ed101164', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: '250e530d06e30d0035d6d3f2a25f74fab804e699', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '854d0b72352719f5b25ff6498a5f14c6b97be5d0', size: this.size }), index.h("gb-mega-input-field-base", { key: 'd65cdd7ca4da709a6a3f0251fd59d59d623825ec', size: this.size }), index.h("gb-mega-input-field-base", { key: 'f20461769a0197a12c0125cd7069fcad52a8b66f', size: this.size }), index.h("gb-mega-input-field-base", { key: '276b1a51d05eb292d566b20fb1375398a2e5542d', size: this.size }))), this.digits === 6 && (index.h("div", { key: '2437d409b9031a37de575b824aa679cbe9f53430', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '5de74b402a91ccf21a02f259000559395eddbddf', size: this.size }), index.h("gb-mega-input-field-base", { key: 'ced1cd3d6f0d39fc2e57a497bd25b33ead91a957', size: this.size }), index.h("gb-mega-input-field-base", { key: '1c646ee6822ab66267cb6aeae4116ca3fff81d71', size: this.size }), index.h("p", { key: '9f0756ccbbd7a3012cc87442d1082ce4b8b9d485', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: '2e788cb35f00c223ba3c8d3bcc880c666f5f51ca', size: this.size }), index.h("gb-mega-input-field-base", { key: 'bfdc3f84325cd536414356638e5619db4e62ddbd', size: this.size }), index.h("gb-mega-input-field-base", { key: '7762883ff46060f4645f00f4a485048fd05e6bdd', size: this.size }))), this.digits === 8 && (index.h("div", { key: 'e5cd10a177175ae1dc8c6982e4a5db64fa4de156', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'a3ab00b046cfc746bc5f0cbd87d900d20cd9eb5b', size: this.size }), index.h("gb-mega-input-field-base", { key: '394e5ba62d2f504f3cc5baaf78be3e53a4786ffb', size: this.size }), index.h("gb-mega-input-field-base", { key: '6750e10490e814844dd36b4f2e447d9f1354c744', size: this.size }), index.h("gb-mega-input-field-base", { key: '002b88e9b479f94aaa72c565270df1a6f7ed0736', size: this.size }), index.h("p", { key: 'e577db862ebbb42f661562a1f678c0b9ad9c62d3', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: 'd8ee0458588443f8b360a219e3cc4e6f82f12c8c', size: this.size }), index.h("gb-mega-input-field-base", { key: '88c5cccaa5fd11cdfeae61925299b65639a55df9', size: this.size }), index.h("gb-mega-input-field-base", { key: '11bd3f43308abfccb6e9b4d2ad62e264ddb144b3', size: this.size }), index.h("gb-mega-input-field-base", { key: '5e3f4d5ea47a221336da8aa96aa28842069585a4', size: this.size })))), this.showHintText && (index.h("div", { key: '0d086ce83aaa96a0a4938e9c03f11cf2ee3eb2a8', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, index.h("div", { key: 'a9ea8ae878104dbf98d79b5edba96b2e9c34eb64', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '5bf2705f6d54a51416470b6777b72758739b209e', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: '024211751daaeb9ca93b4f9e94be576f242059e8', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'd04ebfa28e799f896f99857ad3aae4407a83fbb8', size: this.size }), index.h("gb-mega-input-field-base", { key: '167a9c7b8af69a20a7dcc34466769446f3adf979', size: this.size }), index.h("gb-mega-input-field-base", { key: '395f54c3200de72ec5f43f886507e0ec6de7d255', size: this.size }), index.h("gb-mega-input-field-base", { key: '804b798916817d4d48257de2e4576f815ed1c9e5', size: this.size }))), this.digits === 6 && (index.h("div", { key: '30d8c35c9efc2586f7bc19dc2e9bae9451477222', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '7bb86fe5f5ab626f4f65a6edf3620797628db91d', size: this.size }), index.h("gb-mega-input-field-base", { key: '297848ca9beed696c0d51e7528054c219ad3e792', size: this.size }), index.h("gb-mega-input-field-base", { key: 'cfd315487fe99aee9bdee12443ecb62fc2f32f8b', size: this.size }), index.h("p", { key: 'd7bd3dad9afb394754c7f277acd9f1cc2ea9780c', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: '91fb69a85e589e334a6c76db5d7ef7fa15d2548b', size: this.size }), index.h("gb-mega-input-field-base", { key: '748b97ee051e4276a838e936b05ffab41947473a', size: this.size }), index.h("gb-mega-input-field-base", { key: '5be4948ccdc7ba6dd2d166cf95e7de40b714e2a9', size: this.size }))), this.digits === 8 && (index.h("div", { key: '533c4e68b8ed1d217d8710b0354a97d116bcf2ef', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '17816531bfef4a714683221fa5edb74ddf581f7d', size: this.size }), index.h("gb-mega-input-field-base", { key: '775e15d04e03f2efaa0a493720ce5e4328024cc5', size: this.size }), index.h("gb-mega-input-field-base", { key: 'ef30ed14cf0c798ea90370d262e4a3cee6d92c6b', size: this.size }), index.h("gb-mega-input-field-base", { key: '37413304e32b2289d67a15bcdbcdfb443e4ca961', size: this.size }), index.h("p", { key: 'a3f5e3335f41575e985401188a044d7b6a061aae', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: 'e58b48f9453d4ae48f3f1a5fb77491681371e3a2', size: this.size }), index.h("gb-mega-input-field-base", { key: '46c43c383a7d7ccfa6bcae9711f942083344d01d', size: this.size }), index.h("gb-mega-input-field-base", { key: '363249d4fac7dd976a33b6268e5a7f297224c65f', size: this.size }), index.h("gb-mega-input-field-base", { key: 'a2c3254906d5116a0065d320a03827754f4503dd', size: this.size })))), this.showHintText && (index.h("div", { key: '989b13d829f15f4d5ef71ea0cc950dda8e584105', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
 };
 GbTokenFieldCompressed.style = GbTokenFieldCompressedStyle0;