bromcom-ui 2.9.0-rc.1 → 2.9.0-rc.10

package/dist/types/components/organism/datetime-picker/datetime-picker.d.ts

@@ -316,6 +316,7 @@ export declare class BcmDatetimePicker implements ComponentInterface {
    *
    */
   getValueText(): string;
+  parseDate(input: any): Date | "invalid date";
   /**
    * @desc
    * @param dateStr

package/dist/types/components/third-parts/rc-picker/date.d.ts

@@ -0,0 +1,46 @@
+import { SizeTypes, StatusTypes } from "../../../models";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+export declare class BcmDate implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  name: string;
+  value: any;
+  label: string;
+  placeholder: string;
+  size: SizeTypes;
+  fullWidth: boolean;
+  required: boolean;
+  clearable: boolean;
+  caption: string;
+  noCaption: boolean;
+  captionType: StatusTypes;
+  captionError: string;
+  type: "time" | "date" | "week" | "month" | "year";
+  format: string;
+  showTime: boolean;
+  showToday: boolean;
+  showNow: boolean;
+  change: EventEmitter;
+  onChange: (e: any) => void;
+  getValueObject: (value: any) => {
+    isValid: boolean;
+    date: Date;
+    timestamp: number;
+    dateObject: {
+      year: number;
+      day: number;
+      month: number;
+      dayOfWeek: number;
+      monthFirstDay: number;
+    };
+    value: string;
+  };
+  getValue(): Promise<string>;
+  get(): Promise<number>;
+  set(value: any): Promise<void>;
+  setClear(): Promise<void>;
+  resetCaption(): Promise<void>;
+  getInput(): Promise<HTMLInputElement>;
+  isValid(): Promise<boolean>;
+  render(): any;
+}

package/dist/types/components/third-parts/rc-picker/rc-picker.d.ts

@@ -0,0 +1,20 @@
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+import type { Moment } from "moment";
+export declare class BcmRcPicker implements ComponentInterface {
+  el: HTMLElement;
+  val: any;
+  type: "time" | "date" | "week" | "month" | "year";
+  format: string;
+  placeholder: string;
+  showTime: any;
+  showToday: any;
+  showNow: any;
+  clearable: boolean;
+  bcmRCPickerChange: EventEmitter;
+  defaultValue: any;
+  newValue: any;
+  setValue(newValue: Moment): void;
+  handleChange(newValue: Moment | null): void;
+  watchValue(val: any): void;
+  componentDidRender(): void;
+}

package/dist/types/components/third-parts/table/table-definations.d.ts

@@ -0,0 +1,28 @@
+declare const ExportTypes: {
+  csv: {
+    id: string;
+    text: string;
+    icon: string;
+    path: string;
+  };
+  xls: {
+    id: string;
+    text: string;
+    icon: string;
+    path: string;
+  };
+  pdf: {
+    id: string;
+    text: string;
+    icon: string;
+    path: string;
+  };
+};
+declare const tableOptions: {
+  overlayNoRowsTemplate: string;
+  defaultColDef: {
+    flex: number;
+  };
+  animateRows: boolean;
+};
+export { ExportTypes, tableOptions };

package/dist/types/components/third-parts/table/table.d.ts

@@ -0,0 +1,37 @@
+import { Bcm } from "../../../models";
+import { ComponentInterface } from "../../../stencil-public-runtime";
+import { GridOptions } from "ag-grid-enterprise";
+export declare class BcmTable implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  gridOptions: GridOptions;
+  extensions: string;
+  height: string;
+  showToolbar: boolean;
+  showFooter: boolean;
+  toolBarConfig: Bcm.ToolBarButtonProps;
+  agGrid: any;
+  columns: any;
+  fileTypes: any[];
+  isReady: boolean;
+  footerOptions: {
+    statusBar: {
+      statusPanels: ({
+        statusPanel: string;
+        align: string;
+      } | {
+        statusPanel: string;
+        align?: undefined;
+      })[];
+    };
+  };
+  private get grid();
+  componentDidLoad(): void;
+  private initGrid;
+  private initToolbar;
+  private handleColumnVisible;
+  private handleFileType;
+  private handleSearch;
+  watchHandler(newValue: GridOptions, oldValue: GridOptions): void;
+  render(): any;
+}

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";
@@ -19,6 +19,7 @@ import { ColorPaletteTypes } from "./global/variables/colors";
 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 { GridOptions } from "ag-grid-enterprise";
 import { ResizeTypes } from "./components/molecules/textarea/types";
 import { SizeProp as SizeProp3 } from "./components/other_deprecated/treeview/types";
 export namespace Components {
@@ -57,8 +58,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 +69,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 +261,33 @@ export namespace Components {
     }
     interface BcmContent {
     }
+    interface BcmDate {
+        "_id": string;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes;
+        "clearable": boolean;
+        "format": string;
+        "fullWidth": boolean;
+        "get": () => Promise<number>;
+        "getInput": () => Promise<HTMLInputElement>;
+        "getValue": () => Promise<string>;
+        "isValid": () => Promise<boolean>;
+        "label": string;
+        "name": string;
+        "noCaption": boolean;
+        "placeholder": string;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "set": (value: any) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "showNow": boolean;
+        "showTime": boolean;
+        "showToday": boolean;
+        "size": SizeTypes;
+        "type": "time" | "date" | "week" | "month" | "year";
+        "value": any;
+    }
     interface BcmDatePicker {
         "_id": string;
         "_internal_id": string;
@@ -541,6 +568,30 @@ export namespace Components {
         "type": string;
         "value": string;
     }
+    interface BcmInputDropdown {
+        "_id": string;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes;
+        "customErrorMessage": string;
+        "data": InputDropdownData[];
+        "defaultValue": any;
+        "disabled": boolean;
+        "fullWidth": boolean;
+        "get": () => Promise<any>;
+        "label": string;
+        "lateKey": string;
+        "maxCharacterLimit": number;
+        "noCaption": boolean;
+        "placeholder": string;
+        "readonly": boolean;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "set": (data: InputDropdownData[]) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "size": SizeTypes;
+        "value": any;
+    }
     interface BcmItem {
         "_id": string;
         "color": any;
@@ -995,6 +1046,16 @@ export namespace Components {
         "data": [];
         "maxCount": number | "responsive" | "invalidate";
     }
+    interface BcmRcPicker {
+        "clearable": boolean;
+        "format": string;
+        "placeholder": string;
+        "showNow": any;
+        "showTime": any;
+        "showToday": any;
+        "type": "time" | "date" | "week" | "month" | "year";
+        "val": any;
+    }
     interface BcmResult {
         "description": string;
         "heading": string;
@@ -1209,7 +1270,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>;
@@ -1535,6 +1602,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 +1634,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 +1714,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 +1911,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 +2007,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 +2181,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 +2408,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 +2424,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 +2453,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 +2525,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 +2536,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 +2730,27 @@ declare namespace LocalJSX {
     }
     interface BcmContent {
     }
+    interface BcmDate {
+        "_id"?: string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes;
+        "clearable"?: boolean;
+        "format"?: string;
+        "fullWidth"?: boolean;
+        "label"?: string;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "onBcm-change"?: (event: BcmDateCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "required"?: boolean;
+        "showNow"?: boolean;
+        "showTime"?: boolean;
+        "showToday"?: boolean;
+        "size"?: SizeTypes;
+        "type"?: "time" | "date" | "week" | "month" | "year";
+        "value"?: any;
+    }
     interface BcmDatePicker {
         "_id"?: string;
         "_internal_id"?: string;
@@ -2843,6 +2963,28 @@ declare namespace LocalJSX {
         "type"?: string;
         "value"?: string;
     }
+    interface BcmInputDropdown {
+        "_id"?: string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes;
+        "customErrorMessage"?: string;
+        "data"?: InputDropdownData[];
+        "defaultValue"?: any;
+        "disabled"?: boolean;
+        "fullWidth"?: boolean;
+        "label"?: string;
+        "lateKey"?: string;
+        "maxCharacterLimit"?: number;
+        "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"?: any;
+    }
     interface BcmItem {
         "_id"?: string;
         "color"?: any;
@@ -3281,6 +3423,17 @@ declare namespace LocalJSX {
         "onBcm-select-other-tag"?: (event: BcmRcOverflowCustomEvent<any>) => void;
         "onBcm-select-tag"?: (event: BcmRcOverflowCustomEvent<any>) => void;
     }
+    interface BcmRcPicker {
+        "clearable"?: boolean;
+        "format"?: string;
+        "onBcmRCPickerChange"?: (event: BcmRcPickerCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "showNow"?: any;
+        "showTime"?: any;
+        "showToday"?: any;
+        "type"?: "time" | "date" | "week" | "month" | "year";
+        "val"?: any;
+    }
     interface BcmResult {
         "description"?: string;
         "heading"?: string;
@@ -3482,7 +3635,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;
@@ -3758,6 +3917,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 +3933,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 +3962,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 +4024,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 +4040,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 +4069,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/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 './bcm-decorator';

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;

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

@@ -446,12 +446,20 @@ export declare namespace Bcm {
   enum TriggerType {
     hover = "hover",
     click = "click",
-    focus = "focus"
+    focus = "focus",
+    custom = "custom"
   }
   enum ListType {
     listbox = "listbox",
     select = "select",
     autocomplete = "autocomplete"
   }
+  interface ToolBarButtonProps {
+    showNewButton?: boolean;
+    showExportButton?: boolean;
+    showColumnButton?: boolean;
+    showFilterButton?: boolean;
+    showSearchInput?: boolean;
+  }
 }
 export default Bcm;

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

@@ -11,3 +11,5 @@ export * from './list-template';
 export * from './slot-template';
 export * from './step-template';
 export * from './tag-template';
+export * from './toolbar-template';
+export * from './toolbar-hamburger-template';

package/dist/types/templates/toolbar-hamburger-template.d.ts

@@ -0,0 +1,12 @@
+import { Bcm } from "../models";
+import { FunctionalComponent } from "../stencil-public-runtime";
+interface ToolbarHamburgerProps {
+  hamburgerMenuId?: string;
+  config?: Bcm.ToolBarButtonProps;
+  extensions?: any;
+  column?: any;
+  onHideColumn?: (obj: any) => void;
+  onSelectExportType?: (type: any) => void;
+}
+export declare const ToolbarHamburgerTemplate: FunctionalComponent<ToolbarHamburgerProps>;
+export {};