globuswebcomponents 2.5.2 → 2.5.3

package/dist/components/test-input-tag.js

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-C_NOJI7O.js';
 import { S as StateEnum } from './p-cHn6O-Kf.js';
-import { d as defineCustomElement$b } from './p-C8eU03Iq.js';
+import { d as defineCustomElement$b } from './p-CY1XJdHb.js';
 import { d as defineCustomElement$a } from './p-C-8-MHaH.js';
 import { d as defineCustomElement$9 } from './p-Dlmfn61u.js';
 import { d as defineCustomElement$8 } from './p-LxlvCAsT.js';
-import { d as defineCustomElement$7 } from './p-DI9XFh4S.js';
-import { d as defineCustomElement$6 } from './p-DF4pGSoY.js';
-import { d as defineCustomElement$5 } from './p-AW2dTi9S.js';
-import { d as defineCustomElement$4 } from './p-Di49OOfv.js';
-import { d as defineCustomElement$3 } from './p-CV74mobL.js';
-import { d as defineCustomElement$2 } from './p-CRkdZZ-D.js';
+import { d as defineCustomElement$7 } from './p-BV1MSCXQ.js';
+import { d as defineCustomElement$6 } from './p-D9QboYJX.js';
+import { d as defineCustomElement$5 } from './p-fXAX3Q_Y.js';
+import { d as defineCustomElement$4 } from './p-BeKWMUSD.js';
+import { d as defineCustomElement$3 } from './p-BAOKKzLG.js';
+import { d as defineCustomElement$2 } from './p-N0gNUuRJ.js';
 
 const testInputTagCss = ".input_group{--height:auto;--inputheight:4.5rem;--weight:100%;display:flex;position:relative}.input_like_parent{width:100%;border:1px solid var(--color-border-input, #CDD5DF);border-radius:var(--rounded-sm);padding:0.625rem 0.875rem 0.625rem var(--spacing-3)}.input_like{width:100%;overflow-y:scroll;transition:height 50ms ease-in-out}.results_display{display:flex;flex-wrap:wrap;gap:0.5rem;background-color:var(--color-surface, #FFFFFF);display:none;margin-top:0.5rem}.results_display.show_results{display:block}.tags{padding-top:1rem}.dropdown_list.show{display:block}.dropdown_menu{display:flex;width:100%;max-height:15rem;padding:var(--spacing-none);flex-direction:column;align-items:stretch;border-radius:var(--rounded-sm);border:1px solid var(--color-border-subtler, #E3E8EF);background:var(--color-surface, #FFFFFF);box-shadow:var(--shadow-sm);position:absolute;top:100%;z-index:10;gap:var(--spacing-none);transition:1s ease-in-out}";
 
@@ -87,7 +87,7 @@ const TestInputTag$1 = /*@__PURE__*/ proxyCustomElement(class TestInputTag exten
         this.exportValue.emit(this.selectedStaff);
     }
     render() {
-        return (h("div", { key: '9dbe0636f3bbf67e690537c191fb74e5421d0798', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '817faf8db2dafc266ef1a2a9fcf5a78e058be96c', htmlFor: this.idOfInput }, this.labelText), h("div", { key: 'db073ea4deac26f4040f8b116abc170c81dca479', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: 'd0f2a700681bb565b9c2badbfef4868326930515', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: 'f53b2c1fe4dd153f818bdcdcf8e1232db87d835d', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
+        return (h("div", { key: 'a4199a2f415dc2097724d71c66892f83f41ddf78', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '8012c71268dc6dec6901398a9731470de27dc780', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '4ce33bd8e73e79cfb75eff1d86f4e8cbcfa6c10a', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '4a3d19c3ec482a8495bb504d598c7a7b999d0946', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: 'ae950f69545692f60eeb3f908f4cb5a8b8d057a6', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
         //   <span>
         //     {staff.fullname}
         //     <img
@@ -96,7 +96,7 @@ const TestInputTag$1 = /*@__PURE__*/ proxyCustomElement(class TestInputTag exten
         //       onClick={() => this.removeStaff(index)}
         //     />
         //   </span>
-        h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: 'c080ad06c1e7b52b17af355f039872b7d8d1cd91', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
+        h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: '65390c9783cf7169e112131c6b907566efd70d01', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
         //   <li class="aList" onClick={() => this.selectStaff(staff)}>
         //     <div>{staff.fullname}</div>
         //     <div>{staff.email}</div>

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-10-07T14:21:48",
+  "timestamp": "2025-10-09T14:30:55",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.28.2",
@@ -4476,7 +4476,6 @@
         "gb-checkbox-group-item",
         "gb-comment",
         "gb-detail-cell",
-        "gb-empty-state",
         "gb-file-upload",
         "gb-file-upload-item-base",
         "gb-filter-button",
@@ -4502,9 +4501,6 @@
         "gb-detail-cell": [
           "gb-button"
         ],
-        "gb-empty-state": [
-          "gb-button"
-        ],
         "gb-file-upload": [
           "gb-button"
         ],
@@ -8505,102 +8501,6 @@
       "docsTags": [],
       "usage": {},
       "props": [
-        {
-          "name": "cta",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "cta",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "description",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "description",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "icon",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "icon",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "message",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "message",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "size",
           "type": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
@@ -8677,35 +8577,14 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "ctaButtonClicked",
-          "detail": "void",
-          "bubbles": true,
-          "complexType": {
-            "original": "void",
-            "resolved": "void",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
       "parts": [],
       "dependents": [],
-      "dependencies": [
-        "gb-button"
-      ],
-      "dependencyGraph": {
-        "gb-empty-state": [
-          "gb-button"
-        ]
-      }
+      "dependencies": [],
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/gb-export-dropdown/gb-export-dropdown.tsx",
@@ -11795,6 +11674,182 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/gb-illustration/gb-illustration.tsx",
+      "encapsulation": "shadow",
+      "tag": "gb-illustration",
+      "readme": "# gb-illustration\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "illustrationStyle",
+          "type": "\"box\" | \"cloud\" | \"credit_card\" | \"documents\"",
+          "complexType": {
+            "original": "IllustrationTypes",
+            "resolved": "\"box\" | \"cloud\" | \"credit_card\" | \"documents\"",
+            "references": {
+              "IllustrationTypes": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::IllustrationTypes"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "illustration-style",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "box",
+              "type": "string"
+            },
+            {
+              "value": "cloud",
+              "type": "string"
+            },
+            {
+              "value": "credit_card",
+              "type": "string"
+            },
+            {
+              "value": "documents",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
+          "complexType": {
+            "original": "GeneralSizes",
+            "resolved": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
+            "references": {
+              "GeneralSizes": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::GeneralSizes"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "'sm'",
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "profile_lg",
+              "type": "string"
+            },
+            {
+              "value": "profile_md",
+              "type": "string"
+            },
+            {
+              "value": "profile_sm",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            },
+            {
+              "value": "xl",
+              "type": "string"
+            },
+            {
+              "value": "xl2",
+              "type": "string"
+            },
+            {
+              "value": "xl3",
+              "type": "string"
+            },
+            {
+              "value": "xl4",
+              "type": "string"
+            },
+            {
+              "value": "xs",
+              "type": "string"
+            },
+            {
+              "value": "xxs",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "theme",
+          "type": "\"dark\" | \"light\" | \"system\"",
+          "complexType": {
+            "original": "ThemeTypes",
+            "resolved": "\"dark\" | \"light\" | \"system\"",
+            "references": {
+              "ThemeTypes": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ThemeTypes"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "theme",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "'system'",
+          "values": [
+            {
+              "value": "dark",
+              "type": "string"
+            },
+            {
+              "value": "light",
+              "type": "string"
+            },
+            {
+              "value": "system",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/gb-input-dropdown/gb-input-dropdown.tsx",
       "encapsulation": "shadow",
@@ -13438,7 +13493,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "[\r\n    // '+234', 'NGN', 'CAD', '+234', 'NGN', 'CAD', '+234', 'NGN', 'CAD', '+234', 'NGN', 'CAD', '+234', 'NGN', 'CAD'\r\n  ]",
+          "default": "[\r\n    // '+234', '+124'\r\n  ]",
           "values": [
             {
               "type": "string[]"
@@ -19812,6 +19867,39 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "position",
+          "type": "\"center\" | \"left\" | \"right\"",
+          "complexType": {
+            "original": "'left' | 'right' | 'center'",
+            "resolved": "\"center\" | \"left\" | \"right\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "position",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "'center'",
+          "values": [
+            {
+              "value": "center",
+              "type": "string"
+            },
+            {
+              "value": "left",
+              "type": "string"
+            },
+            {
+              "value": "right",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "size",
           "type": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
@@ -19831,6 +19919,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "'sm'",
           "values": [
             {
               "value": "lg",
@@ -19904,7 +19993,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "[\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'current',\r\n      state: 'default',\r\n    },\r\n  ]",
+          "default": "[\r\n    // {\r\n    //   status: 'complete',\r\n    //   state: 'default',\r\n    // },\r\n    // {\r\n    //   status: 'complete',\r\n    //   state: 'default',\r\n    // },\r\n    // {\r\n    //   status: 'complete',\r\n    //   state: 'default',\r\n    // },\r\n    // {\r\n    //   status: 'current',\r\n    //   state: 'default',\r\n    // },\r\n  ]",
           "values": [
             {
               "type": "StepperType[]"
@@ -19928,7 +20017,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "false",
+          "default": "true",
           "values": [
             {
               "type": "boolean"
@@ -23805,7 +23894,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "[\r\n    // {\r\n    //   name: 'Hiiii',\r\n    //   index: 0,\r\n    // },\r\n    // {\r\n    //   name: 'There',\r\n    //   index: 1,\r\n    // }, \r\n  ]",
+          "default": "[\r\n    // {\r\n    //   name: 'Hiiii',\r\n    //   index: 0,\r\n    // },\r\n    // {\r\n    //   name: 'There',\r\n    //   index: 1,\r\n    // },\r\n  ]",
           "values": [
             {
               "type": "{ name: string; index: number; }[]"
@@ -24480,6 +24569,11 @@
       "docstring": "",
       "path": "src/models/reusableModels.ts"
     },
+    "src/models/reusableModels.ts::IllustrationTypes": {
+      "declaration": "export type IllustrationTypes = 'cloud' | 'box' | 'documents' | 'credit_card';",
+      "docstring": "",
+      "path": "src/models/reusableModels.ts"
+    },
     "src/models/reusableModels.ts::DropdownTypes": {
       "declaration": "export type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags';",
       "docstring": "",

package/dist/esm/gb-avatar-dropdown_4.entry.js

@@ -121,7 +121,7 @@ const GbHeaderIcon = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: '301ae1b8962b76770bc7366d519b4f52dba93094', class: `background ${this.state}` }, h("div", { key: '3a26d90aaa42163b7e2f5df9aaeea418a6c3a3ed', class: `icon ${this.state === StateEnum.Default ? 'default' : this.state === StateEnum.Disabled ? 'disabled' : ''}`, innerHTML: this.leadingIconSvg }), h(Fragment, null, this.showIndicator && h("div", { key: '569196de2ae881e734a56e9dbd5c84bd7252621d', class: "red_dot" }))));
+        return (h("div", { key: 'af299517de79f02b3321ab074643f74a56a9cf39', class: `background ${this.state}` }, h("div", { key: 'fc02c8570862d10dbd4d2ebe06647ec0527ba7b3', class: `icon ${this.state === StateEnum.Default ? 'default' : this.state === StateEnum.Disabled ? 'disabled' : ''}`, innerHTML: this.leadingIconSvg }), h(Fragment, null, this.showIndicator && h("div", { key: '0fa5472e4495703c38a79e787f6a86a7ce92e565', class: "red_dot" }))));
     }
 };
 GbHeaderIcon.style = gbHeaderIconCss;
@@ -137,7 +137,7 @@ const GbHelpDropdown = class {
         this.helpItemClicked.emit(item);
     }
     render() {
-        return (h("div", { key: 'e13888cf1af34d7608b254af5d522c6d903b0525', class: "dropdown-container" }, h("div", { key: '935949c20a4578de3856108e023b7d500c64e78a', class: "user_guide" }, h("gb-dropdown-items-with-shortcut", { key: '490d0fad07e9636a31b62a810c7cf329c206dca3', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), h("div", { key: '90c6fb9e84c453878cb25b8151e4c35a46c259bb', class: "bug" }, h("gb-dropdown-items-with-shortcut", { key: '1ee48ef696c9b9fd052c521e162b77710015e8b9', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (h("div", { key: '5c35693e23b7b3356315801567df801e3e5239e5', class: "log_error" }, h("gb-dropdown-items-with-shortcut", { key: 'c8e1d8122ab125bb4236056109d43bb6de8e591f', icon: true, iconSrc: "assets/alert_02.svg", label: "Log a profile error", onClick: () => this.onHelpItemClicked('log_a_profile_error') })))));
+        return (h("div", { key: 'caeb4d01afc74128ac2c6ec669bf979a18285d91', class: "dropdown-container" }, h("div", { key: '33dcd8153e902d470b069c1d433ba5b13eb13020', class: "user_guide" }, h("gb-dropdown-items-with-shortcut", { key: 'd5ab49a8c9aff126a2d7248630f52309fa9867e9', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), h("div", { key: 'e6531b689bf5e276d148d33b749f18bbcd65a841', class: "bug" }, h("gb-dropdown-items-with-shortcut", { key: 'f196b52e80375dbd07ff73503f7246e542871bc8', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (h("div", { key: 'b4e4c856d9084e9722e1a85f25cef0d7c97b258c', class: "log_error" }, h("gb-dropdown-items-with-shortcut", { key: '335c1b27c5c55f3638c2f5abd22b5fecdc6fb684', icon: true, iconSrc: "assets/alert_02.svg", label: "Log a profile error", onClick: () => this.onHelpItemClicked('log_a_profile_error') })))));
     }
 };
 GbHelpDropdown.style = gbHelpDropdownCss;
@@ -196,9 +196,9 @@ const GbNotificationPane = class {
     render() {
         const patternSrc = getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = getAssetPath(`assets/notification_illustration.svg`);
-        return (h("div", { key: 'b906db345f176e71daebd46584f4549d7d0085e7', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: 'b962c1e122e0ef71ec7496340f82a1b332cabc8e', class: `container` }, h("div", { key: '5eaf77030f574bbe7907ee2e8d0174a369ea5358', class: "frame" }, h("img", { key: '59a13642e9a454904ee79547efbd6c715cdd33ee', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '9f4d44c8b47c4ae190cbc679194dadc3f8ed5de0', class: "empty_state" }, h("div", { key: '16f254dd9ae880e127ca4245f2d7bc23a3ac006c', class: "content" }, h("img", { key: '0f20f5774e63909f1fd574c2d47245d7d246d477', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '9289d143c0b2b9f267ff3230aa9b3db037c2201c', class: "text" }, h("slot", { key: '583cc95e3382c12ad94a74535a0d01eeca35ab70', name: "label" }), h("slot", { key: '618f0c1e0143e03cdfa1b8b8058b48a6fb105b45', name: "supporting_text" })))))),
-            h("div", { key: '29e7c7d72989c7e4bef1bb2bb98becd81e5de212', class: `button` }, h("gb-button", { key: '02ac448f57e9eba9c5146d5adc36aa3229ae80b6', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '9e598a7e66e99c3250b8fdeb03142a1ef6705397' }, "Mark all as read"))),
+        return (h("div", { key: '5e017a1e3d7162eb886833b81964c16f777a1837', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: '9b1eb9801102a61b91b08367affefc21f794e3e0', class: `container` }, h("div", { key: '5f190bebb402cd8c54ab05ceadb3064f2a426280', class: "frame" }, h("img", { key: '4cd865e4cc26efbbbd0e3df1bb7e9af0698a5a44', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: 'b0aafffec4d28713da30783e147efe9817452682', class: "empty_state" }, h("div", { key: '05a38032fa184e6e22697381ee2109628efc79e7', class: "content" }, h("img", { key: '6f4a9c4b2a52c98417a2d5cdc4c92eadcaf9ac26', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '99ed0112c1e24431adf6f0c54481f76d82161ee5', class: "text" }, h("slot", { key: '2c54d783fb8d61787b2e063a0a68d34f48b53f0d', name: "label" }), h("slot", { key: 'eabfdc4819a31a34ad4b941293c49d41818f0f06', name: "supporting_text" })))))),
+            h("div", { key: 'd49aa37de34ce4f17708a6f14dbe0d1579daf194', class: `button` }, h("gb-button", { key: 'f2593ccdce025fa3798881ade7ab7348270dd889', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '290dd70d110e2d4eec69b26bcd1636204229575e' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (h(Fragment, null, this.notifications.length > 0 ? (h("div", { class: "notification_dropdown" }, h("div", { class: `content_wrapper` }, this.notifications.map(notification => (h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg", onClick: () => this.markAllAsRead() }, h("p", null, "Mark all as read")))) : ([
             h("div", { class: `container` }, h("div", { class: "frame" }, h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { class: "empty_state" }, h("div", { class: "content" }, h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { class: "text" }, h("slot", { name: "label" }), h("slot", { name: "supporting_text" })))))),
             h("div", { class: `button` }, h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read"))),

package/dist/esm/gb-avatar-label-group_3.entry.js

@@ -113,7 +113,7 @@ const GbIconButtonBase = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: 'c744f103625f1bc42fa84abe7e66feb991be3eb1', class: "icon_button_base_container" }, this.showTooltip && (h("gb-tooltip", { key: 'ab9cbe95e03fc40c218f9feb9337fa71b2cee1bd', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: 'f751e830db382d4b1e4f90736f55362566a67033', slot: "label" }, this.label))), h("div", { key: 'a41136f9e5291c4d9aad3e57254c8618416db2f3', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'e8534ae6d9b6dc130d49d6229f41cfa3045f5362', class: `icon ${this.current ? 'current' : ''}`, innerHTML: this.leadingIconSvg }))));
+        return (h("div", { key: '0c407c3630846c8b58d6a44514fc06e357bf43b2', class: "icon_button_base_container" }, this.showTooltip && (h("gb-tooltip", { key: '56eac03fb36c74719f6e1cc02d56843e892b6bc3', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '9cbeb7bfa98ff5b168c33e0e198be1f7e846db34', slot: "label" }, this.label))), h("div", { key: 'dfe74b91a5e0d15013c3b7d7f8a6053fb238c81e', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '228ebbbad84cbece955685a9d6e75cad4ce61e08', class: `icon ${this.current ? 'current' : ''}`, innerHTML: this.leadingIconSvg }))));
     }
 };
 GbIconButtonBase.style = gbIconButtonBaseCss;
@@ -141,7 +141,7 @@ const GbThemeTab = class {
         const systemIconSrc = getAssetPath(`assets/laptop.svg`);
         const sunSrc = getAssetPath(`assets/sun-02.svg`);
         const moonSrc = getAssetPath(`assets/moon-02.svg`);
-        return (h("div", { key: '5c19245cfba8a9656faa4a2a2a0a7e0714490280', class: `theme_tab_div` }, h("div", { key: 'f609157dcab9c8f94d2ffdcf13402868e9bdd0d4', class: "tab" }, h("gb-icon-button-base", { key: '3166bc59d3989a0af8bcd59c8823640b848916dc', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: 'd14750989979a19e672510525f86190230d656cb', class: "tab" }, h("gb-icon-button-base", { key: 'b23eb9100e2ed86774a37cb96d7e78517a97c248', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: 'dfcba177ab89cd5e5ab6fd15d823d0ca3f12b773', class: "tab" }, h("gb-icon-button-base", { key: '06c332f12f4d72704fd38ad8fe593b4a4c31c201', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: '3daab8dabd6fda63f58b854549469cac21d9c69d', class: `theme_tab_div` }, h("div", { key: '95b72668ab20d07aaf1e413deee03cb64428b0ac', class: "tab" }, h("gb-icon-button-base", { key: '30d0ed8511280fbf61065e1e5ca1b1351e427e08', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '8ca0e6e68d81ac89a5f8bcfecfe3ea3d51611919', class: "tab" }, h("gb-icon-button-base", { key: '8b60078a35190a2985b3f69f90087d152a5b5761', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '1c44c51d8710313345c000c7be77af946b7375c3', class: "tab" }, h("gb-icon-button-base", { key: 'e3ae77848d5ac676b7ea35dc6ddfead89d83cfc8', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     get el() { return getElement(this); }
 };