bromcom-ui 2.3.70 → 2.3.71

package/dist/types/components/atoms/button/types.d.ts

@@ -1,3 +1,6 @@
+/**
+ * 'type' prop variantOption
+ */
 export declare const variantOptions: {
   save: {
     text: string;
@@ -132,6 +135,9 @@ export declare const variantOptions: {
     iconPosition: string;
   };
 };
+/**
+ * 'type' prop variant
+ */
 export declare enum VariantProps {
   save = "save",
   ok = "ok",
@@ -156,6 +162,22 @@ export declare enum VariantProps {
   download = "download"
 }
 export declare type VariantProp = keyof typeof VariantProps;
+/**
+ * 'type' prop kind
+ */
+export declare type KindProp = 'solid' | 'ghost' | 'link' | 'solid-link' | 'ghost-link';
+/**
+ * 'type' prop size
+ */
+export declare type SizeProp = 'small' | 'medium' | 'large';
+/**
+ * 'type' prop type
+ */
+export declare type TypeProp = 'button' | 'reset' | 'submit';
+/**
+ * 'type' prop iconPosition
+ */
+export declare type IconPositionProp = 'prefix' | 'suffix';
 export declare const iconSizes: {
   default: {
     large: number;

package/dist/types/components/atoms/divider/divider.d.ts

@@ -1,6 +1,6 @@
-import { DirectionTypes } from '../../../models/bcm-types';
 export declare class BcmBadge {
+  direction: 'vertical' | 'horizontal';
+  width: string;
   hidden: boolean;
-  direction: DirectionTypes;
   render(): any;
 }

package/dist/types/components/atoms/icon/icon.d.ts

@@ -1,7 +1,6 @@
 import { TypePropOptions, SizePropOptions } from './types';
-import { ColorPaletteTypes, PreDefinedIconSizes } from '../../../models/bcm-types';
+import { ColorPaletteTypes } from '../../../global/variables/colors';
 export declare class BcmIcon {
-  defaultIconSize: number;
   isFaIcon: boolean;
   isHover: boolean;
   /**
@@ -11,12 +10,12 @@ export declare class BcmIcon {
   /**
    * Component Properties
    */
-  hidden: boolean;
-  type: TypePropOptions;
-  size: number | PreDefinedIconSizes;
-  icon: string;
   color: ColorPaletteTypes | 'currentColor';
   hoverColor: ColorPaletteTypes | 'currentColor';
+  type: TypePropOptions;
+  size: SizePropOptions;
+  icon: string;
+  hidden: boolean;
   /**
    * Component States
    */
@@ -29,17 +28,12 @@ export declare class BcmIcon {
   faWrapperStyle: {
     [key: string]: any;
   };
-  setFaIconStyles(): {
-    '--bcm-icon-color': any;
-    '--bcm-icon-hover-color': any;
-    '--bcm-icon-font-size': string;
-  };
   /**
    * @desc
    * @param svgTemplate -
    * @returns {string | SVGElement}
    */
-  setIconColor(svgTemplate: string, setColor?: "blue-6" | "red-6" | "warmyellow-6" | "green-6" | "prime-blue" | "default" | "black" | "white" | "prime-blue-1" | "prime-blue-2" | "prime-blue-3" | "prime-blue-4" | "prime-blue-5" | "prime-blue-6" | "prime-blue-7" | "prime-blue-8" | "prime-blue-9" | "prime-blue-10" | "grey" | "grey-1" | "grey-2" | "grey-3" | "grey-4" | "grey-5" | "grey-6" | "grey-7" | "grey-8" | "grey-9" | "grey-10" | "blue" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "warmyellow" | "warmyellow-1" | "warmyellow-2" | "warmyellow-3" | "warmyellow-4" | "warmyellow-5" | "warmyellow-7" | "warmyellow-8" | "warmyellow-9" | "warmyellow-10" | "yellow" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "limegreen" | "limegreen-1" | "limegreen-2" | "limegreen-3" | "limegreen-4" | "limegreen-5" | "limegreen-6" | "limegreen-7" | "limegreen-8" | "limegreen-9" | "limegreen-10" | "red" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-7" | "red-8" | "red-9" | "red-10" | "darkorange" | "darkorange-1" | "darkorange-2" | "darkorange-3" | "darkorange-4" | "darkorange-5" | "darkorange-6" | "darkorange-7" | "darkorange-8" | "darkorange-9" | "darkorange-10" | "orange" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "green" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-7" | "green-8" | "green-9" | "green-10" | "turquosie" | "turquosie-1" | "turquosie-2" | "turquosie-3" | "turquosie-4" | "turquosie-5" | "turquosie-6" | "turquosie-7" | "turquosie-8" | "turquosie-9" | "turquosie-10" | "cobaltblue" | "cobaltblue-1" | "cobaltblue-2" | "cobaltblue-3" | "cobaltblue-4" | "cobaltblue-5" | "cobaltblue-6" | "cobaltblue-7" | "cobaltblue-8" | "cobaltblue-9" | "cobaltblue-10" | "magenta" | "magenta-1" | "magenta-2" | "magenta-3" | "magenta-4" | "magenta-5" | "magenta-6" | "magenta-7" | "magenta-8" | "magenta-9" | "magenta-10" | "purple" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "bc-red" | "bc-red-1" | "bc-red-2" | "bc-red-3" | "bc-red-4" | "bc-red-5" | "bc-red-6" | "bc-red-7" | "bc-red-8" | "bc-red-9" | "bc-blue" | "bc-blue-1" | "bc-blue-2" | "bc-blue-3" | "bc-blue-4" | "bc-blue-5" | "bc-blue-6" | "bc-blue-7" | "bc-blue-8" | "bc-blue-9" | "bc-green" | "bc-green-1" | "bc-green-2" | "bc-green-3" | "bc-green-4" | "bc-green-5" | "bc-green-6" | "bc-green-7" | "bc-green-8" | "bc-green-9" | "bc-orange" | "bc-orange-1" | "bc-orange-2" | "bc-orange-3" | "bc-orange-4" | "bc-orange-5" | "bc-orange-6" | "bc-orange-7" | "bc-orange-8" | "bc-orange-9" | "currentColor"): string;
+  setIconColor(svgTemplate: string, setColor?: "default" | "black" | "white" | "prime-blue" | "prime-blue-1" | "prime-blue-2" | "prime-blue-3" | "prime-blue-5" | "prime-blue-6" | "prime-blue-7" | "prime-blue-8" | "prime-blue-9" | "prime-blue-10" | "grey" | "grey-1" | "grey-2" | "grey-3" | "grey-4" | "grey-5" | "grey-6" | "grey-7" | "grey-8" | "grey-9" | "grey-10" | "blue" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-6" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "warmyellow" | "warmyellow-1" | "warmyellow-2" | "warmyellow-3" | "warmyellow-4" | "warmyellow-5" | "warmyellow-6" | "warmyellow-7" | "warmyellow-8" | "warmyellow-9" | "warmyellow-10" | "yellow" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "limegreen" | "limegreen-1" | "limegreen-2" | "limegreen-3" | "limegreen-4" | "limegreen-5" | "limegreen-6" | "limegreen-7" | "limegreen-8" | "limegreen-9" | "limegreen-10" | "red" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-6" | "red-7" | "red-8" | "red-9" | "red-10" | "darkorange" | "darkorange-1" | "darkorange-2" | "darkorange-3" | "darkorange-4" | "darkorange-5" | "darkorange-6" | "darkorange-7" | "darkorange-8" | "darkorange-9" | "darkorange-10" | "orange" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "green" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-6" | "green-7" | "green-8" | "green-9" | "green-10" | "turquosie" | "turquosie-1" | "turquosie-2" | "turquosie-3" | "turquosie-4" | "turquosie-5" | "turquosie-6" | "turquosie-7" | "turquosie-8" | "turquosie-9" | "turquosie-10" | "cobaltblue" | "cobaltblue-1" | "cobaltblue-2" | "cobaltblue-3" | "cobaltblue-4" | "cobaltblue-5" | "cobaltblue-6" | "cobaltblue-7" | "cobaltblue-8" | "cobaltblue-9" | "cobaltblue-10" | "magenta" | "magenta-1" | "magenta-2" | "magenta-3" | "magenta-4" | "magenta-5" | "magenta-6" | "magenta-7" | "magenta-8" | "magenta-9" | "magenta-10" | "purple" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "bc-red" | "bc-red-1" | "bc-red-2" | "bc-red-3" | "bc-red-4" | "bc-red-5" | "bc-red-6" | "bc-red-7" | "bc-red-8" | "bc-red-9" | "bc-blue" | "bc-blue-1" | "bc-blue-2" | "bc-blue-3" | "bc-blue-4" | "bc-blue-5" | "bc-blue-6" | "bc-blue-7" | "bc-blue-8" | "bc-blue-9" | "bc-green" | "bc-green-1" | "bc-green-2" | "bc-green-3" | "bc-green-4" | "bc-green-5" | "bc-green-6" | "bc-green-7" | "bc-green-8" | "bc-green-9" | "bc-orange" | "bc-orange-1" | "bc-orange-2" | "bc-orange-3" | "bc-orange-4" | "bc-orange-5" | "bc-orange-6" | "bc-orange-7" | "bc-orange-8" | "bc-orange-9" | "currentColor"): string;
   /**
    * @desc
    * @param svgTemplate
@@ -51,8 +45,9 @@ export declare class BcmIcon {
    * @returns {void}
    */
   setWrapperSize(): void;
-  iconIsFa(icon: string): boolean;
-  faIconReplacePrefix(icon: string): string;
+  /**
+   * @ComponentMethod
+   */
   componentWillRender(): void;
   handleMouseOver(): void;
   handleMouseOut(): void;

package/dist/types/components/atoms/label/label.d.ts

@@ -10,6 +10,7 @@ export declare class BcmLabel implements ComponentInterface {
   form: any;
   htmlFor: any;
   hidden: boolean;
-  type: StatusTypes;
+  type: StatusTypes | any;
+  tooltip: string;
   render(): any;
 }

package/dist/types/components/atoms/link/link.d.ts

@@ -1,12 +1,7 @@
-import { IconPositionTypes } from '../../../models/bcm-types';
 export declare class BcmLink {
-  hidden: boolean;
   href: string;
   target: string;
   icon: string;
-  disabled: boolean;
-  iconPosition: IconPositionTypes;
-  handleOnClick(e: MouseEvent): void;
-  linkIsExternal(url: any): boolean;
+  hidden: boolean;
   render(): any;
 }

package/dist/types/components/atoms/tag/tag.d.ts

@@ -1,23 +1,21 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { ColorPaletteTypes, FontSizesTypes, TagTypes } from '../../../models/bcm-types';
+import { ColorPaletteTypes } from '../../../global/variables/colors';
 export declare class BcmTag {
   el: HTMLElement;
-  _id: string;
-  _internal_id: string;
-  hidden: boolean;
-  value: string;
-  type: TagTypes;
+  type: string;
+  size: number | string;
   checked: boolean;
   color: ColorPaletteTypes;
+  value: string;
+  hidden: boolean;
+  _id: string;
+  maxWidth: boolean;
   customStyle: any;
-  itemObject: string;
-  size: FontSizesTypes | number;
-  change: EventEmitter;
-  tagDismissable: EventEmitter;
-  bcmTagSelect: EventEmitter;
-  closeFunc: Function;
-  selectFunc: Function;
+  _internal_id: string;
   handleClick(): void;
+  checkedChange: EventEmitter<object>;
+  tagDissmisable: EventEmitter;
+  onCheckedChange(newValue: boolean, oldValue: boolean): void;
   getColor(color: any): {
     color: any;
     borderColor: any;
@@ -25,6 +23,5 @@ export declare class BcmTag {
   };
   getSize(size: any, returnNumber?: boolean): any;
   handleClose(): void;
-  handleChecked(): void;
   render(): any;
 }

package/dist/types/components/atoms/text/text.d.ts

@@ -1,8 +1,7 @@
-import { ColorPaletteTypes, FontSizesTypes, FontWeightTypes } from '../../../models/bcm-types';
 export declare class BcmText {
+  scale: string;
+  weight: 'regular' | 'semibold';
+  color: string;
   hidden: boolean;
-  size: FontSizesTypes;
-  weight: FontWeightTypes;
-  color: ColorPaletteTypes;
   render(): any;
 }

package/dist/types/components/molecules/alert/alert.d.ts

@@ -1,21 +1,43 @@
-import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
+import { EventEmitter } from '../../../stencil-public-runtime';
 import { StatusProp, TypeProp } from './types';
-export declare class BcmAlert implements ComponentInterface {
+export declare class BcmAlert {
+  /**
+   * Component Element
+   */
   el: HTMLElement;
+  /**
+   * Component Properties
+   */
+  _title: string;
+  status?: StatusProp;
+  type?: TypeProp;
+  dissmisable?: string | boolean;
+  icon?: boolean;
+  bigIcon?: boolean;
+  fullWidth?: boolean;
   hidden: boolean;
-  _id: string;
-  message: any;
-  description: any;
-  status: StatusProp;
-  type: TypeProp;
-  dismissable: any;
-  icon: boolean;
-  bigIcon: boolean;
-  fullWidth: boolean;
-  alertdismissable: EventEmitter;
-  componentWillRender(): Promise<void> | void;
+  /**
+   * Component States
+   */
+  hasSlot: boolean;
+  alertDissmisable: EventEmitter;
+  /**
+   * @ComponentMethod
+   */
+  componentDidRender(): void;
+  /**
+   * @desc
+   * @param isBigIcon
+   */
+  getIcon(isBigIcon?: boolean): any;
+  /**
+   * @desc
+   * @returns {BcmIcon|string}
+   */
+  getDismiss(): string;
+  /**
+   * @desc Removes component itself
+   */
   dismiss(e: any): void;
-  getStateData(): import("../../../models/states/molecules/bcm-molecules-state").BcmMoleculesState.Alert;
-  setData(): void;
   render(): any;
 }

package/dist/types/components/molecules/breadcrumb/breadcrumb.d.ts

@@ -1,14 +1,27 @@
-import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
-import { ItemType } from './types';
-export declare class BcmBreadcrumb implements ComponentInterface {
-  el: HTMLElement;
+import { EventEmitter } from '../../../stencil-public-runtime';
+interface DropdownType {
+  href?: string;
+  label?: string;
+  icon?: string;
+  target?: string;
+}
+export interface ItemType {
+  label?: string;
+  href?: string;
+  icon?: string;
+  target: string;
+  dropdown?: Array<DropdownType>;
+}
+export declare class BcmBreadcrumb {
+  host: HTMLElement;
   items: Array<ItemType>;
-  seperator: string;
   hidden: boolean;
-  isOpen: boolean | string;
+  isOpen: boolean;
   bcmBreadcrumb: EventEmitter;
-  handleClickOutside(e: any): void;
-  handleOpen(id: any): void;
-  parseItem(item: ItemType, index: any): ItemType;
+  handleClickOutside(e: MouseEvent): void;
+  handleOpen(): void;
+  handleItemClick(item: any): void;
+  decideRender(item: ItemType, isLast: boolean): any;
   render(): any;
 }
+export {};

package/dist/types/components/molecules/checkbox/checkbox-lite.d.ts

@@ -1,14 +1,29 @@
-import { ComponentInterface } from '../../../stencil-public-runtime';
-import { IndeterminateTypes, StatusTypes } from '../../../models/bcm-types';
-export declare class BcmCheckboxLite implements ComponentInterface {
+export declare class BcmCheckboxLite {
+  /**
+   * Private variables
+   */
   el: HTMLElement;
-  _id: string;
+  /**
+   * Component Properties
+   */
+  value: any;
+  name: string;
   checked: boolean;
-  indeterminate: IndeterminateTypes;
+  indeterminate: boolean;
   disabled: boolean;
+  readOnly: boolean;
   hidden: boolean;
   required: boolean;
-  readOnly: boolean;
-  captionType: StatusTypes;
+  noCaption: boolean;
+  caption: string;
+  captionType: 'primary' | 'success' | 'warning' | 'error' | 'default';
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  componentWillUpdate(): void;
+  componentDidUpdate(): void;
   render(): any;
 }

package/dist/types/components/molecules/checkbox/checkbox.d.ts

@@ -1,6 +1,6 @@
-import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
-import { ColorPaletteTypes, IndeterminateTypes, SizeTypes, StatusTypes } from "../../../models/bcm-types";
-export declare class BcmCheckbox implements ComponentInterface {
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { ColorPaletteTypes } from '../../../global/variables/colors';
+export declare class BcmCheckbox {
   /**
    * Private variables
    */
@@ -9,51 +9,56 @@ export declare class BcmCheckbox implements ComponentInterface {
    * Component Element
    */
   el: HTMLElement;
-  /** Props **/
-  _id: string;
-  _internal_id: string;
   /**
    * Component Properties
    */
-  inGroup: boolean;
-  value: boolean;
-  checked: boolean;
+  value: any;
   name: string;
+  checked: boolean;
   disabled: boolean;
+  readOnly: boolean;
   hidden: boolean;
   required: boolean;
-  label: string;
-  readOnly: boolean;
-  size: SizeTypes;
-  indeterminate: IndeterminateTypes;
   optionType: 'default' | 'button';
   buttonStyle: 'solid' | 'outline';
   color: ColorPaletteTypes | 'default';
-  caption: string;
+  size: 'small' | 'medium' | 'large';
   noCaption: boolean;
+  caption: string;
   captionError: string;
-  captionType: StatusTypes;
+  captionType: 'primary' | 'success' | 'warning' | 'error' | 'default';
   captionCache: string;
   captionTypeCache: any;
+  /**
+   * Component Events
+   */
   blur: EventEmitter;
   focus: EventEmitter;
   change: EventEmitter;
-  changeCheckbox: EventEmitter;
+  /**
+  * @ComponentMethod
+  */
   connectedCallback(): void;
-  componentDidRender(): void | Promise<void>;
   setClear(): Promise<void>;
   resetCaption(): Promise<void>;
+  componentDidLoad(): void;
+  /**
+   * @desc
+   * @param event
+   * @returns
+   */
   handleChange(): void;
-  watchIndeterminate(newValue: IndeterminateTypes, oldValue: IndeterminateTypes): void;
+  handleFocus(): void;
+  handleBlur(): void;
+  /**
+   * @desc
+   * @param name -
+   * @returns {void}
+   */
   check(uncheck: boolean): Promise<void>;
-  buttonStyleColor(): {
-    '--bcm-checkbox-font-color': any;
-    '--bcm-checkbox-hover-color': any;
-    '--bcm-checkbox-border-color': any;
-    '--bcm-checkbox-border-color-hover': any;
-    '--bcm-checkbox-background-color': any;
-    '--bcm-checkbox-background-color-hover': any;
+  getColor(color: any): {
+    borderColor: any;
+    backgroundColor: any;
   };
-  handleKeyUp(ev: any): boolean;
   render(): any;
 }

package/dist/types/components/molecules/checkbox/group.d.ts

@@ -1,43 +1,102 @@
-import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
-import { DirectionTypes, SizeTypes, StatusTypes } from '../../../models/bcm-types';
-export declare class BcmCheckboxGroup implements ComponentInterface {
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { BcmCheckbox } from '../checkbox/checkbox';
+export declare class BcmCheckboxGroup {
+  /**
+   * Private variables
+   */
+  private checkboxes;
+  /**
+   * Component Element
+   */
   el: HTMLElement;
-  _id: string;
-  _internal_id: string;
-  direction: DirectionTypes;
+  /**
+   * Component Properties
+   */
+  direction: 'horizontal' | 'vertical';
   items: Array<object> | string;
   indeterminate: boolean;
   name: string;
   value: any;
+  defaultValue: string;
   disabled: boolean;
   hidden: boolean;
   required: boolean;
   label: string;
   gap: string;
-  defaultValue: string;
-  fullWidth: boolean | "flex";
+  fullWidth: "flex" | "true" | "false";
   optionType: 'default' | 'button';
   buttonStyle: 'solid' | 'outline';
-  size: SizeTypes;
-  caption: string;
+  size: 'small' | 'medium' | 'large';
   noCaption: boolean;
-  captionType: StatusTypes;
-  tick: {};
-  change: EventEmitter;
+  caption: string;
+  captionType: 'primary' | 'success' | 'warning' | 'error' | 'default';
+  tooltip: string;
+  /**
+   * Component State Variables
+   */
+  indeterminateState: 'uncheck' | 'indeterminate' | 'determinate';
+  checkboxesProp: Array<object>;
+  defaultValueState: string[];
+  /**
+   * Component Events
+   */
+  groupChange: EventEmitter;
   groupCheckedList: EventEmitter;
+  /**
+   * @ComponentMethod
+   */
+  componentWillLoad(): void;
+  /**
+   * @ComponentMethod
+   */
+  connectedCallback(): void;
   componentDidLoad(): void;
-  componentShouldUpdate(newVal: any, oldVal: any, propName: string): boolean | void;
-  private initState;
-  markForCheck(): void;
   setClear(): Promise<void>;
   resetCaption(): Promise<void>;
-  check(items: Array<object> | string, checked?: boolean): Promise<void>;
-  getValue(name?: string): Promise<any>;
-  getCheckedList(): Promise<any>;
-  handleItemsChange(): void;
-  getCheckboxes(): any[];
-  indeterminateClick(): Promise<void>;
-  changeCheckBox(event: any): Promise<void>;
-  getItems(): any;
+  /**
+  * @ComponentMethod
+  */
+  componentDidRender(): void;
+  componentDidUpdate(): void;
+  /**
+   * @desc
+   */
+  inputChange(): void;
+  /**
+   * @desc Returns merged slot and prop
+   * checkbox items
+   * @returns {Array<BcmCheckbox>}
+   */
+  getAllInputs(): Array<BcmCheckbox>;
+  /**
+   * @desc
+   * @returns {void}
+   */
+  setIndeterminateState(): void;
+  /**
+   * @desc
+   * @param event
+   */
+  indeterminateClick(): void;
+  parseOptions(): void;
+  /**
+   * @desc
+   * @param newValue
+   * @returns {void}
+   */
+  parseItems(newValue: Array<object> | string): void;
+  /**
+   * @desc
+   * @param name -
+   * @returns {boolean | Array<any>}
+   */
+  check(options: Array<object> | string): Promise<void>;
+  /**
+   * @desc
+   * @param name -
+   * @returns {boolean | Array<any>}
+   */
+  groupChecked(name?: string): Promise<boolean | Object | any[]>;
+  handleChange(): void;
   render(): any;
 }

package/dist/types/components/molecules/checkbox/types.d.ts

@@ -0,0 +1,29 @@
+/**
+ * 'color' prop predefined values
+ */
+export declare enum ColorProps {
+  'black' = "black",
+  'white' = "white",
+  'prime-blue' = "prime-blue",
+  'grey' = "grey",
+  'blue' = "blue",
+  'warmyellow' = "warmyellow",
+  'yellow' = "yellow",
+  'limegreen' = "limegreen",
+  'red' = "red",
+  'darkorange' = "darkorange",
+  'orange' = "orange",
+  'green' = "green",
+  'turquosie' = "turquosie",
+  'cobaltblue' = "cobaltblue",
+  'magenta' = "magenta",
+  'purple' = "purple",
+  'bc-red' = "bc-red",
+  'bc-blue' = "bc-blue",
+  'bc-green' = "bc-green",
+  'bc-orange' = "bc-orange"
+}
+/**
+ * 'color' prop types
+ */
+export declare type ColorProp = keyof typeof ColorProps;

package/dist/types/components/molecules/collapse/collapse.d.ts

@@ -1,15 +1,12 @@
-import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
-export declare class BcmCollapse implements ComponentInterface {
-  el: HTMLElement;
-  _id: string;
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class BcmCollapse {
   borderless: boolean;
   open: boolean;
-  hidden: boolean;
   noBorder: boolean;
-  parentId: string;
+  collapseId: string;
+  hidden: boolean;
   bcmCollapseOpen: EventEmitter;
-  connectedCallback(): void;
-  componentShouldUpdate(newVal: any, oldVal: any, propName: string): boolean | void;
-  getParent(): any;
+  componentDidRender(): void;
+  handleClick(): void;
   render(): any;
 }

package/dist/types/components/molecules/collapse/group.d.ts

@@ -1,13 +1,11 @@
-import { ComponentInterface } from '../../../stencil-public-runtime';
-export declare class BcmCollapseGroup implements ComponentInterface {
+export declare class BcmCollapseGroup {
   openId: any;
   el: HTMLElement;
-  _id: string;
   borderless: boolean;
   open: boolean;
   multiple: boolean;
   hidden: boolean;
-  active(id: any): Promise<void>;
+  handleOpen(e: any): void;
   componentDidLoad(): void;
   render(): any;
 }