globuswebcomponents 2.4.8 → 2.5.0

package/dist/types/components/{gb-top-bar-sidemenu/gb-top-bar-sidemenu.d.ts → gb-nav-bar-sidemenu/gb-nav-bar-sidemenu.d.ts}

@@ -1,16 +1,15 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class GbTopBarSidemenu {
+export declare class GbNavBarSidemenu {
     applicationName: string;
     applicationIcon: string;
     activeIndex: number;
-    firstTabName: string;
-    secondTabName: string;
-    thirdTabName: string;
-    fourthTabName: string;
-    fifthTabName: string;
+    tabs: {
+        name: string;
+        index: number;
+    }[];
     leadingIconSvg: string;
     el: HTMLElement;
-    tabItemClicked: EventEmitter<void>;
+    navBarItemClicked: EventEmitter<void>;
     loadIcon(iconName: string): Promise<void>;
     onTabItemClicked(event: any): void;
     componentWillLoad(): void;

package/dist/types/components/gb-textarea-input-field/gb-textarea-input-field.d.ts

@@ -8,6 +8,7 @@ export declare class GbTextareaInputField {
     label: string;
     showHintText: boolean;
     hintText: string;
+    errorText: string;
     idOfInput: string;
     isReadOnly: boolean;
     value: any;
@@ -34,6 +35,7 @@ export declare class GbTextareaInputField {
     componentWillLoad(): void;
     disconnectedCallback(): void;
     handleInput(): void;
+    handleInputFocus(): void;
     handleTagInput(event: Event): void;
     emitInputValue(): void;
     handleTagRemove(index: number): void;

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

@@ -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

@@ -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

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