bromcom-ui 2.9.0-rc.2 → 2.9.0-rc.20

package/dist/types/components.d.ts

@@ -6,9 +6,9 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { StatusProp, TypeProp } from "./components/molecules/alert/types";
-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 { Bcm, DirectionTypes as DirectionTypes1, ListTypes, PlacementTypes as PlacementTypes1, PositionTypes, ShapeTypes, SizeTypes, StatusTypes, TrigglerTypes } from "./models";
 import { ItemType } from "./components/molecules/breadcrumb/types";
+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 { VariantProp } from "./components/atoms/button/types";
 import { Type } from "./components/organism/datetime-picker/types";
 import { SizeProp } from "./components/molecules/error-layout/types";
@@ -17,8 +17,10 @@ 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/radio-group";
+import { Moment } from "moment";
 import { statusType } from "./components/molecules/result/types";
 import { DirectionProp, SizeProp as SizeProp2, TypeProp as TypeProp2 } from "./components/other_deprecated/tabs/types";
+import { GridOptions } from "@ag-grid-community/core";
 import { ResizeTypes } from "./components/molecules/textarea/types";
 import { SizeProp as SizeProp3 } from "./components/other_deprecated/treeview/types";
 export namespace Components {
@@ -57,8 +59,9 @@ export namespace Components {
     interface BcmAvatar {
         "_id": string;
         "alt": string;
-        "color": any;
-        "hidden": boolean;
+        "blink": boolean;
+        "color": string;
+        "icon": string;
         "image": string;
         "name": string;
         "shape": ShapeTypes;
@@ -67,12 +70,10 @@ export namespace Components {
     }
     interface BcmBadge {
         "_id": string;
-        "_slot": any;
         "blink": boolean;
         "color": any;
-        "hidden": boolean;
-        "size": SizeTypes1;
-        "status": StatusTypes1;
+        "size": SizeTypes;
+        "status": StatusTypes;
         "value": string;
     }
     interface BcmBox {
@@ -261,6 +262,46 @@ export namespace Components {
     }
     interface BcmContent {
     }
+    interface BcmDate {
+        "_id": string;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes;
+        "clearable": boolean;
+        "disabled": boolean;
+        "disabledDates": any;
+        "disabledTime": any;
+        "format": any;
+        "fullWidth": boolean;
+        "get": () => Promise<any>;
+        "getInput": () => Promise<HTMLInputElement>;
+        "getValue": () => Promise<any>;
+        "hideDisabledOptions": boolean;
+        "hourStep": number;
+        "isValid": () => Promise<boolean>;
+        "label": string;
+        "minuteStep": number;
+        "name": string;
+        "noCaption": boolean;
+        "noMargin": boolean;
+        "placeholder": string;
+        "range": boolean;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "secondStep": number;
+        "set": (value: any) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "showHour": boolean;
+        "showMinute": boolean;
+        "showNow": boolean;
+        "showSecond": boolean;
+        "showTime": boolean;
+        "showToday": boolean;
+        "size": SizeTypes;
+        "type": "time" | "date" | "week" | "month" | "year" | "datetime";
+        "use12Hours": boolean;
+        "value": any;
+    }
     interface BcmDatePicker {
         "_id": string;
         "_internal_id": string;
@@ -292,6 +333,7 @@ export namespace Components {
         "linkedComponent": string;
         "name": string;
         "noCaption": boolean;
+        "noMargin": boolean;
         /**
           * @desc
          */
@@ -357,6 +399,7 @@ export namespace Components {
         "minYear": number;
         "name": string;
         "noCaption": boolean;
+        "noMargin": boolean;
         /**
           * @desc
          */
@@ -541,6 +584,33 @@ export namespace Components {
         "type": string;
         "value": string;
     }
+    interface BcmInputDropdown {
+        "_id": string;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes;
+        "customErrorMessage": string;
+        "data": Bcm.InputDropdownData[];
+        "defaultValue": Object;
+        "disabled": boolean;
+        "fullWidth": boolean;
+        "get": () => Promise<Bcm.InputDropdownData>;
+        "hideCaption": boolean;
+        "hideComment": boolean;
+        "label": string;
+        "lateKeys": string;
+        "maxCharacterLimit": number;
+        "name": string;
+        "noCaption": boolean;
+        "placeholder": string;
+        "readonly": boolean;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "set": (data: Bcm.InputDropdownData[]) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "size": SizeTypes;
+        "value": Bcm.InputDropdownData;
+    }
     interface BcmItem {
         "_id": string;
         "color": any;
@@ -597,6 +667,7 @@ export namespace Components {
         "checkboxes": boolean;
         "clearable": boolean;
         "data": any;
+        "disableChangeEvent": boolean;
         "disabled": boolean;
         "emptyIcon": string;
         "emptyText": string;
@@ -619,6 +690,7 @@ export namespace Components {
         "minSearchLength": number;
         "name": string;
         "noCaption": boolean;
+        "openIntersecting": boolean;
         "placeholder": string;
         "placement": PlacementTypes1;
         "readonly": boolean;
@@ -634,6 +706,7 @@ export namespace Components {
         "size": SizeTypes;
         "stopDeepClean": boolean;
         "template": string;
+        "tooltip": string;
         "treeview": boolean;
         "type": ListTypes;
         "value": any;
@@ -995,6 +1068,30 @@ export namespace Components {
         "data": [];
         "maxCount": number | "responsive" | "invalidate";
     }
+    interface BcmRcPicker {
+        "clearable": boolean;
+        "disabled": boolean;
+        "disabledDates": { min: any; max: any; dates: any; custom: any; };
+        "disabledTime": { disabledHours: any; disabledMinutes: any; disabledSeconds: any };
+        "error": boolean;
+        "format": any;
+        "hideDisabledOptions": boolean;
+        "hourStep": number;
+        "minuteStep": number;
+        "placeholder": string;
+        "range": boolean;
+        "secondStep": number;
+        "set": (value: Moment | null) => Promise<void>;
+        "showHour": boolean;
+        "showMinute": boolean;
+        "showNow": boolean;
+        "showSecond": boolean;
+        "showTime": boolean;
+        "showToday": boolean;
+        "size": SizeTypes;
+        "type": "time" | "date" | "week" | "month" | "year" | "datetime";
+        "use12Hours": boolean;
+    }
     interface BcmResult {
         "description": string;
         "heading": string;
@@ -1209,7 +1306,13 @@ export namespace Components {
         "tab"?: string;
     }
     interface BcmTable {
-        "gridOptions": Object;
+        "_id": string;
+        "extensions": string;
+        "gridOptions": GridOptions;
+        "height": string;
+        "showFooter": boolean;
+        "showToolbar": boolean;
+        "toolBarConfig": Bcm.ToolBarButtonProps;
     }
     interface BcmTabs {
         "active": (id: any) => Promise<void>;
@@ -1323,6 +1426,7 @@ export namespace Components {
         "linkedComponent": string;
         "name": string;
         "noCaption": boolean;
+        "noMargin": boolean;
         /**
           * @desc
          */
@@ -1373,6 +1477,7 @@ export namespace Components {
         "message": string;
         "messageIcon": any;
         "position": PlacementTypes;
+        "removeAfterClose": boolean;
         "show": () => Promise<HTMLElement>;
         "status": "success" | "error" | "warning" | "info";
         "viewButton": boolean;
@@ -1535,6 +1640,10 @@ export interface BcmColorpickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmColorpickerElement;
 }
+export interface BcmDateCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmDateElement;
+}
 export interface BcmDatetimePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmDatetimePickerElement;
@@ -1563,6 +1672,10 @@ export interface BcmInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmInputElement;
 }
+export interface BcmInputDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmInputDropdownElement;
+}
 export interface BcmItemsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmItemsElement;
@@ -1639,6 +1752,10 @@ export interface BcmRcOverflowCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmRcOverflowElement;
 }
+export interface BcmRcPickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmRcPickerElement;
+}
 export interface BcmSearchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmSearchElement;
@@ -1832,6 +1949,12 @@ declare global {
         prototype: HTMLBcmContentElement;
         new (): HTMLBcmContentElement;
     };
+    interface HTMLBcmDateElement extends Components.BcmDate, HTMLStencilElement {
+    }
+    var HTMLBcmDateElement: {
+        prototype: HTMLBcmDateElement;
+        new (): HTMLBcmDateElement;
+    };
     interface HTMLBcmDatePickerElement extends Components.BcmDatePicker, HTMLStencilElement {
     }
     var HTMLBcmDatePickerElement: {
@@ -1922,6 +2045,12 @@ declare global {
         prototype: HTMLBcmInputCustomElement;
         new (): HTMLBcmInputCustomElement;
     };
+    interface HTMLBcmInputDropdownElement extends Components.BcmInputDropdown, HTMLStencilElement {
+    }
+    var HTMLBcmInputDropdownElement: {
+        prototype: HTMLBcmInputDropdownElement;
+        new (): HTMLBcmInputDropdownElement;
+    };
     interface HTMLBcmItemElement extends Components.BcmItem, HTMLStencilElement {
     }
     var HTMLBcmItemElement: {
@@ -2090,6 +2219,12 @@ declare global {
         prototype: HTMLBcmRcOverflowElement;
         new (): HTMLBcmRcOverflowElement;
     };
+    interface HTMLBcmRcPickerElement extends Components.BcmRcPicker, HTMLStencilElement {
+    }
+    var HTMLBcmRcPickerElement: {
+        prototype: HTMLBcmRcPickerElement;
+        new (): HTMLBcmRcPickerElement;
+    };
     interface HTMLBcmResultElement extends Components.BcmResult, HTMLStencilElement {
     }
     var HTMLBcmResultElement: {
@@ -2311,6 +2446,7 @@ declare global {
         "bcm-colorful": HTMLBcmColorfulElement;
         "bcm-colorpicker": HTMLBcmColorpickerElement;
         "bcm-content": HTMLBcmContentElement;
+        "bcm-date": HTMLBcmDateElement;
         "bcm-date-picker": HTMLBcmDatePickerElement;
         "bcm-datetime-picker": HTMLBcmDatetimePickerElement;
         "bcm-default": HTMLBcmDefaultElement;
@@ -2326,6 +2462,7 @@ declare global {
         "bcm-icon": HTMLBcmIconElement;
         "bcm-input": HTMLBcmInputElement;
         "bcm-input-custom": HTMLBcmInputCustomElement;
+        "bcm-input-dropdown": HTMLBcmInputDropdownElement;
         "bcm-item": HTMLBcmItemElement;
         "bcm-items": HTMLBcmItemsElement;
         "bcm-label": HTMLBcmLabelElement;
@@ -2354,6 +2491,7 @@ declare global {
         "bcm-radio-group": HTMLBcmRadioGroupElement;
         "bcm-range": HTMLBcmRangeElement;
         "bcm-rc-overflow": HTMLBcmRcOverflowElement;
+        "bcm-rc-picker": HTMLBcmRcPickerElement;
         "bcm-result": HTMLBcmResultElement;
         "bcm-scroll-area": HTMLBcmScrollAreaElement;
         "bcm-search": HTMLBcmSearchElement;
@@ -2425,8 +2563,9 @@ declare namespace LocalJSX {
     interface BcmAvatar {
         "_id"?: string;
         "alt"?: string;
-        "color"?: any;
-        "hidden"?: boolean;
+        "blink"?: boolean;
+        "color"?: string;
+        "icon"?: string;
         "image"?: string;
         "name"?: string;
         "shape"?: ShapeTypes;
@@ -2435,12 +2574,10 @@ declare namespace LocalJSX {
     }
     interface BcmBadge {
         "_id"?: string;
-        "_slot"?: any;
         "blink"?: boolean;
         "color"?: any;
-        "hidden"?: boolean;
-        "size"?: SizeTypes1;
-        "status"?: StatusTypes1;
+        "size"?: SizeTypes;
+        "status"?: StatusTypes;
         "value"?: string;
     }
     interface BcmBox {
@@ -2631,6 +2768,40 @@ declare namespace LocalJSX {
     }
     interface BcmContent {
     }
+    interface BcmDate {
+        "_id"?: string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes;
+        "clearable"?: boolean;
+        "disabled"?: boolean;
+        "disabledDates"?: any;
+        "disabledTime"?: any;
+        "format"?: any;
+        "fullWidth"?: boolean;
+        "hideDisabledOptions"?: boolean;
+        "hourStep"?: number;
+        "label"?: string;
+        "minuteStep"?: number;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "noMargin"?: boolean;
+        "onBcm-change"?: (event: BcmDateCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "range"?: boolean;
+        "required"?: boolean;
+        "secondStep"?: number;
+        "showHour"?: boolean;
+        "showMinute"?: boolean;
+        "showNow"?: boolean;
+        "showSecond"?: boolean;
+        "showTime"?: boolean;
+        "showToday"?: boolean;
+        "size"?: SizeTypes;
+        "type"?: "time" | "date" | "week" | "month" | "year" | "datetime";
+        "use12Hours"?: boolean;
+        "value"?: any;
+    }
     interface BcmDatePicker {
         "_id"?: string;
         "_internal_id"?: string;
@@ -2649,6 +2820,7 @@ declare namespace LocalJSX {
         "linkedComponent"?: string;
         "name"?: string;
         "noCaption"?: boolean;
+        "noMargin"?: boolean;
         "placeholder"?: string;
         "placement"?: PlacementTypes;
         "range"?: boolean;
@@ -2678,6 +2850,7 @@ declare namespace LocalJSX {
         "minYear"?: number;
         "name"?: string;
         "noCaption"?: boolean;
+        "noMargin"?: boolean;
         "onBcm-change"?: (event: BcmDatetimePickerCustomEvent<any>) => void;
         /**
           * @desc
@@ -2843,6 +3016,31 @@ declare namespace LocalJSX {
         "type"?: string;
         "value"?: string;
     }
+    interface BcmInputDropdown {
+        "_id"?: string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes;
+        "customErrorMessage"?: string;
+        "data"?: Bcm.InputDropdownData[];
+        "defaultValue"?: Object;
+        "disabled"?: boolean;
+        "fullWidth"?: boolean;
+        "hideCaption"?: boolean;
+        "hideComment"?: boolean;
+        "label"?: string;
+        "lateKeys"?: string;
+        "maxCharacterLimit"?: number;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "onBcm-change"?: (event: BcmInputDropdownCustomEvent<any>) => void;
+        "onBcm-input-dropdown-change"?: (event: BcmInputDropdownCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "size"?: SizeTypes;
+        "value"?: Bcm.InputDropdownData;
+    }
     interface BcmItem {
         "_id"?: string;
         "color"?: any;
@@ -2897,6 +3095,7 @@ declare namespace LocalJSX {
         "checkboxes"?: boolean;
         "clearable"?: boolean;
         "data"?: any;
+        "disableChangeEvent"?: boolean;
         "disabled"?: boolean;
         "emptyIcon"?: string;
         "emptyText"?: string;
@@ -2919,6 +3118,7 @@ declare namespace LocalJSX {
         "onBcm-close"?: (event: BcmListCustomEvent<any>) => void;
         "onBcm-open"?: (event: BcmListCustomEvent<any>) => void;
         "onBcm-selected"?: (event: BcmListCustomEvent<any>) => void;
+        "openIntersecting"?: boolean;
         "placeholder"?: string;
         "placement"?: PlacementTypes1;
         "readonly"?: boolean;
@@ -2929,6 +3129,7 @@ declare namespace LocalJSX {
         "size"?: SizeTypes;
         "stopDeepClean"?: boolean;
         "template"?: string;
+        "tooltip"?: string;
         "treeview"?: boolean;
         "type"?: ListTypes;
         "value"?: any;
@@ -3281,6 +3482,30 @@ declare namespace LocalJSX {
         "onBcm-select-other-tag"?: (event: BcmRcOverflowCustomEvent<any>) => void;
         "onBcm-select-tag"?: (event: BcmRcOverflowCustomEvent<any>) => void;
     }
+    interface BcmRcPicker {
+        "clearable"?: boolean;
+        "disabled"?: boolean;
+        "disabledDates"?: { min: any; max: any; dates: any; custom: any; };
+        "disabledTime"?: { disabledHours: any; disabledMinutes: any; disabledSeconds: any };
+        "error"?: boolean;
+        "format"?: any;
+        "hideDisabledOptions"?: boolean;
+        "hourStep"?: number;
+        "minuteStep"?: number;
+        "onBcmRCPickerChange"?: (event: BcmRcPickerCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "range"?: boolean;
+        "secondStep"?: number;
+        "showHour"?: boolean;
+        "showMinute"?: boolean;
+        "showNow"?: boolean;
+        "showSecond"?: boolean;
+        "showTime"?: boolean;
+        "showToday"?: boolean;
+        "size"?: SizeTypes;
+        "type"?: "time" | "date" | "week" | "month" | "year" | "datetime";
+        "use12Hours"?: boolean;
+    }
     interface BcmResult {
         "description"?: string;
         "heading"?: string;
@@ -3482,7 +3707,13 @@ declare namespace LocalJSX {
         "tab"?: string;
     }
     interface BcmTable {
-        "gridOptions"?: Object;
+        "_id"?: string;
+        "extensions"?: string;
+        "gridOptions"?: GridOptions;
+        "height"?: string;
+        "showFooter"?: boolean;
+        "showToolbar"?: boolean;
+        "toolBarConfig"?: Bcm.ToolBarButtonProps;
     }
     interface BcmTabs {
         "direction"?: DirectionProp;
@@ -3576,6 +3807,7 @@ declare namespace LocalJSX {
         "linkedComponent"?: string;
         "name"?: string;
         "noCaption"?: boolean;
+        "noMargin"?: boolean;
         "placeholder"?: string;
         "placement"?: PlacementTypes;
         "required"?: boolean;
@@ -3612,6 +3844,7 @@ declare namespace LocalJSX {
         "onBcm-toast-open"?: (event: BcmToastCustomEvent<any>) => void;
         "onBcm-toast-view"?: (event: BcmToastCustomEvent<any>) => void;
         "position"?: PlacementTypes;
+        "removeAfterClose"?: boolean;
         "status"?: "success" | "error" | "warning" | "info";
         "viewButton"?: boolean;
     }
@@ -3758,6 +3991,7 @@ declare namespace LocalJSX {
         "bcm-colorful": BcmColorful;
         "bcm-colorpicker": BcmColorpicker;
         "bcm-content": BcmContent;
+        "bcm-date": BcmDate;
         "bcm-date-picker": BcmDatePicker;
         "bcm-datetime-picker": BcmDatetimePicker;
         "bcm-default": BcmDefault;
@@ -3773,6 +4007,7 @@ declare namespace LocalJSX {
         "bcm-icon": BcmIcon;
         "bcm-input": BcmInput;
         "bcm-input-custom": BcmInputCustom;
+        "bcm-input-dropdown": BcmInputDropdown;
         "bcm-item": BcmItem;
         "bcm-items": BcmItems;
         "bcm-label": BcmLabel;
@@ -3801,6 +4036,7 @@ declare namespace LocalJSX {
         "bcm-radio-group": BcmRadioGroup;
         "bcm-range": BcmRange;
         "bcm-rc-overflow": BcmRcOverflow;
+        "bcm-rc-picker": BcmRcPicker;
         "bcm-result": BcmResult;
         "bcm-scroll-area": BcmScrollArea;
         "bcm-search": BcmSearch;
@@ -3862,6 +4098,7 @@ declare module "@stencil/core" {
             "bcm-colorful": LocalJSX.BcmColorful & JSXBase.HTMLAttributes<HTMLBcmColorfulElement>;
             "bcm-colorpicker": LocalJSX.BcmColorpicker & JSXBase.HTMLAttributes<HTMLBcmColorpickerElement>;
             "bcm-content": LocalJSX.BcmContent & JSXBase.HTMLAttributes<HTMLBcmContentElement>;
+            "bcm-date": LocalJSX.BcmDate & JSXBase.HTMLAttributes<HTMLBcmDateElement>;
             "bcm-date-picker": LocalJSX.BcmDatePicker & JSXBase.HTMLAttributes<HTMLBcmDatePickerElement>;
             "bcm-datetime-picker": LocalJSX.BcmDatetimePicker & JSXBase.HTMLAttributes<HTMLBcmDatetimePickerElement>;
             "bcm-default": LocalJSX.BcmDefault & JSXBase.HTMLAttributes<HTMLBcmDefaultElement>;
@@ -3877,6 +4114,7 @@ declare module "@stencil/core" {
             "bcm-icon": LocalJSX.BcmIcon & JSXBase.HTMLAttributes<HTMLBcmIconElement>;
             "bcm-input": LocalJSX.BcmInput & JSXBase.HTMLAttributes<HTMLBcmInputElement>;
             "bcm-input-custom": LocalJSX.BcmInputCustom & JSXBase.HTMLAttributes<HTMLBcmInputCustomElement>;
+            "bcm-input-dropdown": LocalJSX.BcmInputDropdown & JSXBase.HTMLAttributes<HTMLBcmInputDropdownElement>;
             "bcm-item": LocalJSX.BcmItem & JSXBase.HTMLAttributes<HTMLBcmItemElement>;
             "bcm-items": LocalJSX.BcmItems & JSXBase.HTMLAttributes<HTMLBcmItemsElement>;
             "bcm-label": LocalJSX.BcmLabel & JSXBase.HTMLAttributes<HTMLBcmLabelElement>;
@@ -3905,6 +4143,7 @@ declare module "@stencil/core" {
             "bcm-radio-group": LocalJSX.BcmRadioGroup & JSXBase.HTMLAttributes<HTMLBcmRadioGroupElement>;
             "bcm-range": LocalJSX.BcmRange & JSXBase.HTMLAttributes<HTMLBcmRangeElement>;
             "bcm-rc-overflow": LocalJSX.BcmRcOverflow & JSXBase.HTMLAttributes<HTMLBcmRcOverflowElement>;
+            "bcm-rc-picker": LocalJSX.BcmRcPicker & JSXBase.HTMLAttributes<HTMLBcmRcPickerElement>;
             "bcm-result": LocalJSX.BcmResult & JSXBase.HTMLAttributes<HTMLBcmResultElement>;
             "bcm-scroll-area": LocalJSX.BcmScrollArea & JSXBase.HTMLAttributes<HTMLBcmScrollAreaElement>;
             "bcm-search": LocalJSX.BcmSearch & JSXBase.HTMLAttributes<HTMLBcmSearchElement>;

package/dist/types/decorators/bcm-decorator.d.ts

@@ -0,0 +1,2 @@
+import { ComponentInterface } from "../stencil-public-runtime";
+export declare function BcmComponent(): (target: ComponentInterface, _propertyKey: string) => void;

package/dist/types/decorators/event-decorator.d.ts

@@ -0,0 +1,2 @@
+import { ComponentInterface } from "../stencil-public-runtime";
+export declare function BcmEventControl(): (target: ComponentInterface, _propertyKey: string) => void;

package/dist/types/decorators/index.d.ts

@@ -2,3 +2,4 @@ export * from './id-decorator';
 export * from './is-load-decorator';
 export * from './json-parse-decarator';
 export * from './property-decorators';
+export * from './event-decorator';

package/dist/types/global/helper/toast.d.ts

@@ -8,6 +8,7 @@ interface ToastOptions {
   "message-icon"?: string;
   "view-button"?: boolean;
   "close-button"?: boolean;
+  "remove-after-close"?: boolean;
 }
 interface ToastEvents {
   bcmToastView?: (event: any) => void;
@@ -33,6 +34,7 @@ export declare class Toast {
    * "message-icon": "check",
    * "view-button": true,
    * "close-button": true,
+   * "remove-after-close": true, // This will remove the toast from the DOM after it is closed
    * bcmToastView: (event) => {
    * // This Event fires when the view button is clicked
    * // do something

package/dist/types/helper/color-helper.d.ts

@@ -7,10 +7,30 @@ export declare class ColorHelper {
   static isVariable: (str: string) => boolean;
   static extractVariable: (str: string) => string;
   static convertColorToHex: (color: string) => any;
-  static reverseColor: (color: string) => "#475569" | "#f8fafc";
+  static reverseColor: (color: string) => "#334155" | "#fff";
   static dsColor: (color: string) => string;
   static getTwColorToHex: (colorName: string) => any;
   static getTwColor: (colorName: string, checkTw?: boolean) => any;
   static twColor: (colorName: string, tone?: string | number) => string;
-  static twColorReverse: (color: string) => "#475569" | "#f8fafc";
+  static twColorReverse: (color: string) => "#334155" | "#fff";
+  /**
+   * @param color - color string in format of `colorName-tone` or `colorName` (default tone is 600)
+   * @return `{ tone: number, colorName: string }`
+   * @description
+   * Parse color string to get color name and tone
+   * @example
+   * parseColor("red-500") // { tone: 500, colorName: "red" }
+   * parseColor("red") // { tone: 600, colorName: "red" }
+   * parseColor(null) // { tone: null, colorName: null }
+   */
+  static parseColor(color: any, defaultTone?: number): {
+    tone: number;
+    colorName: any;
+  };
+  /**
+   * @param object
+   * @return string
+   * @description Convert style object to string
+   */
+  static generateStyleString: (obj: any) => string;
 }

package/dist/types/helper/generate.d.ts

@@ -20,5 +20,25 @@ export declare class Generate {
   static computedStyle: (element: HTMLElement, property: string) => string;
   static getAncestor: (el: any, selector: any) => any;
   static findParentElement: (element: any, selector: any) => any;
-  static getTwColor(color: string, variable?: string): {};
+  /**
+      const dc = Generate.getTwColor({
+          color: "blue",
+          tones: {
+              200: ["text"],
+              700: ["bg", "border"],
+              800: ["bg-hover", "border-hover"],
+          },
+          variable: "--bcm-avatar",
+      });
+
+      return {
+          --bcm-avatar-text: --tw-blue-200;
+          --bcm-avatar-bg: --tw-blue-700;
+          --bcm-avatar-bg-hover: --tw-blue-800;
+          --bcm-avatar-border: --tw-blue-700;
+          --bcm-avatar-border-hover: --tw-blue-800;
+      }
+      
+   */
+  static getTwColor(args: any): {};
 }

package/dist/types/helper/popover-helper.d.ts

@@ -26,11 +26,6 @@ export declare class Popover {
     emitHide?: () => void;
   });
   destroy: () => void;
-  private bgColor;
-  exepcitonColors: {
-    white: string;
-    black: string;
-  };
   private target;
   private init;
   update: () => void;

package/dist/types/helper/tooltip-helper.d.ts

@@ -26,7 +26,6 @@ export declare class Tooltip {
     emitHide?: () => void;
   });
   destroy: () => void;
-  private bgColor;
   private target;
   private sizeClass;
   private init;