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

package/dist/esm/{number-helper-fa8e8000.js → number-helper-ff29314e.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { s as snq } from './generate-a39b1045.js';
+import { s as snq } from './generate-93b8bdf9.js';
 
 class NumberHelper {
 }

package/dist/esm/old-bcm-popover-box.entry.js

@@ -2,18 +2,19 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
-import './element-dragger-89bb52fd.js';
-import { g as getPlacement, s as setPosition } from './popover-placement-78f86f15.js';
-import { F as FloatingUI } from './floating-ui-e7341329.js';
-import { c as classnames } from './index-ed9652af.js';
-import { G as Generate } from './generate-a39b1045.js';
-import { N as NumberHelper } from './number-helper-fa8e8000.js';
-import { S as StringHelper } from './string-helper-6bd24967.js';
-import './utils-57652744.js';
-import './bcm-9f50af9c.js';
-import './_commonjsHelpers-3016b722.js';
-import './colors-44c95e7e.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
+import './element-dragger-7ea06c76.js';
+import { g as getPlacement, s as setPosition } from './popover-placement-018109c4.js';
+import { F as FloatingUI } from './floating-ui-54c52eaa.js';
+import { c as classnames } from './index-b84bc8c9.js';
+import { G as Generate } from './generate-93b8bdf9.js';
+import { N as NumberHelper } from './number-helper-ff29314e.js';
+import { S as StringHelper } from './string-helper-4a28f775.js';
+import './utils-b3338faf.js';
+import './bcm-ac17222c.js';
+import './_commonjsHelpers-be0d4ec8.js';
+import './package-64966ec6.js';
+import './colors-e1c31f79.js';
 
 const oldPopoverBoxCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-popover-box{display:none;position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popover-box .bcm-pop-box{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:fit-content;position:absolute;display:block;overflow:hidden;visibility:hidden;z-index:-99999;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25))}.bcm-popover-box .bcm-pop-box.bcm-pop-open{overflow:unset;visibility:visible;height:unset}.bcm-popover-box .bcm-pop-box .bcm-pop-heading,.bcm-popover-box .bcm-pop-box .bcm-pop-content{display:block}.bcm-popover-box .bcm-pop-box .bcm-pop-heading:not(:empty){padding:4px 16px;border-bottom:1px solid #D9D9D9;color:var(--bcm-color-grey-9)}.bcm-popover-box .bcm-pop-box .bcm-pop-content:not(:empty){padding:8px 16px;color:var(--bcm-color-grey-8)}.bcm-popover-box::after{content:\"\";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popover-box.bcm-pop-open{display:block;z-index:10900}.bcm-popover-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popover-box.bcm-pop-open::after{display:block}.bcm-popover-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popover-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popover-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popover-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popover-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popover-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popover-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popover-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popover-box.top.center .bcm-pop-box,.bcm-popover-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.center::after,.bcm-popover-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.start .bcm-pop-box,.bcm-popover-box.bottom.start .bcm-pop-box{left:0}.bcm-popover-box.top.start::after,.bcm-popover-box.bottom.start::after{left:16px}.bcm-popover-box.top.end .bcm-pop-box,.bcm-popover-box.bottom.end .bcm-pop-box{right:0}.bcm-popover-box.top.end::after,.bcm-popover-box.bottom.end::after{right:16px}.bcm-popover-box.left.center .bcm-pop-box,.bcm-popover-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.center::after,.bcm-popover-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.start .bcm-pop-box,.bcm-popover-box.right.start .bcm-pop-box{top:0}.bcm-popover-box.left.start::after,.bcm-popover-box.right.start::after{top:12px}.bcm-popover-box.left.end .bcm-pop-box,.bcm-popover-box.right.end .bcm-pop-box{bottom:0}.bcm-popover-box.left.end::after,.bcm-popover-box.right.end::after{bottom:12px}.bcm-popover-box.top{transform:translateY(1px)}.bcm-popover-box.bottom{transform:translateY(-1px)}.bcm-popover-box.left{transform:translateX(1px)}.bcm-popover-box.right{transform:translateX(-1px)}.bcm-popover-box.top.bcm-pop-open,.bcm-popover-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popover-box.left.bcm-pop-open,.bcm-popover-box.right.bcm-pop-open{transform:translateX(0)}.bcm-popover-box.bcm-pop-linked.top .bcm-pop-box{margin:0 0 2px 0}.bcm-popover-box.bcm-pop-linked.bottom .bcm-pop-box{margin:2px 0 0 0}.bcm-popover-box.bcm-pop-linked.left .bcm-pop-box{margin:0 2px 0 0}.bcm-popover-box.bcm-pop-linked.right .bcm-pop-box{margin:0 0 0 2px}.bcm-popover-box.bcm-pop-linked .bcm-pop-box{filter:unset;border-radius:8px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1)}.bcm-popover-box.bcm-pop-linked::after{display:none}";
 

package/dist/esm/old-bcm-popover.entry.js

@@ -2,12 +2,13 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
-import { c as classnames } from './index-ed9652af.js';
-import { a as Bcm } from './bcm-9f50af9c.js';
-import { G as Generate } from './generate-a39b1045.js';
-import './_commonjsHelpers-3016b722.js';
-import './colors-44c95e7e.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
+import { c as classnames } from './index-b84bc8c9.js';
+import { B as Bcm } from './bcm-ac17222c.js';
+import { G as Generate } from './generate-93b8bdf9.js';
+import './_commonjsHelpers-be0d4ec8.js';
+import './package-64966ec6.js';
+import './colors-e1c31f79.js';
 
 const oldPopoverCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-popover{display:inline-flex}";
 

package/dist/esm/package-64966ec6.js

@@ -0,0 +1,7 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+const version = "2.9.0-rc.10";
+
+export { version as v };

package/dist/esm/{popover-placement-78f86f15.js → popover-placement-018109c4.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { S as StringHelper } from './string-helper-6bd24967.js';
+import { S as StringHelper } from './string-helper-4a28f775.js';
 
 const opposites = {
   left: 'right',

package/dist/esm/{slot-template-5b2db362.js → slot-template-46035685.js}

@@ -2,8 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { h } from './index-39133086.js';
-import { S as StringHelper } from './string-helper-6bd24967.js';
+import { h } from './index-0615c2b8.js';
+import { S as StringHelper } from './string-helper-4a28f775.js';
 
 const SlotTemplate = ({ value, className, name }) => {
   return StringHelper.isNullOrEmpty(value) ? h("span", { class: className },

package/dist/esm/{stepper-states-44849ee8.js → stepper-states-7c75d904.js}

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { c as createStore } from './index-93e36fdb.js';
-import { G as Generate, s as snq } from './generate-a39b1045.js';
-import { f as forceUpdate } from './index-39133086.js';
+import { c as createStore } from './index-7e71bbc8.js';
+import { G as Generate, s as snq } from './generate-93b8bdf9.js';
+import { f as forceUpdate } from './index-0615c2b8.js';
 
 const { state } = createStore({
   value: new Map(),

package/dist/esm/{string-helper-6bd24967.js → string-helper-4a28f775.js}

@@ -2,8 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { a as Bcm } from './bcm-9f50af9c.js';
-import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-3016b722.js';
+import { B as Bcm } from './bcm-ac17222c.js';
+import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-be0d4ec8.js';
 
 var slugify = createCommonjsModule(function (module, exports) {
 (function (name, root, factory) {

package/dist/esm/{tooltip-helper-10b64c23.js → tooltip-helper-6154996e.js}

@@ -2,16 +2,16 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import './element-dragger-89bb52fd.js';
-import { S as StringHelper } from './string-helper-6bd24967.js';
-import { d as delay } from './utils-57652744.js';
-import { F as FloatingUI } from './floating-ui-e7341329.js';
-import { C as ColorHelper } from './color-helper-e8ce23d7.js';
+import './element-dragger-7ea06c76.js';
+import { S as StringHelper } from './string-helper-4a28f775.js';
+import { d as delay } from './utils-b3338faf.js';
+import { F as FloatingUI } from './floating-ui-54c52eaa.js';
+import { C as ColorHelper } from './color-helper-c4fa9ebc.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-a39b1045.js';
-import './number-helper-fa8e8000.js';
-import './validators-dd70be40.js';
-import { B as Bcm } from './bcm-9f50af9c.js';
+import { G as Generate } from './generate-93b8bdf9.js';
+import './number-helper-ff29314e.js';
+import './validators-2956054d.js';
+import { a as Bcm } from './bcm-ac17222c.js';
 
 class Tooltip {
   constructor({ message, targetId, placement = "top", color = "slate-700", trigger = "none", size = "medium", openDelay = 0, closeDelay = 0, autoHide = false, emitShow = () => { }, emitHide = () => { }, }) {
@@ -23,7 +23,6 @@ class Tooltip {
       }
       this.removeListener();
     };
-    this.bgColor = () => ColorHelper.twColor(this.color, 700);
     this.target = () => document.getElementById(this.targetId);
     this.sizeClass = () => {
       switch (this.size) {
@@ -38,13 +37,22 @@ class Tooltip {
       }
     };
     this.init = () => {
+      const { tone, colorName } = ColorHelper.parseColor(this.color, 700);
+      const dc = Generate.getTwColor({
+        color: colorName,
+        tones: {
+          [tone]: ["bg"],
+        },
+        variable: "--bcm-tooltip",
+      });
+      const style = Object.assign(Object.assign({}, dc), (dc["--bcm-tooltip-bg"] && { "--bcm-tooltip-text": ColorHelper.reverseColor(dc["--bcm-tooltip-bg"]) }));
       this.el = Generate.createElement("div", {
         "id": `${this.targetId}-tooltip-box`,
         "class": `
-            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-xs tw-py-1 tw-px-2 tw-rounded tw-bg-${this.bgColor()} tw-text-white ${this.sizeClass()} tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300`,
+            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-xs tw-py-1 tw-px-2 tw-rounded tw-bg-[--bcm-tooltip-bg] tw-text-[--bcm-tooltip-text] ${this.sizeClass()} tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300`,
         "role": "tooltip",
         "aria-hidden": "true",
-        "style": `color: ${ColorHelper.twColorReverse(this.bgColor())}`,
+        "style": ColorHelper.generateStyleString(style),
         "innerHTML": StringHelper.trim(this.message),
       });
     };
@@ -98,7 +106,7 @@ class Tooltip {
           placement: this.placement,
           offset: 8,
           arrow: true,
-          arrowColor: `tw-bg-${this.bgColor()}`,
+          arrowColor: `tw-bg-[--bcm-tooltip-bg]`,
         });
       }
     };

package/dist/esm/{utils-57652744.js → utils-b3338faf.js}

@@ -120,4 +120,4 @@ const pluralize = (function () {
   return text;
 })();
 
-export { getTransform as a, dropInComponent as b, getChilds as c, delay as d, extractColor as e, getChildElements as g, pluralize as p };
+export { getChildElements as a, dropInComponent as b, getChilds as c, delay as d, extractColor as e, getTransform as g, pluralize as p };

package/dist/esm/{validators-dd70be40.js → validators-2956054d.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { s as snq } from './generate-a39b1045.js';
+import { s as snq } from './generate-93b8bdf9.js';
 
 class Validators {
 }

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

@@ -1,23 +1,19 @@
-import { ShapeTypes, SizeTypes, StatusTypes } from '../../../models';
-import { ComponentInterface } from '../../../stencil-public-runtime';
+import { ShapeTypes, SizeTypes, StatusTypes } from "../../../models";
+import { ComponentInterface } from "../../../stencil-public-runtime";
 export declare class BcmAvatar implements ComponentInterface {
   el: HTMLElement;
   _id: string;
-  hidden: boolean;
   image: string;
   name: string;
   alt: string;
   shape: ShapeTypes;
   size: SizeTypes;
-  color: any;
+  color: string;
+  icon: string;
   status: StatusTypes;
+  blink: boolean;
   isFallback: boolean;
-  componentWillLoad(): void;
-  handleError(): void;
-  getCustomSizes(customSize: string): number;
   getFirstLetters(name: string): string;
-  setStyleVariables(): {
-    [x: string]: string;
-  };
+  renderDefaultIcon(): any;
   render(): any;
 }

package/dist/types/components/atoms/avatar/avatar.style.d.ts

@@ -0,0 +1,181 @@
+export declare const avatarStyle: import("tailwind-variants").TVReturnType<{
+  size: {
+    small: "bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6";
+    medium: "bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8";
+    large: "bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10";
+  };
+  shape: {
+    ellipse: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+    square: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+  };
+  status: {
+    true: {
+      base: string;
+      badge: string;
+    };
+  };
+}, {
+  base: string;
+  image: string;
+  badge: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: "bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6";
+    medium: "bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8";
+    large: "bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10";
+  };
+  shape: {
+    ellipse: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+    square: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+  };
+  status: {
+    true: {
+      base: string;
+      badge: string;
+    };
+  };
+}, {
+  size: {
+    small: "bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6";
+    medium: "bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8";
+    large: "bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10";
+  };
+  shape: {
+    ellipse: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+    square: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+  };
+  status: {
+    true: {
+      base: string;
+      badge: string;
+    };
+  };
+}>, {
+  size: {
+    small: "bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6";
+    medium: "bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8";
+    large: "bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10";
+  };
+  shape: {
+    ellipse: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+    square: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+  };
+  status: {
+    true: {
+      base: string;
+      badge: string;
+    };
+  };
+}, {
+  base: string;
+  image: string;
+  badge: string;
+}, import("tailwind-variants").TVReturnType<{
+  size: {
+    small: "bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6";
+    medium: "bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8";
+    large: "bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10";
+  };
+  shape: {
+    ellipse: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+    square: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+  };
+  status: {
+    true: {
+      base: string;
+      badge: string;
+    };
+  };
+}, {
+  base: string;
+  image: string;
+  badge: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: "bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6";
+    medium: "bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8";
+    large: "bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10";
+  };
+  shape: {
+    ellipse: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+    square: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+  };
+  status: {
+    true: {
+      base: string;
+      badge: string;
+    };
+  };
+}, {
+  size: {
+    small: "bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6";
+    medium: "bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8";
+    large: "bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10";
+  };
+  shape: {
+    ellipse: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+    square: {
+      base: string;
+      image: string;
+      badge: string;
+    };
+  };
+  status: {
+    true: {
+      base: string;
+      badge: string;
+    };
+  };
+}>, unknown, unknown, undefined>>;

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

@@ -1,17 +1,13 @@
-import { ComponentInterface } from '../../../stencil-public-runtime';
-import { SizeTypes, StatusTypes } from '../../../models/bcm-types';
+import { SizeTypes, StatusTypes } from "../../../models";
+import { ComponentInterface } from "../../../stencil-public-runtime";
 export declare class BcmBadge implements ComponentInterface {
   el: HTMLElement;
   _id: string;
-  hidden: boolean;
   blink: boolean;
   value: string;
   color: any;
   size: SizeTypes;
   status: StatusTypes;
-  _slot: any;
-  setStyleVariables(): {
-    [x: string]: string;
-  };
+  private statusColors;
   render(): any;
 }

package/dist/types/components/atoms/badge/badge.style.d.ts

@@ -0,0 +1,153 @@
+export declare const badgeStyle: import("tailwind-variants").TVReturnType<{
+  size: {
+    small: {
+      base: string;
+      dotText: string;
+    };
+    medium: {
+      base: string;
+      dotText: string;
+    };
+    large: {
+      base: string;
+      dotText: string;
+    };
+  };
+  blink: {
+    true: {
+      base: string[];
+    };
+  };
+}, {
+  host: string;
+  base: string[];
+  dotText: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: {
+      base: string;
+      dotText: string;
+    };
+    medium: {
+      base: string;
+      dotText: string;
+    };
+    large: {
+      base: string;
+      dotText: string;
+    };
+  };
+  blink: {
+    true: {
+      base: string[];
+    };
+  };
+}, {
+  size: {
+    small: {
+      base: string;
+      dotText: string;
+    };
+    medium: {
+      base: string;
+      dotText: string;
+    };
+    large: {
+      base: string;
+      dotText: string;
+    };
+  };
+  blink: {
+    true: {
+      base: string[];
+    };
+  };
+}>, {
+  size: {
+    small: {
+      base: string;
+      dotText: string;
+    };
+    medium: {
+      base: string;
+      dotText: string;
+    };
+    large: {
+      base: string;
+      dotText: string;
+    };
+  };
+  blink: {
+    true: {
+      base: string[];
+    };
+  };
+}, {
+  host: string;
+  base: string[];
+  dotText: string;
+}, import("tailwind-variants").TVReturnType<{
+  size: {
+    small: {
+      base: string;
+      dotText: string;
+    };
+    medium: {
+      base: string;
+      dotText: string;
+    };
+    large: {
+      base: string;
+      dotText: string;
+    };
+  };
+  blink: {
+    true: {
+      base: string[];
+    };
+  };
+}, {
+  host: string;
+  base: string[];
+  dotText: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: {
+      base: string;
+      dotText: string;
+    };
+    medium: {
+      base: string;
+      dotText: string;
+    };
+    large: {
+      base: string;
+      dotText: string;
+    };
+  };
+  blink: {
+    true: {
+      base: string[];
+    };
+  };
+}, {
+  size: {
+    small: {
+      base: string;
+      dotText: string;
+    };
+    medium: {
+      base: string;
+      dotText: string;
+    };
+    large: {
+      base: string;
+      dotText: string;
+    };
+  };
+  blink: {
+    true: {
+      base: string[];
+    };
+  };
+}>, unknown, unknown, undefined>>;

package/dist/types/components/atoms/chip/chip-group.d.ts

@@ -6,6 +6,7 @@ export declare class BcmChipGroup implements ComponentInterface {
   name: string;
   value: any;
   required: boolean;
+  size: "small" | "medium" | "large";
   label: string;
   caption: string;
   noCaption: boolean;
@@ -15,8 +16,11 @@ export declare class BcmChipGroup implements ComponentInterface {
   handleSelectItem(e: any): void;
   handleDismiss(e: any): void;
   handleSelect(e: any): void;
+  showListComponent(id: any): void;
   getSlots(): NodeListOf<HTMLBcmChipElement>;
   setSelect(val?: any, noEvent?: boolean): void;
+  setAttr(): void;
   componentWillLoad(): void | Promise<void>;
+  componentDidRender(): void;
   render(): any;
 }

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

@@ -2,5 +2,6 @@ export declare class BcmIcon {
   el: HTMLElement;
   hidden: boolean;
   icon: string;
+  getIcon(): any;
   render(): any;
 }