globuswebcomponents 0.5.4 → 0.5.6

package/dist/collection/components/gb-notification-content/gb-notification-content.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

package/dist/collection/components/gb-notification-content/gb-notification-content.js

@@ -8,7 +8,7 @@ export class GbNotificationContent {
     }
     render() {
         const iconSrc = getAssetPath(`assets/${this.icon}.svg`);
-        return (h("div", { key: 'a97609c7d641e426dc06d32a877e4f43d3d9d679', class: "notification-container" }, h("div", { key: '83b85b08ea477070ee56a04209198b703e4442b3', class: "notification-title" }, this.icon && (h("div", { key: '8f4ad6709a1d0a39bdb8af3a1ef6c496c9570238', class: "icon" }, h("img", { key: '5beb44e3b5d6486d50ed78c13c9f2f44fcb67cd1', src: iconSrc, alt: "Icon" }))), h("label", { key: '9715ea423ee93a62f8dd0688d59e193ad845e7e3' }, this.label), h("span", { key: '6f13b1460a65928a87ef4a3c410e1eb07b658b33', class: "time" }, this.time)), h("div", { key: 'e59d1a891bcb456e4fd8f3a2b6620dc623599b58', class: "supporting-text" }, this.supportingText)));
+        return (h("div", { key: '4cb6ae6fc9ef22a51bd347e202bdf5391c45bd57', class: "notification-container" }, h("div", { key: '34e203845568763cbeb4b63596f896c0a9873fb9', class: "notification-title" }, this.icon && (h("div", { key: '32847eb9c72897ad7f1fbf53dc53f179c31f12f9', class: "icon" }, h("img", { key: '9ae6a47dee70658625dd839eac5bf5346daf573a', src: iconSrc, alt: "Icon" }))), h("label", { key: 'efe4d39e50854b76fc58fe91064e50d39f744675' }, this.label), h("span", { key: 'af9d79e0815a43ed1632dba66fdd1bfa3eaf08df', class: "time" }, this.time)), h("div", { key: 'ff59638d1aa30465b777e0ba27a80055830ede29', class: "supporting-text" }, this.supportingText)));
     }
     static get is() { return "gb-notification-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-notification-pane/gb-notification-pane.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

package/dist/collection/components/gb-notification-pane/gb-notification-pane.js

@@ -26,7 +26,7 @@ export class GbNotificationPane {
         notification.remove();
     }
     render() {
-        return (h("div", { key: '95c89809f6466a9940f1e53e4f277b062a7b26a9', class: "notification-pane" }, this.state === 'empty' && this.notifications.length === 0 && (h("div", { key: '3448029ce578bd51606959467cecaebef17e96ec' }, h("div", { key: '74a804f50d747a7df31dfa47921423877eeb364e', class: "empty-state" }, h("img", { key: 'e50829fe1aa98f80326ec0a505cef9b708a16f9a', src: "./build/assets/panel_bell.svg", alt: "No notification" }), h("h3", { key: '173e76d60c449e0eca0b3e3f49f0aee2d5cbcdc7' }, "No notification"), h("p", { key: '969cbcf2bd82b46a48eabee4f23e33e4e556fe90' }, "Your notification inbox is empty at the moment. Rest assured, you'll be promptly notified of any new events.")), h("gb-button", { key: '9a6fddfacc8d943dbd97bfd72fd37e7927283056', size: 'sm', hierarchy: 'tertiary_color', "left-icon": 'blush_brush' }, "Mark all as read"))), this.state === 'notification_dropdown' && (h("div", { key: '60a7da5ee4d0c32873856c20c751ce4be0a43933', class: "notification-dropdown" }, h("slot", { key: '956a5f43f69d837664c9e577a16a7bc90fc81143' }), h("gb-button", { key: 'a1be87b3c9f121328a29b4818471db161cf226e6', size: 'sm', hierarchy: 'tertiary_color', "left-icon": 'blush_brush' }, "Mark all as read")))));
+        return (h("div", { key: '364915d82419a164e1bef3584f36d9529851eb7f', class: "notification-pane" }, this.state === 'empty' && this.notifications.length === 0 && (h("div", { key: '52d91d9a0c1f8684017d232ba3bf4277c12b33c3' }, h("div", { key: 'aabbe595b60dcbfb0d0d384bd22766c7a0b01908', class: "empty-state" }, h("img", { key: '764071c3be03164a7229bd292c378f2b858b31bd', src: "./build/assets/panel_bell.svg", alt: "No notification" }), h("h3", { key: '4e5d6c767ead00a87712ec845f631dde4e116b7e' }, "No notification"), h("p", { key: 'ba03f4a691d57a4321bf80d78b98aed31bef89a0' }, "Your notification inbox is empty at the moment. Rest assured, you'll be promptly notified of any new events.")), h("gb-button", { key: 'ab3f4f8ab89286534dfdb0b29b3009527b90f4de', size: 'sm', hierarchy: 'tertiary_color', "left-icon": 'blush_brush' }, "Mark all as read"))), this.state === 'notification_dropdown' && (h("div", { key: 'c550747dd9140c498939d4a0eb0b8b5e5875dfba', class: "notification-dropdown" }, h("slot", { key: 'dac8f0a08686d3c4a1ac476e5b7baa0a0741b02d' }), h("gb-button", { key: 'aa57e50320fffb1f588a12e221c3bb3d18eb105c', size: 'sm', hierarchy: 'tertiary_color', "left-icon": 'blush_brush' }, "Mark all as read")))));
     }
     static get is() { return "gb-notification-pane"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class GbPagination {
         this.totalPages = 10;
     }
     render() {
-        return (h("div", { key: '280f3181dc70fd043816c87eadeddb8b02a2ec4b', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '820d0cf820c47416da92b75d275cbb625613631b', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '9df738c38cc8edf99eac0c014af9db0847090ce9' }, "Previous")), h("gb-button", { key: '5feca9e59a6e30f1ec6a018149c448c1f0ce225e', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '8a5dffc16a26f1861d31822ecb10aec3b7e80fec' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '4fab1914cea85d73137b663b49cb50a57166fe50', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '64cd83c0d3140fdbf03b8d804c611c56f56707b9' }, "Previous")), h("gb-button", { key: '46b5efc5121b8e1d138365c2829f7aa1dce31f22', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '58fd140e480f35487eae85d381ddb37f8f554b20' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f1ef1d7c8865f8aa8625461563169f22521b5496', class: "entries" }, "Entries"), h("div", { key: '4961c5ac4488ad873510ce84e8c8bbb0a91c38c1', class: "page_numbers" }), h("div", { key: '6c370c00141ab197634b6a9170cdcad8627ffaee', class: "buttons" }, h("gb-button", { key: 'f28f4b84f756e476e2e78b5d6ecf15433be66510', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("gb-button", { key: '02dc5ac5b97cd8b75117842c958fce551c8fc1be', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'cc312e912503ef07160541b0a081a5f7879e774e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("div", { key: 'fddc2aec3f2976e84fad27b706379f4478591cf2', class: "page_number_text" }, h("p", { key: '5361d1809a49186a5e7247473414a4145de7a9c0', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '223485be6cf83ac9d7b7cc95e4499541cde7f67d', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))));
+        return (h("div", { key: '6ec7745fd3b3278182c15540594b3fb6fd97744a', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '6ea31827f809c2510a85e5385ca89a26937a1cf5', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'e523cffe032dd987c74020026e8634e95d67a784' }, "Previous")), h("gb-button", { key: 'c98318a9ed149c2cfe04ab459c44d78fe723b40c', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'a38ce412be2bcea48ad76dce14aa197d78877a20' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '4d8666615816e36493f8524708483769f3ef4b9c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '273c0a01f4b10d57e8fc16660255bb7e68f7ab9f' }, "Previous")), h("gb-button", { key: '7bcf44d4885efb5cc43fb710795eab121a54cbdd', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '42ac51bb1264ad3321c156542fa1d0ae825adf33' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '409b42c0f4a38d4ee3f879fbb2cd8392600b7942', class: "entries" }, "Entries"), h("div", { key: '547c8d01069e381ebfdddcc6fdcd89a36b82dbbe', class: "page_numbers" }), h("div", { key: 'c80080181760f3a34cb6624ec9168d367357b8df', class: "buttons" }, h("gb-button", { key: '6da6395b01f3a2c5e493c8eccafe879799b7c609', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("gb-button", { key: '6d70f050855acf7f80a2cea69854f08cd9ce49ff', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '9b9edc321392730f3ce8ad91954602732f0b20a2', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("div", { key: 'b317f6df572af782efba9509b2f05a9c44c8ace8', class: "page_number_text" }, h("p", { key: 'a648cbe5fa1071f2e4d83a853756ff42c7d7dae8', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '6db3a31d92c62f04ac489cd6e8a34542565f9c45', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class GbPaginationButtonGroupBase {
         }
     }
     render() {
-        return (h("div", { key: '8825c54a99f6211e420c32b229c101237b9acfde', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: '61a1ef995f518ed7b0677d9d3129e39673eea266' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '286b0ff35b2bc91f2667e10e426d5662184b529c', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a9018fdf24b8cdbed480225318b9ce1aeaa356ad', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '745d3317a8863bd72022ad4096a54aecfaccf18f' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '7784dddc496472419642b6d691370739c0c976c6' }), this.iconTrailing && (h("svg", { key: '217695177dc2ac35000aa3de6f711a258e3b8426', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '05fa7e04416ec87c7e555d35793417c87caba3ba', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+        return (h("div", { key: 'b6fb80ff9214cb8fb2bcc8d69f90b4d371a65bc4', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: 'e880cb493fa3742d15ae32c378376f6c896df687' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'bad5edfc7cdd24870611ac4c5978720b731e5b8e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b1a0b8be2c23112b15db289ec15dcb23876de815', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'a266eba2714c2c5b62b3ef179030ec6fdbc0fb96' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'd6f38c28c5f07ece65414190125e1d48b2d664de' }), this.iconTrailing && (h("svg", { key: '30962bbdfbddbdb8e31dcc4fd9259a8e774cc0c0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'ba8d887ca2e5a5fad1fd79fb5572e89bd1f40b0b', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class GbPaginationDotIndicator {
         this.size = undefined;
     }
     render() {
-        return h("div", { key: 'b3815564c3fd5ae63594ed7ad06516d8700c505b', class: `dot_indicator_div 
+        return h("div", { key: 'c7693005fed9085d85c79ab6de8d84bb64f434fa', class: `dot_indicator_div 
       ${this.type} ${this.current ? 'current' : ''} 
       ${this.size}` });
     }

package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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

@@ -10,7 +10,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: '44b314e9f30c4fcfd611a611e50f7d36ca97c5e4', class: `page_number_base ${this.shape}` }, h("slot", { key: 'be441dbf708f900783325b50fc33c1c11a415d34', name: "page_number" })));
+        return (h("div", { key: '69af5815788b37338b1180060542a0a9064948c5', class: `page_number_base ${this.shape}` }, h("slot", { key: '6b59c99ae1314da3371d03804edc61d0a42736e3', 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.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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

@@ -8,7 +8,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: 'ade0b45eb14e212c9adab3f83baa0e321f3f1b65' }, h("gb-btn", { key: '5e3dcda69abb82c71d9f24f247a9fef8697e3d6a', 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: '3a1a0b2b826ebbc9070dbbc24b98861e8fd27910' }, h("gb-btn", { key: '6d1bb86a462e19c802b9fe1876e7d0b07d4dcc88', 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.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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

@@ -8,7 +8,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '2d834026ce402dbe8039e023169095810e8b1a2b', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '2de95627b2536c7bcb1c0f84f6aa48715bf05583', class: "progress_bar" }, h("div", { key: 'f8a6793919d04fcd333ebfc51c9270076fc8692e', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '9ab44c08c3733bd84f594ef54f15fffbdbb59583', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '9c2ceeac5a59c038c6650c9d10e4e6e6e39ec756', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '573aea891e709882dce282ad532a9994ca239526', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'ef5c4e2daa1b880125be9b1cef5cc36f88af03c0', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '69ac789c038a80c4aeacc4d79b51a41ddadc534e', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '1dc463428715e2fd840407011865dbdfbfaa1e54', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '2125d4bcd0efd6e3c7b5b11bc8a68343e02bbf03', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: 'd690d5bfd3f7ff545b7988316d1f5ebd5e3ee8e4', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'f5bff15e4451c7311b6e9544d97b1bd76c85ad25', class: "progress_bar" }, h("div", { key: '2e8de41724c9ea9951d73759fb0caea76b801691', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '081d11d2637217d546abda9638320c123f3c9298', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '2604d5fca1fc7b49794a91a5efc6fc63a17e02bb', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'c1cf3f68e4a1bf7c3d3e42fe351177652e245ba4', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '0aae808ff22f01853d353fcfd54d9d7146a141c2', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'd0ccf2803b09db06ea3744721b92dbf4ba0331bf', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'ba3da6b9e64e243a58e442e4b3a40663b244fac3', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '2a56307739c6e5d164decc711725fbfaf2ae0f40', 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

@@ -7,7 +7,7 @@ export class GbProgressCircle {
         this.progress = 0;
     }
     render() {
-        return (h("div", { key: '359117959a19fa0e968b4168047050dffb365fc3', class: "progress" }, h("svg", { key: '1d996272df1ce1c2cda9fd62d70fd98b14a6fac1', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '5e327c14bf11d624ae482161aa3bdf90f4918f55', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), h("circle", { key: '11b732bc67fd6e0f975a3a4c2c96c4ab2072fe68', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), h("div", { key: '93f20a25dd2cda88025290d8e1c2ba5a5dfcf29e', class: "progress-text", "data-progress": "0" }, "50%")));
+        return (h("div", { key: '5fe18d185d08acacc4a07eb058f911d7d81cef6b', class: "progress" }, h("svg", { key: '0d9012b43f63c843f8a1758971e0c10cf5964ea5', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '109cd8d2e4e3ec374a94781658658724fef31036', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), h("circle", { key: '6cfbd34d8ab4ae8edcdb2b3bae1448a54966ace4', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), h("div", { key: 'b13248b1de52546e3aa8f9a3a136ff26b26ae739', class: "progress-text", "data-progress": "0" }, "50%")));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-rich-text/gb-rich-text.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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

@@ -15,7 +15,7 @@ export class GbRichText {
             destructive: this.destructive,
             disabled: this.state === 'disabled'
         };
-        return (h("div", { key: '1b061628733a4205c331e72e0dd698e358f97031', class: classes }, h("div", { key: '465ef0780e141c8e557d95639c747b7e0d3fd170', class: "input-with-label" }, h("label", { key: 'ec269d0e75a6caf2ddc45c2e364922e07beda598' }, this.label), h("div", { key: '435e708911da3948da5cfed55edd3c093e38b51b', class: "input-container" }, h("div", { key: 'aadb0c525809d208ff9c0539b4d047526be314e7', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: '30a80fc9c11aa7891c8c920b7d0268f0da772554', 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: '24457690e94d9a795cdcd15c3122be103d9430f6', class: "error-icon" }, h("svg", { key: '4a8323622cb181ec208fc9703912a2135d6656be', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '335dce8c282342c19dfa32c38916ec718b659abd', 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: 'b52d64a109fa6fa2c8b6a01bc0af84b44bfdbffd', class: "text-container" }, h("textarea", { key: 'abd82359aac504b228d5ef323879af7860a6e5c4' }, this.showPlaceholder && (h("div", { key: 'f98a39b89e697f1bd14fe39c52de4fd6e05ae4fe' }, this.placeholder)))))), this.showHintText && (h("div", { key: '293f95091d48d5eccc0c869f2469302b83003513', class: "hint-text" }, this.hintText))));
+        return (h("div", { key: '96f8cfbaaf010297580afac7ca6c92c97c3eab66', class: classes }, h("div", { key: '97a04059d0a0eb1fdda58dae71ee076c7e40c04b', class: "input-with-label" }, h("label", { key: '56ee2d9316701b560253112a5e8e56760968af95' }, this.label), h("div", { key: '07142d89feb16fb84f2c102398f1740c2d98ac19', class: "input-container" }, h("div", { key: 'd716652762150acaf54d6aab4677423700f55fec', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: 'adcd91aa0885b2f7c2ecde3de0d936f59854d0ae', 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: '34b77387f13aa6f777d37e3921b4d215144d3ba7', class: "error-icon" }, h("svg", { key: '4640cd5015e7d06ba8fd04a70cebead47edb41f1', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '725e6881dafa55a62e21fe42f369233b3ef3c8ec', 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: '48678c5f731bcd3e1cda9e647a57bf21e06f63f9', class: "text-container" }, h("textarea", { key: '027d5d446bb65087f125864112622dc3979e57c4' }, this.showPlaceholder && (h("div", { key: 'e0be93740a3aacfc757cedc3dd6d955def2b8d59' }, this.placeholder)))))), this.showHintText && (h("div", { key: '5016fff84092cfc7de06decf5f37c44826eeb77f', 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.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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

@@ -4,7 +4,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '4aab001effb75a529b4ea42cca4bbfff22b2a46c', class: "scrollbar-container" }, h("div", { key: '134a9eedb0c8538b27271955bdcbd345fad1ee10', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '508067f415a8be9ba27fdf7350ada93ffa83512c' }))));
+        return (h("div", { key: '7b36eef51e677f701bd53555b283e5eef5d2b997', class: "scrollbar-container" }, h("div", { key: 'd20e2daea5cccba1539c02e5018bc404758137d3', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '7b4733772f4af0e171b160cf320c6b2f64f6f638' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-side-bar-item/gb-side-bar-item.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 
@@ -2754,6 +2754,10 @@
 
 /* Icon Color Styles */
 .icon.plain_background path[stroke] {
+    stroke: var(--color-icon, #4B5565);
+}
+
+.icon.plain_background.active path[stroke] {
     stroke: var(--color-icon-information-bold, #042F59);
 }
 
@@ -2762,6 +2766,10 @@
 }
 
 .icon.plain_background path#Icon[fill] {
+    fill: var(--color-icon, #4B5565);
+}
+
+.icon.plain_background.active path#Icon[fill] {
     fill: var(--color-icon-information-bold, #042F59);
 }
 
@@ -2770,7 +2778,7 @@
 }
 
 .icon.plain_background circle[stroke] {
-    stroke: var(--color-icon-information-bold, #042F59);
+    stroke: var(--color-icon, #4B5565);
 }
 
 .icon.plain_background.active circle[fill] {

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

@@ -27,13 +27,13 @@ export class GbSideBarItem {
     }
     getLabel() {
         const slottedLabel = this.el.querySelector('slot');
-        console.log(slottedLabel.textContent);
+        // console.log(slottedLabel.textContent);
         return slottedLabel.textContent;
     }
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: '23fa470bbb9e78bc7531ebbc82bbce8bb2a980dd', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '1187da3d88e0c0b2d9021239141945f596a7a703', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'bd5f666bb049993e6b29f88e958c65e630b9a4ea', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'ded04c7749eb3a9567eb2efd29fe0f47246e1b8b', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '0eb43738ef99dd9a12d7af83ee0eb2b0e298f7d6', class: "content" }, h("div", { key: '2e3cfa3ad0d17b78ccafd22999dac46ac8306dea', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '86badbbd3fdfcf41d7091821120a24a201c1e965', 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: '8ed0beb7e36508aa412a27a2a82b286d01ea8b93', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'd0914f72a7d225e2f1cb8aa1004093af67ce3d9d' }, "10"))), this.showArrow && (h("svg", { key: 'e833a059ce67e1d5bc88350e118c958e6371aa39', 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: 'c2d767d39553882703a9a3743b7bcffcdbbc5231', 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: 'ad141562979b987f96f080c0696d98fd0db9751c', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'c4dbac06a32b480a2d7149333d18a8cedd22dbe7', slot: "label" }, this.label)))));
+        return (h("div", { key: '75b40f1f65aedc948022516a483141421bfbf3e5', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '00359412c8ab01d603320bc9e2bf7121c8f684c8', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'e2b40ae8cf5038f7173eb3b694ebc8935060951b', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'cf18e812e5e4cc79f155f281cfd7d3c67684bdf6', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'eac036b98fe50a7b855b21510d71564822cbe70a', class: "content" }, h("div", { key: '332a406be248cb5ef003f36e4abfe8b2dd1cc694', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '9d16dfc5cbb3a371af206c168b316f4e53ad8467', 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: '55d0987e8ea7330689b1300a1325c081675420ed', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '157db57c44b0fb7bbc18070d0d481de8feb744a6' }, "10"))), this.showArrow && (h("svg", { key: 'd93280527e56862301835d6bbcc6a42a17a38705', 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: '7acdae14f2212972a4cbdf5b3d4d0f82e8b2be97', 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: '4ebdf4e5784e6f8e02317002c6fb774e01e359a0', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '840e70cab563abffd0a97c2080bebcc4e8ff31f1', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"gb-side-bar-item.js","sourceRoot":"","sources":["../../../src/components/gb-side-bar-item/gb-side-bar-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Fragment, getAssetPath, State, Event, EventEmitter, Element } from \"@stencil/core\";\r\nimport { GeneralBackgroundCategories } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-side-bar-item',\r\n  styleUrl: 'gb-side-bar-item.css',\r\n  shadow: true,\r\n})\r\n\r\nexport class GbSideBarItem {\r\n  @Prop() state: 'default' | 'active';\r\n  @Prop() type: 'full_with_label' | 'icon_only';\r\n  @Prop() label: string = '';\r\n  @Prop() icon: string = '';\r\n  @Prop() category: GeneralBackgroundCategories;\r\n  @Prop() showArrow: boolean = false;\r\n  @Prop() showBadge: boolean = false;\r\n  @Prop({ mutable: true }) showTooltip: boolean = false;\r\n  @State() leadingIconSvg: string = '';\r\n  @State() textState: any;\r\n  @Event() sideBarItemClicked: EventEmitter<void>;\r\n  @Element() el: HTMLElement;\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  componentWillLoad() {\r\n    this.loadIcon(this.icon);\r\n    this.textState = this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium';\r\n  }\r\n\r\n  onSideBarItemClicked() {\r\n    this.sideBarItemClicked.emit();\r\n  }\r\n\r\n  getLabel() {\r\n    const slottedLabel = this.el.querySelector('slot');\r\n\r\n    console.log(slottedLabel.textContent);\r\n    return slottedLabel.textContent;\r\n  }\r\n\r\n  render() {\r\n    const redBarSrc = getAssetPath(`assets/bar.svg`);\r\n    const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);\r\n\r\n    return (\r\n      <div class={`side_bar_item_container`} onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n        <div class={`nav_item_base ${this.state} ${this.type} ${this.category}`}>\r\n          {this.state === 'active' && this.category === 'plain_background' && <img src={redBarSrc} alt=\"\" class=\"bar\" />}\r\n          {this.state === 'active' && this.category === 'colored_background' && <img src={whiteBarSrc} alt=\"\" class=\"bar\" />}\r\n          <div class=\"content\">\r\n            <div class={`icon ${this.state} ${this.category}`} innerHTML={this.leadingIconSvg}></div>\r\n            {this.type === 'full_with_label' && (\r\n              <p class={`label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}`}>{this.label}</p>\r\n            )}\r\n          </div>\r\n          {this.type === 'full_with_label' && (\r\n            <>\r\n              {this.showBadge && (\r\n                <gb-badge size=\"sm\" type=\"pill_outline\" color={this.state === 'active' ? 'information' : 'gray'}>\r\n                  <p>10</p>\r\n                </gb-badge>\r\n              )}\r\n              {this.showArrow && (\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" class={`arrow ${this.state} ${this.category}`}>\r\n                  <path\r\n                    d=\"M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12\"\r\n                    stroke=\"#212C65\"\r\n                    stroke-width=\"1.5\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                  />\r\n                </svg>\r\n              )}\r\n            </>\r\n          )}\r\n        </div>\r\n        {this.type === 'icon_only' && this.showTooltip && (\r\n          <gb-tooltip show-arrow={true} arrow=\"left\" class=\"tooltip\">\r\n            <p slot=\"label\">{this.label}</p>\r\n          </gb-tooltip>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"gb-side-bar-item.js","sourceRoot":"","sources":["../../../src/components/gb-side-bar-item/gb-side-bar-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Fragment, getAssetPath, State, Event, EventEmitter, Element } from \"@stencil/core\";\r\nimport { GeneralBackgroundCategories } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-side-bar-item',\r\n  styleUrl: 'gb-side-bar-item.css',\r\n  shadow: true,\r\n})\r\n\r\nexport class GbSideBarItem {\r\n  @Prop() state: 'default' | 'active';\r\n  @Prop() type: 'full_with_label' | 'icon_only';\r\n  @Prop() label: string = '';\r\n  @Prop() icon: string = '';\r\n  @Prop() category: GeneralBackgroundCategories;\r\n  @Prop() showArrow: boolean = false;\r\n  @Prop() showBadge: boolean = false;\r\n  @Prop({ mutable: true }) showTooltip: boolean = false;\r\n  @State() leadingIconSvg: string = '';\r\n  @State() textState: any;\r\n  @Event() sideBarItemClicked: EventEmitter<void>;\r\n  @Element() el: HTMLElement;\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  componentWillLoad() {\r\n    this.loadIcon(this.icon);\r\n    this.textState = this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium';\r\n  }\r\n\r\n  onSideBarItemClicked() {\r\n    this.sideBarItemClicked.emit();\r\n  }\r\n\r\n  getLabel() {\r\n    const slottedLabel = this.el.querySelector('slot');\r\n\r\n    // console.log(slottedLabel.textContent);\r\n    return slottedLabel.textContent;\r\n  }\r\n\r\n  render() {\r\n    const redBarSrc = getAssetPath(`assets/bar.svg`);\r\n    const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);\r\n\r\n    return (\r\n      <div class={`side_bar_item_container`} onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n        <div class={`nav_item_base ${this.state} ${this.type} ${this.category}`}>\r\n          {this.state === 'active' && this.category === 'plain_background' && <img src={redBarSrc} alt=\"\" class=\"bar\" />}\r\n          {this.state === 'active' && this.category === 'colored_background' && <img src={whiteBarSrc} alt=\"\" class=\"bar\" />}\r\n          <div class=\"content\">\r\n            <div class={`icon ${this.state} ${this.category}`} innerHTML={this.leadingIconSvg}></div>\r\n            {this.type === 'full_with_label' && (\r\n              <p class={`label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}`}>{this.label}</p>\r\n            )}\r\n          </div>\r\n          {this.type === 'full_with_label' && (\r\n            <>\r\n              {this.showBadge && (\r\n                <gb-badge size=\"sm\" type=\"pill_outline\" color={this.state === 'active' ? 'information' : 'gray'}>\r\n                  <p>10</p>\r\n                </gb-badge>\r\n              )}\r\n              {this.showArrow && (\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" class={`arrow ${this.state} ${this.category}`}>\r\n                  <path\r\n                    d=\"M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12\"\r\n                    stroke=\"#212C65\"\r\n                    stroke-width=\"1.5\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                  />\r\n                </svg>\r\n              )}\r\n            </>\r\n          )}\r\n        </div>\r\n        {this.type === 'icon_only' && this.showTooltip && (\r\n          <gb-tooltip show-arrow={true} arrow=\"left\" class=\"tooltip\">\r\n            <p slot=\"label\">{this.label}</p>\r\n          </gb-tooltip>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"]}

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

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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

@@ -68,7 +68,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: '65a8e52baf301552789a3743289f0e875ca972cf', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'a30ef33731a4383189e4ad64b55753644946465b', class: "pattern" }, h("img", { key: '4fb4c6653f629c2f05b5a167591a84a36a07cd54', src: patternSrc, alt: "" }))), h("div", { key: '5997fab39e7de88bcc3809d6d86c899a0e24d67d', class: "nav" }, h("div", { key: 'c510e6920b5ba3317a7d70ae33d10bf5b6192e90', class: `sidebar_header ${this.state}` }, h("div", { key: 'ee3910203ee8ee7a93b61397722cffafc841484a', 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: 'f88e66879ee4fe850a4b6ee99b310ca6a86e94bb', src: logoSrc, alt: "" })), h("div", { key: 'a2884255a411f54a1bd1b8c01ba53033ad613144', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'ad229e501d51a896794ccc8e6eb8e4473a99fa86', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'b7e31b993f7515e9e95e12e15d52345037ea00f3', class: "navigation" }, h("div", { key: '882a4a16ef9000b8edebe22584791f1652d38386', class: "item" }, h("gb-side-bar-item", { key: '67ea9ff50a8b5ebd952d1f1ceb785fd0a3749bc4', 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: 'a3a9bb0d49b9ffb785001c41284ebf8bf09a758b', 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: '972ba0c6570a6347a9b9bb61663d7360bfdfcf1e', 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: 'ce9b9e04071308098da3833a58e27b49659a8ed0', 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: 'ab11c8521cac228487631aacfa9b82c1b0e5c831', 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: '60d82355ae43b090addeca297a59bba0263940b3', class: "navigation" }, h("div", { key: 'e603e97ffdc00652ee76bfb1ea17846b2e2b5bda', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: '50b8dfc4b7ef623de9286db58f8518773098f62e', 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: '0312c3f2434c69640346f439e1caa433c951b925', 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: '87fb00b5413e7ae4415d77a9f352202eb53f468d', 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: 'b1216172f8fbd8e476845c26bd365897ced83581', 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: '7a345b05c2a34fcfa8ee0c697d661bf39f5d8dc0', 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: 'cef32090a15c2b748e8969240d21cf46f807b792', class: "application_name" }, h("div", { key: '2ded7143fd21d06f994c31d6861328eb78ad6d49', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '06a456651f46ebc95d5add7ffa47b355d3f83179', class: "application_name_pattern" }, h("img", { key: '5bfdcf108997e3f4413757bb0ae53104d62b4d2b', src: patternSrc, alt: "" }))), h("div", { key: 'a5899bdc35e0965a8eb346f5339e12aeb4f3e865', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '838ade9f028643cf9af847357a1c1a0a70bba6d1', class: textClass }, h("slot", { key: 'dc48b95f4c4360dadfbd44634857eee3a7a14c65', name: "application_name" })))))));
+        return (h("div", { key: '8cbb4f9ab43694b5e326278ddf1a8c16c17a629d', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '8011322c7e73faed1447e9e767a0ce4447e6ef6e', class: "pattern" }, h("img", { key: '90e314b1deeb643e2d2713613b9d9c4adfc8f295', src: patternSrc, alt: "" }))), h("div", { key: 'ebb6c806ab20bb01cf48e869a09cdf9b43210532', class: "nav" }, h("div", { key: '66d2036848ee4ef5a67ff0d483903ba897a340a7', class: `sidebar_header ${this.state}` }, h("div", { key: 'c5b4ce40e469c119f94405fd26e4884b3595f12d', 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: 'b81777bdc8e08644ff0b48769e70c3c0a4be0b4a', src: logoSrc, alt: "" })), h("div", { key: '5edcef007b1ed3a66da7f7b727d6ecbfe6f584c6', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'ad76acff3184a53d333a89ce3208109af1dd2c62', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '45c6b5fdffebdc79485e553cd435056ffe452562', class: "navigation" }, h("div", { key: 'ff27e48a7612c7e948a93643ede0257f886ae875', class: "item" }, h("gb-side-bar-item", { key: 'a94a17896f356e7c41f31254efb8d31fa1307a10', 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: 'd9adc561cd64ac01e1e2525cd5015b73cd615ba7', 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: '909d9c21b0de7a8b070e0d534f12babbe7a588eb', 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: '48f6f1b35370c2a0b45845906af08b8e2a7d957a', 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: 'b03fb26070c00c08cb845b3c719bd3a82710c716', 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: '940ce61ec27709500ad9ad590b804a652bc108a8', class: "navigation" }, h("div", { key: '39425a517dfe3cfcc2371691e332b9f2c5b58304', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: 'a40735aa4c1ee8082088b51db1c61a286b4f5bf6', 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: '481f6f6262b3378827522611e94c01340052adb5', 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: '89b7615ffc9c078e3e792e727b78f3ad63a1fd44', 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: '85248abe92ee7912be305b580beb1fb2b7fd7199', 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: '091b795937e379f6a7124521e14b66843ffd8605', 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: 'ba6a2d9b150214072f62c7a2b8febd5d9df2a7dd', class: "application_name" }, h("div", { key: '0aced53a58822a57ea692d438470c52df5a37e2a', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'c8f5e720383c436efeac30cb8a74679c4b67e62c', class: "application_name_pattern" }, h("img", { key: 'ab938472bdc653bb8294944372284fe223b03c07', src: patternSrc, alt: "" }))), h("div", { key: '8a51593192a56c2daf8094c13c948c2996c46780', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '19ec2742e00bdce3375599a5444635f4451b08b3', class: textClass }, h("slot", { key: '00152d0ddca8fa33d85d642a5b2da49da809ff22', name: "application_name" })))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-slider/gb-slider.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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

@@ -56,7 +56,7 @@ export class GbSlider {
         this.trackEl.style.width = `${rightPos - leftPos}%`;
     }
     render() {
-        return (h("div", { key: '827265ae06689ed88219562a54ffcc1e6d3c2958', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: '8d5ba7ac675e0e0be30e196820c8ec1ec1c1172a', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: 'a1e19d55acab2ef30bb98243ec79fc1991d684a5', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '7ab16ed3ad9bce6dd8bd0d825f1623d8e295a67f', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: '66f938ec888ce8fd17b343d347b4379f9d8445b3', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: 'b2a479e30dbcc7e2fa82bb918911502668fd77b1', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: 'e6f7a7b21a6d4acfddb5283477bc92a4a8ab362c', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '1b0c8cf59233aa0d6920fe4a0b905b446bf7bf2d', 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.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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

@@ -19,7 +19,7 @@ export class SliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: '3ee19602689ebb99d8f6783eb5d082409a6fc3c5', 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: 'b341d4582389dfb43cf572c13e14895d1bea5063', class: "tooltip-container" }, h("gb-tooltip", { key: 'ecaa477274be0c4e3386c0191dda995343db5938', arrow: 'none' }, h("p", { key: '3ef29d4c9693cd8456c5a65ebb49ca894de363cf', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (h("div", { key: 'b8a47274326f8d0a34f8b0f0e5d9cf29d32f2aaa', class: "thumb-label" }, this.value, "%"))));
+        return (h("div", { key: 'c957d8171121d4338a640507e0d59747b4e0a58c', 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: '3aa7580ee20db9efe1fa183d518e4b3c4d81ed3d', class: "tooltip-container" }, h("gb-tooltip", { key: '6cffb42b2fca685ae4fc803ef81d415b404f7ce2', arrow: 'none' }, h("p", { key: '02f8dc1c0ef18d6e48b6c6f66e4aa003e68511f3', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (h("div", { key: '0c17983dcecb94eeeb7b0c95c79cd04116d7350b', 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.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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

@@ -9,7 +9,7 @@ export class GbStatusIndicator {
     }
     render() {
         return [
-            h("div", { key: '320d660f49656132bbbccbd3e85545ea5592978a' }, this.statusIcon === 'online_indicator' && h("div", { key: '3a125a4d5944c820ae1ec9f0b7f8ea35b89d2c48', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'd7502519aa5ffa5fe4108b52236d5d6f52de1a24', 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: 'be8437333df31a271504fbfc0b788ddfc91039e8', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '036cd4162eb05b97198b1f497f9ad3a4e059d64b', 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: '55bf949adcc33e7ac6e5ddce88f68998df703b1e', 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: '0843e4bf6197016a240aff010c800cd49e0db104' }, h("clipPath", { key: 'eff5d7f8a77d828bd82b937ccc23bf859b1bf219', id: "clip0_0_21453" }, h("rect", { key: '5c7b93cd7a83409af8023f57639bc7b2f3364a5f', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '2bed52dca7037e1952da2deca304e215f279f928', 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: '0bfc2552a5a2b7e7de3a5dc1bf1f58105f51e1a2', 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: '59057d22367752c73a6a08cb7b9aa9fbb7bb7519', "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: 'fa3dd351bdaea4ec096de40ed3ceb2c103cd9bc3' }, this.statusIcon === 'online_indicator' && h("div", { key: '4312bf46d93b8d0a50731c7dd24ae8b30985feeb', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '2039b5ef869bdb56b5e15fba0b9285ad783285bb', 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: '5c2e701fee09cde447aa65ae0156c67ac78f3742', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: 'd7dd0b9ecbb5c9f532a7629db74ed8d2cc399698', 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: '3cc065dcfb69a32010588b50005b55ea41b49912', 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: '1a3dfd8722d004d4d1f55aa12f536e87936ae76d' }, h("clipPath", { key: 'fd2e05211ff1da9e5157b26f1c32b230542e702b', id: "clip0_0_21453" }, h("rect", { key: 'fe61a94f44eb9cc56bb846868234dd158260c3aa', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '385ccac85cfb43c41f88dfb2d2151694d86a9753', 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: '1c44af235135a5d12d4e5c90ae2b8e7ccd23b34a', 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: '01199c0bdc77f7b052f49dd11463d1fb425aa960', "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.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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

@@ -42,12 +42,12 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: '049a8391c42d195deba6fd6c386a4e375556c661', class: `tab_button_div ${this.type}
+        return (h("div", { key: '3e622bbc6ecf7796472d6be2b81dc4422427501a', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
-      ${this.size}`, onClick: () => this.handleClick() }, h("p", { key: '8d1be7489ee0c94c5d5db236d1ccf2c7b24cdd6b', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'faee58c2d89257c6b2393c8a9e182222f171cb66', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary' ? 'information' :
+      ${this.size}`, onClick: () => this.handleClick() }, h("p", { key: '6837cf7ac3eb40e1efe7dc09c8f0b7407a20f094', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '4edd923c30d8866941d5af01dd05a2aa9b81bc35', 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: '1adc26ec74697455a58f4e9f8d8687b8f9be8da3', name: "count" })))));
+                    this.current && this.type === 'line' ? 'information' : 'gray' }, h("slot", { key: '4b851aebf6802ead6bfbe16704012b6f0514155b', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }