globuswebcomponents 0.3.6 → 0.3.8

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, CheckBoxVariants, FileUploadIconType, FileUploadStates, GeneralColors, GeneralHierarchies, GeneralSizes, OnlineIndicatorStates, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
-export { ArrowPositions, BorderWeights, BreakPoints, CheckBoxVariants, FileUploadIconType, FileUploadStates, GeneralColors, GeneralHierarchies, GeneralSizes, OnlineIndicatorStates, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } 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;
@@ -96,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 {
@@ -125,6 +125,14 @@ 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>;
@@ -160,7 +168,14 @@ 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;
     }
@@ -169,16 +184,26 @@ export namespace Components {
     }
     interface GbHorizontalTabs {
         "breakpoint": BreakPoints;
-        "eigthTab": boolean;
+        "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 {
@@ -192,6 +217,7 @@ 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 {
@@ -223,9 +249,9 @@ export namespace Components {
     }
     interface GbPagination {
         "breakpoint": BreakPoints;
-        "currentPage": string;
+        "currentPage": number;
         "shape": PaginationNumberShapes;
-        "totalPages": string;
+        "totalPages": number;
         "type": PaginationTypes;
     }
     interface GbPaginationButtonGroupBase {
@@ -233,6 +259,11 @@ export namespace Components {
         "iconLeading": string;
         "iconTrailing": string;
     }
+    interface GbPaginationDotIndicator {
+        "current": boolean;
+        "size": GeneralSizes;
+        "type": 'dot' | 'line';
+    }
     interface GbPaginationNumberBase {
         "shape": PaginationNumberShapes;
     }
@@ -251,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;
@@ -271,6 +341,7 @@ export namespace Components {
         "current": boolean;
         "fullWidth": boolean;
         "size": GeneralSizes;
+        "tabName": string;
         "type": TabTypes;
     }
     interface GbTag {
@@ -297,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;
@@ -314,10 +397,22 @@ export namespace Components {
     interface GbWysiwygEditorIcon {
     }
 }
+export interface GbSideBarItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGbSideBarItemElement;
+}
+export interface GbSidebarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGbSidebarElement;
+}
 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 {
     }
@@ -415,6 +510,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: {
@@ -445,6 +546,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: {
@@ -511,6 +618,12 @@ declare global {
         prototype: HTMLGbPaginationButtonGroupBaseElement;
         new (): HTMLGbPaginationButtonGroupBaseElement;
     };
+    interface HTMLGbPaginationDotIndicatorElement extends Components.GbPaginationDotIndicator, HTMLStencilElement {
+    }
+    var HTMLGbPaginationDotIndicatorElement: {
+        prototype: HTMLGbPaginationDotIndicatorElement;
+        new (): HTMLGbPaginationDotIndicatorElement;
+    };
     interface HTMLGbPaginationNumberBaseElement extends Components.GbPaginationNumberBase, HTMLStencilElement {
     }
     var HTMLGbPaginationNumberBaseElement: {
@@ -535,6 +648,40 @@ 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 HTMLGbSidebarElementEventMap {
+        "sidebarItemClicked": number;
+    }
+    interface HTMLGbSidebarElement extends Components.GbSidebar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGbSidebarElementEventMap>(type: K, listener: (this: HTMLGbSidebarElement, ev: GbSidebarCustomEvent<HTMLGbSidebarElementEventMap[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 HTMLGbSidebarElementEventMap>(type: K, listener: (this: HTMLGbSidebarElement, ev: GbSidebarCustomEvent<HTMLGbSidebarElementEventMap[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 HTMLGbSidebarElement: {
+        prototype: HTMLGbSidebarElement;
+        new (): HTMLGbSidebarElement;
+    };
     interface HTMLGbSliderElementEventMap {
         "valueChange": { left: number; right: number };
     }
@@ -564,7 +711,18 @@ 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;
@@ -600,6 +758,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: {
@@ -641,11 +811,13 @@ 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;
@@ -657,10 +829,13 @@ declare global {
         "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;
@@ -670,6 +845,8 @@ declare global {
         "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;
@@ -697,9 +874,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;
@@ -765,7 +942,7 @@ declare namespace LocalJSX {
         "state"?: 'default' | 'hover' | 'disabled' | 'pressed';
     }
     interface GbButtonClose {
-        "color"?: 'primary' | 'information' | 'success' | 'gray' | 'warning' | 'error';
+        "color"?: GeneralColors;
         "size"?: GeneralSizes;
     }
     interface GbCarouselArrow {
@@ -794,6 +971,14 @@ 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';
@@ -827,7 +1012,14 @@ 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;
     }
@@ -836,16 +1028,26 @@ declare namespace LocalJSX {
     }
     interface GbHorizontalTabs {
         "breakpoint"?: BreakPoints;
-        "eigthTab"?: boolean;
+        "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 {
@@ -859,6 +1061,7 @@ 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 {
@@ -890,9 +1093,9 @@ declare namespace LocalJSX {
     }
     interface GbPagination {
         "breakpoint"?: BreakPoints;
-        "currentPage"?: string;
+        "currentPage"?: number;
         "shape"?: PaginationNumberShapes;
-        "totalPages"?: string;
+        "totalPages"?: number;
         "type"?: PaginationTypes;
     }
     interface GbPaginationButtonGroupBase {
@@ -900,6 +1103,11 @@ declare namespace LocalJSX {
         "iconLeading"?: string;
         "iconTrailing"?: string;
     }
+    interface GbPaginationDotIndicator {
+        "current"?: boolean;
+        "size"?: GeneralSizes;
+        "type"?: 'dot' | 'line';
+    }
     interface GbPaginationNumberBase {
         "shape"?: PaginationNumberShapes;
     }
@@ -918,6 +1126,46 @@ 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;
+        "onSidebarItemClicked"?: (event: GbSidebarCustomEvent<number>) => void;
+        "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;
@@ -938,7 +1186,9 @@ declare namespace LocalJSX {
         "badge"?: boolean;
         "current"?: boolean;
         "fullWidth"?: boolean;
+        "onTabClicked"?: (event: GbTabButtonBaseCustomEvent<void>) => void;
         "size"?: GeneralSizes;
+        "tabName"?: string;
         "type"?: TabTypes;
     }
     interface GbTag {
@@ -965,6 +1215,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;
@@ -998,11 +1260,13 @@ 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;
@@ -1014,10 +1278,13 @@ declare namespace LocalJSX {
         "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;
@@ -1027,6 +1294,8 @@ declare namespace LocalJSX {
         "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;
@@ -1053,11 +1322,13 @@ 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>;
@@ -1069,10 +1340,13 @@ declare module "@stencil/core" {
             "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>;
@@ -1082,6 +1356,8 @@ declare module "@stencil/core" {
             "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>;

package/dist/types/models/reusableModels.d.ts

@@ -6,10 +6,6 @@ export declare enum StateEnum {
 }
 export type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none';
 export type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';
-export declare enum CheckBoxStates {
-    Default = "default",
-    Disabled = "disabled"
-}
 export declare enum BorderWeights {
     VeryLight = "very_light",
     Light = "light",
@@ -24,7 +20,8 @@ export type BreakPoints = 'desktop' | 'mobile';
 export type FileUploadIconType = 'icon' | 'outline';
 export type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';
 export type FileType = '';
-export type GeneralColors = 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple';
+export type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple';
 export type PaginationNumberShapes = 'square' | 'circle';
 export type PaginationTypes = 'page_default' | 'page_minimal_center_aligned' | 'card_default' | 'card_minimal_right_aligned' | 'card_minimal_left_aligned' | 'card_minimal_center_aligned' | 'card_button_group_right_aligned' | 'card_button_group_left_aligned' | 'card_button_group_center_aligned';
-export type TabTypes = 'button_primary' | 'button_gray' | 'button_white' | 'underline' | 'underline_filled' | 'line' | 'button_white_border' | 'rounded_button_white_border';
+export type TabTypes = 'button_primary' | 'button_gray' | 'button_white' | 'rounded_button_white' | 'underline' | 'underline_filled' | 'line' | 'button_white_border' | 'rounded_button_white_border';
+export type GeneralBackgroundCategories = 'plain_background' | 'colored_background';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "globuswebcomponents",
-  "version": "0.3.6",
+  "version": "0.3.8",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -45,7 +45,7 @@
   },
   "devDependencies": {
     "@stencil/core": "^4.20.0",
-    "@types/jest": "^29.5.6",
+    "@types/jest": "^29.5.12",
     "@types/node": "^16.18.11",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",