globuswebcomponents 2.5.3 → 2.5.4

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-CY1XJdHb.js';
+import { d as defineCustomElement$b } from './p-BV9UrAv0.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-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';
+import { d as defineCustomElement$7 } from './p--2LX-0Qy.js';
+import { d as defineCustomElement$6 } from './p-BVGgLukX.js';
+import { d as defineCustomElement$5 } from './p-Cw7CWiJg.js';
+import { d as defineCustomElement$4 } from './p-DRRPv5Mp.js';
+import { d as defineCustomElement$3 } from './p-DNfghlL1.js';
+import { d as defineCustomElement$2 } from './p-BGNY27n7.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: '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) => (
+        return (h("div", { key: '3ad4d4e3819ee220ebaa97d462494f54eb93dc0f', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '6d0b3291293151bc77fb54b01c93c6a94d3b8e75', htmlFor: this.idOfInput }, this.labelText), h("div", { key: 'e67390ab2e352d2af951ed8882ff14d790c0b224', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '3f82dfd35b592d6e1ac63e54ca55f34f5c086c59', 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: 'cf953f15bc30a7f73c0a679a48d908e941603c56', 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: '65390c9783cf7169e112131c6b907566efd70d01', 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: '0a05c19d39f73cf576ad31aeddc9afadd611661d', 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-09T14:30:55",
+  "timestamp": "2025-10-09T19:02:07",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.28.2",
@@ -4476,6 +4476,7 @@
         "gb-checkbox-group-item",
         "gb-comment",
         "gb-detail-cell",
+        "gb-empty-state",
         "gb-file-upload",
         "gb-file-upload-item-base",
         "gb-filter-button",
@@ -4501,6 +4502,9 @@
         "gb-detail-cell": [
           "gb-button"
         ],
+        "gb-empty-state": [
+          "gb-button"
+        ],
         "gb-file-upload": [
           "gb-button"
         ],
@@ -8501,6 +8505,182 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "background",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "background",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "backgroundType",
+          "type": "\"circles\" | \"grid\"",
+          "complexType": {
+            "original": "'grid' | 'circles'",
+            "resolved": "\"circles\" | \"grid\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "background-type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "'grid'",
+          "values": [
+            {
+              "value": "circles",
+              "type": "string"
+            },
+            {
+              "value": "grid",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "icon",
+          "type": "\"featured_icon\" | \"file_type_icon\" | \"illustration\"",
+          "complexType": {
+            "original": "'featured_icon' | 'illustration' | 'file_type_icon'",
+            "resolved": "\"featured_icon\" | \"file_type_icon\" | \"illustration\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "icon",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "'illustration'",
+          "values": [
+            {
+              "value": "featured_icon",
+              "type": "string"
+            },
+            {
+              "value": "file_type_icon",
+              "type": "string"
+            },
+            {
+              "value": "illustration",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "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": "primaryButtonText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "primary-button-text",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "secondaryButtonText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "secondary-button-text",
+          "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\"",
@@ -8520,6 +8700,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "'sm'",
           "values": [
             {
               "value": "lg",
@@ -8577,14 +8758,55 @@
         }
       ],
       "methods": [],
-      "events": [],
+      "events": [
+        {
+          "event": "primaryButtonClicked",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "secondaryButtonClicked",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "listeners": [],
       "styles": [],
       "slots": [],
       "parts": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "gb-featured-icon",
+        "gb-illustration",
+        "gb-file-type-icon",
+        "gb-button"
+      ],
+      "dependencyGraph": {
+        "gb-empty-state": [
+          "gb-featured-icon",
+          "gb-illustration",
+          "gb-file-type-icon",
+          "gb-button"
+        ]
+      }
     },
     {
       "filePath": "src/components/gb-export-dropdown/gb-export-dropdown.tsx",
@@ -9075,10 +9297,14 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "gb-empty-state",
         "gb-step-base"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "gb-empty-state": [
+          "gb-featured-icon"
+        ],
         "gb-step-base": [
           "gb-featured-icon"
         ]
@@ -9234,6 +9460,7 @@
       "parts": [],
       "dependents": [
         "gb-detail-cell",
+        "gb-empty-state",
         "gb-file-upload-item-base"
       ],
       "dependencies": [],
@@ -9241,6 +9468,9 @@
         "gb-detail-cell": [
           "gb-file-type-icon"
         ],
+        "gb-empty-state": [
+          "gb-file-type-icon"
+        ],
         "gb-file-upload-item-base": [
           "gb-file-type-icon"
         ]
@@ -11683,6 +11913,101 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "color",
+          "type": "\"default\" | \"discovery\" | \"error\" | \"gray\" | \"information\" | \"pink\" | \"primary\" | \"purple\" | \"success\" | \"warning\" | \"white\"",
+          "complexType": {
+            "original": "GeneralColors",
+            "resolved": "\"default\" | \"discovery\" | \"error\" | \"gray\" | \"information\" | \"pink\" | \"primary\" | \"purple\" | \"success\" | \"warning\" | \"white\"",
+            "references": {
+              "GeneralColors": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::GeneralColors"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "'gray'",
+          "values": [
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "discovery",
+              "type": "string"
+            },
+            {
+              "value": "error",
+              "type": "string"
+            },
+            {
+              "value": "gray",
+              "type": "string"
+            },
+            {
+              "value": "information",
+              "type": "string"
+            },
+            {
+              "value": "pink",
+              "type": "string"
+            },
+            {
+              "value": "primary",
+              "type": "string"
+            },
+            {
+              "value": "purple",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            },
+            {
+              "value": "white",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "illustrationIcon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "illustration-icon",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "illustrationStyle",
           "type": "\"box\" | \"cloud\" | \"credit_card\" | \"documents\"",
@@ -11846,9 +12171,15 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "gb-empty-state"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "gb-empty-state": [
+          "gb-illustration"
+        ]
+      }
     },
     {
       "filePath": "src/components/gb-input-dropdown/gb-input-dropdown.tsx",
@@ -14938,7 +15269,7 @@
             "resolved": "{ label: string; icon?: string; iconOnly: boolean; index: number; }[]",
             "references": {}
           },
-          "mutable": false,
+          "mutable": true,
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -19460,7 +19791,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "[\r\n    {\r\n      state: 'default',\r\n      status: 'complete',\r\n      label: 'First Step',\r\n      supportingText: 'Please provide your name and email',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'current',\r\n      label: 'Second Step',\r\n      supportingText: 'A few details about your company',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'incomplete',\r\n      label: 'Third Step',\r\n      supportingText: 'Start collaborating with your team',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'incomplete',\r\n      label: 'Fourth Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n  ]",
+          "default": "[\r\n    // {\r\n    //   state: 'default',\r\n    //   status: 'complete',\r\n    //   label: 'First Step',\r\n    //   supportingText: 'Please provide your name and email',\r\n    // },\r\n    // {\r\n    //   state: 'default',\r\n    //   status: 'current',\r\n    //   label: 'Second Step',\r\n    //   supportingText: 'A few details about your company',\r\n    // },\r\n    // {\r\n    //   state: 'default',\r\n    //   status: 'incomplete',\r\n    //   label: 'Third Step',\r\n    //   supportingText: 'Start collaborating with your team',\r\n    // },\r\n    // {\r\n    //   state: 'default',\r\n    //   status: 'incomplete',\r\n    //   label: 'Fourth Step',\r\n    //   supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    // },\r\n  ]",
           "values": [
             {
               "type": "StepperType[]"
@@ -19621,7 +19952,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[]"
@@ -24549,6 +24880,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::FileUploadIconType": {
       "declaration": "export type FileUploadIconType = 'solid' | 'outline';",
       "docstring": "",
@@ -24569,11 +24905,6 @@
       "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: '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" }))));
+        return (h("div", { key: '605724cb28154233a95edd7d284db5354a464b5a', class: `background ${this.state}` }, h("div", { key: '0e61efd35610c7772a923239c6e5990c046519e0', class: `icon ${this.state === StateEnum.Default ? 'default' : this.state === StateEnum.Disabled ? 'disabled' : ''}`, innerHTML: this.leadingIconSvg }), h(Fragment, null, this.showIndicator && h("div", { key: 'c0060198af54d62ad478172e2e698946c5e76a03', class: "red_dot" }))));
     }
 };
 GbHeaderIcon.style = gbHeaderIconCss;
@@ -137,7 +137,7 @@ const GbHelpDropdown = class {
         this.helpItemClicked.emit(item);
     }
     render() {
-        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') })))));
+        return (h("div", { key: 'c84604cca8203fe684601068cdaa616db3a5336a', class: "dropdown-container" }, h("div", { key: 'a5c1d7dabb769e98a79be57449f000a3716d9d99', class: "user_guide" }, h("gb-dropdown-items-with-shortcut", { key: 'a43c5b1d779882f3928350e4a2b8e3ff118f799e', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), h("div", { key: 'e4e4e4adfb801f356676a4bce68a3e998e412490', class: "bug" }, h("gb-dropdown-items-with-shortcut", { key: 'cb2723ad64a9f78d32d7ddc09dd12eca6a832d4a', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (h("div", { key: 'ccf6b48b8db2b652d3a74376c2335afacccaee3c', class: "log_error" }, h("gb-dropdown-items-with-shortcut", { key: 'bbbaf53b632a38cee51d96b311e5f25e28f83ef6', 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: '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"))),
+        return (h("div", { key: '96c9099792a58fc1ebf3c8469670e4008959e514', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: 'a19df64cbafa867a32601e8554fec70ff61a2de5', class: `container` }, h("div", { key: '4bea30ee8f140d2b55909f5bf2a47ff4e46193b6', class: "frame" }, h("img", { key: '69f093712086033fa80d2745d5013a41f2c76bab', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: 'f4489470fc163272194ad79c6ff7a8fe5083bd58', class: "empty_state" }, h("div", { key: '72c44cfec3e95409c5dd7c01e578a7ff8552358f', class: "content" }, h("img", { key: '380dca2225029169aa00b042732af07d5b164a6e', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '55b2876ed1826d6f530ba229caf7d2ad25ed12b8', class: "text" }, h("slot", { key: '0f32999820fd03767d3f6bd78c9c363871b5d598', name: "label" }), h("slot", { key: '9c972a8ccd8705b50437329f7079aded6e087ee2', name: "supporting_text" })))))),
+            h("div", { key: 'a0bd443323355b0d854385155246473f19e2fccf', class: `button` }, h("gb-button", { key: '65741bd57c3665081ae808bf8dba29506213f501', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '34478aaeea2a1dfcccf6a4a7674ce9778518295f' }, "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: '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 }))));
+        return (h("div", { key: '9853b8692e14ba9bfb4f8385a6a03cd36fee6d6c', class: "icon_button_base_container" }, this.showTooltip && (h("gb-tooltip", { key: 'a39e3c921b8a84a8579efdc38b98cebd87b7ca42', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: 'b06c53e246c30aa7a010401188f1eecb408304ff', slot: "label" }, this.label))), h("div", { key: 'dc601053f6470d3d5d1d23bab48399406f95cc46', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '7e54c277bf8d2db2b3f7e4d6bb695f4f262b9680', 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: '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') }))));
+        return (h("div", { key: 'f8c3653f37a6cd21fc1a7f8cc45f60a05500fffe', class: `theme_tab_div` }, h("div", { key: '65d0f0c5920aea5a89e9e3ecb5cca5a162270322', class: "tab" }, h("gb-icon-button-base", { key: '52867d9177bed7aa393e7d72dc45a344e7eeb43f', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: 'abd3a44d740a9693f44d34e6dd4b2c60aa5227d3', class: "tab" }, h("gb-icon-button-base", { key: '1669f4b9c4dc4cc17d26f7d4e2458622775d46e3', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '4e116f40f3b8a5492c1fcc3b6d3b477903a89311', class: "tab" }, h("gb-icon-button-base", { key: '040e0a9f9a53e94df20f16e27fb2728bdd7f704a', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     get el() { return getElement(this); }
 };