globuswebcomponents 1.7.1 → 1.7.2

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, BadgeTypes, BorderWeights, BreakPoints, CheckBoxVariants, ColorTypes, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, GeneralStyles, InputFieldTypes, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes, StateEnum, StateType, TableCellTypes, TabTypes } from "./models/reusableModels";
-export { ArrowPositions, BadgeTypes, BorderWeights, BreakPoints, CheckBoxVariants, ColorTypes, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, GeneralStyles, InputFieldTypes, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes, StateEnum, StateType, TableCellTypes, TabTypes } from "./models/reusableModels";
+import { ArrowPositions, BadgeTypes, BorderWeights, BreakPoints, ButtonGroupTypes, CheckBoxVariants, ColorTypes, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, GeneralStyles, InputFieldTypes, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes, StateEnum, StateType, TableCellTypes, TabTypes } from "./models/reusableModels";
+export { ArrowPositions, BadgeTypes, BorderWeights, BreakPoints, ButtonGroupTypes, CheckBoxVariants, ColorTypes, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, GeneralStyles, InputFieldTypes, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes, StateEnum, StateType, TableCellTypes, TabTypes } from "./models/reusableModels";
 export namespace Components {
     interface GbActionPanel {
         "firstButton": boolean;
@@ -147,6 +147,18 @@ export namespace Components {
         "color": GeneralColors;
         "size": GeneralSizes;
     }
+    interface GbButtonGroup {
+        "icon": ButtonGroupTypes;
+        "items": { label: string; current?: boolean; icon?: string }[];
+        "value": string | string[];
+    }
+    interface GbButtonGroupBase {
+        "current": boolean;
+        "icon": ButtonGroupTypes;
+        "iconSrc": string;
+        "label": string;
+        "state": StateType;
+    }
     interface GbCardIcon {
         "color": ColorTypes;
         "icon": string;
@@ -159,7 +171,7 @@ export namespace Components {
         "checked": boolean;
         "indeterminate": boolean;
         "size": GeneralSizes;
-        "state": StateEnum;
+        "state": StateType;
         "supportingText": boolean;
         "text": boolean;
         "type": CheckBoxVariants;
@@ -168,7 +180,7 @@ export namespace Components {
         "checked": boolean;
         "indeterminate": boolean;
         "size": GeneralSizes;
-        "state": StateEnum;
+        "state": StateType;
         "type": CheckBoxVariants;
     }
     interface GbCheckboxGroup {
@@ -350,6 +362,11 @@ export namespace Components {
         "twentiethTabName": string;
         "type": TabTypes;
     }
+    interface GbIconButtonBase {
+        "current": boolean;
+        "icon": string;
+        "label": string;
+    }
     interface GbInputDropdown {
         "color": ColorTypes;
         "destructive": boolean;
@@ -378,7 +395,6 @@ export namespace Components {
     }
     interface GbInputDropdownMenuItem {
         "color": ColorTypes;
-        "handleClick": () => Promise<void>;
         "selected": boolean;
         "state": StateEnum;
         "supportingText": boolean;
@@ -710,6 +726,8 @@ export namespace Components {
         "type": 'default' | 'tags';
         "value": any;
     }
+    interface GbThemeTab {
+    }
     interface GbToast {
         "actions": boolean;
         "breakpoint": BreakPoints;
@@ -856,6 +874,10 @@ export interface GbBreadcrumbsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbBreadcrumbsElement;
 }
+export interface GbButtonGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGbButtonGroupElement;
+}
 export interface GbCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbCheckboxElement;
@@ -1094,6 +1116,29 @@ declare global {
         prototype: HTMLGbButtonCloseElement;
         new (): HTMLGbButtonCloseElement;
     };
+    interface HTMLGbButtonGroupElementEventMap {
+        "valueChange": string | string[];
+    }
+    interface HTMLGbButtonGroupElement extends Components.GbButtonGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGbButtonGroupElementEventMap>(type: K, listener: (this: HTMLGbButtonGroupElement, ev: GbButtonGroupCustomEvent<HTMLGbButtonGroupElementEventMap[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 HTMLGbButtonGroupElementEventMap>(type: K, listener: (this: HTMLGbButtonGroupElement, ev: GbButtonGroupCustomEvent<HTMLGbButtonGroupElementEventMap[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 HTMLGbButtonGroupElement: {
+        prototype: HTMLGbButtonGroupElement;
+        new (): HTMLGbButtonGroupElement;
+    };
+    interface HTMLGbButtonGroupBaseElement extends Components.GbButtonGroupBase, HTMLStencilElement {
+    }
+    var HTMLGbButtonGroupBaseElement: {
+        prototype: HTMLGbButtonGroupBaseElement;
+        new (): HTMLGbButtonGroupBaseElement;
+    };
     interface HTMLGbCardIconElement extends Components.GbCardIcon, HTMLStencilElement {
     }
     var HTMLGbCardIconElement: {
@@ -1358,6 +1403,12 @@ declare global {
         prototype: HTMLGbHorizontalTabsElement;
         new (): HTMLGbHorizontalTabsElement;
     };
+    interface HTMLGbIconButtonBaseElement extends Components.GbIconButtonBase, HTMLStencilElement {
+    }
+    var HTMLGbIconButtonBaseElement: {
+        prototype: HTMLGbIconButtonBaseElement;
+        new (): HTMLGbIconButtonBaseElement;
+    };
     interface HTMLGbInputDropdownElementEventMap {
         "dropdownItemSelected": any;
     }
@@ -1670,6 +1721,12 @@ declare global {
         prototype: HTMLGbTextareaInputFieldElement;
         new (): HTMLGbTextareaInputFieldElement;
     };
+    interface HTMLGbThemeTabElement extends Components.GbThemeTab, HTMLStencilElement {
+    }
+    var HTMLGbThemeTabElement: {
+        prototype: HTMLGbThemeTabElement;
+        new (): HTMLGbThemeTabElement;
+    };
     interface HTMLGbToastElement extends Components.GbToast, HTMLStencilElement {
     }
     var HTMLGbToastElement: {
@@ -1825,6 +1882,8 @@ declare global {
         "gb-btn": HTMLGbBtnElement;
         "gb-button": HTMLGbButtonElement;
         "gb-button-close": HTMLGbButtonCloseElement;
+        "gb-button-group": HTMLGbButtonGroupElement;
+        "gb-button-group-base": HTMLGbButtonGroupBaseElement;
         "gb-card-icon": HTMLGbCardIconElement;
         "gb-carousel-arrow": HTMLGbCarouselArrowElement;
         "gb-checkbox": HTMLGbCheckboxElement;
@@ -1852,6 +1911,7 @@ declare global {
         "gb-help-dropdown": HTMLGbHelpDropdownElement;
         "gb-help-tooltip": HTMLGbHelpTooltipElement;
         "gb-horizontal-tabs": HTMLGbHorizontalTabsElement;
+        "gb-icon-button-base": HTMLGbIconButtonBaseElement;
         "gb-input-dropdown": HTMLGbInputDropdownElement;
         "gb-input-dropdown-menu-item": HTMLGbInputDropdownMenuItemElement;
         "gb-input-field": HTMLGbInputFieldElement;
@@ -1885,6 +1945,7 @@ declare global {
         "gb-tag-close": HTMLGbTagCloseElement;
         "gb-tag-count": HTMLGbTagCountElement;
         "gb-textarea-input-field": HTMLGbTextareaInputFieldElement;
+        "gb-theme-tab": HTMLGbThemeTabElement;
         "gb-toast": HTMLGbToastElement;
         "gb-toast-button": HTMLGbToastButtonElement;
         "gb-toggle": HTMLGbToggleElement;
@@ -2052,6 +2113,19 @@ declare namespace LocalJSX {
         "color": GeneralColors;
         "size": GeneralSizes;
     }
+    interface GbButtonGroup {
+        "icon"?: ButtonGroupTypes;
+        "items"?: { label: string; current?: boolean; icon?: string }[];
+        "onValueChange"?: (event: GbButtonGroupCustomEvent<string | string[]>) => void;
+        "value"?: string | string[];
+    }
+    interface GbButtonGroupBase {
+        "current"?: boolean;
+        "icon"?: ButtonGroupTypes;
+        "iconSrc"?: string;
+        "label"?: string;
+        "state"?: StateType;
+    }
     interface GbCardIcon {
         "color"?: ColorTypes;
         "icon"?: string;
@@ -2065,7 +2139,7 @@ declare namespace LocalJSX {
         "indeterminate"?: boolean;
         "onCheckboxClicked"?: (event: GbCheckboxCustomEvent<boolean>) => void;
         "size"?: GeneralSizes;
-        "state"?: StateEnum;
+        "state"?: StateType;
         "supportingText"?: boolean;
         "text"?: boolean;
         "type"?: CheckBoxVariants;
@@ -2075,7 +2149,7 @@ declare namespace LocalJSX {
         "indeterminate"?: boolean;
         "onCheckboxClicked"?: (event: GbCheckboxBaseCustomEvent<boolean>) => void;
         "size"?: GeneralSizes;
-        "state"?: StateEnum;
+        "state"?: StateType;
         "type"?: CheckBoxVariants;
     }
     interface GbCheckboxGroup {
@@ -2263,6 +2337,11 @@ declare namespace LocalJSX {
         "twentiethTabName"?: string;
         "type"?: TabTypes;
     }
+    interface GbIconButtonBase {
+        "current"?: boolean;
+        "icon"?: string;
+        "label"?: string;
+    }
     interface GbInputDropdown {
         "color"?: ColorTypes;
         "destructive"?: boolean;
@@ -2634,6 +2713,8 @@ declare namespace LocalJSX {
         "type"?: 'default' | 'tags';
         "value"?: any;
     }
+    interface GbThemeTab {
+    }
     interface GbToast {
         "actions"?: boolean;
         "breakpoint"?: BreakPoints;
@@ -2784,6 +2865,8 @@ declare namespace LocalJSX {
         "gb-btn": GbBtn;
         "gb-button": GbButton;
         "gb-button-close": GbButtonClose;
+        "gb-button-group": GbButtonGroup;
+        "gb-button-group-base": GbButtonGroupBase;
         "gb-card-icon": GbCardIcon;
         "gb-carousel-arrow": GbCarouselArrow;
         "gb-checkbox": GbCheckbox;
@@ -2811,6 +2894,7 @@ declare namespace LocalJSX {
         "gb-help-dropdown": GbHelpDropdown;
         "gb-help-tooltip": GbHelpTooltip;
         "gb-horizontal-tabs": GbHorizontalTabs;
+        "gb-icon-button-base": GbIconButtonBase;
         "gb-input-dropdown": GbInputDropdown;
         "gb-input-dropdown-menu-item": GbInputDropdownMenuItem;
         "gb-input-field": GbInputField;
@@ -2844,6 +2928,7 @@ declare namespace LocalJSX {
         "gb-tag-close": GbTagClose;
         "gb-tag-count": GbTagCount;
         "gb-textarea-input-field": GbTextareaInputField;
+        "gb-theme-tab": GbThemeTab;
         "gb-toast": GbToast;
         "gb-toast-button": GbToastButton;
         "gb-toggle": GbToggle;
@@ -2879,6 +2964,8 @@ declare module "@stencil/core" {
             "gb-btn": LocalJSX.GbBtn & JSXBase.HTMLAttributes<HTMLGbBtnElement>;
             "gb-button": LocalJSX.GbButton & JSXBase.HTMLAttributes<HTMLGbButtonElement>;
             "gb-button-close": LocalJSX.GbButtonClose & JSXBase.HTMLAttributes<HTMLGbButtonCloseElement>;
+            "gb-button-group": LocalJSX.GbButtonGroup & JSXBase.HTMLAttributes<HTMLGbButtonGroupElement>;
+            "gb-button-group-base": LocalJSX.GbButtonGroupBase & JSXBase.HTMLAttributes<HTMLGbButtonGroupBaseElement>;
             "gb-card-icon": LocalJSX.GbCardIcon & JSXBase.HTMLAttributes<HTMLGbCardIconElement>;
             "gb-carousel-arrow": LocalJSX.GbCarouselArrow & JSXBase.HTMLAttributes<HTMLGbCarouselArrowElement>;
             "gb-checkbox": LocalJSX.GbCheckbox & JSXBase.HTMLAttributes<HTMLGbCheckboxElement>;
@@ -2906,6 +2993,7 @@ declare module "@stencil/core" {
             "gb-help-dropdown": LocalJSX.GbHelpDropdown & JSXBase.HTMLAttributes<HTMLGbHelpDropdownElement>;
             "gb-help-tooltip": LocalJSX.GbHelpTooltip & JSXBase.HTMLAttributes<HTMLGbHelpTooltipElement>;
             "gb-horizontal-tabs": LocalJSX.GbHorizontalTabs & JSXBase.HTMLAttributes<HTMLGbHorizontalTabsElement>;
+            "gb-icon-button-base": LocalJSX.GbIconButtonBase & JSXBase.HTMLAttributes<HTMLGbIconButtonBaseElement>;
             "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>;
@@ -2939,6 +3027,7 @@ 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-theme-tab": LocalJSX.GbThemeTab & JSXBase.HTMLAttributes<HTMLGbThemeTabElement>;
             "gb-toast": LocalJSX.GbToast & JSXBase.HTMLAttributes<HTMLGbToastElement>;
             "gb-toast-button": LocalJSX.GbToastButton & JSXBase.HTMLAttributes<HTMLGbToastButtonElement>;
             "gb-toggle": LocalJSX.GbToggle & JSXBase.HTMLAttributes<HTMLGbToggleElement>;

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

@@ -43,3 +43,4 @@ export type ProgressStepStates = 'default' | 'destructive';
 export type BadgeTypes = 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';
 export type GeneralStyles = 'standard' | 'compact';
 export type StateType = 'default' | 'disabled' | 'applied';
+export type ButtonGroupTypes = 'false' | 'leading' | 'only' | 'dot' | 'checkbox';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "globuswebcomponents",
-  "version": "1.7.1",
+  "version": "1.7.2",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",