globuswebcomponents 0.3.5 → 0.3.7

package/dist/types/components.d.ts

@@ -5,8 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ArrowPositions, BorderWeights, BreakPoints, CheckBoxStates, CheckBoxVariants, FileUploadIconType, FileUploadStates, GeneralColors, GeneralHierarchies, GeneralSizes, OnlineIndicatorStates, PaginationNumberShapes, PaginationTypes, StateEnum } from "./models/reusableModels";
-export { ArrowPositions, BorderWeights, BreakPoints, CheckBoxStates, CheckBoxVariants, FileUploadIconType, FileUploadStates, GeneralColors, GeneralHierarchies, GeneralSizes, OnlineIndicatorStates, PaginationNumberShapes, PaginationTypes, StateEnum } from "./models/reusableModels";
+import { ArrowPositions, BorderWeights, BreakPoints, CheckBoxVariants, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, OnlineIndicatorStates, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
+export { ArrowPositions, BorderWeights, BreakPoints, CheckBoxVariants, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, OnlineIndicatorStates, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
 export namespace Components {
     interface GbAvatar {
         "icon": 'user';
@@ -28,9 +28,9 @@ export namespace Components {
         "weight": BorderWeights;
     }
     interface GbAvatarDropdown {
-        "listGroup1": boolean;
-        "listGroup2": boolean;
-        "listGroup3": boolean;
+        "listGroupOne": boolean;
+        "listGroupThree": boolean;
+        "listGroupTwo": boolean;
         "showDarkTheme": boolean;
         "showLogOut": boolean;
         "showProfile": boolean;
@@ -62,9 +62,10 @@ export namespace Components {
     interface GbBadge {
         "closeButton"?: boolean;
         "color": GeneralColors;
+        "flagSwap": string;
         "icon": 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only';
-        "iconLeadingSrc"?: string;
-        "iconTrailingSrc"?: string;
+        "iconLeadingSwap"?: string;
+        "iconTrailingSwap"?: string;
         "size": GeneralSizes;
         "type": 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';
     }
@@ -95,7 +96,7 @@ export namespace Components {
         "state": 'default' | 'hover' | 'disabled' | 'pressed';
     }
     interface GbButtonClose {
-        "color": 'primary' | 'information' | 'success' | 'gray' | 'warning' | 'error';
+        "color": GeneralColors;
         "size": GeneralSizes;
     }
     interface GbCarouselArrow {
@@ -124,23 +125,30 @@ export namespace Components {
         "size": GeneralSizes;
         "type": 'icon_simple' | 'avatar' | 'payment_icon' | 'radio_button' | 'checkbox';
     }
+    interface GbCheckboxGroupItem {
+        "breakpoint": BreakPoints;
+        "selected": boolean;
+        "showCost": boolean;
+        "size": GeneralSizes;
+        "state": StateEnum;
+        "type": 'icon_simple' | 'avatar' | 'payment_icon' | 'radio_button' | 'checkbox';
+    }
     interface GbCollapseButton {
+        "action": string;
         "collapseSidebar": () => Promise<void>;
         "color": 'gray' | 'white';
-        "currentIconDirection": string;
         "expandSidebar": () => Promise<void>;
         "isCollapsed": boolean;
         "isHovered": boolean;
     }
     interface GbDropdownItemsWithShortcut {
         "checkbox": boolean;
-        "checkboxStates": CheckBoxStates;
         "icon": boolean;
         "iconSrc": string;
         "label": string;
         "shortcut": boolean;
         "shortcutIcon": string;
-        "state": StateEnum;
+        "state": 'default' | 'disabled';
     }
     interface GbFileTypeIcon {
     }
@@ -160,13 +168,44 @@ export namespace Components {
         "icon": FileUploadIconType;
         "state": FileUploadStates;
     }
+    interface GbHeader {
+        "placeholder": boolean;
+        "showIndicator": boolean;
+        "state": StateEnum;
+        "text": boolean;
+    }
     interface GbHeaderIcon {
+        "icon": string;
         "showIndicator": boolean;
         "state": StateEnum;
     }
     interface GbHelpDropdown {
         "showLogError": boolean;
     }
+    interface GbHorizontalTabs {
+        "breakpoint": BreakPoints;
+        "eighthTab": boolean;
+        "eighthTabName": string;
+        "fifthTab": boolean;
+        "fifthTabName": string;
+        "firstTabName": string;
+        "fourthTab": boolean;
+        "fourthTabName": string;
+        "fullWidth": boolean;
+        "ninthTab": boolean;
+        "ninthTabName": string;
+        "secondTabName": string;
+        "seventhTab": boolean;
+        "seventhTabName": string;
+        "sixthTab": boolean;
+        "sixthTabName": string;
+        "size": GeneralSizes;
+        "tenthTab": boolean;
+        "tenthTabName": string;
+        "thirdTab": boolean;
+        "thirdTabName": string;
+        "type": TabTypes;
+    }
     interface GbInputDropdown {
         "hintText": string;
         "iconSwap": string;
@@ -178,10 +217,10 @@ export namespace Components {
         "showPlaceholder": boolean;
         "size": GeneralSizes;
         "state": 'default' | 'focused' | 'disabled' | 'filled';
+        "text": boolean;
         "type": 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'search' | 'tags';
     }
     interface GbInputDropdownMenuItem {
-        "checkboxStates": CheckBoxStates;
         "selected": boolean;
         "state": 'default' | 'disabled';
         "supportingText": boolean;
@@ -210,11 +249,21 @@ export namespace Components {
     }
     interface GbPagination {
         "breakpoint": BreakPoints;
-        "currentPage": string;
+        "currentPage": number;
         "shape": PaginationNumberShapes;
-        "totalPages": string;
+        "totalPages": number;
         "type": PaginationTypes;
     }
+    interface GbPaginationButtonGroupBase {
+        "icon": 'false' | 'only' | 'trailing' | 'leading';
+        "iconLeading": string;
+        "iconTrailing": string;
+    }
+    interface GbPaginationDotIndicator {
+        "current": boolean;
+        "size": GeneralSizes;
+        "type": 'dot' | 'line';
+    }
     interface GbPaginationNumberBase {
         "shape": PaginationNumberShapes;
     }
@@ -233,6 +282,45 @@ export namespace Components {
     interface GbScrollbar {
         "length": '25%' | '50%' | '75%';
     }
+    interface GbSideBarItem {
+        "category": GeneralBackgroundCategories;
+        "icon": string;
+        "label": string;
+        "showArrow": boolean;
+        "showBadge": boolean;
+        "showTooltip": boolean;
+        "state": 'default' | 'active';
+        "type": 'full_with_label' | 'icon_only';
+    }
+    interface GbSidebar {
+        "applicationName": string;
+        "category": GeneralBackgroundCategories;
+        "eighthItemIcon": string;
+        "eighthItemLabel": string;
+        "fifthItemIcon": string;
+        "fifthItemLabel": string;
+        "firstItemIcon": string;
+        "firstItemLabel": string;
+        "fourthItemIcon": string;
+        "fourthItemLabel": string;
+        "iconInstance": string;
+        "label": string;
+        "ninthItemIcon": string;
+        "ninthItemLabel": string;
+        "secondItemIcon": string;
+        "secondItemLabel": string;
+        "seventhItemIcon": string;
+        "seventhItemLabel": string;
+        "showSecondCategory": boolean;
+        "sideBarItemClicked": (index: number) => Promise<void>;
+        "sixthItemIcon": string;
+        "sixthItemLabel": string;
+        "state": 'expanded' | 'collapsed';
+        "tenthItemIcon": string;
+        "tenthItemLabel": string;
+        "thirdItemIcon": string;
+        "thirdItemLabel": string;
+    }
     interface GbSlider {
         "max": number;
         "min": number;
@@ -248,10 +336,18 @@ export namespace Components {
         "state": OnlineIndicatorStates;
         "statusIcon": string;
     }
+    interface GbTabButtonBase {
+        "badge": boolean;
+        "current": boolean;
+        "fullWidth": boolean;
+        "size": GeneralSizes;
+        "tabName": string;
+        "type": TabTypes;
+    }
     interface GbTag {
+        "action": 'X_close' | 'text_only' | 'count';
         "checkbox"?: boolean;
-        "closeButton"?: boolean;
-        "count"?: boolean;
+        "flagSwap": string;
         "icon"?: 'country' | 'avatar' | 'dot';
         "size": 'sm' | 'md' | 'lg';
     }
@@ -272,6 +368,18 @@ export namespace Components {
         "placeholder": string;
         "type": 'default' | 'tags';
     }
+    interface GbToast {
+        "actions": boolean;
+        "breakpoint": BreakPoints;
+        "color": GeneralColors;
+        "showSupportingText": boolean;
+        "size": 'floating' | 'full_width';
+        "xCloseButton": boolean;
+    }
+    interface GbToastButton {
+        "color": GeneralColors;
+        "state": StateEnum;
+    }
     interface GbToggle {
         "size": GeneralSizes;
         "state": StateEnum;
@@ -289,10 +397,18 @@ export namespace Components {
     interface GbWysiwygEditorIcon {
     }
 }
+export interface GbSideBarItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGbSideBarItemElement;
+}
 export interface GbSliderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbSliderElement;
 }
+export interface GbTabButtonBaseCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGbTabButtonBaseElement;
+}
 declare global {
     interface HTMLGbAvatarElement extends Components.GbAvatar, HTMLStencilElement {
     }
@@ -390,6 +506,12 @@ declare global {
         prototype: HTMLGbCheckboxGroupElement;
         new (): HTMLGbCheckboxGroupElement;
     };
+    interface HTMLGbCheckboxGroupItemElement extends Components.GbCheckboxGroupItem, HTMLStencilElement {
+    }
+    var HTMLGbCheckboxGroupItemElement: {
+        prototype: HTMLGbCheckboxGroupItemElement;
+        new (): HTMLGbCheckboxGroupItemElement;
+    };
     interface HTMLGbCollapseButtonElement extends Components.GbCollapseButton, HTMLStencilElement {
     }
     var HTMLGbCollapseButtonElement: {
@@ -420,6 +542,12 @@ declare global {
         prototype: HTMLGbFileUploadItemBaseElement;
         new (): HTMLGbFileUploadItemBaseElement;
     };
+    interface HTMLGbHeaderElement extends Components.GbHeader, HTMLStencilElement {
+    }
+    var HTMLGbHeaderElement: {
+        prototype: HTMLGbHeaderElement;
+        new (): HTMLGbHeaderElement;
+    };
     interface HTMLGbHeaderIconElement extends Components.GbHeaderIcon, HTMLStencilElement {
     }
     var HTMLGbHeaderIconElement: {
@@ -432,6 +560,12 @@ declare global {
         prototype: HTMLGbHelpDropdownElement;
         new (): HTMLGbHelpDropdownElement;
     };
+    interface HTMLGbHorizontalTabsElement extends Components.GbHorizontalTabs, HTMLStencilElement {
+    }
+    var HTMLGbHorizontalTabsElement: {
+        prototype: HTMLGbHorizontalTabsElement;
+        new (): HTMLGbHorizontalTabsElement;
+    };
     interface HTMLGbInputDropdownElement extends Components.GbInputDropdown, HTMLStencilElement {
     }
     var HTMLGbInputDropdownElement: {
@@ -474,6 +608,18 @@ declare global {
         prototype: HTMLGbPaginationElement;
         new (): HTMLGbPaginationElement;
     };
+    interface HTMLGbPaginationButtonGroupBaseElement extends Components.GbPaginationButtonGroupBase, HTMLStencilElement {
+    }
+    var HTMLGbPaginationButtonGroupBaseElement: {
+        prototype: HTMLGbPaginationButtonGroupBaseElement;
+        new (): HTMLGbPaginationButtonGroupBaseElement;
+    };
+    interface HTMLGbPaginationDotIndicatorElement extends Components.GbPaginationDotIndicator, HTMLStencilElement {
+    }
+    var HTMLGbPaginationDotIndicatorElement: {
+        prototype: HTMLGbPaginationDotIndicatorElement;
+        new (): HTMLGbPaginationDotIndicatorElement;
+    };
     interface HTMLGbPaginationNumberBaseElement extends Components.GbPaginationNumberBase, HTMLStencilElement {
     }
     var HTMLGbPaginationNumberBaseElement: {
@@ -498,6 +644,29 @@ declare global {
         prototype: HTMLGbScrollbarElement;
         new (): HTMLGbScrollbarElement;
     };
+    interface HTMLGbSideBarItemElementEventMap {
+        "sideBarItemClicked": void;
+    }
+    interface HTMLGbSideBarItemElement extends Components.GbSideBarItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGbSideBarItemElementEventMap>(type: K, listener: (this: HTMLGbSideBarItemElement, ev: GbSideBarItemCustomEvent<HTMLGbSideBarItemElementEventMap[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 HTMLGbSideBarItemElementEventMap>(type: K, listener: (this: HTMLGbSideBarItemElement, ev: GbSideBarItemCustomEvent<HTMLGbSideBarItemElementEventMap[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 HTMLGbSideBarItemElement: {
+        prototype: HTMLGbSideBarItemElement;
+        new (): HTMLGbSideBarItemElement;
+    };
+    interface HTMLGbSidebarElement extends Components.GbSidebar, HTMLStencilElement {
+    }
+    var HTMLGbSidebarElement: {
+        prototype: HTMLGbSidebarElement;
+        new (): HTMLGbSidebarElement;
+    };
     interface HTMLGbSliderElementEventMap {
         "valueChange": { left: number; right: number };
     }
@@ -527,6 +696,23 @@ declare global {
         prototype: HTMLGbStatusIndicatorElement;
         new (): HTMLGbStatusIndicatorElement;
     };
+    interface HTMLGbTabButtonBaseElementEventMap {
+        "tabClicked": void;
+    }
+    interface HTMLGbTabButtonBaseElement extends Components.GbTabButtonBase, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGbTabButtonBaseElementEventMap>(type: K, listener: (this: HTMLGbTabButtonBaseElement, ev: GbTabButtonBaseCustomEvent<HTMLGbTabButtonBaseElementEventMap[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 HTMLGbTabButtonBaseElementEventMap>(type: K, listener: (this: HTMLGbTabButtonBaseElement, ev: GbTabButtonBaseCustomEvent<HTMLGbTabButtonBaseElementEventMap[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 HTMLGbTabButtonBaseElement: {
+        prototype: HTMLGbTabButtonBaseElement;
+        new (): HTMLGbTabButtonBaseElement;
+    };
     interface HTMLGbTagElement extends Components.GbTag, HTMLStencilElement {
     }
     var HTMLGbTagElement: {
@@ -557,6 +743,18 @@ declare global {
         prototype: HTMLGbTextareaInputFieldElement;
         new (): HTMLGbTextareaInputFieldElement;
     };
+    interface HTMLGbToastElement extends Components.GbToast, HTMLStencilElement {
+    }
+    var HTMLGbToastElement: {
+        prototype: HTMLGbToastElement;
+        new (): HTMLGbToastElement;
+    };
+    interface HTMLGbToastButtonElement extends Components.GbToastButton, HTMLStencilElement {
+    }
+    var HTMLGbToastButtonElement: {
+        prototype: HTMLGbToastButtonElement;
+        new (): HTMLGbToastButtonElement;
+    };
     interface HTMLGbToggleElement extends Components.GbToggle, HTMLStencilElement {
     }
     var HTMLGbToggleElement: {
@@ -598,13 +796,16 @@ declare global {
         "gb-checkbox": HTMLGbCheckboxElement;
         "gb-checkbox-base": HTMLGbCheckboxBaseElement;
         "gb-checkbox-group": HTMLGbCheckboxGroupElement;
+        "gb-checkbox-group-item": HTMLGbCheckboxGroupItemElement;
         "gb-collapse-button": HTMLGbCollapseButtonElement;
         "gb-dropdown-items-with-shortcut": HTMLGbDropdownItemsWithShortcutElement;
         "gb-file-type-icon": HTMLGbFileTypeIconElement;
         "gb-file-upload": HTMLGbFileUploadElement;
         "gb-file-upload-item-base": HTMLGbFileUploadItemBaseElement;
+        "gb-header": HTMLGbHeaderElement;
         "gb-header-icon": HTMLGbHeaderIconElement;
         "gb-help-dropdown": HTMLGbHelpDropdownElement;
+        "gb-horizontal-tabs": HTMLGbHorizontalTabsElement;
         "gb-input-dropdown": HTMLGbInputDropdownElement;
         "gb-input-dropdown-menu-item": HTMLGbInputDropdownMenuItemElement;
         "gb-input-field": HTMLGbInputFieldElement;
@@ -612,18 +813,25 @@ declare global {
         "gb-notification-content": HTMLGbNotificationContentElement;
         "gb-notification-panel": HTMLGbNotificationPanelElement;
         "gb-pagination": HTMLGbPaginationElement;
+        "gb-pagination-button-group-base": HTMLGbPaginationButtonGroupBaseElement;
+        "gb-pagination-dot-indicator": HTMLGbPaginationDotIndicatorElement;
         "gb-pagination-number-base": HTMLGbPaginationNumberBaseElement;
         "gb-progress-bar": HTMLGbProgressBarElement;
         "gb-progress-circle": HTMLGbProgressCircleElement;
         "gb-scrollbar": HTMLGbScrollbarElement;
+        "gb-side-bar-item": HTMLGbSideBarItemElement;
+        "gb-sidebar": HTMLGbSidebarElement;
         "gb-slider": HTMLGbSliderElement;
         "gb-slider-control-handle": HTMLGbSliderControlHandleElement;
         "gb-status-indicator": HTMLGbStatusIndicatorElement;
+        "gb-tab-button-base": HTMLGbTabButtonBaseElement;
         "gb-tag": HTMLGbTagElement;
         "gb-tag-checkbox": HTMLGbTagCheckboxElement;
         "gb-tag-close": HTMLGbTagCloseElement;
         "gb-tag-count": HTMLGbTagCountElement;
         "gb-textarea-input-field": HTMLGbTextareaInputFieldElement;
+        "gb-toast": HTMLGbToastElement;
+        "gb-toast-button": HTMLGbToastButtonElement;
         "gb-toggle": HTMLGbToggleElement;
         "gb-toggle-base": HTMLGbToggleBaseElement;
         "gb-tooltip": HTMLGbTooltipElement;
@@ -651,9 +859,9 @@ declare namespace LocalJSX {
         "weight"?: BorderWeights;
     }
     interface GbAvatarDropdown {
-        "listGroup1"?: boolean;
-        "listGroup2"?: boolean;
-        "listGroup3"?: boolean;
+        "listGroupOne"?: boolean;
+        "listGroupThree"?: boolean;
+        "listGroupTwo"?: boolean;
         "showDarkTheme"?: boolean;
         "showLogOut"?: boolean;
         "showProfile"?: boolean;
@@ -685,9 +893,10 @@ declare namespace LocalJSX {
     interface GbBadge {
         "closeButton"?: boolean;
         "color"?: GeneralColors;
+        "flagSwap"?: string;
         "icon"?: 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only';
-        "iconLeadingSrc"?: string;
-        "iconTrailingSrc"?: string;
+        "iconLeadingSwap"?: string;
+        "iconTrailingSwap"?: string;
         "size"?: GeneralSizes;
         "type"?: 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';
     }
@@ -718,7 +927,7 @@ declare namespace LocalJSX {
         "state"?: 'default' | 'hover' | 'disabled' | 'pressed';
     }
     interface GbButtonClose {
-        "color"?: 'primary' | 'information' | 'success' | 'gray' | 'warning' | 'error';
+        "color"?: GeneralColors;
         "size"?: GeneralSizes;
     }
     interface GbCarouselArrow {
@@ -747,21 +956,28 @@ declare namespace LocalJSX {
         "size"?: GeneralSizes;
         "type"?: 'icon_simple' | 'avatar' | 'payment_icon' | 'radio_button' | 'checkbox';
     }
+    interface GbCheckboxGroupItem {
+        "breakpoint"?: BreakPoints;
+        "selected"?: boolean;
+        "showCost"?: boolean;
+        "size"?: GeneralSizes;
+        "state"?: StateEnum;
+        "type"?: 'icon_simple' | 'avatar' | 'payment_icon' | 'radio_button' | 'checkbox';
+    }
     interface GbCollapseButton {
+        "action"?: string;
         "color"?: 'gray' | 'white';
-        "currentIconDirection"?: string;
         "isCollapsed"?: boolean;
         "isHovered"?: boolean;
     }
     interface GbDropdownItemsWithShortcut {
         "checkbox"?: boolean;
-        "checkboxStates"?: CheckBoxStates;
         "icon"?: boolean;
         "iconSrc"?: string;
         "label"?: string;
         "shortcut"?: boolean;
         "shortcutIcon"?: string;
-        "state"?: StateEnum;
+        "state"?: 'default' | 'disabled';
     }
     interface GbFileTypeIcon {
     }
@@ -781,13 +997,44 @@ declare namespace LocalJSX {
         "icon"?: FileUploadIconType;
         "state"?: FileUploadStates;
     }
+    interface GbHeader {
+        "placeholder"?: boolean;
+        "showIndicator"?: boolean;
+        "state"?: StateEnum;
+        "text"?: boolean;
+    }
     interface GbHeaderIcon {
+        "icon"?: string;
         "showIndicator"?: boolean;
         "state"?: StateEnum;
     }
     interface GbHelpDropdown {
         "showLogError"?: boolean;
     }
+    interface GbHorizontalTabs {
+        "breakpoint"?: BreakPoints;
+        "eighthTab"?: boolean;
+        "eighthTabName"?: string;
+        "fifthTab"?: boolean;
+        "fifthTabName"?: string;
+        "firstTabName"?: string;
+        "fourthTab"?: boolean;
+        "fourthTabName"?: string;
+        "fullWidth"?: boolean;
+        "ninthTab"?: boolean;
+        "ninthTabName"?: string;
+        "secondTabName"?: string;
+        "seventhTab"?: boolean;
+        "seventhTabName"?: string;
+        "sixthTab"?: boolean;
+        "sixthTabName"?: string;
+        "size"?: GeneralSizes;
+        "tenthTab"?: boolean;
+        "tenthTabName"?: string;
+        "thirdTab"?: boolean;
+        "thirdTabName"?: string;
+        "type"?: TabTypes;
+    }
     interface GbInputDropdown {
         "hintText"?: string;
         "iconSwap"?: string;
@@ -799,10 +1046,10 @@ declare namespace LocalJSX {
         "showPlaceholder"?: boolean;
         "size"?: GeneralSizes;
         "state"?: 'default' | 'focused' | 'disabled' | 'filled';
+        "text"?: boolean;
         "type"?: 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'search' | 'tags';
     }
     interface GbInputDropdownMenuItem {
-        "checkboxStates"?: CheckBoxStates;
         "selected"?: boolean;
         "state"?: 'default' | 'disabled';
         "supportingText"?: boolean;
@@ -831,11 +1078,21 @@ declare namespace LocalJSX {
     }
     interface GbPagination {
         "breakpoint"?: BreakPoints;
-        "currentPage"?: string;
+        "currentPage"?: number;
         "shape"?: PaginationNumberShapes;
-        "totalPages"?: string;
+        "totalPages"?: number;
         "type"?: PaginationTypes;
     }
+    interface GbPaginationButtonGroupBase {
+        "icon"?: 'false' | 'only' | 'trailing' | 'leading';
+        "iconLeading"?: string;
+        "iconTrailing"?: string;
+    }
+    interface GbPaginationDotIndicator {
+        "current"?: boolean;
+        "size"?: GeneralSizes;
+        "type"?: 'dot' | 'line';
+    }
     interface GbPaginationNumberBase {
         "shape"?: PaginationNumberShapes;
     }
@@ -854,6 +1111,45 @@ declare namespace LocalJSX {
     interface GbScrollbar {
         "length"?: '25%' | '50%' | '75%';
     }
+    interface GbSideBarItem {
+        "category"?: GeneralBackgroundCategories;
+        "icon"?: string;
+        "label"?: string;
+        "onSideBarItemClicked"?: (event: GbSideBarItemCustomEvent<void>) => void;
+        "showArrow"?: boolean;
+        "showBadge"?: boolean;
+        "showTooltip"?: boolean;
+        "state"?: 'default' | 'active';
+        "type"?: 'full_with_label' | 'icon_only';
+    }
+    interface GbSidebar {
+        "applicationName"?: string;
+        "category"?: GeneralBackgroundCategories;
+        "eighthItemIcon"?: string;
+        "eighthItemLabel"?: string;
+        "fifthItemIcon"?: string;
+        "fifthItemLabel"?: string;
+        "firstItemIcon"?: string;
+        "firstItemLabel"?: string;
+        "fourthItemIcon"?: string;
+        "fourthItemLabel"?: string;
+        "iconInstance"?: string;
+        "label"?: string;
+        "ninthItemIcon"?: string;
+        "ninthItemLabel"?: string;
+        "secondItemIcon"?: string;
+        "secondItemLabel"?: string;
+        "seventhItemIcon"?: string;
+        "seventhItemLabel"?: string;
+        "showSecondCategory"?: boolean;
+        "sixthItemIcon"?: string;
+        "sixthItemLabel"?: string;
+        "state"?: 'expanded' | 'collapsed';
+        "tenthItemIcon"?: string;
+        "tenthItemLabel"?: string;
+        "thirdItemIcon"?: string;
+        "thirdItemLabel"?: string;
+    }
     interface GbSlider {
         "max"?: number;
         "min"?: number;
@@ -870,10 +1166,19 @@ declare namespace LocalJSX {
         "state"?: OnlineIndicatorStates;
         "statusIcon"?: string;
     }
+    interface GbTabButtonBase {
+        "badge"?: boolean;
+        "current"?: boolean;
+        "fullWidth"?: boolean;
+        "onTabClicked"?: (event: GbTabButtonBaseCustomEvent<void>) => void;
+        "size"?: GeneralSizes;
+        "tabName"?: string;
+        "type"?: TabTypes;
+    }
     interface GbTag {
+        "action"?: 'X_close' | 'text_only' | 'count';
         "checkbox"?: boolean;
-        "closeButton"?: boolean;
-        "count"?: boolean;
+        "flagSwap"?: string;
         "icon"?: 'country' | 'avatar' | 'dot';
         "size"?: 'sm' | 'md' | 'lg';
     }
@@ -894,6 +1199,18 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         "type"?: 'default' | 'tags';
     }
+    interface GbToast {
+        "actions"?: boolean;
+        "breakpoint"?: BreakPoints;
+        "color"?: GeneralColors;
+        "showSupportingText"?: boolean;
+        "size"?: 'floating' | 'full_width';
+        "xCloseButton"?: boolean;
+    }
+    interface GbToastButton {
+        "color"?: GeneralColors;
+        "state"?: StateEnum;
+    }
     interface GbToggle {
         "size"?: GeneralSizes;
         "state"?: StateEnum;
@@ -927,13 +1244,16 @@ declare namespace LocalJSX {
         "gb-checkbox": GbCheckbox;
         "gb-checkbox-base": GbCheckboxBase;
         "gb-checkbox-group": GbCheckboxGroup;
+        "gb-checkbox-group-item": GbCheckboxGroupItem;
         "gb-collapse-button": GbCollapseButton;
         "gb-dropdown-items-with-shortcut": GbDropdownItemsWithShortcut;
         "gb-file-type-icon": GbFileTypeIcon;
         "gb-file-upload": GbFileUpload;
         "gb-file-upload-item-base": GbFileUploadItemBase;
+        "gb-header": GbHeader;
         "gb-header-icon": GbHeaderIcon;
         "gb-help-dropdown": GbHelpDropdown;
+        "gb-horizontal-tabs": GbHorizontalTabs;
         "gb-input-dropdown": GbInputDropdown;
         "gb-input-dropdown-menu-item": GbInputDropdownMenuItem;
         "gb-input-field": GbInputField;
@@ -941,18 +1261,25 @@ declare namespace LocalJSX {
         "gb-notification-content": GbNotificationContent;
         "gb-notification-panel": GbNotificationPanel;
         "gb-pagination": GbPagination;
+        "gb-pagination-button-group-base": GbPaginationButtonGroupBase;
+        "gb-pagination-dot-indicator": GbPaginationDotIndicator;
         "gb-pagination-number-base": GbPaginationNumberBase;
         "gb-progress-bar": GbProgressBar;
         "gb-progress-circle": GbProgressCircle;
         "gb-scrollbar": GbScrollbar;
+        "gb-side-bar-item": GbSideBarItem;
+        "gb-sidebar": GbSidebar;
         "gb-slider": GbSlider;
         "gb-slider-control-handle": GbSliderControlHandle;
         "gb-status-indicator": GbStatusIndicator;
+        "gb-tab-button-base": GbTabButtonBase;
         "gb-tag": GbTag;
         "gb-tag-checkbox": GbTagCheckbox;
         "gb-tag-close": GbTagClose;
         "gb-tag-count": GbTagCount;
         "gb-textarea-input-field": GbTextareaInputField;
+        "gb-toast": GbToast;
+        "gb-toast-button": GbToastButton;
         "gb-toggle": GbToggle;
         "gb-toggle-base": GbToggleBase;
         "gb-tooltip": GbTooltip;
@@ -979,13 +1306,16 @@ declare module "@stencil/core" {
             "gb-checkbox": LocalJSX.GbCheckbox & JSXBase.HTMLAttributes<HTMLGbCheckboxElement>;
             "gb-checkbox-base": LocalJSX.GbCheckboxBase & JSXBase.HTMLAttributes<HTMLGbCheckboxBaseElement>;
             "gb-checkbox-group": LocalJSX.GbCheckboxGroup & JSXBase.HTMLAttributes<HTMLGbCheckboxGroupElement>;
+            "gb-checkbox-group-item": LocalJSX.GbCheckboxGroupItem & JSXBase.HTMLAttributes<HTMLGbCheckboxGroupItemElement>;
             "gb-collapse-button": LocalJSX.GbCollapseButton & JSXBase.HTMLAttributes<HTMLGbCollapseButtonElement>;
             "gb-dropdown-items-with-shortcut": LocalJSX.GbDropdownItemsWithShortcut & JSXBase.HTMLAttributes<HTMLGbDropdownItemsWithShortcutElement>;
             "gb-file-type-icon": LocalJSX.GbFileTypeIcon & JSXBase.HTMLAttributes<HTMLGbFileTypeIconElement>;
             "gb-file-upload": LocalJSX.GbFileUpload & JSXBase.HTMLAttributes<HTMLGbFileUploadElement>;
             "gb-file-upload-item-base": LocalJSX.GbFileUploadItemBase & JSXBase.HTMLAttributes<HTMLGbFileUploadItemBaseElement>;
+            "gb-header": LocalJSX.GbHeader & JSXBase.HTMLAttributes<HTMLGbHeaderElement>;
             "gb-header-icon": LocalJSX.GbHeaderIcon & JSXBase.HTMLAttributes<HTMLGbHeaderIconElement>;
             "gb-help-dropdown": LocalJSX.GbHelpDropdown & JSXBase.HTMLAttributes<HTMLGbHelpDropdownElement>;
+            "gb-horizontal-tabs": LocalJSX.GbHorizontalTabs & JSXBase.HTMLAttributes<HTMLGbHorizontalTabsElement>;
             "gb-input-dropdown": LocalJSX.GbInputDropdown & JSXBase.HTMLAttributes<HTMLGbInputDropdownElement>;
             "gb-input-dropdown-menu-item": LocalJSX.GbInputDropdownMenuItem & JSXBase.HTMLAttributes<HTMLGbInputDropdownMenuItemElement>;
             "gb-input-field": LocalJSX.GbInputField & JSXBase.HTMLAttributes<HTMLGbInputFieldElement>;
@@ -993,18 +1323,25 @@ declare module "@stencil/core" {
             "gb-notification-content": LocalJSX.GbNotificationContent & JSXBase.HTMLAttributes<HTMLGbNotificationContentElement>;
             "gb-notification-panel": LocalJSX.GbNotificationPanel & JSXBase.HTMLAttributes<HTMLGbNotificationPanelElement>;
             "gb-pagination": LocalJSX.GbPagination & JSXBase.HTMLAttributes<HTMLGbPaginationElement>;
+            "gb-pagination-button-group-base": LocalJSX.GbPaginationButtonGroupBase & JSXBase.HTMLAttributes<HTMLGbPaginationButtonGroupBaseElement>;
+            "gb-pagination-dot-indicator": LocalJSX.GbPaginationDotIndicator & JSXBase.HTMLAttributes<HTMLGbPaginationDotIndicatorElement>;
             "gb-pagination-number-base": LocalJSX.GbPaginationNumberBase & JSXBase.HTMLAttributes<HTMLGbPaginationNumberBaseElement>;
             "gb-progress-bar": LocalJSX.GbProgressBar & JSXBase.HTMLAttributes<HTMLGbProgressBarElement>;
             "gb-progress-circle": LocalJSX.GbProgressCircle & JSXBase.HTMLAttributes<HTMLGbProgressCircleElement>;
             "gb-scrollbar": LocalJSX.GbScrollbar & JSXBase.HTMLAttributes<HTMLGbScrollbarElement>;
+            "gb-side-bar-item": LocalJSX.GbSideBarItem & JSXBase.HTMLAttributes<HTMLGbSideBarItemElement>;
+            "gb-sidebar": LocalJSX.GbSidebar & JSXBase.HTMLAttributes<HTMLGbSidebarElement>;
             "gb-slider": LocalJSX.GbSlider & JSXBase.HTMLAttributes<HTMLGbSliderElement>;
             "gb-slider-control-handle": LocalJSX.GbSliderControlHandle & JSXBase.HTMLAttributes<HTMLGbSliderControlHandleElement>;
             "gb-status-indicator": LocalJSX.GbStatusIndicator & JSXBase.HTMLAttributes<HTMLGbStatusIndicatorElement>;
+            "gb-tab-button-base": LocalJSX.GbTabButtonBase & JSXBase.HTMLAttributes<HTMLGbTabButtonBaseElement>;
             "gb-tag": LocalJSX.GbTag & JSXBase.HTMLAttributes<HTMLGbTagElement>;
             "gb-tag-checkbox": LocalJSX.GbTagCheckbox & JSXBase.HTMLAttributes<HTMLGbTagCheckboxElement>;
             "gb-tag-close": LocalJSX.GbTagClose & JSXBase.HTMLAttributes<HTMLGbTagCloseElement>;
             "gb-tag-count": LocalJSX.GbTagCount & JSXBase.HTMLAttributes<HTMLGbTagCountElement>;
             "gb-textarea-input-field": LocalJSX.GbTextareaInputField & JSXBase.HTMLAttributes<HTMLGbTextareaInputFieldElement>;
+            "gb-toast": LocalJSX.GbToast & JSXBase.HTMLAttributes<HTMLGbToastElement>;
+            "gb-toast-button": LocalJSX.GbToastButton & JSXBase.HTMLAttributes<HTMLGbToastButtonElement>;
             "gb-toggle": LocalJSX.GbToggle & JSXBase.HTMLAttributes<HTMLGbToggleElement>;
             "gb-toggle-base": LocalJSX.GbToggleBase & JSXBase.HTMLAttributes<HTMLGbToggleBaseElement>;
             "gb-tooltip": LocalJSX.GbTooltip & JSXBase.HTMLAttributes<HTMLGbTooltipElement>;