globuswebcomponents 2.8.2 → 2.8.4

package/dist/types/components.d.ts

@@ -682,6 +682,18 @@ export namespace Components {
         "state": 'default' | 'active';
         "type": 'full_with_label' | 'icon_only';
     }
+    interface GbContactHelpDropdown {
+        /**
+          * @default [     {       id: 'contactcentre',       label: 'contactcentre@globusbank.com',       action: 'email',       icon: 'assets/mail-at-sign-02.svg',       disabled: true,     },     {       id: 'contactcentre',       label: '(+234) 123 4324 122',       action: 'email',       icon: 'assets/mail-at-sign-02.svg',     },     {       id: 'contactcentre',       label: 'Download user guide',       action: 'email',       icon: 'assets/mail-at-sign-02.svg',     },   ]
+         */
+        "items": {
+    id?: string;
+    label: string;
+    icon?: string;
+    action: string;
+    disabled?: boolean;
+  }[];
+    }
     interface GbDatePicker {
         /**
           * @default false
@@ -727,12 +739,26 @@ export namespace Components {
           * @default 'Start date - end date'
          */
         "placeholder": string;
+        /**
+          * @default 1
+         */
+        "showMonths": number;
         /**
           * @default false
          */
         "twentyfourHr": boolean;
         "value": string | string[];
     }
+    interface GbDatePickerListItem {
+        /**
+          * @default ""
+         */
+        "label": string;
+        /**
+          * @default false
+         */
+        "selected": boolean;
+    }
     interface GbDetailCell {
         "badgeColor": GeneralColors;
         "badgeIcon": BadgeIconTypes;
@@ -1015,10 +1041,18 @@ export namespace Components {
           * @default 'simple'
          */
         "avatarDropdownType": 'simple' | 'complex';
+        /**
+          * @default 'desktop'
+         */
+        "breakpoint": BreakPoints;
         /**
           * @default 'blue'
          */
         "color": ColorTypes;
+        /**
+          * @default false
+         */
+        "contactHelpDropdown": boolean;
         /**
           * @default 'system'
          */
@@ -1039,10 +1073,6 @@ export namespace Components {
           * @default [     // { label: 'Configuration', icon: 'assets/user.svg', shortcut: 'Ctrl + S' },     // { label: 'Team', icon: 'assets/book-open-02.svg', shortcut: 'Ctrl K + T' },     // { label: 'Invite members', icon: 'assets/customer-support.svg', shortcut: 'Ctrl + I' },   ]
          */
         "listGroupTwo": DropdownListGroup[];
-        /**
-          * @default ''
-         */
-        "logo": string;
         "notificationState": 'empty' | 'notification_dropdown';
         /**
           * @default [     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },   ]
@@ -1073,7 +1103,7 @@ export namespace Components {
          */
         "showLogError": boolean;
         /**
-          * @default false
+          * @default true
          */
         "showLogOut": boolean;
         /**
@@ -1142,7 +1172,7 @@ export namespace Components {
         "fullWidth": boolean;
         "size": GeneralSizes;
         /**
-          * @default [     // {     //   name: 'First',     //   index: 0,     //   badgeCount: '5',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },   ]
+          * @default [     {       name: 'All accounts',       index: 0,       badgeCount: '5',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },   ]
          */
         "tabs": { name: string; index: number; badgeCount?: string }[];
         "type": TabTypes;
@@ -1309,8 +1339,12 @@ export namespace Components {
          */
         "hintText": string;
         "icon": 'country' | 'avatar' | 'dot' | 'false';
-        "iconSwap"?: string;
+        "iconSwap": string;
         "idOfInput": string;
+        /**
+          * @default false
+         */
+        "inputOnlyDisabled": boolean;
         /**
           * @default 'text'
          */
@@ -1334,17 +1368,13 @@ export namespace Components {
         "menuPosition": 'top' | 'bottom';
         "minLength": number;
         /**
-          * @default [     // { objectName: '+296', objectValue: 'john.doe@example.com' },     // { objectName: '+297', objectValue: 'john.doe@example.com' },     // { objectName: '+298', objectValue: 'john.doe@example.com' },     // { objectName: '+299', objectValue: 'john.doe@example.com' },     // '+234',     // '+124',     // 57,     // 43,   ]
+          * @default [     // { objectName: '+296', objectValue: 'john.doe@example.com' },     // { objectName: '+297', objectValue: 'john.doe@example.com' },     // { objectName: '+298', objectValue: 'john.doe@example.com' },     // { objectName: '+299', objectValue: 'john.doe@example.com' },     // '+234',     // '+124',     // 57,     // 43,     // 'NGN',     // 'GBP',     // 'USD'   ]
          */
         "options": any[];
         /**
           * @default ''
          */
         "placeholder": string;
-        /**
-          * @default false
-         */
-        "required": boolean;
         /**
           * @default [     // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },     // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },     // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },     // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },     // { objectName: 'Gideon Ogunkola', objectValue: 'gideon@example.com' },     // 10,     // 20,     // 30,     // 40,     // 50,   ]
          */
@@ -1374,7 +1404,7 @@ export namespace Components {
          */
         "showValidation": boolean;
         "size": GeneralSizes;
-        "state": 'default' | 'filled' | 'active' | 'disabled';
+        "state": 'default' | 'active' | 'disabled';
         "type": InputFieldTypes;
         /**
           * @default [     // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },     // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },     // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },     // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },     // 10,   ]
@@ -2415,6 +2445,10 @@ export interface GbCheckboxGroupItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbCheckboxGroupItemElement;
 }
+export interface GbContactHelpDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGbContactHelpDropdownElement;
+}
 export interface GbDatePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbDatePickerElement;
@@ -2826,6 +2860,23 @@ declare global {
         prototype: HTMLGbComplexSecondarySideBarItemElement;
         new (): HTMLGbComplexSecondarySideBarItemElement;
     };
+    interface HTMLGbContactHelpDropdownElementEventMap {
+        "itemSelected": string;
+    }
+    interface HTMLGbContactHelpDropdownElement extends Components.GbContactHelpDropdown, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGbContactHelpDropdownElementEventMap>(type: K, listener: (this: HTMLGbContactHelpDropdownElement, ev: GbContactHelpDropdownCustomEvent<HTMLGbContactHelpDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLGbContactHelpDropdownElementEventMap>(type: K, listener: (this: HTMLGbContactHelpDropdownElement, ev: GbContactHelpDropdownCustomEvent<HTMLGbContactHelpDropdownElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLGbContactHelpDropdownElement: {
+        prototype: HTMLGbContactHelpDropdownElement;
+        new (): HTMLGbContactHelpDropdownElement;
+    };
     interface HTMLGbDatePickerElementEventMap {
         "dateChange": string | string[];
     }
@@ -2843,6 +2894,12 @@ declare global {
         prototype: HTMLGbDatePickerElement;
         new (): HTMLGbDatePickerElement;
     };
+    interface HTMLGbDatePickerListItemElement extends Components.GbDatePickerListItem, HTMLStencilElement {
+    }
+    var HTMLGbDatePickerListItemElement: {
+        prototype: HTMLGbDatePickerListItemElement;
+        new (): HTMLGbDatePickerListItemElement;
+    };
     interface HTMLGbDetailCellElementEventMap {
         "viewButtonClicked": void;
         "downloadButtonClicked": void;
@@ -2977,8 +3034,6 @@ declare global {
         new (): HTMLGbFilterButtonElement;
     };
     interface HTMLGbHeaderElementEventMap {
-        "navBarItemClicked": string;
-        "menuClicked": void;
         "inputValueChanged": string;
         "helpItemClicked": string;
         "themeTabClicked": string;
@@ -3725,7 +3780,9 @@ declare global {
         "gb-comment-item": HTMLGbCommentItemElement;
         "gb-complex-primary-side-bar-item": HTMLGbComplexPrimarySideBarItemElement;
         "gb-complex-secondary-side-bar-item": HTMLGbComplexSecondarySideBarItemElement;
+        "gb-contact-help-dropdown": HTMLGbContactHelpDropdownElement;
         "gb-date-picker": HTMLGbDatePickerElement;
+        "gb-date-picker-list-item": HTMLGbDatePickerListItemElement;
         "gb-detail-cell": HTMLGbDetailCellElement;
         "gb-dropdown-items-with-shortcut": HTMLGbDropdownItemsWithShortcutElement;
         "gb-empty-state": HTMLGbEmptyStateElement;
@@ -4495,6 +4552,19 @@ declare namespace LocalJSX {
         "state"?: 'default' | 'active';
         "type"?: 'full_with_label' | 'icon_only';
     }
+    interface GbContactHelpDropdown {
+        /**
+          * @default [     {       id: 'contactcentre',       label: 'contactcentre@globusbank.com',       action: 'email',       icon: 'assets/mail-at-sign-02.svg',       disabled: true,     },     {       id: 'contactcentre',       label: '(+234) 123 4324 122',       action: 'email',       icon: 'assets/mail-at-sign-02.svg',     },     {       id: 'contactcentre',       label: 'Download user guide',       action: 'email',       icon: 'assets/mail-at-sign-02.svg',     },   ]
+         */
+        "items"?: {
+    id?: string;
+    label: string;
+    icon?: string;
+    action: string;
+    disabled?: boolean;
+  }[];
+        "onItemSelected"?: (event: GbContactHelpDropdownCustomEvent<string>) => void;
+    }
     interface GbDatePicker {
         /**
           * @default false
@@ -4541,12 +4611,26 @@ declare namespace LocalJSX {
           * @default 'Start date - end date'
          */
         "placeholder"?: string;
+        /**
+          * @default 1
+         */
+        "showMonths"?: number;
         /**
           * @default false
          */
         "twentyfourHr"?: boolean;
         "value"?: string | string[];
     }
+    interface GbDatePickerListItem {
+        /**
+          * @default ""
+         */
+        "label"?: string;
+        /**
+          * @default false
+         */
+        "selected"?: boolean;
+    }
     interface GbDetailCell {
         "badgeColor"?: GeneralColors;
         "badgeIcon"?: BadgeIconTypes;
@@ -4840,10 +4924,18 @@ declare namespace LocalJSX {
           * @default 'simple'
          */
         "avatarDropdownType"?: 'simple' | 'complex';
+        /**
+          * @default 'desktop'
+         */
+        "breakpoint"?: BreakPoints;
         /**
           * @default 'blue'
          */
         "color"?: ColorTypes;
+        /**
+          * @default false
+         */
+        "contactHelpDropdown"?: boolean;
         /**
           * @default 'system'
          */
@@ -4864,10 +4956,6 @@ declare namespace LocalJSX {
           * @default [     // { label: 'Configuration', icon: 'assets/user.svg', shortcut: 'Ctrl + S' },     // { label: 'Team', icon: 'assets/book-open-02.svg', shortcut: 'Ctrl K + T' },     // { label: 'Invite members', icon: 'assets/customer-support.svg', shortcut: 'Ctrl + I' },   ]
          */
         "listGroupTwo"?: DropdownListGroup[];
-        /**
-          * @default ''
-         */
-        "logo"?: string;
         "notificationState"?: 'empty' | 'notification_dropdown';
         /**
           * @default [     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },   ]
@@ -4876,8 +4964,6 @@ declare namespace LocalJSX {
         "onAvatarDropdownItemClicked"?: (event: GbHeaderCustomEvent<string>) => void;
         "onHelpItemClicked"?: (event: GbHeaderCustomEvent<string>) => void;
         "onInputValueChanged"?: (event: GbHeaderCustomEvent<string>) => void;
-        "onMenuClicked"?: (event: GbHeaderCustomEvent<void>) => void;
-        "onNavBarItemClicked"?: (event: GbHeaderCustomEvent<string>) => void;
         "onThemeTabClicked"?: (event: GbHeaderCustomEvent<string>) => void;
         /**
           * @default false
@@ -4904,7 +4990,7 @@ declare namespace LocalJSX {
          */
         "showLogError"?: boolean;
         /**
-          * @default false
+          * @default true
          */
         "showLogOut"?: boolean;
         /**
@@ -4975,7 +5061,7 @@ declare namespace LocalJSX {
         "onTabItemClicked"?: (event: GbHorizontalTabsCustomEvent<number>) => void;
         "size"?: GeneralSizes;
         /**
-          * @default [     // {     //   name: 'First',     //   index: 0,     //   badgeCount: '5',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },   ]
+          * @default [     {       name: 'All accounts',       index: 0,       badgeCount: '5',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },   ]
          */
         "tabs"?: { name: string; index: number; badgeCount?: string }[];
         "type"?: TabTypes;
@@ -5144,6 +5230,10 @@ declare namespace LocalJSX {
         "icon"?: 'country' | 'avatar' | 'dot' | 'false';
         "iconSwap"?: string;
         "idOfInput"?: string;
+        /**
+          * @default false
+         */
+        "inputOnlyDisabled"?: boolean;
         /**
           * @default 'text'
          */
@@ -5170,17 +5260,13 @@ declare namespace LocalJSX {
         "onOptionChanged"?: (event: GbInputFieldCustomEvent<any>) => void;
         "onPlusButtonClicked"?: (event: GbInputFieldCustomEvent<void>) => void;
         /**
-          * @default [     // { objectName: '+296', objectValue: 'john.doe@example.com' },     // { objectName: '+297', objectValue: 'john.doe@example.com' },     // { objectName: '+298', objectValue: 'john.doe@example.com' },     // { objectName: '+299', objectValue: 'john.doe@example.com' },     // '+234',     // '+124',     // 57,     // 43,   ]
+          * @default [     // { objectName: '+296', objectValue: 'john.doe@example.com' },     // { objectName: '+297', objectValue: 'john.doe@example.com' },     // { objectName: '+298', objectValue: 'john.doe@example.com' },     // { objectName: '+299', objectValue: 'john.doe@example.com' },     // '+234',     // '+124',     // 57,     // 43,     // 'NGN',     // 'GBP',     // 'USD'   ]
          */
         "options"?: any[];
         /**
           * @default ''
          */
         "placeholder"?: string;
-        /**
-          * @default false
-         */
-        "required"?: boolean;
         /**
           * @default [     // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },     // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },     // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },     // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },     // { objectName: 'Gideon Ogunkola', objectValue: 'gideon@example.com' },     // 10,     // 20,     // 30,     // 40,     // 50,   ]
          */
@@ -5210,7 +5296,7 @@ declare namespace LocalJSX {
          */
         "showValidation"?: boolean;
         "size"?: GeneralSizes;
-        "state"?: 'default' | 'filled' | 'active' | 'disabled';
+        "state"?: 'default' | 'active' | 'disabled';
         "type"?: InputFieldTypes;
         /**
           * @default [     // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },     // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },     // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },     // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },     // 10,   ]
@@ -6283,7 +6369,9 @@ declare namespace LocalJSX {
         "gb-comment-item": GbCommentItem;
         "gb-complex-primary-side-bar-item": GbComplexPrimarySideBarItem;
         "gb-complex-secondary-side-bar-item": GbComplexSecondarySideBarItem;
+        "gb-contact-help-dropdown": GbContactHelpDropdown;
         "gb-date-picker": GbDatePicker;
+        "gb-date-picker-list-item": GbDatePickerListItem;
         "gb-detail-cell": GbDetailCell;
         "gb-dropdown-items-with-shortcut": GbDropdownItemsWithShortcut;
         "gb-empty-state": GbEmptyState;
@@ -6398,7 +6486,9 @@ declare module "@stencil/core" {
             "gb-comment-item": LocalJSX.GbCommentItem & JSXBase.HTMLAttributes<HTMLGbCommentItemElement>;
             "gb-complex-primary-side-bar-item": LocalJSX.GbComplexPrimarySideBarItem & JSXBase.HTMLAttributes<HTMLGbComplexPrimarySideBarItemElement>;
             "gb-complex-secondary-side-bar-item": LocalJSX.GbComplexSecondarySideBarItem & JSXBase.HTMLAttributes<HTMLGbComplexSecondarySideBarItemElement>;
+            "gb-contact-help-dropdown": LocalJSX.GbContactHelpDropdown & JSXBase.HTMLAttributes<HTMLGbContactHelpDropdownElement>;
             "gb-date-picker": LocalJSX.GbDatePicker & JSXBase.HTMLAttributes<HTMLGbDatePickerElement>;
+            "gb-date-picker-list-item": LocalJSX.GbDatePickerListItem & JSXBase.HTMLAttributes<HTMLGbDatePickerListItemElement>;
             "gb-detail-cell": LocalJSX.GbDetailCell & JSXBase.HTMLAttributes<HTMLGbDetailCellElement>;
             "gb-dropdown-items-with-shortcut": LocalJSX.GbDropdownItemsWithShortcut & JSXBase.HTMLAttributes<HTMLGbDropdownItemsWithShortcutElement>;
             "gb-empty-state": LocalJSX.GbEmptyState & JSXBase.HTMLAttributes<HTMLGbEmptyStateElement>;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "globuswebcomponents",
-  "version": "2.8.2",
+  "version": "2.8.4",
   "description": "Globus One",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "types": "dist/types/index.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
-  "unpkg": "dist/globusc   omponents/globuscomponents.esm.js",
+  "unpkg": "dist/globuscomponents/globuscomponents.esm.js",
   "exports": {
     ".": {
       "import": "./dist/globuscomponents/globuscomponents.esm.js",