npm - globuswebcomponents - Versions diffs - 2.4.9 → 2.5.0 - Mend

globuswebcomponents 2.4.9 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (643) hide show

package/dist/types/components/gb-vertical-tabs/gb-vertical-tabs.d.ts CHANGED Viewed

@@ -1,33 +1,25 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { GeneralSizes, TabTypes } from "../../models/reusableModels";
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GeneralSizes, TabTypes } from '../../models/reusableModels';
 export declare class GbVerticalTabs {
     size: GeneralSizes;
     type: TabTypes;
-    firstTabName: string;
-    secondTabName: string;
-    thirdTabName: string;
-    fourthTabName: string;
-    fifthTabName: string;
-    sixthTabName: string;
-    seventhTabName: string;
-    eighthTabName: string;
-    ninthTabName: string;
-    tenthTabName: string;
-    eleventhTabName: string;
-    twelfthTabName: string;
-    thirteenthTabName: string;
-    fourteenthTabName: string;
-    fifteenthTabName: string;
-    sixteenthTabName: string;
-    seventeenthTabName: string;
-    eighteenthTabName: string;
-    nineteenthTabName: string;
-    twentiethTabName: string;
     activeIndex: number;
+    tabs: {
+        name: string;
+        index: number;
+    }[];
+    internalTabs: {
+        name: string;
+        index: number;
+    }[];
     tabItemClicked: EventEmitter<{
         index: number;
         label: string;
     }>;
+    onTabsChanged(newTabs: {
+        name: string;
+        index: number;
+    }[]): void;
     handleTabClick(index: number, label: string): Promise<void>;
     render(): any;
 }

package/dist/types/components.d.ts CHANGED Viewed

@@ -346,6 +346,8 @@ export namespace Components {
     }
     interface GbHeader {
         "color": ColorTypes;
+        "inputIcon": string;
+        "inputPlaceholder": string;
         "onNavBarItemClicked": (item: string) => Promise<void>;
         "placeholder": boolean;
         "showBorder": boolean;
@@ -353,6 +355,7 @@ export namespace Components {
         "showIndicator": boolean;
         "showLogo": boolean;
         "showNotification": boolean;
+        "showSearch": boolean;
         "state": StateEnum;
         "text": boolean;
     }
@@ -372,28 +375,9 @@ export namespace Components {
     interface GbHorizontalTabs {
         "activeIndex": number;
         "badge": boolean;
-        "eighteenthTabName": string;
-        "eighthTabName": string;
-        "eleventhTabName": string;
-        "fifteenthTabName": string;
-        "fifthTabName": string;
-        "firstTabName": string;
-        "fourteenthTabName": string;
-        "fourthTabName": string;
         "fullWidth": boolean;
-        "nineteenthTabName": string;
-        "ninthTabName": string;
-        "secondTabName": string;
-        "seventeenthTabName": string;
-        "seventhTabName": string;
-        "sixteenthTabName": string;
-        "sixthTabName": string;
         "size": GeneralSizes;
-        "tenthTabName": string;
-        "thirdTabName": string;
-        "thirteenthTabName": string;
-        "twelfthTabName": string;
-        "twentiethTabName": string;
+        "tabs": { name: string; index: number; badgeCount?: string }[];
         "type": TabTypes;
     }
     interface GbIconButtonBase {
@@ -406,6 +390,7 @@ export namespace Components {
         "color": ColorTypes;
         "destructive": boolean;
         "errorText": string;
+        "formatLabel": boolean;
         "hintText": string;
         "icon": 'country' | 'avatar' | 'dot' | 'false';
         "iconSwap": string;
@@ -443,6 +428,7 @@ export namespace Components {
     interface GbInputField {
         "destructive": boolean;
         "errorText": string;
+        "formatLabel": boolean;
         "hintText": string;
         "icon": 'country' | 'avatar' | 'dot' | 'false';
         "iconSwap"?: string;
@@ -480,8 +466,10 @@ export namespace Components {
     interface GbMetricCard {
         "featuredIconColor": ColorTypes;
         "featuredIconStyle": MetricFeaturedIconTypes;
+        "icon": string;
         "label": string;
         "metric": string;
+        "percentage": string;
         "radius": GeneralSizes;
         "showBadge": boolean;
         "size": GeneralSizes;
@@ -492,6 +480,25 @@ export namespace Components {
         "icon": string;
         "size": GeneralSizes;
     }
+    interface GbNavBar {
+        "activeIndex": number;
+        "category": GeneralBackgroundCategories;
+        "items": { label: string; icon: string; iconOnly: boolean; index: number }[];
+        "showBorder": boolean;
+    }
+    interface GbNavBarItem {
+        "category": GeneralBackgroundCategories;
+        "icon": string;
+        "iconOnly": boolean;
+        "label": string;
+        "state": 'default' | 'active';
+    }
+    interface GbNavBarSidemenu {
+        "activeIndex": number;
+        "applicationIcon": string;
+        "applicationName": string;
+        "tabs": { name: string; index: number }[];
+    }
     interface GbNotificationContent {
         "icon": string;
         "label": string;
@@ -718,6 +725,7 @@ export namespace Components {
     }
     interface GbTextareaInputField {
         "destructive": boolean;
+        "errorText": string;
         "hintText": string;
         "icon": 'country' | 'avatar' | 'dot' | 'false';
         "idOfInput": string;
@@ -785,71 +793,10 @@ export namespace Components {
         "showArrow": boolean;
         "showSupportingText": boolean;
     }
-    interface GbTopBar {
-        "activeIndex": number;
-        "category": GeneralBackgroundCategories;
-        "fifthTabIcon": string;
-        "fifthTabIconOnly": boolean;
-        "fifthTabLabel": string;
-        "firstTabIcon": string;
-        "firstTabIconOnly": boolean;
-        "firstTabLabel": string;
-        "fourthTabIcon": string;
-        "fourthTabIconOnly": boolean;
-        "fourthTabLabel": string;
-        "secondTabIcon": string;
-        "secondTabIconOnly": boolean;
-        "secondTabLabel": string;
-        "seventhTabIcon": string;
-        "seventhTabIconOnly": boolean;
-        "seventhTabLabel": string;
-        "sixthTabIcon": string;
-        "sixthTabIconOnly": boolean;
-        "sixthTabLabel": string;
-        "thirdTabIcon": string;
-        "thirdTabIconOnly": boolean;
-        "thirdTabLabel": string;
-    }
-    interface GbTopBarItem {
-        "category": GeneralBackgroundCategories;
-        "icon": string;
-        "iconOnly": boolean;
-        "label": string;
-        "state": 'default' | 'active';
-    }
-    interface GbTopBarSidemenu {
-        "activeIndex": number;
-        "applicationIcon": string;
-        "applicationName": string;
-        "fifthTabName": string;
-        "firstTabName": string;
-        "fourthTabName": string;
-        "secondTabName": string;
-        "thirdTabName": string;
-    }
     interface GbVerticalTabs {
         "activeIndex": number;
-        "eighteenthTabName": string;
-        "eighthTabName": string;
-        "eleventhTabName": string;
-        "fifteenthTabName": string;
-        "fifthTabName": string;
-        "firstTabName": string;
-        "fourteenthTabName": string;
-        "fourthTabName": string;
-        "nineteenthTabName": string;
-        "ninthTabName": string;
-        "secondTabName": string;
-        "seventeenthTabName": string;
-        "seventhTabName": string;
-        "sixteenthTabName": string;
-        "sixthTabName": string;
         "size": GeneralSizes;
-        "tenthTabName": string;
-        "thirdTabName": string;
-        "thirteenthTabName": string;
-        "twelfthTabName": string;
-        "twentiethTabName": string;
+        "tabs": { name: string; index: number }[];
         "type": TabTypes;
     }
     interface GbWysiwygEditorIcon {
@@ -945,6 +892,14 @@ export interface GbInputFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbInputFieldElement;
 }
+export interface GbNavBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGbNavBarElement;
+}
+export interface GbNavBarSidemenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGbNavBarSidemenuElement;
+}
 export interface GbPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbPaginationElement;
@@ -997,14 +952,6 @@ export interface GbToggleBaseCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbToggleBaseElement;
 }
-export interface GbTopBarCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLGbTopBarElement;
-}
-export interface GbTopBarSidemenuCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLGbTopBarSidemenuElement;
-}
 export interface GbVerticalTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbVerticalTabsElement;
@@ -1415,6 +1362,7 @@ declare global {
     interface HTMLGbHeaderElementEventMap {
         "navBarItemClicked": string;
         "menuClicked": void;
+        "inputValueChanged": string;
     }
     interface HTMLGbHeaderElement extends Components.GbHeader, HTMLStencilElement {
         addEventListener<K extends keyof HTMLGbHeaderElementEventMap>(type: K, listener: (this: HTMLGbHeaderElement, ev: GbHeaderCustomEvent<HTMLGbHeaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1555,6 +1503,46 @@ declare global {
         prototype: HTMLGbMetricFeaturedIconElement;
         new (): HTMLGbMetricFeaturedIconElement;
     };
+    interface HTMLGbNavBarElementEventMap {
+        "navBarItemClicked": number;
+    }
+    interface HTMLGbNavBarElement extends Components.GbNavBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGbNavBarElementEventMap>(type: K, listener: (this: HTMLGbNavBarElement, ev: GbNavBarCustomEvent<HTMLGbNavBarElementEventMap[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 HTMLGbNavBarElementEventMap>(type: K, listener: (this: HTMLGbNavBarElement, ev: GbNavBarCustomEvent<HTMLGbNavBarElementEventMap[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 HTMLGbNavBarElement: {
+        prototype: HTMLGbNavBarElement;
+        new (): HTMLGbNavBarElement;
+    };
+    interface HTMLGbNavBarItemElement extends Components.GbNavBarItem, HTMLStencilElement {
+    }
+    var HTMLGbNavBarItemElement: {
+        prototype: HTMLGbNavBarItemElement;
+        new (): HTMLGbNavBarItemElement;
+    };
+    interface HTMLGbNavBarSidemenuElementEventMap {
+        "navBarItemClicked": void;
+    }
+    interface HTMLGbNavBarSidemenuElement extends Components.GbNavBarSidemenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGbNavBarSidemenuElementEventMap>(type: K, listener: (this: HTMLGbNavBarSidemenuElement, ev: GbNavBarSidemenuCustomEvent<HTMLGbNavBarSidemenuElementEventMap[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 HTMLGbNavBarSidemenuElementEventMap>(type: K, listener: (this: HTMLGbNavBarSidemenuElement, ev: GbNavBarSidemenuCustomEvent<HTMLGbNavBarSidemenuElementEventMap[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 HTMLGbNavBarSidemenuElement: {
+        prototype: HTMLGbNavBarSidemenuElement;
+        new (): HTMLGbNavBarSidemenuElement;
+    };
     interface HTMLGbNotificationContentElement extends Components.GbNotificationContent, HTMLStencilElement {
     }
     var HTMLGbNotificationContentElement: {
@@ -1953,48 +1941,8 @@ declare global {
         prototype: HTMLGbTooltipElement;
         new (): HTMLGbTooltipElement;
     };
-    interface HTMLGbTopBarElementEventMap {
-        "topBarItemClicked": number;
-    }
-    interface HTMLGbTopBarElement extends Components.GbTopBar, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLGbTopBarElementEventMap>(type: K, listener: (this: HTMLGbTopBarElement, ev: GbTopBarCustomEvent<HTMLGbTopBarElementEventMap[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 HTMLGbTopBarElementEventMap>(type: K, listener: (this: HTMLGbTopBarElement, ev: GbTopBarCustomEvent<HTMLGbTopBarElementEventMap[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 HTMLGbTopBarElement: {
-        prototype: HTMLGbTopBarElement;
-        new (): HTMLGbTopBarElement;
-    };
-    interface HTMLGbTopBarItemElement extends Components.GbTopBarItem, HTMLStencilElement {
-    }
-    var HTMLGbTopBarItemElement: {
-        prototype: HTMLGbTopBarItemElement;
-        new (): HTMLGbTopBarItemElement;
-    };
-    interface HTMLGbTopBarSidemenuElementEventMap {
-        "tabItemClicked": void;
-    }
-    interface HTMLGbTopBarSidemenuElement extends Components.GbTopBarSidemenu, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLGbTopBarSidemenuElementEventMap>(type: K, listener: (this: HTMLGbTopBarSidemenuElement, ev: GbTopBarSidemenuCustomEvent<HTMLGbTopBarSidemenuElementEventMap[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 HTMLGbTopBarSidemenuElementEventMap>(type: K, listener: (this: HTMLGbTopBarSidemenuElement, ev: GbTopBarSidemenuCustomEvent<HTMLGbTopBarSidemenuElementEventMap[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 HTMLGbTopBarSidemenuElement: {
-        prototype: HTMLGbTopBarSidemenuElement;
-        new (): HTMLGbTopBarSidemenuElement;
-    };
     interface HTMLGbVerticalTabsElementEventMap {
-        "tabItemClicked": { index: number, label: string };
+        "tabItemClicked": { index: number; label: string };
     }
     interface HTMLGbVerticalTabsElement extends Components.GbVerticalTabs, HTMLStencilElement {
         addEventListener<K extends keyof HTMLGbVerticalTabsElementEventMap>(type: K, listener: (this: HTMLGbVerticalTabsElement, ev: GbVerticalTabsCustomEvent<HTMLGbVerticalTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2092,6 +2040,9 @@ declare global {
         "gb-mega-input-field-base": HTMLGbMegaInputFieldBaseElement;
         "gb-metric-card": HTMLGbMetricCardElement;
         "gb-metric-featured-icon": HTMLGbMetricFeaturedIconElement;
+        "gb-nav-bar": HTMLGbNavBarElement;
+        "gb-nav-bar-item": HTMLGbNavBarItemElement;
+        "gb-nav-bar-sidemenu": HTMLGbNavBarSidemenuElement;
         "gb-notification-content": HTMLGbNotificationContentElement;
         "gb-notification-pane": HTMLGbNotificationPaneElement;
         "gb-pagination": HTMLGbPaginationElement;
@@ -2133,9 +2084,6 @@ declare global {
         "gb-token-field-compact": HTMLGbTokenFieldCompactElement;
         "gb-token-field-compressed": HTMLGbTokenFieldCompressedElement;
         "gb-tooltip": HTMLGbTooltipElement;
-        "gb-top-bar": HTMLGbTopBarElement;
-        "gb-top-bar-item": HTMLGbTopBarItemElement;
-        "gb-top-bar-sidemenu": HTMLGbTopBarSidemenuElement;
         "gb-vertical-tabs": HTMLGbVerticalTabsElement;
         "gb-wysiwyg-editor-icon": HTMLGbWysiwygEditorIconElement;
         "gb-wysiwyg-tooltip": HTMLGbWysiwygTooltipElement;
@@ -2507,6 +2455,9 @@ declare namespace LocalJSX {
     }
     interface GbHeader {
         "color"?: ColorTypes;
+        "inputIcon"?: string;
+        "inputPlaceholder"?: string;
+        "onInputValueChanged"?: (event: GbHeaderCustomEvent<string>) => void;
         "onMenuClicked"?: (event: GbHeaderCustomEvent<void>) => void;
         "onNavBarItemClicked"?: (event: GbHeaderCustomEvent<string>) => void;
         "placeholder"?: boolean;
@@ -2515,6 +2466,7 @@ declare namespace LocalJSX {
         "showIndicator"?: boolean;
         "showLogo"?: boolean;
         "showNotification"?: boolean;
+        "showSearch"?: boolean;
         "state"?: StateEnum;
         "text"?: boolean;
     }
@@ -2534,29 +2486,10 @@ declare namespace LocalJSX {
     interface GbHorizontalTabs {
         "activeIndex"?: number;
         "badge"?: boolean;
-        "eighteenthTabName"?: string;
-        "eighthTabName"?: string;
-        "eleventhTabName"?: string;
-        "fifteenthTabName"?: string;
-        "fifthTabName"?: string;
-        "firstTabName"?: string;
-        "fourteenthTabName"?: string;
-        "fourthTabName"?: string;
         "fullWidth"?: boolean;
-        "nineteenthTabName"?: string;
-        "ninthTabName"?: string;
         "onTabItemClicked"?: (event: GbHorizontalTabsCustomEvent<number>) => void;
-        "secondTabName"?: string;
-        "seventeenthTabName"?: string;
-        "seventhTabName"?: string;
-        "sixteenthTabName"?: string;
-        "sixthTabName"?: string;
         "size"?: GeneralSizes;
-        "tenthTabName"?: string;
-        "thirdTabName"?: string;
-        "thirteenthTabName"?: string;
-        "twelfthTabName"?: string;
-        "twentiethTabName"?: string;
+        "tabs"?: { name: string; index: number; badgeCount?: string }[];
         "type"?: TabTypes;
     }
     interface GbIconButtonBase {
@@ -2568,6 +2501,7 @@ declare namespace LocalJSX {
         "color"?: ColorTypes;
         "destructive"?: boolean;
         "errorText"?: string;
+        "formatLabel"?: boolean;
         "hintText"?: string;
         "icon"?: 'country' | 'avatar' | 'dot' | 'false';
         "iconSwap"?: string;
@@ -2606,6 +2540,7 @@ declare namespace LocalJSX {
     interface GbInputField {
         "destructive"?: boolean;
         "errorText"?: string;
+        "formatLabel"?: boolean;
         "hintText"?: string;
         "icon"?: 'country' | 'avatar' | 'dot' | 'false';
         "iconSwap"?: string;
@@ -2645,8 +2580,10 @@ declare namespace LocalJSX {
     interface GbMetricCard {
         "featuredIconColor"?: ColorTypes;
         "featuredIconStyle"?: MetricFeaturedIconTypes;
+        "icon"?: string;
         "label"?: string;
         "metric"?: string;
+        "percentage"?: string;
         "radius"?: GeneralSizes;
         "showBadge"?: boolean;
         "size"?: GeneralSizes;
@@ -2657,6 +2594,27 @@ declare namespace LocalJSX {
         "icon"?: string;
         "size"?: GeneralSizes;
     }
+    interface GbNavBar {
+        "activeIndex"?: number;
+        "category"?: GeneralBackgroundCategories;
+        "items"?: { label: string; icon: string; iconOnly: boolean; index: number }[];
+        "onNavBarItemClicked"?: (event: GbNavBarCustomEvent<number>) => void;
+        "showBorder"?: boolean;
+    }
+    interface GbNavBarItem {
+        "category"?: GeneralBackgroundCategories;
+        "icon"?: string;
+        "iconOnly"?: boolean;
+        "label"?: string;
+        "state"?: 'default' | 'active';
+    }
+    interface GbNavBarSidemenu {
+        "activeIndex"?: number;
+        "applicationIcon"?: string;
+        "applicationName"?: string;
+        "onNavBarItemClicked"?: (event: GbNavBarSidemenuCustomEvent<void>) => void;
+        "tabs"?: { name: string; index: number }[];
+    }
     interface GbNotificationContent {
         "icon"?: string;
         "label"?: string;
@@ -2896,6 +2854,7 @@ declare namespace LocalJSX {
     }
     interface GbTextareaInputField {
         "destructive"?: boolean;
+        "errorText"?: string;
         "hintText"?: string;
         "icon"?: 'country' | 'avatar' | 'dot' | 'false';
         "idOfInput": string;
@@ -2970,74 +2929,11 @@ declare namespace LocalJSX {
         "showArrow"?: boolean;
         "showSupportingText"?: boolean;
     }
-    interface GbTopBar {
-        "activeIndex"?: number;
-        "category"?: GeneralBackgroundCategories;
-        "fifthTabIcon"?: string;
-        "fifthTabIconOnly"?: boolean;
-        "fifthTabLabel"?: string;
-        "firstTabIcon"?: string;
-        "firstTabIconOnly"?: boolean;
-        "firstTabLabel"?: string;
-        "fourthTabIcon"?: string;
-        "fourthTabIconOnly"?: boolean;
-        "fourthTabLabel"?: string;
-        "onTopBarItemClicked"?: (event: GbTopBarCustomEvent<number>) => void;
-        "secondTabIcon"?: string;
-        "secondTabIconOnly"?: boolean;
-        "secondTabLabel"?: string;
-        "seventhTabIcon"?: string;
-        "seventhTabIconOnly"?: boolean;
-        "seventhTabLabel"?: string;
-        "sixthTabIcon"?: string;
-        "sixthTabIconOnly"?: boolean;
-        "sixthTabLabel"?: string;
-        "thirdTabIcon"?: string;
-        "thirdTabIconOnly"?: boolean;
-        "thirdTabLabel"?: string;
-    }
-    interface GbTopBarItem {
-        "category"?: GeneralBackgroundCategories;
-        "icon"?: string;
-        "iconOnly"?: boolean;
-        "label"?: string;
-        "state"?: 'default' | 'active';
-    }
-    interface GbTopBarSidemenu {
-        "activeIndex"?: number;
-        "applicationIcon"?: string;
-        "applicationName"?: string;
-        "fifthTabName"?: string;
-        "firstTabName"?: string;
-        "fourthTabName"?: string;
-        "onTabItemClicked"?: (event: GbTopBarSidemenuCustomEvent<void>) => void;
-        "secondTabName"?: string;
-        "thirdTabName"?: string;
-    }
     interface GbVerticalTabs {
         "activeIndex"?: number;
-        "eighteenthTabName"?: string;
-        "eighthTabName"?: string;
-        "eleventhTabName"?: string;
-        "fifteenthTabName"?: string;
-        "fifthTabName"?: string;
-        "firstTabName"?: string;
-        "fourteenthTabName"?: string;
-        "fourthTabName"?: string;
-        "nineteenthTabName"?: string;
-        "ninthTabName"?: string;
-        "onTabItemClicked"?: (event: GbVerticalTabsCustomEvent<{ index: number, label: string }>) => void;
-        "secondTabName"?: string;
-        "seventeenthTabName"?: string;
-        "seventhTabName"?: string;
-        "sixteenthTabName"?: string;
-        "sixthTabName"?: string;
+        "onTabItemClicked"?: (event: GbVerticalTabsCustomEvent<{ index: number; label: string }>) => void;
         "size"?: GeneralSizes;
-        "tenthTabName"?: string;
-        "thirdTabName"?: string;
-        "thirteenthTabName"?: string;
-        "twelfthTabName"?: string;
-        "twentiethTabName"?: string;
+        "tabs"?: { name: string; index: number }[];
         "type"?: TabTypes;
     }
     interface GbWysiwygEditorIcon {
@@ -3110,6 +3006,9 @@ declare namespace LocalJSX {
         "gb-mega-input-field-base": GbMegaInputFieldBase;
         "gb-metric-card": GbMetricCard;
         "gb-metric-featured-icon": GbMetricFeaturedIcon;
+        "gb-nav-bar": GbNavBar;
+        "gb-nav-bar-item": GbNavBarItem;
+        "gb-nav-bar-sidemenu": GbNavBarSidemenu;
         "gb-notification-content": GbNotificationContent;
         "gb-notification-pane": GbNotificationPane;
         "gb-pagination": GbPagination;
@@ -3151,9 +3050,6 @@ declare namespace LocalJSX {
         "gb-token-field-compact": GbTokenFieldCompact;
         "gb-token-field-compressed": GbTokenFieldCompressed;
         "gb-tooltip": GbTooltip;
-        "gb-top-bar": GbTopBar;
-        "gb-top-bar-item": GbTopBarItem;
-        "gb-top-bar-sidemenu": GbTopBarSidemenu;
         "gb-vertical-tabs": GbVerticalTabs;
         "gb-wysiwyg-editor-icon": GbWysiwygEditorIcon;
         "gb-wysiwyg-tooltip": GbWysiwygTooltip;
@@ -3216,6 +3112,9 @@ declare module "@stencil/core" {
             "gb-mega-input-field-base": LocalJSX.GbMegaInputFieldBase & JSXBase.HTMLAttributes<HTMLGbMegaInputFieldBaseElement>;
             "gb-metric-card": LocalJSX.GbMetricCard & JSXBase.HTMLAttributes<HTMLGbMetricCardElement>;
             "gb-metric-featured-icon": LocalJSX.GbMetricFeaturedIcon & JSXBase.HTMLAttributes<HTMLGbMetricFeaturedIconElement>;
+            "gb-nav-bar": LocalJSX.GbNavBar & JSXBase.HTMLAttributes<HTMLGbNavBarElement>;
+            "gb-nav-bar-item": LocalJSX.GbNavBarItem & JSXBase.HTMLAttributes<HTMLGbNavBarItemElement>;
+            "gb-nav-bar-sidemenu": LocalJSX.GbNavBarSidemenu & JSXBase.HTMLAttributes<HTMLGbNavBarSidemenuElement>;
             "gb-notification-content": LocalJSX.GbNotificationContent & JSXBase.HTMLAttributes<HTMLGbNotificationContentElement>;
             "gb-notification-pane": LocalJSX.GbNotificationPane & JSXBase.HTMLAttributes<HTMLGbNotificationPaneElement>;
             "gb-pagination": LocalJSX.GbPagination & JSXBase.HTMLAttributes<HTMLGbPaginationElement>;
@@ -3257,9 +3156,6 @@ declare module "@stencil/core" {
             "gb-token-field-compact": LocalJSX.GbTokenFieldCompact & JSXBase.HTMLAttributes<HTMLGbTokenFieldCompactElement>;
             "gb-token-field-compressed": LocalJSX.GbTokenFieldCompressed & JSXBase.HTMLAttributes<HTMLGbTokenFieldCompressedElement>;
             "gb-tooltip": LocalJSX.GbTooltip & JSXBase.HTMLAttributes<HTMLGbTooltipElement>;
-            "gb-top-bar": LocalJSX.GbTopBar & JSXBase.HTMLAttributes<HTMLGbTopBarElement>;
-            "gb-top-bar-item": LocalJSX.GbTopBarItem & JSXBase.HTMLAttributes<HTMLGbTopBarItemElement>;
-            "gb-top-bar-sidemenu": LocalJSX.GbTopBarSidemenu & JSXBase.HTMLAttributes<HTMLGbTopBarSidemenuElement>;
             "gb-vertical-tabs": LocalJSX.GbVerticalTabs & JSXBase.HTMLAttributes<HTMLGbVerticalTabsElement>;
             "gb-wysiwyg-editor-icon": LocalJSX.GbWysiwygEditorIcon & JSXBase.HTMLAttributes<HTMLGbWysiwygEditorIconElement>;
             "gb-wysiwyg-tooltip": LocalJSX.GbWysiwygTooltip & JSXBase.HTMLAttributes<HTMLGbWysiwygTooltipElement>;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "globuswebcomponents",
-  "version": "2.4.9",
+  "version": "2.5.0",
   "description": "Globus One",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",