npm - globuswebcomponents - Versions diffs - 0.7.3 → 0.7.5 - Mend

globuswebcomponents 0.7.3 → 0.7.5

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 (378) hide show

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

@@ -11,7 +11,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: '4401a9a0e27247c91bf197dde9201560336422b6', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'fc3290ec8e0008e85240d14a0cb8b9a828f37273', name: "page_number" })));
+        return (h("div", { key: '76fe1287b235191c1b0baf0ee299e5bee43d5227', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '0f407592b6fcd60f469f1f2c8d9b201f98a34423', 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

@@ -8,7 +8,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: '375d4ae119f85b1e19c5e3f7c8330fc4a870a7e7' }, h("gb-btn", { key: 'b476c4560a0dcf0b9ef0371ad3ce6cae1b5f6c19', 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: '9b5e69406650fc62964f4a01e61d346a4a412591' }, h("gb-btn", { key: 'b6cdce84fc227e4f9e7cfd0e3a0453c91cf3d5ae', 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

@@ -8,7 +8,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '8b40bccc75f28dc36836b7035c5dcd3dc86504f5', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'daf811c3b402f1e592bb014bf0898f3d09348ca9', class: "progress_bar" }, h("div", { key: '424316c3bbc245022bc941936d55961d386fdf39', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '11bbe5c6711be9dd5ce58f5cd2bdc4c6693e395e', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '46fb0e1a61802b7cb722eb6601e2ce14ac58decc', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'eab7885a5a4f452a4646360a66a6f831b047c8a6', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'b05d5f2a43695e607df523d42c74ea02cd5d8fa5', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '66762ee6ed332c54448d90387096bc06ea84a612', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '835e617502ad58b6a1a0abc3c84ba40d31b4262e', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '4eedd92fbab947a34c7af46077c90017c93040f6', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '48fa9856eac8e86a2198913ed38c657ec61a9f7d', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '0cdac568a12dd561b5883fa911b0954f87868391', class: "progress_bar" }, h("div", { key: '6540debc485001972d9944131fdab31bd92a4973', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'e4f261bbd583aa738e7327143e4931431eb859a6', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '7af7d04b3f78b10a3dcdd510814c852f68e571f4', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '987a2addef90327337be4a8e002d0e0a11fea47d', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '2aef24c447724c4f2cc40d8cb9a55effd34f97b8', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'd010fe9be6b926556f354d340966c3e8a0eb47e5', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'fd828c7efa8fac8ad10ccc730e88c0186081b560', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'b854266e97d7c542b5d1daf9aabc94115b1803af', 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

@@ -30,7 +30,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: '90872d9648b147d97397e286454fd4f595df6cd4', class: "gauge" }, h("div", { key: '20d3935b1042b59c3dab29d6dbd41ae963cbabe1', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'b31586717c49152e3e71640af4dad498b3afb5d4', class: "mask" }), this.label && (h("div", { key: '1a76ec180ede8d97f11d618bb724dc2d61c6cbb1', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'a2dbbb0c0f217c9f13d4e13864acf8a7de0c4bb8', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: 'e40c22240d40535195c6cdf20199a46ac194feb0', class: "gauge" }, h("div", { key: 'cb0686e986a47523e1820cd4e06ff73f38f3cafd', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '615037f657cf4ac8ecd0c38a35607ccb5c196a1b', class: "mask" }), this.label && (h("div", { key: '0007d8348d51923b8b8eba2bca5420724f3ef10f', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'fb25d4587482a22393b688a23268259dd5679365', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-rich-text/gb-rich-text.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class GbRichText {
             destructive: this.destructive,
             disabled: this.state === 'disabled'
         };
-        return (h("div", { key: '9ef6ae138b1ad09611b6830a0ed2eda37b731969', class: classes }, h("div", { key: 'ba2121a727d43faa9c88a6b5caed93092e4354e5', class: "input-with-label" }, h("label", { key: '699cf11f017a919ff3795d80f76ec3a5634f8a2a' }, this.label), h("div", { key: 'ad72bfb1733be564331d85e831544502dc9f4990', class: "input-container" }, h("div", { key: '74770e8023b6dcfc3db4590854eba5763c58ac43', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: '23dd21c5b21e74176cc69e5f3cae7a138ca240bc', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (h("span", { key: '0f347ae405c1f40faef24350f0d004b1127bf3e3', class: "error-icon" }, h("svg", { key: '2c23b8ce6191e6cb80c51e42fd6209eb46ee3bc1', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '77f7f755c62568b16769df3d755a4f73fb56db58', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '7c3d97014a62dcf7ef1f9eeb5377a6df11def4e4', class: "text-container" }, h("textarea", { key: '81c2c9278b43be1951c515f893e890152c2ffa17' }, this.showPlaceholder && (h("div", { key: 'de4d94b2cb38be58e08c88c2ad5e8705fbb85458' }, this.placeholder)))))), this.showHintText && (h("div", { key: 'f198780de8157002f743c90e88313d8fe367a811', class: "hint-text" }, this.hintText))));
+        return (h("div", { key: 'dccf5650f54946427a294c3c8df02e44f1d12c76', class: classes }, h("div", { key: '57e573d457f18bd95918c0bd2961a059b5ffe331', class: "input-with-label" }, h("label", { key: 'ba15fe56cc947c407881ec707acc6bef94c6c060' }, this.label), h("div", { key: '237f7a6b164480171e790122f53b36cca1c8b8f0', class: "input-container" }, h("div", { key: '84002ccca440be6300b88458de4f764bad7c4fc9', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: '66e8a427e4fbb3ea94ddb05026e6a2502e2ccc97', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (h("span", { key: 'e544e3c0ecc1a307e9ffa2972510ea05c9313be6', class: "error-icon" }, h("svg", { key: 'e2f8aa913aa1c973923931a986fc1c0ae04fc71e', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '0cd16f03fcca2697839d80f19da89f333d7f71a6', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: 'efe883f87d855214ee699710d13b60aa1d3ece36', class: "text-container" }, h("textarea", { key: 'cb0682f3380663cb2abd3a0d0d8717536bfcd1e6' }, this.showPlaceholder && (h("div", { key: '5360ce7fafab1233b36b84cf141f1806831cb279' }, this.placeholder)))))), this.showHintText && (h("div", { key: 'f2b1fc7c5ac216d1b6537080d61a28440dc3d195', class: "hint-text" }, this.hintText))));
     }
     static get is() { return "gb-rich-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: 'd6fb28f1be0a53a185e3054d6568190903573261', class: "scrollbar-container" }, h("div", { key: 'f69025fabf65afc1de557093861a4d32c1004ab3', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '60c6e4ad9ed9fb69b823771aa3c73fc1977dcf22' }))));
+        return (h("div", { key: '6b728a26fc88db5eee7333e72254a8942b92b56a', class: "scrollbar-container" }, h("div", { key: 'f46021f475166dd8b809ad2888cf36e21f455adf', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '9e637983233a7787b3d3d06fb868ffb66b76b32c' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,7 +32,7 @@ export class GbSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: 'a474572cdc2a01bb76ea67a987b49bbec034d741', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '69c09dfbe2e734cecdac95030a7542a227e9f07c', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'be3b020f70784cdd7da5b191cd68b248c49a2f28', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'e87dcf1fee3cc93f50533d818fa1c23fa073f399', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '6a2819e007565b1985591189985c014ccfd31dd4', class: "content" }, h("div", { key: 'b54164fa314b4c298b6d378a409daa190e8650d4', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'bb47bde5b9b9e6b44dfea765015f57015e38375f', 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: '9c15f03d3395d81fa4f630c93a81dc734a907780', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '7ac458e60dcd939f9752134613c38a76f256d538' }, "10"))), this.showArrow && (h("svg", { key: '55ad094e08eddb28fafa6ce37c62f852b53e6b28', 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: '8f5efc4ce2503cf87cdaf8e8c70b6aef6526f1cf', 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: '591eb37618893c4cc87e4c8db86a40fded5eba59', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '0c57dbb3a5d445b0dd5358870511b3598fd575fe', slot: "label" }, this.label)))));
+        return (h("div", { key: '906b80455593f0798f5ec8e5ea6ec1757bf891b8', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '8bdcbc4e31c2839848ff99248bcfb355c3cd614b', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '4ce69cd5c936f5ceafcfbe459b0db4e43ee6649d', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'e644d8733a6d2a92a161e32ca9b470aca948ecbd', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '9f138fab7196bbc23e95a44a2dc9feb281ef562a', class: "content" }, h("div", { key: 'c0fa238ced32b4ca881d05a36a19765931a30589', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '35c5560b657e1487a59e350683836f05af82c9bc', 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: '376f8969a3dfa83b0d10831228db3524e4359ae8', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '9d634854e5957494d8266aa5af9f1424f1d88cb1' }, "10"))), this.showArrow && (h("svg", { key: '63e55ee053de7ac8f22820002e2acccd21ff2230', 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: 'c83d31dcca637400c12a94d461e6f1728179999c', 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: '1d83d79e6b4a44039e9fd655c8fb1e86d21ffaab', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '0fd7481ab649edea804bbe67d4daa480ea7fef71', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,11 +40,13 @@ export class GbSidebar {
         if (this.state === 'expanded') {
             this.state = 'collapsed';
         }
+        this.sidebarState.emit('collapsed');
     }
     expandSideBar() {
         if (this.state === 'collapsed') {
             this.state = 'expanded';
         }
+        this.sidebarState.emit('expanded');
     }
     async sideBarItemClicked(index) {
         this.activeIndex = index;
@@ -68,7 +70,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("div", { key: 'edcef8b9b824ed149b863e6931bc0d0321096232', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '66e41c2dd546c463450387a69ceb50aa77c53f6b', class: "pattern" }, h("img", { key: 'da07c62fbab48de610398d1d1c6cb8cc3ebc5ab6', src: patternSrc, alt: "" }))), h("div", { key: 'f39c271f87ad22356753dfb4f05dd0cc4b419dbd', class: "nav" }, h("div", { key: 'a27c0e864597681af94ecf071b4b7fc7fa46fa93', class: `sidebar_header ${this.state}` }, h("div", { key: 'de8e4c0ffd031a15c5f7d5c3c57fb7fe8d40cc72', 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: '0d91e332e4e0f762950132ee516f6ec8a44522a2', src: logoSrc, alt: "" })), h("div", { key: 'a972e0696c88792cf786df2a7eabd31d94917d51', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '86d92f0e844c7a882c73d9c0b87c0c89694f97a2', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '7e5fc7e60ddcc0bfd43087813acf57bcf67ac627', class: "navigation" }, h("div", { key: '4891e7668b50b5281674ac9335dc6dd8e8a6dafb', class: "item" }, h("gb-side-bar-item", { key: 'dad3dd6b9abcf37fe68670939c9e27fce8b63f33', 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-side-bar-item", { key: '09ea2fc6724b142fb6267cfb82a0f8fc2e8c8ca9', 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-side-bar-item", { key: '69db20a8e4fb479d09bf4f957f8de2402d16f87c', 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-side-bar-item", { key: '3b7af434d01a4be0a2ea3dc420ce48b97683c68f', 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-side-bar-item", { key: 'b45a5d7c3b4e4fa2250f2a0ab377c19701eb7901', 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: '2362f7e9cd6f12ce9c5ba7769fcaed4cdc72fd0e', class: "navigation" }, h("div", { key: '961f31c8e38133bec131fac97ac274fcd5003086', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: '66544669af81fee4fbb3643b495717d093924ab4', 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-side-bar-item", { key: '606f42aa352ae4265bb8858d73ed6592adbf172f', 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-side-bar-item", { key: '6513b419e02a05fb6e7e6055b64c4712bd9887f5', 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-side-bar-item", { key: 'cfa79a90bf46fe979c3f12437835a132c30c0b6f', 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-side-bar-item", { key: 'e54685fe463e044a995628cbe5fe0339432a0433', 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: '8972ed103d96ce7004ca58d0d738f810370e564a', class: "application_name" }, h("div", { key: '6607943ee015c3407c6f78d73af99239890a4212', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '433f2059b4f21068e805cc2be095dc88c5005c58', class: "application_name_pattern" }, h("img", { key: '3710d9bd6ef1dedfc182516d5f975e907616321b', src: patternSrc, alt: "" }))), h("div", { key: 'da60239a7a5dd49e76c386c4f9e37850f6913304', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '00b34617290649cb9894f4bc5a16c4e155048fa0', class: textClass }, h("slot", { key: '75ba58801a94d3acf8c68b3c4fb559091973a82e', name: "application_name" })))))));
+        return (h("div", { key: '08f252fb69dbba6f59ebe67e5ed911f33e5cafed', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'c934040f99d0ad75db9348bc30b3d3212b0dd295', class: "pattern" }, h("img", { key: 'a3cca50dcd9c8bfb11c5ed1658484d3d5342f0c8', src: patternSrc, alt: "" }))), h("div", { key: '72ad5f54b645baec584dca8dc0af7432a1c88b86', class: "nav" }, h("div", { key: '357a5abe266085aa42e985cb80811f7cba41df41', class: `sidebar_header ${this.state}` }, h("div", { key: '07530b071ebf98f63ccf07f108063574be4cae97', 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: 'fdece4334e0de2cb26db7008ffaf4d2fac8eab33', src: logoSrc, alt: "" })), h("div", { key: '684d69afae723c3e9705ea7199ee692f79cb8f0f', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '559afb128255b7484ddd37cba1216d3f421c7550', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '8947f051a84673f2f9f05cd2f50d88ae0c6f4b55', class: "navigation" }, h("div", { key: '6aec5fb634cdc6e6fe22209c401cde1fa970f6c2', class: "item" }, h("gb-side-bar-item", { key: '978cf6e19c4d03a9212de817cd50234a48a891c1', 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-side-bar-item", { key: '47354e307241d1a3692a54983706cc80036177dc', 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-side-bar-item", { key: '3751b1ac908206fa73018af5bc38c06f76bc21bb', 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-side-bar-item", { key: '8db6584a0bf6b3456ac32377b7ac72d65e0c71ce', 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-side-bar-item", { key: 'f7365b2c6c208a6431e0503fdfdb9d02e21b7713', 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: '9c5b32f5586b2401f9e0f2035b4b584270d394ee', class: "navigation" }, h("div", { key: 'ff64c9ee8580356e6d63d2b6cd6012315bbded5c', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: '721cb1500f2add3ef863789a9f1dbd5d080f31d0', 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-side-bar-item", { key: '1872126515ab60268f6f0c16f67648d2fb163602', 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-side-bar-item", { key: 'cacbf24446cad7447bbb86a56eaa134c94e51be1', 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-side-bar-item", { key: 'ea928a7805ca64639549f9a40bcc725631e72edf', 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-side-bar-item", { key: '4a3bb466110bb07b95908c7e0ff91951e14f0f88', 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: 'e18ea962bcc92237bb1c70be862a2b429a5a9368', class: "application_name" }, h("div", { key: 'a3a5a1bd57cf5c56a69363f5beaec96a69add4c9', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'f3be98bce6726c5ba0ad91904d5691ca6a0a0117', class: "application_name_pattern" }, h("img", { key: '7a8be231ce577031561352d46a27856b0cb0c570', src: patternSrc, alt: "" }))), h("div", { key: '98f4184fd669c2d1ec7048718ff8d2a5a6163603', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: 'ad46d606c19d12cc7574a683e1d0375cc56b01df', class: textClass }, h("slot", { key: '60a986665aabad0489e19e1297d65a671de6ceda', name: "application_name" })))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }
@@ -597,6 +599,21 @@ export class GbSidebar {
                     "resolved": "number",
                     "references": {}
                 }
+            }, {
+                "method": "sidebarState",
+                "name": "sidebarState",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
             }];
     }
     static get methods() {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-sidebar.js","sourceRoot":"","sources":["../../../src/components/gb-sidebar/gb-sidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Prop, Fragment, State, getAssetPath, Method, Event, EventEmitter } from \"@stencil/core\";\r\nimport { GeneralBackgroundCategories } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-sidebar',\r\n styleUrl: 'gb-sidebar.css',\r\n shadow: true,\r\n})\r\nexport class GbSidebar {\r\n @Prop({ mutable: true }) state: 'expanded' \| 'collapsed';\r\n @Prop() category: GeneralBackgroundCategories;\r\n @Prop() showSecondCategory: boolean = false;\r\n @Prop() applicationName: string = '';\r\n @Prop() firstItemIcon: string = '';\r\n @Prop() secondItemIcon: string = '';\r\n @Prop() thirdItemIcon: string = '';\r\n @Prop() fourthItemIcon: string = '';\r\n @Prop() fifthItemIcon: string = '';\r\n @Prop() sixthItemIcon: string = '';\r\n @Prop() seventhItemIcon: string = '';\r\n @Prop() eighthItemIcon: string = '';\r\n @Prop() ninthItemIcon: string = '';\r\n @Prop() tenthItemIcon: string = '';\r\n @Prop() iconInstance: string = '';\r\n @Prop() label: string = '';\r\n @Prop() firstItemLabel: string = '';\r\n @Prop() secondItemLabel: string = '';\r\n @Prop() thirdItemLabel: string = '';\r\n @Prop() fourthItemLabel: string = '';\r\n @Prop() fifthItemLabel: string = '';\r\n @Prop() sixthItemLabel: string = '';\r\n @Prop() seventhItemLabel: string = '';\r\n @Prop() eighthItemLabel: string = '';\r\n @Prop() ninthItemLabel: string = '';\r\n @Prop() tenthItemLabel: string = '';\r\n @Element() el: HTMLElement;\r\n @Prop({ mutable: true }) activeIndex: number = 0;\r\n @State() leadingIconSvg: string = '';\r\n @Event() sidebarItemClicked: EventEmitter<number>;\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n collapseSideBar() {\r\n if (this.state === 'expanded') {\r\n this.state = 'collapsed';\r\n }\r\n }\r\n\r\n expandSideBar() {\r\n if (this.state === 'collapsed') {\r\n this.state = 'expanded';\r\n }\r\n }\r\n\r\n @Method()\r\n async sideBarItemClicked(index: number) {\r\n this.activeIndex = index;\r\n localStorage.setItem('activeIndex', index.toString());\r\n this.sidebarItemClicked.emit(index);\r\n }\r\n\r\n componentDidLoad() {\r\n const applicationName = this.el.querySelector('[slot=\"application_name\"]');\r\n\r\n applicationName.classList.add('text-lg-bold');\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.iconInstance);\r\n const storedIndex = localStorage.getItem('activeIndex');\r\n if (storedIndex !== null) {\r\n this.activeIndex = parseInt(storedIndex, 10); // Retrieve active index from localStorage\r\n }\r\n }\r\n\r\n render() {\r\n const textClass = this.category === 'plain_background' ? 'plain_background_color' : 'colored_background_color';\r\n const patternSrc = getAssetPath(`assets/pattern_wrapper.svg`);\r\n const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);\r\n const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);\r\n const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);\r\n\r\n return (\r\n <div class={`sidebar_div ${this.state} ${this.category}`}>\r\n {this.category === 'colored_background' && (\r\n <div class=\"pattern\">\r\n <img src={patternSrc} alt=\"\" />\r\n </div>\r\n )}\r\n <div class=\"nav\">\r\n <div class={`sidebar_header ${this.state}`}>\r\n <div class={`logo_and_name ${this.state}`}>\r\n {this.state === 'expanded' && <>{this.category === 'plain_background' ? <img src={blueLogoSrc} /> : <img src={whiteLogoSrc} />}</>}\r\n {this.state === 'collapsed' && <img src={logoSrc} alt=\"\" />}\r\n </div>\r\n <div class={`collapse_button ${this.state}`}>\r\n <gb-collapse-button\r\n color={this.category === 'plain_background' ? 'gray' : 'white'}\r\n action={this.state === 'collapsed' ? 'expand' : 'collapse'}\r\n onClick={() => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar())}\r\n ></gb-collapse-button>\r\n </div>\r\n </div>\r\n <div class=\"navigation\">\r\n <div class=\"item\">\r\n <gb-side-bar-item\r\n state={this.activeIndex === 0 ? 'active' : 'default'}\r\n icon={this.firstItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(0)}\r\n label={this.firstItemLabel}\r\n ></gb-side-bar-item>\r\n <gb-side-bar-item\r\n state={this.activeIndex === 1 ? 'active' : 'default'}\r\n icon={this.secondItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(1)}\r\n label={this.secondItemLabel}\r\n ></gb-side-bar-item>\r\n {this.thirdItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 2 ? 'active' : 'default'}\r\n icon={this.thirdItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(2)}\r\n label={this.thirdItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.fourthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 3 ? 'active' : 'default'}\r\n icon={this.fourthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(3)}\r\n label={this.fourthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.fifthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 4 ? 'active' : 'default'}\r\n icon={this.fifthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(4)}\r\n label={this.fifthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n </div>\r\n </div>\r\n {this.showSecondCategory && (\r\n <div class=\"navigation\">\r\n <div class=\"item\">\r\n {this.sixthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 5 ? 'active' : 'default'}\r\n icon={this.sixthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(5)}\r\n label={this.sixthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.seventhItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 6 ? 'active' : 'default'}\r\n icon={this.seventhItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(6)}\r\n label={this.seventhItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.eighthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 7 ? 'active' : 'default'}\r\n icon={this.eighthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(7)}\r\n label={this.eighthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.ninthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 8 ? 'active' : 'default'}\r\n icon={this.ninthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(8)}\r\n label={this.ninthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.tenthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 9 ? 'active' : 'default'}\r\n icon={this.tenthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(9)}\r\n label={this.tenthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n {this.state === 'expanded' && (\r\n <div class=\"application_name\">\r\n <div class={`wrapper ${this.category}`}>\r\n {this.category === 'plain_background' && (\r\n <div class=\"application_name_pattern\">\r\n <img src={patternSrc} alt=\"\" />\r\n </div>\r\n )}\r\n <div class={`application_icon ${this.category}`} innerHTML={this.leadingIconSvg}></div>\r\n <span class={textClass}>\r\n <slot name=\"application_name\"></slot>\r\n </span>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-sidebar.js","sourceRoot":"","sources":["../../../src/components/gb-sidebar/gb-sidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Prop, Fragment, State, getAssetPath, Method, Event, EventEmitter } from \"@stencil/core\";\r\nimport { GeneralBackgroundCategories } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-sidebar',\r\n styleUrl: 'gb-sidebar.css',\r\n shadow: true,\r\n})\r\nexport class GbSidebar {\r\n @Prop({ mutable: true }) state: 'expanded' \| 'collapsed';\r\n @Prop() category: GeneralBackgroundCategories;\r\n @Prop() showSecondCategory: boolean = false;\r\n @Prop() applicationName: string = '';\r\n @Prop() firstItemIcon: string = '';\r\n @Prop() secondItemIcon: string = '';\r\n @Prop() thirdItemIcon: string = '';\r\n @Prop() fourthItemIcon: string = '';\r\n @Prop() fifthItemIcon: string = '';\r\n @Prop() sixthItemIcon: string = '';\r\n @Prop() seventhItemIcon: string = '';\r\n @Prop() eighthItemIcon: string = '';\r\n @Prop() ninthItemIcon: string = '';\r\n @Prop() tenthItemIcon: string = '';\r\n @Prop() iconInstance: string = '';\r\n @Prop() label: string = '';\r\n @Prop() firstItemLabel: string = '';\r\n @Prop() secondItemLabel: string = '';\r\n @Prop() thirdItemLabel: string = '';\r\n @Prop() fourthItemLabel: string = '';\r\n @Prop() fifthItemLabel: string = '';\r\n @Prop() sixthItemLabel: string = '';\r\n @Prop() seventhItemLabel: string = '';\r\n @Prop() eighthItemLabel: string = '';\r\n @Prop() ninthItemLabel: string = '';\r\n @Prop() tenthItemLabel: string = '';\r\n @Element() el: HTMLElement;\r\n @Prop({ mutable: true }) activeIndex: number = 0;\r\n @State() leadingIconSvg: string = '';\r\n @Event() sidebarItemClicked: EventEmitter<number>;\r\n @Event() sidebarState: EventEmitter<string>;\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n collapseSideBar() {\r\n if (this.state === 'expanded') {\r\n this.state = 'collapsed';\r\n }\r\n this.sidebarState.emit('collapsed');\r\n }\r\n\r\n expandSideBar() {\r\n if (this.state === 'collapsed') {\r\n this.state = 'expanded';\r\n }\r\n this.sidebarState.emit('expanded');\r\n }\r\n\r\n @Method()\r\n async sideBarItemClicked(index: number) {\r\n this.activeIndex = index;\r\n localStorage.setItem('activeIndex', index.toString());\r\n this.sidebarItemClicked.emit(index);\r\n }\r\n\r\n componentDidLoad() {\r\n const applicationName = this.el.querySelector('[slot=\"application_name\"]');\r\n\r\n applicationName.classList.add('text-lg-bold');\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.iconInstance);\r\n const storedIndex = localStorage.getItem('activeIndex');\r\n if (storedIndex !== null) {\r\n this.activeIndex = parseInt(storedIndex, 10); // Retrieve active index from localStorage\r\n }\r\n }\r\n\r\n render() {\r\n const textClass = this.category === 'plain_background' ? 'plain_background_color' : 'colored_background_color';\r\n const patternSrc = getAssetPath(`assets/pattern_wrapper.svg`);\r\n const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);\r\n const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);\r\n const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);\r\n\r\n return (\r\n <div class={`sidebar_div ${this.state} ${this.category}`}>\r\n {this.category === 'colored_background' && (\r\n <div class=\"pattern\">\r\n <img src={patternSrc} alt=\"\" />\r\n </div>\r\n )}\r\n <div class=\"nav\">\r\n <div class={`sidebar_header ${this.state}`}>\r\n <div class={`logo_and_name ${this.state}`}>\r\n {this.state === 'expanded' && <>{this.category === 'plain_background' ? <img src={blueLogoSrc} /> : <img src={whiteLogoSrc} />}</>}\r\n {this.state === 'collapsed' && <img src={logoSrc} alt=\"\" />}\r\n </div>\r\n <div class={`collapse_button ${this.state}`}>\r\n <gb-collapse-button\r\n color={this.category === 'plain_background' ? 'gray' : 'white'}\r\n action={this.state === 'collapsed' ? 'expand' : 'collapse'}\r\n onClick={() => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar())}\r\n ></gb-collapse-button>\r\n </div>\r\n </div>\r\n <div class=\"navigation\">\r\n <div class=\"item\">\r\n <gb-side-bar-item\r\n state={this.activeIndex === 0 ? 'active' : 'default'}\r\n icon={this.firstItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(0)}\r\n label={this.firstItemLabel}\r\n ></gb-side-bar-item>\r\n <gb-side-bar-item\r\n state={this.activeIndex === 1 ? 'active' : 'default'}\r\n icon={this.secondItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(1)}\r\n label={this.secondItemLabel}\r\n ></gb-side-bar-item>\r\n {this.thirdItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 2 ? 'active' : 'default'}\r\n icon={this.thirdItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(2)}\r\n label={this.thirdItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.fourthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 3 ? 'active' : 'default'}\r\n icon={this.fourthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(3)}\r\n label={this.fourthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.fifthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 4 ? 'active' : 'default'}\r\n icon={this.fifthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(4)}\r\n label={this.fifthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n </div>\r\n </div>\r\n {this.showSecondCategory && (\r\n <div class=\"navigation\">\r\n <div class=\"item\">\r\n {this.sixthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 5 ? 'active' : 'default'}\r\n icon={this.sixthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(5)}\r\n label={this.sixthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.seventhItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 6 ? 'active' : 'default'}\r\n icon={this.seventhItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(6)}\r\n label={this.seventhItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.eighthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 7 ? 'active' : 'default'}\r\n icon={this.eighthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(7)}\r\n label={this.eighthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.ninthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 8 ? 'active' : 'default'}\r\n icon={this.ninthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(8)}\r\n label={this.ninthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n {this.tenthItemLabel && (\r\n <gb-side-bar-item\r\n state={this.activeIndex === 9 ? 'active' : 'default'}\r\n icon={this.tenthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(9)}\r\n label={this.tenthItemLabel}\r\n ></gb-side-bar-item>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n {this.state === 'expanded' && (\r\n <div class=\"application_name\">\r\n <div class={`wrapper ${this.category}`}>\r\n {this.category === 'plain_background' && (\r\n <div class=\"application_name_pattern\">\r\n <img src={patternSrc} alt=\"\" />\r\n </div>\r\n )}\r\n <div class={`application_icon ${this.category}`} innerHTML={this.leadingIconSvg}></div>\r\n <span class={textClass}>\r\n <slot name=\"application_name\"></slot>\r\n </span>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}

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

@@ -56,7 +56,7 @@ export class GbSlider {
         this.trackEl.style.width = `${rightPos - leftPos}%`;
     }
     render() {
-        return (h("div", { key: 'e9381bf91db97be072d1b8e702b50090e203edda', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: '0c0c546facda01c5d6ef59b9e7d9b81201fb7fc2', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: '946da0409ab6976e100207fefdfde39784a5a9c4', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: 'f73fe9baa207666a86ecddfff73f7e042789b572', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: '887c89d8eeb60dd07117e4121ca1d8ffa3dc7ef5', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: '96202315a74d9b4a245a74aee949b6501f341821', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: '1db952ecded5ae515e635a0a597e09ee8cc1c68f', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: 'a00ff854760656794f03f953f9fd975c61121c35', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, 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/slider-control-handle.js CHANGED Viewed

@@ -19,7 +19,7 @@ export class SliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: 'ff7e943904be680b08147cdc717396ab10a154e7', 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: '90f93203affda976d5638f1dcab6db2e90b94e2d', class: "tooltip-container" }, h("gb-tooltip", { key: '75a97699c5935101b4c38bf5a3236fccfc057514', arrow: 'none' }, h("p", { key: '95dbbc5cb635db17b8d86e3226f13fde9cec7ed5', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (h("div", { key: 'e0f7e7ed7305885dbe9275d56be2790671438bdb', class: "thumb-label" }, this.value, "%"))));
+        return (h("div", { key: 'b165e418f7e1836cfca44ded81d6a1518db262b0', 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: '97f7e560acfab6419652019c5e05b785557dcd5f', class: "tooltip-container" }, h("gb-tooltip", { key: 'bdf88b3ff72771a9257168fa69b682fed2c92621', arrow: 'none' }, h("p", { key: 'c36a8b84ca64ce15149d53af010b8f07ceff5186', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (h("div", { key: 'd235bceb52e47cbd164a03a1790bf8babc48409f', class: "thumb-label" }, 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

@@ -9,7 +9,7 @@ export class GbStatusIndicator {
     }
     render() {
         return [
-            h("div", { key: '0701ebb15b6d0cf899164a10bd00f09d45e7ef0b' }, this.statusIcon === 'online_indicator' && h("div", { key: 'c79a5d8cb2f82f68d12db150b23c94a7f8fd5eda', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '26c46fa6b6704e1396b5605fa0e7f45c60428727', 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: '697494362def834482e0c1bd898a25b5be729924', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '8393aad6606b1e820d2f47781590c67bafd0d361', 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: '634d574e73aa236b0b333396f49c5b88bb70dd31', 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: '7d6274638b81b0231e93cc3dc8712d49184c300f' }, h("clipPath", { key: '0a29b6945fdf79abdf1884ed0de2c8fd58cc3d9f', id: "clip0_0_21453" }, h("rect", { key: '6f109531888a868a1b1125662ae6fc0d76b833ba', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '86bc35218c102c81eaf404a7f1f1b06615ee5f54', 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: '019883604da43e9bd04d3fb54320c832656e3f6b', 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: '9fd741ad7c261a2e05854aea9c300b85fa94d5d7', "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: '1750b66b7649ef16d9b59178169c8676661bcbdd' }, this.statusIcon === 'online_indicator' && h("div", { key: '4e383ed11408897799a87344a16fe0438c2f0dca', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'e33becab12a1c6c60c66aa873545e14d75047a22', 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: 'bb50c85c9ec3e33a1e3f897ed5504fbf55a4a11a', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: 'fd5436599986231d7e09bd5b0cd024703b48999d', 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: '9de2ebe08c7db73179bb5f5297ea18d2472647df', 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: '62057b67114e9b579f1236464a502b20c03b63d2' }, h("clipPath", { key: 'd420666ba5d704ce461b7b6fea3b09745e4d2e91', id: "clip0_0_21453" }, h("rect", { key: '95231855c06a889acd54d0c568d8e1f55b564dd1', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: 'f01ea6920ec1935c80c3f5d64691d823d6193b33', 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: 'a7e2110690f3081252a3451a4e1edd157b6a9b2d', 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: 'f1742dd9df93c1bd1b423bbec6b99d4da3a7c013', "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-tab-button-base/gb-tab-button-base.js CHANGED Viewed

@@ -42,12 +42,12 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: 'ff2ee3bfb5147bfc52c6598412f7308f973d3725', class: `tab_button_div ${this.type}
+        return (h("div", { key: '8b9ef1c7956d51b3745db19c9ffbfc00dbd3591a', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''}
       ${this.fullWidth ? 'full_width' : ''}
-      ${this.size}`, onClick: () => this.handleClick() }, h("p", { key: 'c7e40a3b0fac5f8cf73d8d6bcd5adb7031973818', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'bff63bb8b506c339400ab36d8631e3512d8f542f', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary' ? 'information' :
+      ${this.size}`, onClick: () => this.handleClick() }, h("p", { key: 'cee304507b15624595552810c8f3a3f9aa693aea', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'a9ace2d0bcdd1486dcfc03545975eaae4cc6e14c', 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: 'ca92e9b3bc8517061e7eb41bf5b52760dff75199', name: "count" })))));
+                    this.current && this.type === 'line' ? 'information' : 'gray' }, h("slot", { key: 'cf195ffe317ca00dcad2ca9100eacaae9fd3b1ca', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`assets/${this.flagSwap}.svg`);
-        return (h("div", { key: '7cbcf8abf0aa0e59e335708e2c4b4700af156abb', class: `container ${this.size}` }, h("div", { key: 'c6f69fa81a295afd6c62aa2fa760c9d0ce3a9a6c', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'e474bf41f184d2284a8ca1d73920ff033edd44c2', size: this.size }), this.icon === 'country' && (h("div", { key: '4f970fe952482d9c8368a040bc47247a6ca7ffb9', class: "icon left-icon" }, h("img", { key: 'd54584ded87917b2bd0335b69b43633c3fcabe59', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '69e60ffc733eb036e6fb65e7c9d84b98e54cf6b5', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '5281d4b662396ca44993e015056270750d8d2452', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '122fa23734d36e16e3fd7605bffe0590c2813d76', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'aa410ae1eca2a00f3e592fa9396e7739ab265dcb', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: 'dcd472c1671f7e8ab70027ec608ebdfb8f60a68a' }), this.action === 'count' && (h("gb-tag-count", { key: 'ca556154ae25b51f2cfc4189c8e61bbc5ce3d43e', size: this.size }, h("slot", { key: '392b73e3024b08ac0bbccdf78dc58a84d0082e76', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'cee4efa60bfcdb2ebda3bb741332f8e9162f08bc', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: 'd8e3b6ad76ec2435a05ac2a7d4ade98ced7d7ceb', class: `container ${this.size}` }, h("div", { key: 'c0ea1b40343836309ffb0fa447cc9930a219662f', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'e922413425a7a222cf4e24715ae5502ca89efd26', size: this.size }), this.icon === 'country' && (h("div", { key: '5653f220e62baac385b78edf72e113be2b332ed0', class: "icon left-icon" }, h("img", { key: '77e64c07a4d0eee345a51d10102e53fbed191566', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'd6125cc31108c39ddb5874b375e654a0fd5b7c49', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: 'a5167044eacb7ea1ce11cd4df3d26be68a777da3', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '240b399422cd1afefc9d475a222e167eac35081f', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '097471d5293855f847e1f51bc258ca55732dbaf4', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: '14ede07b1e358f9f8030f36582ac00baf13f7a6a' }), this.action === 'count' && (h("gb-tag-count", { key: 'c3288141f53f3e9a64c1318dd077dd7b8fdcf1d8', size: this.size }, h("slot", { key: '479f8efee6e962a926c606baea1e66e725a9e613', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '6fe83126e6f153b50dd41d60eb6ee50788f72894', 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: '22431c5dc2f67b64f9a605a7b8b3309174197224', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'e14cd66afe323a35f8a3cd8d4ab9ed1be2d38724', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'cc83da4635ac4b564a68be2a742165d0b60bc750', class: `custom-checkbox ${this.size}` }, h("svg", { key: '73f89737b190047176707fde00408df77a33d0b7', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '67c4465f322c193e24b8da4641a18751e538f9d1', 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: 'e4d862e1061b2cbcff8c58a8a885ce2e4160657f', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '68b180a005f053882ad39506560f4c099b5f46c9', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'be034eeb14acd0bc2104200a8e289e68531173e9', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'f021e4fcfbce96fc78c565617a0cde71d17914d9', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '0fc06d267ebca03aa9a0513f495f2bcb47488244', 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

@@ -4,7 +4,7 @@ export class GbTagClose {
         this.size = undefined;
     }
     render() {
-        return (h("div", { key: '1a4a034bcdcc952dd6af0716e6bf95c50e689cb1', class: this.size }, h("svg", { key: '57e02f763f76a2d353a9ca476ba025ea9be4ff02', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '5e30c0527ee97618a2a405f10b794395b76d90d1', 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: '6c92078bcf4e9b6a3d85220945b0713170095356', class: this.size }, h("svg", { key: '73ed8d17e67f1ba79657de88b7db9c4587115024', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '336e22ccf42740bb8ad032721ae3aadfa730725a', 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

@@ -4,7 +4,7 @@ export class GbTagCount {
         this.size = undefined;
     }
     render() {
-        return (h("div", { key: 'c1f180dd3f49421befda1c03bc746242bc9f831c', class: this.size }, h("slot", { key: 'b07436828fa9168bb04c99f7e15b9aba7d78dcad', name: "count" })));
+        return (h("div", { key: '0b534eb7301ce34ffbe45486eefd57bcf795d1bd', class: this.size }, h("slot", { key: '0bdb23c72640ca76ebd5180db11747f5a2e54d6a', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }

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

@@ -37,7 +37,7 @@ export class GbToast {
         slottedSupportingText.classList.add(this.getSupportingColorClasses());
     }
     render() {
-        return (h("div", { key: 'e551eaef4ee3354961029a1ce0ec4273a1658415', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'f8c43ef4bcde3baa8c2d1382769754b9d19b4e5e', class: `icon_container` }, h("svg", { key: 'd2f0f5bcc56c118aef7608be925a70ebecd1e510', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '8eb79f5f7101f9d614dc7c3335a9b10b6d0d6f6e', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: 'bb63c11492b94b22fbd5ea289401f4040fa03af2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: '997921bfdeed875ea850621220dd037a33728d77', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '2ff70f8b302a6b067555d29d3d9c0eb0ad22452c', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'a7870fb379c9e484eedf40dcf0b7153dc618dde2', class: `text ${this.size}` }, h("slot", { key: '527bea5167d32f7adaa71f3bf48863cb713cf1ae', name: "main_text" }), this.showSupportingText && h("slot", { key: 'e28896e0275eec68b8894f08b2f53cacec77f640', name: "supporting_text" })), this.actions && (h("div", { key: 'ed6491efedd57275bdfb2a3daa5ea25abeb9c232', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '3274b25c8e715463d5f0dc5ffc07c3e8fba701f0', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: '1dcb178bd68bf9a711f1af98cfa648103697a5ff', class: `container ${this.breakpoint}` }, h("div", { key: '6447668b2cd2bed401ed9834bb0c490e4d252b5f', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'c111b31954fb2496941f22f63717a5937337ff74', class: `inner_content ${this.breakpoint}` }, h("div", { key: '55efb779f62a15c9018db8cac7e950699fd81cab', class: `icon_container` }, h("svg", { key: 'e9f2c6af121f7de0ba25ffd2ea8cff2c25c1ba85', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '223b47d0258e20e45e937eaa9bd474b182e90fa7', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '9fd437b071087ca7686136a029a020245d4f97b8', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'eabaed4f09120c91e5f7f956864422aa6f40d8ea', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '42e3870eb35c0ffff77989aaeeb3c16f43a5abd8', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '6d08221edeca2ef114a8c8172d50f64447e564f4', name: "main_text" }), this.showSupportingText && h("slot", { key: '324c1897bdc7b4a557a258cde0173507a3466441', name: "supporting_text" }))), this.actions && (h("div", { key: 'eba5867bdcfff8e2d1b20a34750a7322b61e97f8', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: '452ab16a72f3b9345a6b7b4739004cf2618e31a9', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}` }))))));
+        return (h("div", { key: 'fe398ac3968b148732b7aa463b5e033ddc4f1f31', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'ae8bc6fdd35c16c45fc09a09c870be563e4876b0', class: `icon_container` }, h("svg", { key: 'eb85c6abd7a9af2986a30160a4848b921cfa56e5', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '8625fbf15db42445c96f3833f81bcc156743882b', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '7bd2d041f586de425f394daf5778dbea98841a87', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'c60410b05d56defb20a8cbe74acf458cb561981e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '364b04d564257794cf003b4c4f3b002ba7c74245', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'eb3944536f57a0d9efb9cd5ca46a555c44bf1b17', class: `text ${this.size}` }, h("slot", { key: 'df262f640367094f29deb24dabc0bb27b7c5642b', name: "main_text" }), this.showSupportingText && h("slot", { key: '95aaa278c2402a4fa2bb07630884bdf469672d76', name: "supporting_text" })), this.actions && (h("div", { key: 'c29ce0c353842c40bb91617a969053ad8f1a610f', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: 'bec6a2c5c2ec48af4dc348341210f0e8dc463131', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: 'e797bca9ddb9250dd1089d8141c14b18f9afc8e7', class: `container ${this.breakpoint}` }, h("div", { key: '768fd3fa5aa7c8e1a9946b1a3ab90ea616e22109', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '137b8dd0a4ec119f39aa008fda83745850aafd6f', class: `inner_content ${this.breakpoint}` }, h("div", { key: '9776fe6c44c8fd38e042f9a670018494797208c3', class: `icon_container` }, h("svg", { key: '62db8f9e510f8880b83796d20fe807d92dd0147f', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: 'cc6c2a3b0d6ca71a9930225231853fb955a7efdd', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '9036a328e90671e600b0ba49c5a8a48ead46a776', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'aca79b73bde6a110f9f4425da0bfd0cf9b466ff0', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '3b67b396d52bf03b878a42967515169da6e96552', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '8421e1a1a5ca54cb3ae8852f15b477e850ede75d', name: "main_text" }), this.showSupportingText && h("slot", { key: '4c13d88301c14b9fc65285fc01a025dd4bdd936a', name: "supporting_text" }))), this.actions && (h("div", { key: '66892fa70b2c3c9f4009f85edba006e0d14dc8c6', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: 'a28d68abec3a563472a6f832933855c8a664fff3', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}` }))))));
     }
     static get is() { return "gb-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class GbToastButton {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: '88cfb0e3abeb9b27fe8284f84e76a0141f19974e', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '5febf2b37429fe22dcc6eb6b0283eff1924e2988' })));
+        return (h("div", { key: '28cecebf6a2c4a41d959fdbd6c82ce74ed492cbd', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '2605357dec32626d4946056c1af1c4c9874cdddb' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: 'ae04572e4edccd1764e57340b542b1ecfcc5dfa1', class: `toggle_div ${this.size}` }, h("div", { key: '131075cd86c57bf61a504b863bd1dc4ee3e9d82f', class: "toggle_base" }, h("gb-toggle-base", { key: '0e0e538488a6bbbd05c9ca25a9ee75b40ff6b757', size: this.size, state: this.state, pressed: this.pressed })), h("div", { key: 'c1cc2e1b7c97c52a179ab8569d79f75faccf034b', class: "text" }, h("slot", { key: 'f17f56332ca3f072175a951fb50999b0d61f2e93', name: "main_text" }), this.supportingText && (h("slot", { key: '294e9efb059c12d6a153403a7ecda9ea0d5d4431', name: "supporting_text" })))));
+        return (h("div", { key: '6ee970e9d1fc53ef99433b3fede8ff2aba632df5', class: `toggle_div ${this.size}` }, h("div", { key: '82f48d8e350a077dce69570f36069a5406c05e32', class: "toggle_base" }, h("gb-toggle-base", { key: '3fbf55220d03d0e41f098a45fe9ec63615251a4b', size: this.size, state: this.state, pressed: this.pressed })), h("div", { key: '5c59b62ee7d5ca8be8ae199d740db0ee65a4c812', class: "text" }, h("slot", { key: '3dfb7e638f3866936cc635efb534f75523ce2e1c', name: "main_text" }), this.supportingText && (h("slot", { key: '9e96d8d41ce6d665ca9406850f29674bdc7f316f', name: "supporting_text" })))));
     }
     static get is() { return "gb-toggle"; }
     static get encapsulation() { return "shadow"; }

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

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

package/dist/collection/components/gb-token-field/gb-token-field.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class GbTokenField {
         this.supportingText = '';
     }
     render() {
-        return (h("div", { key: '2012e10ce18cbadc654a3d1b38c361d17da38f7c', class: this.size }, h("div", { key: '21131bbac07e6daf27b80aeb8e260402265123a3', class: "input-with-label" }, this.showLabel && (h("label", { key: 'aefe6a304b8c5c63b4a9489e60bde15594309b50' }, this.label)), this.digits === 4 && (h("div", { key: 'd78b0a4952708652b3cb5bc385f2f63ed274ff98', class: "input-wrapper" }, h("gb-megainput-field", { key: 'e15235342bdb2ada3e29a004a484d65f3d69b068', size: this.size }), h("gb-megainput-field", { key: '81906fd5ca7dffe188272ba833522d1cef606649', size: this.size }), h("gb-megainput-field", { key: '6a8196f97680342ed20450a594d0a44acafec37e', size: this.size }), h("gb-megainput-field", { key: '29ff1d91d1ff157912e27804e41936cdd1a430ba', size: this.size }))), this.digits === 6 && (h("div", { key: '0af727881b0ad437a4d9ce50898f898bac89df69', class: "input-wrapper" }, h("div", { key: 'af29b862a5d9e7257f650292188dbb28fbc2ec2c', class: "first=section" }, h("gb-megainput-field", { key: '53c148029d4e4e887208be778c52a9a2d40ecd63', size: this.size }), h("gb-megainput-field", { key: 'bdcfd62a9ee518252dba5d8d16f56291195cf335', size: this.size }), h("gb-megainput-field", { key: '903f69e0a4972b8df1b9c23b8367529d1a273950', size: this.size })), h("div", { key: '538adc24933303a07a6c2228591f38e0b6448bf9', class: "second=section" }, h("gb-megainput-field", { key: '243fa83bbf83a708dad2f7360efafe0a27ae4c59', size: this.size }), h("gb-megainput-field", { key: 'd9dc72ed0c80ef02898286795f6e411a222537e2', size: this.size }), h("gb-megainput-field", { key: 'dc0278cd2cc6ad021b4f9d8f10714b335edfb2e0', size: this.size })))), this.digits === 8 && (h("div", { key: '36c480fd4746cebd8e636569f67fa014c2350824', class: "input-wrapper" }, h("div", { key: 'e299238494bdf9c1e535f1039af1e03779cbc07e', class: "first=section" }, h("gb-megainput-field", { key: 'a8281f2e08b5d45f9aeed7b2b80daf24e12951ee', size: this.size }), h("gb-megainput-field", { key: '1cd51fa85c1ed2c655fc5986f20ef9b435add48c', size: this.size }), h("gb-megainput-field", { key: '594764c8ca9f63185269e830c0aa82a8da38053c', size: this.size }), h("gb-megainput-field", { key: '23125b0d3e02b3821fbd567c50b77b0a46c9d122', size: this.size })), h("div", { key: '8674955b3801a61e4008b2fa1c9a0422e82aa683', class: "second=section" }, h("gb-megainput-field", { key: '3519e257f3636ad8b289735f7f4abc9c2cb653ae', size: this.size }), h("gb-megainput-field", { key: '4b634a1756c5c9b6e9694d3f175f043f363f6861', size: this.size }), h("gb-megainput-field", { key: 'c5ff62d0025ae208a54224d6fa9efae4140b5c8a', size: this.size }), h("gb-megainput-field", { key: 'c37f4feefb19e045da2c0dcc04032ff329424cd8', size: this.size }))))), h("p", { key: '8549fdd5d4a161947daf744360e1454372f22796' }, this.supportingText)));
+        return (h("div", { key: '41d216b49c04497e7647b7a5d8964ddda74d0a13', class: this.size }, h("div", { key: 'b52b53f6e8fc6175ceda0f1d2fbe7a83ef9cd5da', class: "input-with-label" }, this.showLabel && (h("label", { key: 'a316867e5c58a5a65d93dc96773998f3052b6382' }, this.label)), this.digits === 4 && (h("div", { key: '96aa9cf916a083c449fe02ccde65eb7609db8845', class: "input-wrapper" }, h("gb-megainput-field", { key: '837f2612ec52f4d6f3079116424b1ec0c6e529fa', size: this.size }), h("gb-megainput-field", { key: '56a2096b108b597ac7d1d5b90f38a1e891d89897', size: this.size }), h("gb-megainput-field", { key: '7386bb2eaff37eb7c1b8045532e7d2d3c8a0d4a2', size: this.size }), h("gb-megainput-field", { key: '1a379e931be236928dd6eef14fde4c3e0699ef30', size: this.size }))), this.digits === 6 && (h("div", { key: '7689b1edd1dfd9b9314e59146533106e673b93af', class: "input-wrapper" }, h("div", { key: '8f6ea6455c5a4e48015e3b08112f3d6d19cea56a', class: "first=section" }, h("gb-megainput-field", { key: 'e07b66b02bf24047bd167146298f1d7380baabf6', size: this.size }), h("gb-megainput-field", { key: '3e11f1323a10a8cc55b810b7e9bf9346207f8ed9', size: this.size }), h("gb-megainput-field", { key: '73b79cc04ad8b83ba2f58805e43e603f9fe9ccc5', size: this.size })), h("div", { key: 'd633776fbdc8c97d2301370d2f3dbc68899a78a6', class: "second=section" }, h("gb-megainput-field", { key: '9b55128e31c0d821a94584ffc0632d34b6a8ba99', size: this.size }), h("gb-megainput-field", { key: 'dff1df968825553d6433e849493fb740cc358d44', size: this.size }), h("gb-megainput-field", { key: '2ca857f8a865f51b845b1d8a4fd4c199d7b53520', size: this.size })))), this.digits === 8 && (h("div", { key: 'f024fc7537fa689ccf6695cc05c42fb4a4978804', class: "input-wrapper" }, h("div", { key: '0822d823a04fd43445e4a73cf88edd7807e160e2', class: "first=section" }, h("gb-megainput-field", { key: '8f4af99673050a87bd345bf211d5f568f4c1aab3', size: this.size }), h("gb-megainput-field", { key: '1ea008b7cc88f10013305fc909fee7646119a34f', size: this.size }), h("gb-megainput-field", { key: 'c669458d4eafaa87e33fdfd8fbfea76692615dec', size: this.size }), h("gb-megainput-field", { key: '80fd6f9da0c816519b05942cabbdce77ca2171b4', size: this.size })), h("div", { key: 'f5fec4778fca26b379ce1a88ba1c3f488f59daf8', class: "second=section" }, h("gb-megainput-field", { key: '35612a1651b941af395d70946c4248ac323d962f', size: this.size }), h("gb-megainput-field", { key: 'eaa2034ab3b3bb9c99592b4014a8220e60b27cf5', size: this.size }), h("gb-megainput-field", { key: 'bb3908fe1ee154bec1cded12aa6fb65aadfa42ce', size: this.size }), h("gb-megainput-field", { key: '5ff8690afdac06a7ac22379b6ba0e769cc0c7ec7', size: this.size }))))), h("p", { key: '3df79893ca47c2127bb7a8db8673953f1675519e' }, this.supportingText)));
     }
     static get is() { return "gb-token-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class GbTooltip {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (h("div", { key: '7e60e8cea669b37281ea49ed8402cce9c7330a65', class: "tooltip_container" }, h("div", { key: 'c7231c8cdc3ca8096233074eadcbcc22c6891901', class: "tooltip" }, h("div", { key: '7dc78a15090c41b0083e94ead9662a9aa6830a8c', class: this.getArrowClass() }), h("div", { key: '91a54a8c1fd6277d6a5feecb71af121b251451c7', class: "tooltip_content" }, h("slot", { key: 'd1096094324718fcb291f98671be002db1d9ed36', name: "label" }), this.showSupportingText && h("slot", { key: '85a9b04a8881613dee49a1dcd85a965541f47ab3', name: "supporting_text" })))));
+        return (h("div", { key: '72a52af61779945489462d44742f39a42a3f799c', class: "tooltip_container" }, h("div", { key: 'bdc6c5383700ccd3eb53d1f023fa16d513483296', class: "tooltip" }, h("div", { key: '772f041658e9e37b869994f9e5360920f62ed1ed', class: this.getArrowClass() }), h("div", { key: 'e88d42fb9717fd647342aa841f1bbd0f000e71fd', class: "tooltip_content" }, h("slot", { key: 'f45b49494775cf4930da734532547e9722b36475', name: "label" }), this.showSupportingText && h("slot", { key: '7c92da075e88b9073577d70b6deb9d200a62622e', name: "supporting_text" })))));
     }
     static get is() { return "gb-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-verification-code-field/gb-verification-code-field.js CHANGED Viewed

@@ -9,11 +9,11 @@ export class GbVerificationCodeField {
         this.hintText = '';
     }
     render() {
-        return (h("div", { key: '61bcfc257d41218ea401e9e41e3f09229f8fb136', class: {
+        return (h("div", { key: '51c4941ef6d18009e77936a7667a05c53383ea4c', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, h("div", { key: 'd9f6bd90f637b84911a9ce085c8c3c6302661eba', class: "input-with-label" }, this.showLabel && (h("label", { key: 'a59c11ebfa3eec31017a2ebf2f0f55cd497c575e', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '677668fef04a05476e9de6343d5bccfbb6ee909e', class: "input-wrapper" }, h("gb-megainput-field", { key: '02a10f500567c650180d1b1d999f0c3b0c0c89fc', size: this.size }), h("gb-megainput-field", { key: 'b0e4842c424ab14372cc1942ce092c5232d48797', size: this.size }), h("gb-megainput-field", { key: '0ccb4f7631a62b4a53546bfb97404623b0e4079f', size: this.size }), h("gb-megainput-field", { key: '589a4758b56a7762f532a16f1e1c1cd034e8bd75', size: this.size }))), this.digits === 6 && (h("div", { key: '5d9895f98f9184b278adac639c6b7d7768f9bc10', class: "input-wrapper" }, h("gb-megainput-field", { key: 'f6c05a9ecc5d58937ae3b4360ba484627cf383b9', size: this.size }), h("gb-megainput-field", { key: '104c53d37b89d8d62cedf60675efb0a710a5ae3a', size: this.size }), h("gb-megainput-field", { key: '5014e9e87db85408c857c38c09725d1e96d023f2', size: this.size }), h("p", { key: 'af18149781d0982ca2389a30af9c828b677952e8', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '673b4479f59fc2d05e5d0149371005fe823329f9', size: this.size }), h("gb-megainput-field", { key: '2e25e6263519bf1bf8a21499a6ca2774956fb9dd', size: this.size }), h("gb-megainput-field", { key: 'd69550316f6b324d4b375cc985f34ece260d5000', size: this.size }))), this.digits === 8 && (h("div", { key: 'a5d019545555efc808b4dfe244904084936dab2c', class: "input-wrapper" }, h("gb-megainput-field", { key: 'a935f2b5d116df48598daa90462b0254c85a1920', size: this.size }), h("gb-megainput-field", { key: 'f6890076548d4fd0c27f17aa40a5c0e0b6d9bf04', size: this.size }), h("gb-megainput-field", { key: '72314bbb5a91880ed33480b23934b750022d2faf', size: this.size }), h("gb-megainput-field", { key: '3013e596de3dbd0a092d2ab1da2b0bcf35037b36', size: this.size }), h("p", { key: 'ec9ffc16555789f26f45df26e7f334fc3181e2db', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '019058d80e4ebe777dc1fafea614978f09f612e4', size: this.size }), h("gb-megainput-field", { key: '5c23c3e33d1d581bd8f279bc2b43e6fe2b76a292', size: this.size }), h("gb-megainput-field", { key: '857380fde271979bf5772e4cb9816deaf33c1b44', size: this.size }), h("gb-megainput-field", { key: '3d0317b54291c83914fb44cdd322c6279b18fcd5', size: this.size })))), this.showHintText && (h("div", { key: 'c76dc87c6685167d46ef906314b1c90c717ed3ec', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: '3070d0e3f11d399a232e32e426472c5b72b050b3', class: "input-with-label" }, this.showLabel && (h("label", { key: 'c5b03fe51b44610e94fcf551d76cd4db11ce8b84', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '1c1e3dbed788e754a32b03c6021fa4cad7b8234b', class: "input-wrapper" }, h("gb-megainput-field", { key: '38c8cfd38e2b011097a60e41371dcdfe3965b33c', size: this.size }), h("gb-megainput-field", { key: 'd0b4eaa30174fb4b92e8189881e30a7080ab7e4c', size: this.size }), h("gb-megainput-field", { key: 'a33d8024e5b7b7224608d917145ce8f816a19c91', size: this.size }), h("gb-megainput-field", { key: '439d209e9c81c9cf9f62ae271950669c40bf6677', size: this.size }))), this.digits === 6 && (h("div", { key: '52b02a00615108fa6dc38b378f936ccbe31dde3a', class: "input-wrapper" }, h("gb-megainput-field", { key: '4ecd2d01a4020887c77e6121d730abab57edc4e7', size: this.size }), h("gb-megainput-field", { key: '255e21429f08e51df674803de03b17225827e77e', size: this.size }), h("gb-megainput-field", { key: 'c0416bfe33630a54950151bb0c7134a5c1aa6e75', size: this.size }), h("p", { key: '1de23b13e520a2170ef9981dcadf97c9cfb952f3', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: 'dcb422763b68c44d2cd8b0dbeb4877c2c2095b95', size: this.size }), h("gb-megainput-field", { key: '7eac0726b7afcc6b06282967696852cfbe0afe9a', size: this.size }), h("gb-megainput-field", { key: 'd2437d0b03b58fca522eae115419d1771302cb53', size: this.size }))), this.digits === 8 && (h("div", { key: '59d3c658b54f445df6607a2af2c134c1df168b49', class: "input-wrapper" }, h("gb-megainput-field", { key: '4ae23e352b81c16fcecf3d222adfe277d28531b9', size: this.size }), h("gb-megainput-field", { key: '6be3f561bdb6303e4f9b9f7173918ad4bf059082', size: this.size }), h("gb-megainput-field", { key: 'b43b5f4b171a7d99b03f49e062016498427e8bbd', size: this.size }), h("gb-megainput-field", { key: '365da7b2d04f0367579add399ab3b25aae38ef5e', size: this.size }), h("p", { key: 'c883d7d09efb82deab4ffdc06ecbd282a0fb84a7', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: 'fb02871a0b3984f4ee5de1b6bd3286a57ae4e312', size: this.size }), h("gb-megainput-field", { key: '2892d9940a1b523c72ede8a278f0e2c5221a6da8', size: this.size }), h("gb-megainput-field", { key: '37028f25c83d51750d1878b26e795e2ca9e7efc6', size: this.size }), h("gb-megainput-field", { key: 'a99131d8c0d7d299f5887963552ee06118c67695', size: this.size })))), this.showHintText && (h("div", { key: '80011736cc2ac31849fd40460fc4afc0734319a8', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
     static get is() { return "gb-verification-code-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/gb-avatar-add-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbAvatarAddButton$1, d as defineCustomElement$1 } from './p-a5a98f57.js';
+import { G as GbAvatarAddButton$1, d as defineCustomElement$1 } from './p-1d77236a.js';
 const GbAvatarAddButton = GbAvatarAddButton$1;
 const defineCustomElement = defineCustomElement$1;