bromcom-ui 2.8.0-rc.10-h → 2.8.0-rc.10

package/dist/types/components.d.ts

@@ -6,7 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { StatusProp, TypeProp } from "./components/molecules/alert/types";
-import { ListTypes, PlacementTypes as PlacementTypes1, PositionTypes, ShapeTypes, SizeTypes, StatusTypes, TrigglerTypes } from "./models";
+import { DirectionTypes as DirectionTypes1, ListTypes, PlacementTypes as PlacementTypes1, PositionTypes, ShapeTypes, SizeTypes, StatusTypes, TrigglerTypes } from "./models";
 import { ButtonTypes, ColorPaletteTypes as ColorPaletteTypes1, DirectionTypes, FontSizesTypes, IconPositionTypes, IndeterminateTypes, InputTypes, KindTypes, PlacementTypes, SizeTypes as SizeTypes1, StatusTypes as StatusTypes1, TagTypes, TrigglerTypes as TrigglerTypes1 } from "./models/bcm-types";
 import { ItemType } from "./components/molecules/breadcrumb/types";
 import { VariantProp } from "./components/atoms/button/types";
@@ -16,7 +16,7 @@ import { SizeProp as SizeProp1 } from "./components/other_deprecated/listbox/typ
 import { StatusProp as StatusProp1 } from "./components/molecules/message/types";
 import { TypeProp as TypeProp1 } from "./components/molecules/notification/types";
 import { ColorPaletteTypes } from "./global/variables/colors";
-import { OptionType } from "./components/molecules/radio/group";
+import { OptionType } from "./components/molecules/radio/radio-group";
 import { statusType } from "./components/molecules/result/types";
 import { DirectionProp, SizeProp as SizeProp2, TypeProp as TypeProp2 } from "./components/other_deprecated/tabs/types";
 import { ResizeTypes } from "./components/molecules/textarea/types";
@@ -210,6 +210,19 @@ export namespace Components {
         "multiple": boolean;
         "open": boolean;
     }
+    interface BcmColorInput {
+        "_id": string;
+        "disabled": boolean;
+        "fullWidth": boolean;
+        "label": string;
+        "placeholder": string;
+        "readonly": boolean;
+        "required": boolean;
+        "value": string;
+    }
+    interface BcmColorful {
+        "color": any;
+    }
     interface BcmColorpicker {
         /**
           * Component Properties
@@ -497,6 +510,18 @@ export namespace Components {
         "unitPrefix": string;
         "value": any;
     }
+    interface BcmInputCustom {
+        "_id": string;
+        "disabled": boolean;
+        "fullwidth": boolean;
+        "label": string;
+        "name": string;
+        "placeholder": string;
+        "readonly": boolean;
+        "required": boolean;
+        "type": string;
+        "value": string;
+    }
     interface BcmItem {
         "_id": string;
         "color": any;
@@ -532,6 +557,7 @@ export namespace Components {
         "_id": string;
         "height": string;
         "hide": (wait?: boolean) => Promise<boolean>;
+        "hideDelay": number;
         "isOpen": boolean;
         "maxHeight": string;
         "minHeight": string;
@@ -571,6 +597,7 @@ export namespace Components {
         "linkedComponent": string;
         "maxHeight": string;
         "minHeight": string;
+        "minSearchLength": number;
         "name": string;
         "noCaption": boolean;
         "placeholder": string;
@@ -723,6 +750,25 @@ export namespace Components {
         "size": any;
         "width": string;
     }
+    interface BcmModal2 {
+        "_id": string;
+        "backdrop": boolean | "static";
+        "center": boolean;
+        "fullScreen": boolean;
+        "fullWidth": boolean;
+        "hide": () => Promise<void>;
+        "isShow": boolean;
+        "overflow": boolean;
+        "show": () => Promise<void>;
+        "size": any;
+        "zIndex": string;
+    }
+    interface BcmModal2Footer {
+        "_id": string;
+    }
+    interface BcmModal2Header {
+        "_id": string;
+    }
     interface BcmNotification {
         /**
           * Component Properties
@@ -809,6 +855,12 @@ export namespace Components {
         "type": string;
         "value": string;
     }
+    interface BcmOverlay {
+        "center": boolean;
+        "color": "#000";
+        "opacity": string;
+        "zIndex": string;
+    }
     interface BcmPopconfirm {
         "_id": string;
         "cancelText": string;
@@ -838,13 +890,16 @@ export namespace Components {
     }
     interface BcmPopover {
         "_id": string;
+        "closeDelay": number;
         "color": string;
         "content": string;
         "hide": () => Promise<void>;
         "message": string;
         "open": boolean;
+        "openDelay": number;
         "placement": PlacementTypes1;
         "show": () => Promise<void>;
+        "targetId": string;
         "toggle": () => Promise<void>;
         "trigger": TrigglerTypes;
     }
@@ -864,43 +919,36 @@ export namespace Components {
         "value": number;
     }
     interface BcmRadio {
-        /**
-          * Props *
-         */
         "_id": string;
         "checked": boolean;
-        "color": string;
+        "color": any;
         "disabled": boolean;
-        "hidden": boolean;
-        "required": boolean;
-        "size": SizeTypes1;
+        "size": SizeTypes;
         "value": string | number;
     }
     interface BcmRadioGroup {
         "_id": string;
-        "buttonStyle": 'solid' | 'outline';
         "caption": string;
         "captionError": string;
-        "captionType": StatusTypes1;
-        "check": (item: any, checked?: boolean) => Promise<void>;
-        "defaultValue": string;
-        "direction": DirectionTypes;
+        "captionType": StatusTypes;
+        "check": (itemId: any, checked?: boolean) => Promise<void>;
+        "defaultValue": string | number;
+        "direction": DirectionTypes1;
         "disabled": boolean;
-        "fullWidth": boolean | 'flex';
+        "fullWidth": boolean;
         "gap": string;
-        "get": () => Promise<string>;
-        "getValue": () => Promise<string>;
+        "get": () => Promise<string | number>;
+        "getValue": () => Promise<string | number>;
         "hidden": boolean;
         "items": Array<object> | OptionType[] | string;
         "label": string;
         "name": string;
         "noCaption": boolean;
-        "optionType": 'default' | 'button';
         "required": boolean;
         "resetCaption": () => Promise<void>;
         "set": (data: any) => Promise<void>;
         "setClear": () => Promise<void>;
-        "size": SizeTypes1;
+        "size": SizeTypes;
         "value": string | number;
     }
     interface BcmRange {
@@ -925,6 +973,11 @@ export namespace Components {
         "hidden": boolean;
         "status": statusType;
     }
+    interface BcmScrollArea {
+        "height": string;
+        "isDisabled": boolean;
+        "width": string;
+    }
     interface BcmSearch {
         "_id": string;
         "clearable": boolean;
@@ -932,6 +985,7 @@ export namespace Components {
         "disabled": boolean;
         "handleClear": (eventEmit?: boolean) => Promise<void>;
         "limit": number;
+        "minSearchLength": number;
         "onBcmBlur": () => Promise<void>;
         "onBcmFocus": () => Promise<void>;
         "onBcmSelect": () => Promise<void>;
@@ -1034,7 +1088,7 @@ export namespace Components {
         "_id": string;
         "active": number;
         "data": any[];
-        "direction": DirectionTypes;
+        "direction": DirectionTypes1;
         "getCurrentStep": () => Promise<any>;
         "getSteps": () => Promise<any[]>;
         "hidden": boolean;
@@ -1044,7 +1098,7 @@ export namespace Components {
         "prev": () => Promise<any>;
         "reset": () => Promise<any>;
         "setActive": (index: number) => Promise<void>;
-        "size": SizeTypes1;
+        "size": SizeTypes;
         "stepperId": string;
         "tick": {};
     }
@@ -1101,8 +1155,23 @@ export namespace Components {
         "_id": string;
         "active": string;
         "color": string;
+        "refresh": () => Promise<void>;
         "setActive": (index: number) => Promise<void>;
-        "size": SizeTypes1;
+        "size": SizeTypes;
+    }
+    interface BcmTabItem {
+        "_id": string;
+        "active": boolean;
+        "disabled": boolean;
+        "index": any;
+    }
+    interface BcmTabItemHeader {
+        "_id": string;
+        "active": boolean;
+        "color": string;
+        "disabled": boolean;
+        "index": any;
+        "size": SizeTypes;
     }
     interface BcmTabPane {
         "active": boolean;
@@ -1267,14 +1336,31 @@ export namespace Components {
         "last": boolean;
         "timelineType": 'left' | 'right' | 'alternate';
     }
+    interface BcmToast {
+        "_id": string;
+        "closeButton": boolean;
+        "description": string;
+        "duration": number;
+        "hide": () => Promise<void>;
+        "message": string;
+        "messageIcon": any;
+        "position": PlacementTypes;
+        "show": () => Promise<HTMLElement>;
+        "status": "success" | "error" | "warning" | "info";
+        "viewButton": boolean;
+    }
     interface BcmTooltip {
         "_id": string;
+        "closeDelay": number;
         "color": string;
         "hide": () => Promise<void>;
         "message": string;
         "open": boolean;
+        "openDelay": number;
         "placement": PlacementTypes1;
         "show": () => Promise<void>;
+        "size": SizeTypes;
+        "targetId": string;
         "toggle": () => Promise<void>;
         "trigger": TrigglerTypes;
     }
@@ -1408,6 +1494,10 @@ export interface BcmCollapseCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmCollapseElement;
 }
+export interface BcmColorfulCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmColorfulElement;
+}
 export interface BcmColorpickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmColorpickerElement;
@@ -1468,6 +1558,10 @@ export interface BcmModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmModalElement;
 }
+export interface BcmModal2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmModal2Element;
+}
 export interface BcmNotificationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmNotificationElement;
@@ -1492,6 +1586,10 @@ export interface BcmPopconfirmBoxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmPopconfirmBoxElement;
 }
+export interface BcmPopoverCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmPopoverElement;
+}
 export interface BcmRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmRadioElement;
@@ -1544,6 +1642,14 @@ export interface BcmTextareaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmTextareaElement;
 }
+export interface BcmToastCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmToastElement;
+}
+export interface BcmTooltipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmTooltipElement;
+}
 export interface BcmTreeviewCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmTreeviewElement;
@@ -1659,6 +1765,18 @@ declare global {
         prototype: HTMLBcmCollapseGroupElement;
         new (): HTMLBcmCollapseGroupElement;
     };
+    interface HTMLBcmColorInputElement extends Components.BcmColorInput, HTMLStencilElement {
+    }
+    var HTMLBcmColorInputElement: {
+        prototype: HTMLBcmColorInputElement;
+        new (): HTMLBcmColorInputElement;
+    };
+    interface HTMLBcmColorfulElement extends Components.BcmColorful, HTMLStencilElement {
+    }
+    var HTMLBcmColorfulElement: {
+        prototype: HTMLBcmColorfulElement;
+        new (): HTMLBcmColorfulElement;
+    };
     interface HTMLBcmColorpickerElement extends Components.BcmColorpicker, HTMLStencilElement {
     }
     var HTMLBcmColorpickerElement: {
@@ -1749,6 +1867,12 @@ declare global {
         prototype: HTMLBcmInputElement;
         new (): HTMLBcmInputElement;
     };
+    interface HTMLBcmInputCustomElement extends Components.BcmInputCustom, HTMLStencilElement {
+    }
+    var HTMLBcmInputCustomElement: {
+        prototype: HTMLBcmInputCustomElement;
+        new (): HTMLBcmInputCustomElement;
+    };
     interface HTMLBcmItemElement extends Components.BcmItem, HTMLStencilElement {
     }
     var HTMLBcmItemElement: {
@@ -1821,6 +1945,24 @@ declare global {
         prototype: HTMLBcmModalElement;
         new (): HTMLBcmModalElement;
     };
+    interface HTMLBcmModal2Element extends Components.BcmModal2, HTMLStencilElement {
+    }
+    var HTMLBcmModal2Element: {
+        prototype: HTMLBcmModal2Element;
+        new (): HTMLBcmModal2Element;
+    };
+    interface HTMLBcmModal2FooterElement extends Components.BcmModal2Footer, HTMLStencilElement {
+    }
+    var HTMLBcmModal2FooterElement: {
+        prototype: HTMLBcmModal2FooterElement;
+        new (): HTMLBcmModal2FooterElement;
+    };
+    interface HTMLBcmModal2HeaderElement extends Components.BcmModal2Header, HTMLStencilElement {
+    }
+    var HTMLBcmModal2HeaderElement: {
+        prototype: HTMLBcmModal2HeaderElement;
+        new (): HTMLBcmModal2HeaderElement;
+    };
     interface HTMLBcmNotificationElement extends Components.BcmNotification, HTMLStencilElement {
     }
     var HTMLBcmNotificationElement: {
@@ -1845,6 +1987,12 @@ declare global {
         prototype: HTMLBcmOldTagElement;
         new (): HTMLBcmOldTagElement;
     };
+    interface HTMLBcmOverlayElement extends Components.BcmOverlay, HTMLStencilElement {
+    }
+    var HTMLBcmOverlayElement: {
+        prototype: HTMLBcmOverlayElement;
+        new (): HTMLBcmOverlayElement;
+    };
     interface HTMLBcmPopconfirmElement extends Components.BcmPopconfirm, HTMLStencilElement {
     }
     var HTMLBcmPopconfirmElement: {
@@ -1893,6 +2041,12 @@ declare global {
         prototype: HTMLBcmResultElement;
         new (): HTMLBcmResultElement;
     };
+    interface HTMLBcmScrollAreaElement extends Components.BcmScrollArea, HTMLStencilElement {
+    }
+    var HTMLBcmScrollAreaElement: {
+        prototype: HTMLBcmScrollAreaElement;
+        new (): HTMLBcmScrollAreaElement;
+    };
     interface HTMLBcmSearchElement extends Components.BcmSearch, HTMLStencilElement {
     }
     var HTMLBcmSearchElement: {
@@ -1959,6 +2113,18 @@ declare global {
         prototype: HTMLBcmTabGroupElement;
         new (): HTMLBcmTabGroupElement;
     };
+    interface HTMLBcmTabItemElement extends Components.BcmTabItem, HTMLStencilElement {
+    }
+    var HTMLBcmTabItemElement: {
+        prototype: HTMLBcmTabItemElement;
+        new (): HTMLBcmTabItemElement;
+    };
+    interface HTMLBcmTabItemHeaderElement extends Components.BcmTabItemHeader, HTMLStencilElement {
+    }
+    var HTMLBcmTabItemHeaderElement: {
+        prototype: HTMLBcmTabItemHeaderElement;
+        new (): HTMLBcmTabItemHeaderElement;
+    };
     interface HTMLBcmTabPaneElement extends Components.BcmTabPane, HTMLStencilElement {
     }
     var HTMLBcmTabPaneElement: {
@@ -2019,6 +2185,12 @@ declare global {
         prototype: HTMLBcmTimelineItemElement;
         new (): HTMLBcmTimelineItemElement;
     };
+    interface HTMLBcmToastElement extends Components.BcmToast, HTMLStencilElement {
+    }
+    var HTMLBcmToastElement: {
+        prototype: HTMLBcmToastElement;
+        new (): HTMLBcmToastElement;
+    };
     interface HTMLBcmTooltipElement extends Components.BcmTooltip, HTMLStencilElement {
     }
     var HTMLBcmTooltipElement: {
@@ -2079,6 +2251,8 @@ declare global {
         "bcm-chip": HTMLBcmChipElement;
         "bcm-collapse": HTMLBcmCollapseElement;
         "bcm-collapse-group": HTMLBcmCollapseGroupElement;
+        "bcm-color-input": HTMLBcmColorInputElement;
+        "bcm-colorful": HTMLBcmColorfulElement;
         "bcm-colorpicker": HTMLBcmColorpickerElement;
         "bcm-date-picker": HTMLBcmDatePickerElement;
         "bcm-datetime-picker": HTMLBcmDatetimePickerElement;
@@ -2094,6 +2268,7 @@ declare global {
         "bcm-form-group": HTMLBcmFormGroupElement;
         "bcm-icon": HTMLBcmIconElement;
         "bcm-input": HTMLBcmInputElement;
+        "bcm-input-custom": HTMLBcmInputCustomElement;
         "bcm-item": HTMLBcmItemElement;
         "bcm-items": HTMLBcmItemsElement;
         "bcm-label": HTMLBcmLabelElement;
@@ -2106,10 +2281,14 @@ declare global {
         "bcm-menu": HTMLBcmMenuElement;
         "bcm-message": HTMLBcmMessageElement;
         "bcm-modal": HTMLBcmModalElement;
+        "bcm-modal-2": HTMLBcmModal2Element;
+        "bcm-modal-2-footer": HTMLBcmModal2FooterElement;
+        "bcm-modal-2-header": HTMLBcmModal2HeaderElement;
         "bcm-notification": HTMLBcmNotificationElement;
         "bcm-old-input": HTMLBcmOldInputElement;
         "bcm-old-search": HTMLBcmOldSearchElement;
         "bcm-old-tag": HTMLBcmOldTagElement;
+        "bcm-overlay": HTMLBcmOverlayElement;
         "bcm-popconfirm": HTMLBcmPopconfirmElement;
         "bcm-popconfirm-box": HTMLBcmPopconfirmBoxElement;
         "bcm-popover": HTMLBcmPopoverElement;
@@ -2118,6 +2297,7 @@ declare global {
         "bcm-radio-group": HTMLBcmRadioGroupElement;
         "bcm-range": HTMLBcmRangeElement;
         "bcm-result": HTMLBcmResultElement;
+        "bcm-scroll-area": HTMLBcmScrollAreaElement;
         "bcm-search": HTMLBcmSearchElement;
         "bcm-select": HTMLBcmSelectElement;
         "bcm-select-box": HTMLBcmSelectBoxElement;
@@ -2129,6 +2309,8 @@ declare global {
         "bcm-switch": HTMLBcmSwitchElement;
         "bcm-tab": HTMLBcmTabElement;
         "bcm-tab-group": HTMLBcmTabGroupElement;
+        "bcm-tab-item": HTMLBcmTabItemElement;
+        "bcm-tab-item-header": HTMLBcmTabItemHeaderElement;
         "bcm-tab-pane": HTMLBcmTabPaneElement;
         "bcm-table": HTMLBcmTableElement;
         "bcm-tabs": HTMLBcmTabsElement;
@@ -2139,6 +2321,7 @@ declare global {
         "bcm-time-picker": HTMLBcmTimePickerElement;
         "bcm-timeline": HTMLBcmTimelineElement;
         "bcm-timeline-item": HTMLBcmTimelineItemElement;
+        "bcm-toast": HTMLBcmToastElement;
         "bcm-tooltip": HTMLBcmTooltipElement;
         "bcm-treeview": HTMLBcmTreeviewElement;
         "bcm-treeview-group": HTMLBcmTreeviewGroupElement;
@@ -2334,6 +2517,20 @@ declare namespace LocalJSX {
         "multiple"?: boolean;
         "open"?: boolean;
     }
+    interface BcmColorInput {
+        "_id"?: string;
+        "disabled"?: boolean;
+        "fullWidth"?: boolean;
+        "label"?: string;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "value"?: string;
+    }
+    interface BcmColorful {
+        "color"?: any;
+        "onBcmChange"?: (event: BcmColorfulCustomEvent<any>) => void;
+    }
     interface BcmColorpicker {
         /**
           * Component Properties
@@ -2555,6 +2752,18 @@ declare namespace LocalJSX {
         "unitPrefix"?: string;
         "value"?: any;
     }
+    interface BcmInputCustom {
+        "_id"?: string;
+        "disabled"?: boolean;
+        "fullwidth"?: boolean;
+        "label"?: string;
+        "name"?: string;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "type"?: string;
+        "value"?: string;
+    }
     interface BcmItem {
         "_id"?: string;
         "color"?: any;
@@ -2590,6 +2799,7 @@ declare namespace LocalJSX {
     interface BcmLinked {
         "_id"?: string;
         "height"?: string;
+        "hideDelay"?: number;
         "isOpen"?: boolean;
         "maxHeight"?: string;
         "minHeight"?: string;
@@ -2622,6 +2832,7 @@ declare namespace LocalJSX {
         "linkedComponent"?: string;
         "maxHeight"?: string;
         "minHeight"?: string;
+        "minSearchLength"?: number;
         "name"?: string;
         "noCaption"?: boolean;
         "onBcm-change"?: (event: BcmListCustomEvent<any>) => void;
@@ -2772,6 +2983,27 @@ declare namespace LocalJSX {
         "size"?: any;
         "width"?: string;
     }
+    interface BcmModal2 {
+        "_id"?: string;
+        "backdrop"?: boolean | "static";
+        "center"?: boolean;
+        "fullScreen"?: boolean;
+        "fullWidth"?: boolean;
+        "isShow"?: boolean;
+        "onBcm-modal-before-close"?: (event: BcmModal2CustomEvent<any>) => void;
+        "onBcm-modal-before-open"?: (event: BcmModal2CustomEvent<any>) => void;
+        "onBcm-modal-close"?: (event: BcmModal2CustomEvent<any>) => void;
+        "onBcm-modal-open"?: (event: BcmModal2CustomEvent<any>) => void;
+        "overflow"?: boolean;
+        "size"?: any;
+        "zIndex"?: string;
+    }
+    interface BcmModal2Footer {
+        "_id"?: string;
+    }
+    interface BcmModal2Header {
+        "_id"?: string;
+    }
     interface BcmNotification {
         /**
           * Component Properties
@@ -2852,6 +3084,12 @@ declare namespace LocalJSX {
         "type"?: string;
         "value"?: string;
     }
+    interface BcmOverlay {
+        "center"?: boolean;
+        "color"?: "#000";
+        "opacity"?: string;
+        "zIndex"?: string;
+    }
     interface BcmPopconfirm {
         "_id"?: string;
         "cancelText"?: string;
@@ -2884,11 +3122,16 @@ declare namespace LocalJSX {
     }
     interface BcmPopover {
         "_id"?: string;
+        "closeDelay"?: number;
         "color"?: string;
         "content"?: string;
         "message"?: string;
+        "onBcmPopoverHide"?: (event: BcmPopoverCustomEvent<any>) => void;
+        "onBcmPopoverShow"?: (event: BcmPopoverCustomEvent<any>) => void;
         "open"?: boolean;
+        "openDelay"?: number;
         "placement"?: PlacementTypes1;
+        "targetId"?: string;
         "trigger"?: TrigglerTypes;
     }
     interface BcmProgress {
@@ -2904,31 +3147,25 @@ declare namespace LocalJSX {
         "value"?: number;
     }
     interface BcmRadio {
-        /**
-          * Props *
-         */
         "_id"?: string;
         "checked"?: boolean;
-        "color"?: string;
+        "color"?: any;
         "disabled"?: boolean;
-        "hidden"?: boolean;
         "onBcm-blur"?: (event: BcmRadioCustomEvent<any>) => void;
-        "onBcm-change"?: (event: BcmRadioCustomEvent<any>) => void;
         "onBcm-focus"?: (event: BcmRadioCustomEvent<any>) => void;
-        "required"?: boolean;
-        "size"?: SizeTypes1;
+        "onBcm-radio-change"?: (event: BcmRadioCustomEvent<any>) => void;
+        "size"?: SizeTypes;
         "value"?: string | number;
     }
     interface BcmRadioGroup {
         "_id"?: string;
-        "buttonStyle"?: 'solid' | 'outline';
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: StatusTypes1;
-        "defaultValue"?: string;
-        "direction"?: DirectionTypes;
+        "captionType"?: StatusTypes;
+        "defaultValue"?: string | number;
+        "direction"?: DirectionTypes1;
         "disabled"?: boolean;
-        "fullWidth"?: boolean | 'flex';
+        "fullWidth"?: boolean;
         "gap"?: string;
         "hidden"?: boolean;
         "items"?: Array<object> | OptionType[] | string;
@@ -2936,9 +3173,8 @@ declare namespace LocalJSX {
         "name"?: string;
         "noCaption"?: boolean;
         "onBcm-change"?: (event: BcmRadioGroupCustomEvent<any>) => void;
-        "optionType"?: 'default' | 'button';
         "required"?: boolean;
-        "size"?: SizeTypes1;
+        "size"?: SizeTypes;
         "value"?: string | number;
     }
     interface BcmRange {
@@ -2960,12 +3196,18 @@ declare namespace LocalJSX {
         "hidden"?: boolean;
         "status"?: statusType;
     }
+    interface BcmScrollArea {
+        "height"?: string;
+        "isDisabled"?: boolean;
+        "width"?: string;
+    }
     interface BcmSearch {
         "_id"?: string;
         "clearable"?: boolean;
         "data"?: any;
         "disabled"?: boolean;
         "limit"?: number;
+        "minSearchLength"?: number;
         "onBcm-on-search"?: (event: BcmSearchCustomEvent<any>) => void;
         "onBcm-on-search-clear"?: (event: BcmSearchCustomEvent<any>) => void;
         "placeholder"?: string;
@@ -3060,12 +3302,12 @@ declare namespace LocalJSX {
         "_id"?: string;
         "active"?: number;
         "data"?: any[];
-        "direction"?: DirectionTypes;
+        "direction"?: DirectionTypes1;
         "hidden"?: boolean;
         "icon"?: boolean;
         "linear"?: boolean;
         "onBcm-step-change"?: (event: BcmStepperCustomEvent<any>) => void;
-        "size"?: SizeTypes1;
+        "size"?: SizeTypes;
         "stepperId"?: string;
         "tick"?: {};
     }
@@ -3123,8 +3365,22 @@ declare namespace LocalJSX {
         "_id"?: string;
         "active"?: string;
         "color"?: string;
-        "onTabChange"?: (event: BcmTabGroupCustomEvent<any>) => void;
-        "size"?: SizeTypes1;
+        "onBcm-tab-change"?: (event: BcmTabGroupCustomEvent<any>) => void;
+        "size"?: SizeTypes;
+    }
+    interface BcmTabItem {
+        "_id"?: string;
+        "active"?: boolean;
+        "disabled"?: boolean;
+        "index"?: any;
+    }
+    interface BcmTabItemHeader {
+        "_id"?: string;
+        "active"?: boolean;
+        "color"?: string;
+        "disabled"?: boolean;
+        "index"?: any;
+        "size"?: SizeTypes;
     }
     interface BcmTabPane {
         "active"?: boolean;
@@ -3253,12 +3509,32 @@ declare namespace LocalJSX {
         "last"?: boolean;
         "timelineType"?: 'left' | 'right' | 'alternate';
     }
+    interface BcmToast {
+        "_id"?: string;
+        "closeButton"?: boolean;
+        "description"?: string;
+        "duration"?: number;
+        "message"?: string;
+        "messageIcon"?: any;
+        "onBcm-toast-close"?: (event: BcmToastCustomEvent<any>) => void;
+        "onBcm-toast-open"?: (event: BcmToastCustomEvent<any>) => void;
+        "onBcm-toast-view"?: (event: BcmToastCustomEvent<any>) => void;
+        "position"?: PlacementTypes;
+        "status"?: "success" | "error" | "warning" | "info";
+        "viewButton"?: boolean;
+    }
     interface BcmTooltip {
         "_id"?: string;
+        "closeDelay"?: number;
         "color"?: string;
         "message"?: string;
+        "onBcmTooltipHide"?: (event: BcmTooltipCustomEvent<any>) => void;
+        "onBcmTooltipShow"?: (event: BcmTooltipCustomEvent<any>) => void;
         "open"?: boolean;
+        "openDelay"?: number;
         "placement"?: PlacementTypes1;
+        "size"?: SizeTypes;
+        "targetId"?: string;
         "trigger"?: TrigglerTypes;
     }
     interface BcmTreeview {
@@ -3384,6 +3660,8 @@ declare namespace LocalJSX {
         "bcm-chip": BcmChip;
         "bcm-collapse": BcmCollapse;
         "bcm-collapse-group": BcmCollapseGroup;
+        "bcm-color-input": BcmColorInput;
+        "bcm-colorful": BcmColorful;
         "bcm-colorpicker": BcmColorpicker;
         "bcm-date-picker": BcmDatePicker;
         "bcm-datetime-picker": BcmDatetimePicker;
@@ -3399,6 +3677,7 @@ declare namespace LocalJSX {
         "bcm-form-group": BcmFormGroup;
         "bcm-icon": BcmIcon;
         "bcm-input": BcmInput;
+        "bcm-input-custom": BcmInputCustom;
         "bcm-item": BcmItem;
         "bcm-items": BcmItems;
         "bcm-label": BcmLabel;
@@ -3411,10 +3690,14 @@ declare namespace LocalJSX {
         "bcm-menu": BcmMenu;
         "bcm-message": BcmMessage;
         "bcm-modal": BcmModal;
+        "bcm-modal-2": BcmModal2;
+        "bcm-modal-2-footer": BcmModal2Footer;
+        "bcm-modal-2-header": BcmModal2Header;
         "bcm-notification": BcmNotification;
         "bcm-old-input": BcmOldInput;
         "bcm-old-search": BcmOldSearch;
         "bcm-old-tag": BcmOldTag;
+        "bcm-overlay": BcmOverlay;
         "bcm-popconfirm": BcmPopconfirm;
         "bcm-popconfirm-box": BcmPopconfirmBox;
         "bcm-popover": BcmPopover;
@@ -3423,6 +3706,7 @@ declare namespace LocalJSX {
         "bcm-radio-group": BcmRadioGroup;
         "bcm-range": BcmRange;
         "bcm-result": BcmResult;
+        "bcm-scroll-area": BcmScrollArea;
         "bcm-search": BcmSearch;
         "bcm-select": BcmSelect;
         "bcm-select-box": BcmSelectBox;
@@ -3434,6 +3718,8 @@ declare namespace LocalJSX {
         "bcm-switch": BcmSwitch;
         "bcm-tab": BcmTab;
         "bcm-tab-group": BcmTabGroup;
+        "bcm-tab-item": BcmTabItem;
+        "bcm-tab-item-header": BcmTabItemHeader;
         "bcm-tab-pane": BcmTabPane;
         "bcm-table": BcmTable;
         "bcm-tabs": BcmTabs;
@@ -3444,6 +3730,7 @@ declare namespace LocalJSX {
         "bcm-time-picker": BcmTimePicker;
         "bcm-timeline": BcmTimeline;
         "bcm-timeline-item": BcmTimelineItem;
+        "bcm-toast": BcmToast;
         "bcm-tooltip": BcmTooltip;
         "bcm-treeview": BcmTreeview;
         "bcm-treeview-group": BcmTreeviewGroup;
@@ -3474,6 +3761,8 @@ declare module "@stencil/core" {
             "bcm-chip": LocalJSX.BcmChip & JSXBase.HTMLAttributes<HTMLBcmChipElement>;
             "bcm-collapse": LocalJSX.BcmCollapse & JSXBase.HTMLAttributes<HTMLBcmCollapseElement>;
             "bcm-collapse-group": LocalJSX.BcmCollapseGroup & JSXBase.HTMLAttributes<HTMLBcmCollapseGroupElement>;
+            "bcm-color-input": LocalJSX.BcmColorInput & JSXBase.HTMLAttributes<HTMLBcmColorInputElement>;
+            "bcm-colorful": LocalJSX.BcmColorful & JSXBase.HTMLAttributes<HTMLBcmColorfulElement>;
             "bcm-colorpicker": LocalJSX.BcmColorpicker & JSXBase.HTMLAttributes<HTMLBcmColorpickerElement>;
             "bcm-date-picker": LocalJSX.BcmDatePicker & JSXBase.HTMLAttributes<HTMLBcmDatePickerElement>;
             "bcm-datetime-picker": LocalJSX.BcmDatetimePicker & JSXBase.HTMLAttributes<HTMLBcmDatetimePickerElement>;
@@ -3489,6 +3778,7 @@ declare module "@stencil/core" {
             "bcm-form-group": LocalJSX.BcmFormGroup & JSXBase.HTMLAttributes<HTMLBcmFormGroupElement>;
             "bcm-icon": LocalJSX.BcmIcon & JSXBase.HTMLAttributes<HTMLBcmIconElement>;
             "bcm-input": LocalJSX.BcmInput & JSXBase.HTMLAttributes<HTMLBcmInputElement>;
+            "bcm-input-custom": LocalJSX.BcmInputCustom & JSXBase.HTMLAttributes<HTMLBcmInputCustomElement>;
             "bcm-item": LocalJSX.BcmItem & JSXBase.HTMLAttributes<HTMLBcmItemElement>;
             "bcm-items": LocalJSX.BcmItems & JSXBase.HTMLAttributes<HTMLBcmItemsElement>;
             "bcm-label": LocalJSX.BcmLabel & JSXBase.HTMLAttributes<HTMLBcmLabelElement>;
@@ -3501,10 +3791,14 @@ declare module "@stencil/core" {
             "bcm-menu": LocalJSX.BcmMenu & JSXBase.HTMLAttributes<HTMLBcmMenuElement>;
             "bcm-message": LocalJSX.BcmMessage & JSXBase.HTMLAttributes<HTMLBcmMessageElement>;
             "bcm-modal": LocalJSX.BcmModal & JSXBase.HTMLAttributes<HTMLBcmModalElement>;
+            "bcm-modal-2": LocalJSX.BcmModal2 & JSXBase.HTMLAttributes<HTMLBcmModal2Element>;
+            "bcm-modal-2-footer": LocalJSX.BcmModal2Footer & JSXBase.HTMLAttributes<HTMLBcmModal2FooterElement>;
+            "bcm-modal-2-header": LocalJSX.BcmModal2Header & JSXBase.HTMLAttributes<HTMLBcmModal2HeaderElement>;
             "bcm-notification": LocalJSX.BcmNotification & JSXBase.HTMLAttributes<HTMLBcmNotificationElement>;
             "bcm-old-input": LocalJSX.BcmOldInput & JSXBase.HTMLAttributes<HTMLBcmOldInputElement>;
             "bcm-old-search": LocalJSX.BcmOldSearch & JSXBase.HTMLAttributes<HTMLBcmOldSearchElement>;
             "bcm-old-tag": LocalJSX.BcmOldTag & JSXBase.HTMLAttributes<HTMLBcmOldTagElement>;
+            "bcm-overlay": LocalJSX.BcmOverlay & JSXBase.HTMLAttributes<HTMLBcmOverlayElement>;
             "bcm-popconfirm": LocalJSX.BcmPopconfirm & JSXBase.HTMLAttributes<HTMLBcmPopconfirmElement>;
             "bcm-popconfirm-box": LocalJSX.BcmPopconfirmBox & JSXBase.HTMLAttributes<HTMLBcmPopconfirmBoxElement>;
             "bcm-popover": LocalJSX.BcmPopover & JSXBase.HTMLAttributes<HTMLBcmPopoverElement>;
@@ -3513,6 +3807,7 @@ declare module "@stencil/core" {
             "bcm-radio-group": LocalJSX.BcmRadioGroup & JSXBase.HTMLAttributes<HTMLBcmRadioGroupElement>;
             "bcm-range": LocalJSX.BcmRange & JSXBase.HTMLAttributes<HTMLBcmRangeElement>;
             "bcm-result": LocalJSX.BcmResult & JSXBase.HTMLAttributes<HTMLBcmResultElement>;
+            "bcm-scroll-area": LocalJSX.BcmScrollArea & JSXBase.HTMLAttributes<HTMLBcmScrollAreaElement>;
             "bcm-search": LocalJSX.BcmSearch & JSXBase.HTMLAttributes<HTMLBcmSearchElement>;
             "bcm-select": LocalJSX.BcmSelect & JSXBase.HTMLAttributes<HTMLBcmSelectElement>;
             "bcm-select-box": LocalJSX.BcmSelectBox & JSXBase.HTMLAttributes<HTMLBcmSelectBoxElement>;
@@ -3524,6 +3819,8 @@ declare module "@stencil/core" {
             "bcm-switch": LocalJSX.BcmSwitch & JSXBase.HTMLAttributes<HTMLBcmSwitchElement>;
             "bcm-tab": LocalJSX.BcmTab & JSXBase.HTMLAttributes<HTMLBcmTabElement>;
             "bcm-tab-group": LocalJSX.BcmTabGroup & JSXBase.HTMLAttributes<HTMLBcmTabGroupElement>;
+            "bcm-tab-item": LocalJSX.BcmTabItem & JSXBase.HTMLAttributes<HTMLBcmTabItemElement>;
+            "bcm-tab-item-header": LocalJSX.BcmTabItemHeader & JSXBase.HTMLAttributes<HTMLBcmTabItemHeaderElement>;
             "bcm-tab-pane": LocalJSX.BcmTabPane & JSXBase.HTMLAttributes<HTMLBcmTabPaneElement>;
             "bcm-table": LocalJSX.BcmTable & JSXBase.HTMLAttributes<HTMLBcmTableElement>;
             "bcm-tabs": LocalJSX.BcmTabs & JSXBase.HTMLAttributes<HTMLBcmTabsElement>;
@@ -3534,6 +3831,7 @@ declare module "@stencil/core" {
             "bcm-time-picker": LocalJSX.BcmTimePicker & JSXBase.HTMLAttributes<HTMLBcmTimePickerElement>;
             "bcm-timeline": LocalJSX.BcmTimeline & JSXBase.HTMLAttributes<HTMLBcmTimelineElement>;
             "bcm-timeline-item": LocalJSX.BcmTimelineItem & JSXBase.HTMLAttributes<HTMLBcmTimelineItemElement>;
+            "bcm-toast": LocalJSX.BcmToast & JSXBase.HTMLAttributes<HTMLBcmToastElement>;
             "bcm-tooltip": LocalJSX.BcmTooltip & JSXBase.HTMLAttributes<HTMLBcmTooltipElement>;
             "bcm-treeview": LocalJSX.BcmTreeview & JSXBase.HTMLAttributes<HTMLBcmTreeviewElement>;
             "bcm-treeview-group": LocalJSX.BcmTreeviewGroup & JSXBase.HTMLAttributes<HTMLBcmTreeviewGroupElement>;