npm - globuswebcomponents - Versions diffs - 1.5.9 → 1.6.0 - Mend

globuswebcomponents 1.5.9 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (597) hide show

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

@@ -20,7 +20,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: 'b9308e83ece88f36a76fa54c43212a287c2fa0d4', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '6c13108ad640e80d0437ae30742a66805f34c154' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '33e15b5fc3814774d4ff06f5d41150134d631121', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'aa59b9e99b9aab9e88f48e80925386091cd5abac', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'c4ebffd3c57ce1f7312a9ded84c86a5ddd7c5de3' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '53a7ce41e940820ebf1b49ff866bb21bf9bcca65' }), h("svg", { key: '1b096e9c760ed0bb6426f4216b83c9753a9bba22', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '1df7093495641d73410577941f9daf15ac71033b', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
+        return (h("div", { key: 'fc32ace5791cfb64d23ba89db945aaceb51fea73', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'df09b9f1867462f835998f2df839f695d31c2727' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '6d11b08881b57386a992087963e4a9228751feaf', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '8061298c3f4df4cb8e02563866ca2ac375ac5557', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '507c81237614041053a867ab0834153bc4e1b042' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'd11953c5a7b263f4f8129c684e36505eb2d2d1a0' }), h("svg", { key: '42cbbe4bb6e523ee8cf620e59c07751292e96974', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '9b28a8f7c7b539463b6f4e6e4316ad22d587e995', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: 'a2d1829cb7c7c76908418ea5f4b8581f01d3ab19', class: "dot_group_div" }, h("div", { key: '330562248b6b59ac38cfc0061bdfd2accf5dcc1c' })));
+        return (h("div", { key: '56f31362d099129b258a60fc7eaee9b5cdf08c03', class: "dot_group_div" }, h("div", { key: '04659bc2f65c6b4a4cbbdf617059e7543887a48a' })));
     }
     static get is() { return "gb-pagination-dot-group"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -13,7 +13,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: '11209ea2e67964c610e10bc1c3a9d487273135af', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '785237c7501c852cab04f5cf76dbcdd80a04720a', name: "page_number" })));
+        return (h("div", { key: '2a04f6f1b106123f439e1a5e469f73f7cafa80d8', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'b529d610aa39dbf555b1c79442828ec777f5301c', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: '54669ad2e495e3220fc7966bcf5104bccd899631' }, h("gb-btn", { key: '19cb60d5988b204cf9eb296c26086f1d327e550e', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+        return (h("div", { key: 'c4c76047794e5d614488e75f3a7867f4651cc585' }, h("gb-btn", { key: '125a0382d43b69aba2a21835a6bb6f26147a5420', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: 'ddf6c18cf2efa0e02226b49cb6fa6a164535addd', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'eb707a3d32fae8f46c74bdbeb871d9693d7d020a', class: "progress_bar" }, h("div", { key: '4f89279e6858835d83c237a23c5e6dd358f7b64c', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '0f996c2bc76029c3c0696be1d39ace1b57bb4030', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '511e18f03028101c28cc2551e532c0c7033b2bd4', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '0d274bb3ca24d18efb03fd584f9bcdc2530d9bc9', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'c86a0ab7e2a69dd03b5b87058b092b3b87c922e9', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'd34885b5ab0e4515134ec1874798eebe03ce82ac', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '98132cd50e5c3c6500b3543df9474543944bf8d9', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '40e7f112d5c3986070a9f06400a3082bc33bb244', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '0c796fa6ec031e3c5a214100a4e10a435d6e3622', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'e8f67fdd9dbc2a9584d823e234a8626b8115fb58', class: "progress_bar" }, h("div", { key: 'dc414094ec37731a22b9b8e43c7bf709e29cba0b', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '1247a41ba09eb09c57c1441f598e23eb0839cb3d', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'a3b1ee7c0b684b8e84239713401283a7583692ca', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'b46154d3e886a2ac5908e24408fc6ff2f9527de4', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'e818b9f678b68e03610dfa902b5767d53f85b5be', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '170e98b45e54cf3f3f4dd01016710ec1562d9ca9', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'e8f0523dc2656f22f00ecee349ae550065d1ac4f', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '90235c1f1d5cad30b3b0dd0b1821901791d53be6', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: 'b947d1f3f011906882321272b0a2743c15b54f83', class: "gauge" }, h("div", { key: 'df5388b8a9842bf268d039e604b14302c3b17b6a', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'ece3960edb7b21fd91298cfc93d3a0a4c19a6e6f', class: "mask" }), this.label && (h("div", { key: '8397021f0932680efa02a09b4f452a642a80be65', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '4160e1d85af126fb04f05b138db039375539678c', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: 'b9d17603fa155679e85d63662b52fbfe1b4b4aed', class: "gauge" }, h("div", { key: 'a16377fe0b1028ec14a94e7b43043a204e583bc6', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'acf3c27ed4d433028943a8a8704a422fba5f900f', class: "mask" }), this.label && (h("div", { key: '7a784b985748d54fae7c51209f7eac711f63ae48', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '77c1843d484f27712bb0ac13b02ecb623e64e5d4', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-quick-action-card/gb-quick-action-card.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class GbQuickActionCard {
         this.label = '';
     }
     render() {
-        return (h("div", { key: '58d2b83c87542520cff3864dd0f226b69dd47147', class: "quick_action_div" }, h("gb-card-icon", { key: '06644ab75f78ee0aca2f70bcb02c4da04e5125f2', color: this.color, icon: this.icon }), h("p", { key: '7e2bffec41121b07b79db621a6a33aa03414db20', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '8696ddcb1302428de8f644fe06c55b863a9fa904', class: "quick_action_div" }, h("gb-card-icon", { key: '6452edaaaf3f1aa0c5ab432002033a1863a4f148', color: this.color, icon: this.icon }), h("p", { key: '689c3bfd2064cb80f7cfef653a6cb4f8514cb423', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class GbQuickActionIcon {
         this.isHovered = false;
     }
     render() {
-        return (h("div", { key: 'af826c4e4408c7f5020533a20bdd89f438adab99', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '4ac144264be5d0884d47ed1a6b826b82fa537f7e', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'eefa3f297d93ffe2f7fcc27e6e7005ab68a1b2f5', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: 'f149a0315515e2685a36f9d4a6ca7b8421ca11ff', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'a4a25eae6e9bc58e6347a60ab384f606fc74785e', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'd83fd9425931a93cf686fa3be999944f7a4beaee', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '5d358c9a90de42ed88db76e71e7eca853388fb85', class: "scrollbar-container" }, h("div", { key: 'd658b9f0f94d4b31a8114decb87ac9a6b3a3ce40', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '1feef35fe2353e459ef5f0199eb772a904992f61' }))));
+        return (h("div", { key: '5bed1cd0512a3af6a790f9aaa556bd8ea1726625', class: "scrollbar-container" }, h("div", { key: 'cd6ebb1fa06b802fbc90020e6ef1501577538035', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '70ee1d630590a8c57f1b6a8aa9e19cde10adb0f5' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -95,7 +95,7 @@ export class GbSidebar {
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: 'fca672c45250ba76ebe5e92e3df5db0cb3f5f480', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'a3954d294005ad59094ac810635cb3f439a65424', class: "pattern" }, h("img", { key: '08a61ce300d8f55d8d43c78b3aecd0092a354b97', src: patternSrc, alt: "" }))), h("div", { key: '47a85ede9ce9eb9fa9e42a2b7aa2c35a6c18272a', class: "nav" }, h("div", { key: '314651aeb71d4d219a56425ba3800c00582dd242', class: `sidebar_header ${this.state}` }, h("div", { key: '58790e28a0d9b97866e033c157535d64be872904', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '6d1770261473cfb4564440503364f85c8b1edc31', src: logoSrc, alt: "" })), h("div", { key: 'f29b334a20e7d0adfe1b61160838344cc924798a', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '54e2886e3fbad4f83aa5ca8c6aba3410c4b02485', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'fa7a910fa014493a28b29ac1123d6b12a0b0466b', class: "navigation" }, h("div", { key: '1932c0b8a04e15518f864192bdefd2d53a2339d6', class: "item" }, h("gb-simple-side-bar-item", { key: 'acee8e19024fc5e5594646467772d2231102f04f', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: 'c995d149293655b96090eb51fb03a943c72d2ca1', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: '21040d4fbeeaf0bed05ab9d757857d877c47c1a5', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: 'e0ac03ccfd9bffb06b790b3d34a791b0f3f55bdb', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: 'ebf23f3a6e523f501014d4f2b147d7c655f3d42f', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: 'caf617e6dd82beb5e25a75cc52dbab478993ceb5', class: "navigation" }, h("div", { key: 'bf13c904a8b6ccc42593baf5b28f6e5827e4aab1', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '8bbad9f68316495d4106b8c7d2449a63b0578f7d', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: '4fe855de0b290099349e36a1f7d97f150d2ec8c1', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: 'f7d4078d150bf26269bcae3c0ce3e51427ab178d', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: '45f7991733fd54edf0a3d0673a2eeca0a3ba23f6', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: 'daa9b3f697c815f57d9cc243cc4a39abfb221c82', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '48fd6fe677cc68bd456528c38024161f3c06e2f8', class: "application_name" }, h("div", { key: '1f437a0a64c51c461532b86860a4dc6b3ff81811', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'de8f90bd68adc67e9eec27e5fe3248e4cf81540b', class: "application_name_pattern" }, h("img", { key: '2dcd69fc31860c45a126f432e6d278dad0cd2511', src: patternSrc, alt: "" }))), h("div", { key: 'eadd133715d0a1efbf94d62ab2c25d799e730cf6', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '96ce6a6d6a830f0ab57101f0bfa04b4ba7d55bb7', class: textClass }, h("slot", { key: 'e422285c1d10f5a6b1817d21368b7b425f722652', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '9b88b1a4135f1bc5a79ce6e223c5a5566eecec2b', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'f89ade74757503378e049468c108d421503ec7e5', class: "nav_div" }, h("div", { key: 'fe595d66579686f344e6ccbdfba4b8ce03f8e0aa', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '2df1346d0ceb80499d3aa83b822c265a4c076c93', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '7326ff2e8452aa09bec6f9b110a79ff8c0217a6d', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '1b9ed69ea3ec8678335d3270000c49b9109c549f', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '14253c8f19a6152bafa957bcb6ac9c8e18e68cfe', class: "complex_sidebar_div" }, h("div", { key: '2df4e92674c3aa691113c16da6fb65d5ca96742d', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '26e6ecf024697868479a41a2d07cda46b5d24a33', class: "pattern" }, h("img", { key: 'ca35c249ab55a74cbd7fb9a24bd665456e019f8f', src: patternSrc, alt: "" }))), h("div", { key: 'b434d5ae57937d953d3de92a78671f5be51f57c5', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: '4f3d2970f298a7d0f22097c517659de530e88d0a', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '15c31e9698ac2db94134f0059e2dc82207437c92', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
+        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: 'db242f84b98bfba678e9a46acec33a8ff594ff45', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'a318eb51a2438ceadf7c290b50bee7947088860a', class: "pattern" }, h("img", { key: '1195a78c74cd2fe7791a565c488a47e2a6cf16cc', src: patternSrc, alt: "" }))), h("div", { key: 'fab4c2226aae2530a218bedccf8dbd60fc3f8d6b', class: "nav" }, h("div", { key: 'ecf651bad84b816cda80fb609d3d4d9d758b52ee', class: `sidebar_header ${this.state}` }, h("div", { key: 'd7f61adede5260523df64ef35325c386bc14f18c', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '1b248a57865b6a118e89df802b448e5f955f721c', src: logoSrc, alt: "" })), h("div", { key: 'fc22a7fdf06010f83c6c10b82400a8480fe77b95', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'a3bc66508a1155a3a924216221d69f0bc8eff511', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'fee35db5d07815ad6153e2b696ae0e064ca6a710', class: "navigation" }, h("div", { key: '68a525022edbffb00bc8a74239d05a5799f3d972', class: "item" }, h("gb-simple-side-bar-item", { key: '18c328a8ac29929e5e3abd81b1924e12a0e6ea99', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: 'c528636f1db6a03d36e4897f902e1c7f52434380', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: '06a6681df684b196e155d3b4d6faba32b066ff96', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: '93bb2cdc6f216d002a141d934dd8c4a4a53eb9f4', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '6da91b6e80d36152d27cfb1109906b56fd7d0a3b', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: 'b4c004a51f066d791226e5bc78868db4eecec1e9', class: "navigation" }, h("div", { key: 'b1f621b5620f8adc378dbe4620d50c9c85874753', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'dd5acd8c69c7fa6ae3edce45ffff8badf1caaaeb', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: '0f3a0cf89c9c4b4682b38ab8224b10238bca2453', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: '89ffcc120c33b18489ef9fa23454af780846a646', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: 'bced7e70a5def70056b49b6f0680c2aa564458c5', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: '9d79e70cfcc31ed7dcea5153e5897511b80f97a4', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: 'e7a25aa9743adf2cf5a8a671a1d8c71dce2609e4', class: "application_name" }, h("div", { key: '764bbd9f18f3d7f9a65f635d667c1301d7cee63f', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '06b885ab5d89e3c258cbbda6359f0499d1134a9c', class: "application_name_pattern" }, h("img", { key: 'a9669b77ba1b8d95d03817d8dffeffc756a3d9ae', src: patternSrc, alt: "" }))), h("div", { key: '7d133c2591b5b26a3fd05d2c89cc98b00f799cc2', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '269ee45e4ef7f1190790f7cdf8a5a4f3aa8eb09c', class: textClass }, h("slot", { key: 'e9907541ca4695d8d458aee9d3106432b734e67b', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '03dfa239779fc00ef000f6c9b3303bc5d9f48117', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'c21219ce9e6f447935bdaa3b811c858971b8c19a', class: "nav_div" }, h("div", { key: '73ebae956845cea59decbfcd9d63204aad332573', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'ebafbf9a3042104e4e3ba8be290578339dd7fa62', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '653f777fa658083b049f84cd350e327eb340d1da', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'd590a8249258ab4485152139218630c5ff7022c6', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'a5ac4031f96948bce18424aa3bf996acada03ff6', class: "complex_sidebar_div" }, h("div", { key: 'ce597f08dbb2ca1e7403e9133320bbe4c558e30d', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'e1cd2c0e2d61ab8e9c4a34a8a7d56ad9c12113ec', class: "pattern" }, h("img", { key: 'f8b167f5b68aacced2bdfd3d2300b8319b4d709f', src: patternSrc, alt: "" }))), h("div", { key: 'c30f0e2e6878a58263dfdcf1bd5df80c072639c6', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: 'd79586b2aa73a4c7be8d0c352a5908851a256fbc', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'd369bdeaf1905ca7c33e2512c4be723e91f9e736', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GbSimpleSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: '9c653c4574efb2df7738405078652f4d22d28d4c', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '7fa5f75e35fc258b58cf07963531fbb47acefb22', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '07e31e05eef9807f2ec96219eeadc9607f98c9e4', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '862be228bb9ee31a92731a194f0b9d5bd2a8035f', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '1060723fc9b87ca8b9c874f97c6d425bd965c92a', class: "content" }, h("div", { key: '59f8af5b7e657d77049a5056d0dfb372724a108f', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '2a33c0669dd522d481ba656e7a6574fb760d7623', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '2f50389cdc1211040c31aeb9141fba0f1c8ff2bb', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'f03af663cc9a46132e40c1941460d9dfac05d387' }, "10"))), this.showArrow && (h("svg", { key: '3667effb9dbe54e811378f7061e16a2ce46c0bd4', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: 'd64398260b42aa81736d46cd3e07ccd31a22ab6b', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: 'e72c01f24d4788582b7f43935c6d14f8fc0ba194', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'e04bcc6bd02c1f4566bc221ef573ccdf16b851bd', slot: "label" }, this.label)))));
+        return (h("div", { key: 'c17424bf4fc24314fde5e229dfc6d0b4024b4063', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'f5bf2a9f52d34a4f710b8ac8b0d2e0347b94ca0e', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '1165c2d5e4f041163bd0bba54a00bba34ebe80fb', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '3c5d3d35eb34bc0ef077473fb47ce6167ee91019', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'bef36934a5689b872e899f8687910be04912ecb0', class: "content" }, h("div", { key: 'ddf582178fe9d4e75b79aa2685cfd737dacb47ad', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '43e6ddaa2d012dec3be304f69b5b102d5b403fbe', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '780b9dfd62c3d393e1286f4fd7d618e904c5e24d', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '9a16b1f7d3332175214008e2caf362896509f9bf' }, "10"))), this.showArrow && (h("svg", { key: 'febc73374aaf87a9d9fbc2e2d5f6d942f2d10a39', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '7c4d5d2cdb5dfcba8b6ec99e7ce1b2f91e180f9b', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '2df7a5b5d0aa75a6e187bdc355728a3923add3ea', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '60d242385e29697768c93fb26b155eae3cc7b12f', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-simple-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,7 +71,7 @@ export class GbSlider {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: 'cc29779e285206342663aa54b0aed83b5903258d', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'b9f4c4ddabd5350f04300c231d24155c801ea78c', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '7e4cc717473d86500ffaef438d9740e4ddf82074', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '711a70e9f4a7c41b0ddced9845fd036e26cfb666', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: 'f6b7e5a4a6ce1315ee37ce5ff602668e869145cc', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '0f110f6cae6d5c22253ab142f5277a10b0f94020', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '72e82004aaf0592fd05b12ddab9d73dfcc8b2dab', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '858e3eb6f082495ef0ca21e94041ea2834aee87d', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     static get is() { return "gb-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ export class GbSliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: '216423bc79b1fded06b4058c893ca6fe84130f42', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: 'f8ece1b8a5a3a05f3d701b4fe1f854f96e3b59e7', class: "tooltip-container" }, h("gb-tooltip", { key: '7f32fea618925c0861ade952d1ef35392d2ef024', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '4088d9fbce56b9017a1bf56465e01957b220d3b1', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'ac5b4e77fd9bd426d7ceec4575014e20c245d863', class: "thumb-label" }, h("p", { key: 'e44a66beaea469ddfccc132e57151585eb2b1ca0', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '897468de46e312555e3096a6f8a3b50b7e42ffb2', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: 'a0f4a084ddea001281b65e76ec3408b45894b530', class: "tooltip-container" }, h("gb-tooltip", { key: '9f4f8f26be77bc84a8f01a8c75ff23f7a5ee9971', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '6360460402fec372b344e945762e9ade22eeca5d', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'cdaf2c35cc215bbb99af47d3a2498c64b5147e69', class: "thumb-label" }, h("p", { key: '39895655f4eb68f71bd4ba42fd00a03e64ba2125', class: "thumb_label text-md-medium" }, this.value)))));
     }
     static get is() { return "gb-slider-control-handle"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -7,8 +7,28 @@ export class GbStepBase {
         this.label = '';
         this.supportingText = '';
     }
+    featuredIconLeftLabelClasses() {
+        switch (this.size) {
+            case 'sm':
+                return 'text-sm-semi-bold';
+            case 'md':
+                return 'text-md-semi-bold';
+            case 'lg':
+                return 'text-md-semi-bold';
+        }
+    }
+    featuredIconLeftTextClasses() {
+        switch (this.size) {
+            case 'sm':
+                return 'text-xs-regular';
+            case 'md':
+                return 'text-sm-regular';
+            case 'lg':
+                return 'text-md-regular';
+        }
+    }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '449e57672ad3dd4bcfa2f5103100addde3367bff', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: '46c32795880b007f157602f31c3ffb96663f591b', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: '671829f6aa0fa6d92fcaa8ffa5ce71ddce4e9f62', class: `text_line_div_content` }, h("p", { key: '20dd963bfd3fa97e12c7d54eb040b469bf59fe39', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: '09fa71f4be1c93fc63ffec79679b0f93a3ad5f81', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '384e1ba863dd6019001f5f625de8b44d95a3f61d', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'ef95ded56e823d4ea3bc584b86d7ce044ce85718', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '42487cec96b4d777fdd164d5eb81c43ebeae08a3', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '62d368966a159cb808d501184c1166a98954bfc0', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: 'e7a5b9bf412063ac1e103c7e0d157b6244e8ffd1', class: `icon_left_div ${this.size}` }, h("div", { key: '9d8c0d935f83c642dd1abcc898952a2c3eaa4a07', class: "connector_wrap" }, h("div", { key: '1b8a2b8df967695ff459d59a9b00b647c46ec035', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '7784fafb9127f5e75f42fa7502b03a6595eaea47', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '4d2881d5ab59af296f912c3927a371ffb56babfb', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '424a3d34da863542115d4c453947b28723106288', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: 'ac2c0854ecb7683a103c66cb5805da358b4b17d9', class: "connector_div" }, h("div", { key: '30661f97a43b72b6d46af67dd824c1c93d2de5d1', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '6eeb12245b0168e1fce344986572207e18016cbd', class: "icon_left_text" }, h("p", { key: '3d6d555f55e33c84e640a985938015e62ac93e28', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'd06c97464c5292c4f542c734e259ccc68a8d4b9b', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '79444de2f2963420bc1a14efe5f6c52353e31124', class: `icon_top_div ${this.size}` }, h("div", { key: 'c890aa62b38decee683de1991e97772549155c56', class: "step_icon" }, h("div", { key: 'e741d689691a8cd370d716f9b7a750c4afce9880', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'c3ec22c01cf38581b07c217411592e7a397ef550', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '9098c57738691fe3cf85656cedadd01d96aff2b2', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '8828491be9a848ecbcfc35483f7faeaa45faaddf', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '67631feac6fc143e51f103c8136983659a714289', class: "connector_div" }, h("div", { key: '721f741c480cbb1d68d60ddec3373bf0c08ce6aa', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: 'ce7895f98ab05ad9629f40936d76b8df61262788', class: "icon_top_content" }, h("p", { key: 'db5fb1493966353391e456ec0c6a81a788db904c', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '5f527a4191d8e4b67b8353df74e1ed947dedcf6b', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '9eba541bc89fb573ad2a720904357eeaeb66f245', class: "featured_icon_left_div" }, h("div", { key: 'bd438d06a34a4fbda322434f594624f2a977356f', class: "connector_wrap" }, h("gb-featured-icon", { key: '1f00984d243be58532928c62a2c6f7b74a2f4431', size: "lg", icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: '791b9bcc61f9b4a8e67acff851ddd6b291221a4e', class: "connector_div" }, h("div", { key: '61a7f6cbf63ad175a3feaa064bdafc39f43ffdc4', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: '94ca2b8ac03f311ed3434348830505b4f5e150bd', class: "featured_icon_left_content" }, h("p", { key: '073f8733fc670d32f48c3ffef964265491576daf', class: `featured_icon_left_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'eaa5b15fcae7378008f28f547778bb82bbd457a8', class: `featured_icon_left_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'bc9cba18a77720de36393605ffd5422bf8d3e18c', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: '27d395972bca577c935a7b0221700c56c0175c75', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: 'c2bf9b3bce96bc58943619be3065036ef3321cdb', class: `text_line_div_content` }, h("p", { key: '1ad0ec2e5881af851a1371d47477626228b885f7', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: '7a71584fa988e9bd70ad6e9458727b3695af66f3', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '77cd0e88f404502c4a07e4269e0e5eb7c95565d5', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'f38f00648eebbb0a86ee535a4a3d340eb8a91a25', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'ecbec569098c78b32ad7772fa4b3595498dbfdab', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '025209d1ce6c76c9fa19ca2488ed62fefc9d9ef2', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: '9dac89fb90970afc395adc3a3461c428ccbf04e3', class: `icon_left_div ${this.size}` }, h("div", { key: '41a3d2ca100341f594ae10eef44966c90537f97b', class: "connector_wrap" }, h("div", { key: '6e31f470ffcf7dec10b6e0887dc6103b65d6ad5d', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'fc410f6aa7aff29540b8e373575155894157fcdc', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'e610a5a1c2fd8865a66198b56c2c351d6824e7f8', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'e10c18d84724e862e24e8327dad6015c31f27971', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '77247e63f602f476f653a25f64bb60ac85252857', class: "connector_div" }, h("div", { key: '05431f09e4bebf6ff856a41e0862a38cbe6137f2', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '55e12be5f82f5b81b6b755d95c956e2578488a90', class: "icon_left_text" }, h("p", { key: 'add5c576b90db7109326e5681cdb6d38ca245494', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'ea28c327a9732b9ca061c6800c35a4312392b715', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: 'b9f2e054ab12099539baedd02431f64f0d521ff2', class: `icon_top_div ${this.size}` }, h("div", { key: '53f0aa73baf5c48a12dc7e6f15536c0da70a206e', class: "step_icon" }, h("div", { key: 'e28daa2302670d7244e7ee3e86694ca0e8b01795', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'beacdea4fcb51e53db91e3d13b66a16b11c3bc20', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'e9b518f421481b58062bd965cd0422a5eb69e3bd', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '2a769e429087f0747b4db69afa9425f5348433d0', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: 'fa5682d698d675a8d9d4fa56a76d831c2f43390c', class: "connector_div" }, h("div", { key: 'f92b57a261c20df31ca47aef0642aa762e577431', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '8d0cc2b0aed1a8a6f0ac87339eedeff5389ac65f', class: "icon_top_content" }, h("p", { key: 'd14b98277f31664b90f599fd84fa4a0d7b43ae23', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '7a550a1106414398cd657eee0d41649b418d1b25', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: 'a5dd5d2af43e62c74a7e7b39afb1b8b0e8bd43f7', class: "featured_icon_left_div" }, h("div", { key: 'c360868b7fe07471aa1eb6492bc41dc252d0d6d8', class: "connector_wrap" }, h("gb-featured-icon", { key: '5d0627bb5ff6ac70ae0826cbf3e0e37f9bbc8b04', size: this.size, icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: '3332ca83f48b7518ad511df6fc3dec0d0e9cc982', class: "connector_div" }, h("div", { key: '76f17ef4f489e47a75235baa72b260c2d0e5ea39', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: '09fa81a8c3c2e168186d30d365b1bae713a426cd', class: "featured_icon_left_content" }, h("p", { key: '4b062084b3627b243dedfae4039f1f8dab2c1105', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}` }, this.label), h("p", { key: '092bf1d9442005ba88d2aecf70b43579d4ea015b', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.state}` }, this.supportingText))))));
     }
     static get is() { return "gb-step-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-step-base/gb-step-base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-step-base.js","sourceRoot":"","sources":["../../../src/components/gb-step-base/gb-step-base.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment } from \"@stencil/core\";\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-step-base',\r\n styleUrl: 'gb-step-base.css',\r\n shadow: true,\r\n})\r\nexport class GbStepBase {\r\n @Prop() status: ProgressStepStatus;\r\n @Prop() size: GeneralSizes;\r\n @Prop() type: ProgressStepTypes;\r\n @Prop() state: ProgressStepStates;\r\n @Prop() connector: boolean = false;\r\n @Prop() showContent: boolean = false;\r\n @Prop() showSupportingText: boolean = false;\r\n @Prop() label: string = '';\r\n @Prop() supportingText: string = '';\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.type === 'text_line' && (\r\n <>\r\n <div class={`bar ${this.size} ${this.status} ${this.state}`}></div>\r\n {this.showContent && (\r\n <div class={`text_line_div ${this.size} ${this.status} ${this.state}`}>\r\n <div class={`text_line_div_content`}>\r\n <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n {this.showSupportingText && <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>}\r\n </div>\r\n </div>\r\n )}\r\n </>\r\n )}\r\n {this.type === 'icon_only' && (\r\n <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n {this.status === 'complete' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.state} ${this.size}`}>\r\n <path d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\" stroke=\"#075DB2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n )}\r\n </div>\r\n )}\r\n {this.type === 'icon_left' && (\r\n <div class={`icon_left_div ${this.size}`}>\r\n <div class=\"connector_wrap\">\r\n <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n {this.status === 'complete' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.state} ${this.size}`}>\r\n <path\r\n d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\"\r\n stroke=\"#075DB2\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n )}\r\n </div>\r\n {this.connector && (\r\n <div class=\"connector_div\">\r\n <div class={`icon_left_connector ${this.state} ${this.status}`}></div>\r\n </div>\r\n )}\r\n </div>\r\n <div class=\"icon_left_text\">\r\n <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'icon_top' && (\r\n <div class={`icon_top_div ${this.size}`}>\r\n <div class=\"step_icon\">\r\n <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n {this.status === 'complete' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.state} ${this.size}`}>\r\n <path\r\n d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\"\r\n stroke=\"#075DB2\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n )}\r\n </div>\r\n {this.connector && (\r\n <div class=\"connector_div\">\r\n <div class={`icon_top_connector ${this.state} ${this.status}`}></div>\r\n </div>\r\n )}\r\n </div>\r\n <div class=\"icon_top_content\">\r\n <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'featured_icon_left' && (\r\n <div class=\"featured_icon_left_div\">\r\n <div class=\"connector_wrap\">\r\n <gb-featured-icon size=\"lg\" icon=\"assets/user.svg\" destructive={this.state === 'destructive' ? true : false}></gb-featured-icon>\r\n <div class=\"connector_div\">\r\n <div class={`featured_icon_left_connector ${this.size} ${this.state} ${this.status}`}></div>\r\n </div>\r\n </div>\r\n <div class=\"featured_icon_left_content\">\r\n <p class={`featured_icon_left_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n <p class={`featured_icon_left_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n </div>\r\n </div>\r\n )}\r\n </>\r\n );\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-step-base.js","sourceRoot":"","sources":["../../../src/components/gb-step-base/gb-step-base.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment } from \"@stencil/core\";\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-step-base',\r\n styleUrl: 'gb-step-base.css',\r\n shadow: true,\r\n})\r\nexport class GbStepBase {\r\n @Prop() status: ProgressStepStatus;\r\n @Prop() size: GeneralSizes;\r\n @Prop() type: ProgressStepTypes;\r\n @Prop() state: ProgressStepStates;\r\n @Prop() connector: boolean = false;\r\n @Prop() showContent: boolean = false;\r\n @Prop() showSupportingText: boolean = false;\r\n @Prop() label: string = '';\r\n @Prop() supportingText: string = '';\r\n\r\n featuredIconLeftLabelClasses() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-sm-semi-bold';\r\n case 'md':\r\n return 'text-md-semi-bold';\r\n case 'lg':\r\n return 'text-md-semi-bold';\r\n }\r\n }\r\n\r\n featuredIconLeftTextClasses() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-xs-regular';\r\n case 'md':\r\n return 'text-sm-regular';\r\n case 'lg':\r\n return 'text-md-regular';\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.type === 'text_line' && (\r\n <>\r\n <div class={`bar ${this.size} ${this.status} ${this.state}`}></div>\r\n {this.showContent && (\r\n <div class={`text_line_div ${this.size} ${this.status} ${this.state}`}>\r\n <div class={`text_line_div_content`}>\r\n <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n {this.showSupportingText && <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>}\r\n </div>\r\n </div>\r\n )}\r\n </>\r\n )}\r\n {this.type === 'icon_only' && (\r\n <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n {this.status === 'complete' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.state} ${this.size}`}>\r\n <path d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\" stroke=\"#075DB2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n )}\r\n </div>\r\n )}\r\n {this.type === 'icon_left' && (\r\n <div class={`icon_left_div ${this.size}`}>\r\n <div class=\"connector_wrap\">\r\n <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n {this.status === 'complete' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.state} ${this.size}`}>\r\n <path\r\n d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\"\r\n stroke=\"#075DB2\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n )}\r\n </div>\r\n {this.connector && (\r\n <div class=\"connector_div\">\r\n <div class={`icon_left_connector ${this.state} ${this.status}`}></div>\r\n </div>\r\n )}\r\n </div>\r\n <div class=\"icon_left_text\">\r\n <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'icon_top' && (\r\n <div class={`icon_top_div ${this.size}`}>\r\n <div class=\"step_icon\">\r\n <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n {this.status === 'complete' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.state} ${this.size}`}>\r\n <path\r\n d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\"\r\n stroke=\"#075DB2\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n )}\r\n </div>\r\n {this.connector && (\r\n <div class=\"connector_div\">\r\n <div class={`icon_top_connector ${this.state} ${this.status}`}></div>\r\n </div>\r\n )}\r\n </div>\r\n <div class=\"icon_top_content\">\r\n <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'featured_icon_left' && (\r\n <div class=\"featured_icon_left_div\">\r\n <div class=\"connector_wrap\">\r\n <gb-featured-icon size={this.size} icon=\"assets/user.svg\" destructive={this.state === 'destructive' ? true : false}></gb-featured-icon>\r\n <div class=\"connector_div\">\r\n <div class={`featured_icon_left_connector ${this.size} ${this.state} ${this.status}`}></div>\r\n </div>\r\n </div>\r\n <div class=\"featured_icon_left_content\">\r\n <p class={`featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}`}>{this.label}</p>\r\n <p class={`featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n </div>\r\n </div>\r\n )}\r\n </>\r\n );\r\n }\r\n}"]}

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

@@ -17,7 +17,7 @@ export class GbStepperVerticalIconsCentered {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: 'b0598c106eb952352cf1a66c1571ac8a026b5b9f', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: 'd40728ba07ea622148e4df77ed870820367d5827', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '18b886c616bd039a75230b19e4feaac6a7f996e2', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: 'd277ad370c6ee7b826020ce0903a7959481ae109', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '1cc7ecdeeee8ce587f235e9fb97bf1f2afbe5f14', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '8c478a967f1a4e61cefc1ef0f09252314d083a82', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: 'd8e1ec168ff9bf10add35a7a7400fe81f5595223', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '4df516de1c86d7e7c27bd102e5fb628b38e85542', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '2607767ffa142db75bebd7105f1797714f7ebd48', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '912f35961fa6a09bb273ef886ed95b1c21c75e59', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: '0861d8847ad7c5e455e32197a33905b4308fcb82', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '3d77de3d3222f96ee431560af3c30e08463c33ae', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '3122d6a3e648f8eb6818dffe7b362eb625a7c8fb', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '150a745ce079f7d9edad3e454c709ea0a7a008c3', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '586c72cf5c737ee54a54dd48006a81c46263780b', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: '57604d00e440e2e560bba6bc602529fb9f9cd8e4', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'c1ea790b1625e8215c16fcafbcf5366ff7cf83ff', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '8312ea28e086f548df60edf265a6567f9132635d', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'f61070de855d0c1cb1e6b987434d018110482fc0', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'ec2adfbdc28a9dfe1b661dd601c2f3cdddfd396f', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'f73c22e947a8ca369b446b94c164d05a963ca653', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: '1aedb3aa12b3862463aa7e2e2be7146036286de8', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'e21ed47c2e14738447ccae96d76aaa8c718e9008', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '2a7af817b601d6f080881a306312b0d625ca9e24', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '3faabb567fa1cb0ec7b92b586577c9a525057c52', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'aa4174fbdd47b483a94fc4b8dc7047b67b9af9b6', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'f682fb95d089fa0478d1b71a3b689df8ebbf8150', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: 'fa9e98622859801521b953568b76c617b7dcf67a', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
+        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '5cb0ffd497cc20d54793872b38e3de885f55ff3d', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '497366374501a488437d141617bedc50f84ca4e5', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '213d0fc358098164481e12305c6c2ed7d06d338f', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: 'd0907ea94ff69dc54f73dba7e66a369df5fb12d2', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'e74de29522eb773c64895d29ffa1ddb121ca72c2', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '8c1bc97c0b163c901d61d3907e3074cc4cbd82fd', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '987c97ab46477ba8ed6f1481578138f68933e5dc', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '755dc058dcfb1bff81089019146fd7722a92ddc7', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '6ac0a55291cb3d1d5c844f4240ef0ea37a8136e9', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'f752d9ee9784fe3382296d5092b6b4c96840f6b7', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: 'd840520dc82a560bd9eff19db9bb5501aa4a0594', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '20a7f50cca8be46faee78a39715c6f5cb3afb475', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '1503cd5455ca2b5bd66a4d431c7267380615f22c', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '02a020d93e58916e1b58aec1b02a0f18d741ff7a', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'eb652dd11940f86d351e72f233a3e5a5168c8320', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: 'eeb68d3e63fe1b0d1575982be3a6e947bb977151', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '6a70b65f92d1544fbd30261ec84ab383c587686b', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'cc3d4b232f2bf2171a4c5e8134745ca4ae5be885', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'efbea0b93a525e2826ab3b552d50e39cdc977918', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'ccc108004aaa27c0a36d0f5429251a011dfc075f', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'aa084f755274b65a591a40ba81ed9d4d294ed5d4', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: 'bcee14dd287cd7deaf71d09c8426fd87b99adebc', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '4a5161d601c478486d6d8d2f8623baa1558905d8', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'cf6925811b3815ccf7e390e06eeff15618d43f8b', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'af7b8e2e5da23e2c7a05ff9e84437e3e936e3ca5', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'ee24239c34a8c71fe40afe4679a2dce503f50d53', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'b01dd69bb0e58e1a454eee418722659cf598b581', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: 'd1f9f451c0d473f8fd6365ca5bb6f6d7eb6c5f42', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
     static get is() { return "gb-stepper-horizontal-icons-centered"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GbStepperHorizontalLineWithText {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (h("div", { key: '03d5d782f3579c1bbd6d4fd13c0f5c7aa2f88739', class: "text_with_line" }, h("gb-step-base", { key: 'b0cfd2ae962b7b14f87291ab9fb2f24e71c810d6', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: 'ab5716a45a97b55c564821675c011001a68c9bea', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: '922ba03a1fea3ab32c6ca449db2b8fe81a25656f', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: 'd26ef0408e1dd48aa3c80233ef0462bf2593472c', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: 'e7756df4fc805dabf6f154ac29eeacafdc40cdf6', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: 'e563f836fa58049c74d4e7dfe2aca5d35792282c', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: '3d99a60e19d4d1bced4eb00811f22903903f1a68', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
+        return (h("div", { key: '6d3e51c01866b5131cbfcab985839c60dd59bde5', class: "text_with_line" }, h("gb-step-base", { key: '0fdf14b7cb1a034c84f90f38ecbe77bade60e730', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: '458c1a7430e6f4f5427566ce3f938bdea1917bfa', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: '2b686f28b28b42828ad411162b2343d3c80e3a23', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: '273e2683afaa3f789d6db7de66ca833fe6ff406d', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: 'b908c09b18921b20b1260b743bdde6845131549b', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: 'ba677ccc39674231ded1deb752a8d7c190c6a663', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: '14520837add325d85e08cd46afe753f0465a2baa', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
     }
     static get is() { return "gb-stepper-horizontal-line-with-text"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -40,17 +40,17 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: 'b50c758148ca76aa80b9254045972d4d4102c6be', class: `tab_button_div ${this.type}
+        return (h("div", { key: 'b650e5481615d6fdd6df7ea3e6b8d7dec04da790', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''}
       ${this.fullWidth ? 'full_width' : ''}
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'b64c8735401ca3387ae0d8848cb48fe1472be0c7', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '65f8d99bc3f42682555dd48cfc0e9adfa3dd5d39', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '8798a5e964538931eb921ce666617c11784a10d4', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '048a6c00a3bd92fa28cbb8311e032fce6408eb19', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
                     : this.current && this.type === 'line'
                         ? 'information'
-                        : 'gray' }, h("slot", { key: '6723ce9656b39636246dd993319b1aa81c8175aa', name: "count" })))));
+                        : 'gray' }, h("slot", { key: 'b423568808b3f46b9f4d7475736218efc3dcb9f6', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTableCell {
     render() {
-        return (h("div", { key: '61fc1a12aa50927505262eff857159f69190bdaa', class: "table_cell_div" }));
+        return (h("div", { key: '05031fb4d78b7165f6f506af2fe7b6ced47a91df', class: "table_cell_div" }));
     }
     static get is() { return "gb-table-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: 'c6549e70429872d2c3ab1b47f1e9b0c20a7512c5', class: `container ${this.size}` }, h("div", { key: '7e030d73e9a806d968574a6ecf556cd7a0c71678', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'e0ef899fb30853d2bc6f7051bb48a0eabce6d207', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'f6c174d8ad308819fc38980d554e09ba91d83288', class: "icon left-icon" }, h("img", { key: 'dd55e429b6f7ea47c24fa968409dee6c791cb2a5', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '3fc616d32cc2af3d0125a9d50c75711cd45f7693', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '39a0e44d877d801e74f100444263696ea4d23de7', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '57ce662d80b3b87761b2ede808ffa06c60f768a0', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '6941af3001e35943a907f96b00ef76c367c87178', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '692c7bd5cadc3957bbae8cc0450d9b262a6cf272', class: "label" }, h("slot", { key: '134adfb3efb95f05df55810c2445f025d71fe87f' })), this.action === 'count' && (h("gb-tag-count", { key: 'fe3f35da923319b34b2fec95a81d30e1fb2c07ce', size: this.size }, h("slot", { key: 'dc065e2e7c19ee91bb81bb883edb959ea3ea764e', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '24ac389e8ea90dca3b3771d7ee6ae8f3e0a494e0', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: 'e982e0187e67144401419e2f79320360fd78d2c8', class: `container ${this.size}` }, h("div", { key: '7cf35e231e25b2c526e47b575724b8da8420573a', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '9a5fbfd8beb17f3698799be511d2007861fbafa7', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '0bddc72bf6a721266f3f7a039c2b62ab7a0a2377', class: "icon left-icon" }, h("img", { key: '22bfb87f078713f561fdb4fe44913492bfc9e918', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '68b2261ed96cb8ff301eb566e244eec190572663', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '8779b1ae9d7ec71b8574eb026c53f7a62909d112', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: 'afca093e65b6b7670c81ecd7444af35d4b75cb3f', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '1d4f93e072687c8a33d373096d6ad57391c56867', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: 'a64082e71afb2d66c0edb5b073c82093044eb521', class: "label" }, h("slot", { key: 'b7cc3cee47bacaa730cb174fb3fbda60f880a0ff' })), this.action === 'count' && (h("gb-tag-count", { key: 'e914f42ad8e36d6ee043214053fa733df9f32758', size: this.size }, h("slot", { key: '25422bbd5857381859a0dabb9d4d989b1b0209c2', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '67652ac951a81bc23d69ec3ece750de1c39c0bab', size: this.size, onClick: () => this.onTagClose() })));
     }
     static get is() { return "gb-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class GbTagCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: '0bbfd3a43a5e145e99a2280e135291eefe307301', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '570ab8b6355b45049cfae9eb500e64bf135bcf2a', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'c04146b98ee1500d181ce8cd6d4a8ed7c5f4cace', class: `custom-checkbox ${this.size}` }, h("svg", { key: '69d47d3cdc29b71c833a334252d839fb159091d3', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'e149ed597b5c803dfe7c6c6dcdf4c65a370fb9dd', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("label", { key: 'd28085ee165b3ed72100e7c79c14ccb79690f4f8', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '2057397e408c61c6feb3fc073922f0fb24af5912', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '9633a16841886f4845e122253c325cc490dce80c', class: `custom-checkbox ${this.size}` }, h("svg", { key: '8b8a869f879bd9fd91ecdd6af00c65d040140698', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '6252eddc303602a2bae5d838110483398f3a4ec6', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-tag-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagCount {
     render() {
-        return (h("div", { key: '274d5d4131da7464085619e3707e37f560f083d4', class: this.size }, h("slot", { key: '268bcdcbe4da575213c1ff40f32da6dbd40b7f20', name: "count" })));
+        return (h("div", { key: '417f1d5def6791fb2949d49cb9447f961712eb1f', class: this.size }, h("slot", { key: '8252cbab050cf5fea1b4d1b075ec118bb5c8455f', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }