bromcom-ui 2.12.1-test.1 → 3.0.0-preview.0

package/dist/cjs/bcm-alert.cjs.entry.js

@@ -6,94 +6,108 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-c591ecec.js');
-const generate = require('./generate-920aff8f.js');
-const index$2 = require('./index-95ae50d0.js');
-const index = require('./index-d321de96.js');
-const stringHelper = require('./string-helper-1ee6dc21.js');
-require('./package-fc8c9633.js');
-require('./colors-250d0982.js');
+const index$1 = require('./index-bb6ac306.js');
+const bcm = require('./bcm-51d38d17.js');
+const index = require('./index-d3b89435.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./bcm-1d1fcf21.js');
 
-const { state } = index.createStore({
-  value: new Map(),
-  setData: {},
-  removeData: {}
+const alertStyle = index.ce({
+  slots: {
+    host: "bcm-alert bcm-ui-element bcm-ui-content-display tw-rounded-lg tw-flex tw-flex-row tw-items-baseline tw-justify-between tw-w-full tw-px-3 tw-font-medium",
+    content: "bcm-alert-content tw-flex tw-flex-row tw-items-center tw-justify-start tw-w-fit tw-flex-1",
+    action: "bcm-alert__action empty:tw-hidden tw-flex tw-flex-row tw-items-center tw-justify-center tw-w-fit tw-gap-2 tw-text-inherit",
+    header: "bcm-alert__header-message empty:tw-hidden",
+  },
+  variants: {
+    size: {
+      small: {
+        host: "bcm-alert__size-small tw-py-1 tw-text-size-4 tw-gap-2",
+      },
+      medium: {
+        host: "bcm-alert__size-medium tw-py-2 tw-text-base tw-gap-2.5",
+      },
+      large: {
+        host: "bcm-alert__size-large tw-py-3 tw-text-lg tw-gap-3",
+      },
+    },
+    status: {
+      default: {
+        host: "bcm-alert__status-default tw-bg-color-default tw-text-color",
+      },
+      success: {
+        host: "bcm-alert__status-success tw-bg-color-palette-emerald tw-text-color-success",
+      },
+      warning: {
+        host: "bcm-alert__status-warning tw-bg-color-palette-amber tw-text-color-warning",
+      },
+      error: {
+        host: "bcm-alert__status-error tw-bg-color-palette-red tw-text-color-error",
+      },
+      info: {
+        host: "bcm-alert__status-info tw-bg-color-palette-blue tw-text-color-primary",
+      },
+    },
+    kind: {
+      filled: {
+        host: "bcm-alert__type-filled",
+      },
+      text: {
+        host: "!tw-bg-transparent bcm-alert__type-text",
+      },
+    },
+    hide: {
+      true: {
+        host: "tw-hidden",
+      },
+      false: {
+        host: "",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "medium",
+    kind: "filled",
+    status: "info",
+    hide: false,
+  },
 });
-const setValue = (val) => {
-  const data = Object.assign(Object.assign(Object.assign({}, val), { size: val.bigIcon ? 'medium' : 14, iconType: val.bigIcon ? 'outlined' : 'fill' }), generate.Generate.getIconAttrWithStatusType(val.status));
-  state.value.set(data.id, data);
-};
-const removeValue = (_id) => {
-  state.value.delete(_id);
-};
-const getValue = (id) => generate.snq(() => state.value.get(id), {});
-const alertStates = {
-  setValue,
-  removeValue,
-  getValue
-};
-
-const alertCss = "@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-alert{display:block;width:100%;max-width:400px;box-sizing:border-box;padding:8px 16px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);border-radius:2px;position:relative;grid-gap:8px}.bcm-alert.hidden{display:none}.bcm-alert.full-width{max-width:100%}.bcm-alert__status-info{border:1px solid var(--bcm-color-blue-3);background-color:var(--bcm-color-blue-1)}.bcm-alert__status-error{border:1px solid var(--bcm-color-red-3);background-color:var(--bcm-color-red-1)}.bcm-alert__status-warning{border:1px solid var(--bcm-color-warmyellow-3);background-color:var(--bcm-color-warmyellow-1)}.bcm-alert__status-success{border:1px solid var(--bcm-color-green-3);background-color:var(--bcm-color-green-1)}.bcm-alert__type-banner{border:none}.bcm-alert__header{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.bcm-alert__header-message{display:flex;align-items:center;grid-gap:8px;color:var(--bcm-color-grey-8)}.bcm-alert__header-dismiss{display:flex;position:absolute;top:-1px;right:0;padding:16px;color:var(--bcm-color-grey-8)}.bcm-alert__header-dismiss:hover{cursor:pointer;color:var(--bcm-color-grey-9)}.bcm-alert__content{color:var(--bcm-color-grey-8)}.bcm-alert__content p{margin:0;padding:0}";
 
+const statusIcon = {
+  default: "fa-regular fa-circle-info",
+  info: "fa-regular fa-circle-info",
+  success: "fa-regular fa-circle-check",
+  warning: "fa-regular fa-triangle-exclamation",
+  error: "fa-regular fa-circle-x",
+};
 const BcmAlert = class {
   constructor(hostRef) {
     index$1.registerInstance(this, hostRef);
-    this.alertdismissible = index$1.createEvent(this, "bcm-alert-dismissible", 7);
-    this.hidden = false;
-    this._id = generate.Generate.UID();
-    this._title = undefined;
+    this.onViewClick = index$1.createEvent(this, "on-view-click", 3);
+    this.onClose = index$1.createEvent(this, "on-close", 3);
+    this.size = bcm.Bcm$1.Size.medium;
+    this.kind = "filled";
+    this.status = bcm.Bcm$1.Status.info;
+    this.customIcon = undefined;
     this.description = undefined;
-    this.status = generate.StatusProps.info;
-    this.type = generate.TypeProps.basic;
-    this.dismissible = undefined;
     this.icon = false;
-    this.bigIcon = false;
-    this.fullWidth = false;
-  }
-  componentWillRender() {
-    if (this.dismissible != undefined) {
-      if (this.dismissible == '') {
-        this.dismissible = true;
-      }
-      else if (typeof this.dismissible === 'string' && this.dismissible == 'false' || this.dismissible == 'true') {
-        this.dismissible = stringHelper.StringHelper.elementBooleanCheck(this.dismissible);
-      }
-      else {
-        return;
-      }
-    }
-    this.setData();
-  }
-  dismiss(e) {
-    this.alertdismissible.emit(e);
-    this.el.remove();
-  }
-  getStateData() {
-    return alertStates.getValue(this._id);
+    this.dismissible = false;
+    this.hide = false;
+    this.viewButton = false;
+    this.viewButtonText = "View";
   }
-  setData() {
-    const { status, type, bigIcon } = this;
-    alertStates.setValue({
-      id: this._id,
-      status,
-      type,
-      bigIcon,
-    });
+  onDismiss() {
+    this.hide = true;
+    this.onClose.emit();
   }
   render() {
-    const { fullWidth, status, type, icon, bigIcon, _title, hidden, dismissible, description } = this;
-    const hostClasses = index$2.classnames('bcm-alert', 'bcm-alert__type-' + type, 'bcm-alert__status-' + status, {
-      'full-width': fullWidth,
-      hidden,
-    });
-    const headerMessage = index$2.classnames('bcm-alert__header-message', !!description ? 'size-3' : 'size-2');
-    const state = this.getStateData();
-    return (index$1.h(index$1.Host, { class: hostClasses }, index$1.h("span", { hidden: true }, index$1.h("slot", null)), index$1.h("header", { class: "bcm-alert__header" }, index$1.h("span", { class: headerMessage }, (bigIcon || icon) && index$1.h("bcm-icon", { icon: state.icon }), _title), dismissible && (index$1.h("span", { class: "bcm-alert__header-dismiss", onClick: e => this.dismiss(e) }, typeof dismissible === 'string' ? dismissible : index$1.h("bcm-icon", { icon: "fal fa-times" })))), index$1.h("main", { class: "bcm-alert__content size-2" }, description && index$1.h("p", null, description), index$1.h("slot", null))));
+    // props
+    const { viewButton, viewButtonText, customIcon, icon, dismissible } = this;
+    // css variant props
+    const { size, kind, description, status, hide } = this;
+    const { host, content, action, header } = alertStyle({ size, kind, status, hide });
+    const iconClass = customIcon ? customIcon : icon ? statusIcon[status] : null;
+    return (index$1.h(index$1.Host, { class: host(), role: "alert" }, index$1.h("div", { class: header() }, iconClass && index$1.h("i", { class: `${iconClass}` })), index$1.h("div", { class: content() }, index$1.h("slot", null, description)), index$1.h("div", { class: action() }, viewButton && (index$1.h("a", { href: "javascript:void(0)", class: "tw-appearance-none tw-bg-transparent tw-text-inherit tw-no-underline", onClick: e => this.onViewClick.emit(e) }, viewButtonText)), dismissible && index$1.h("i", { class: "fa-regular fa-times tw-cursor-pointer tw-text-inherit", onClick: () => this.onDismiss() }))));
   }
-  get el() { return index$1.getElement(this); }
 };
-BcmAlert.style = alertCss;
 
 exports.bcm_alert = BcmAlert;

package/dist/cjs/bcm-arrow.cjs.entry.js

@@ -0,0 +1,34 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-bb6ac306.js');
+const index$1 = require('./index-95ae50d0.js');
+const generate = require('./generate-eda14f12.js');
+require('./_commonjsHelpers-ed84c3ca.js');
+require('./package-f644e6eb.js');
+require('./colors-250d0982.js');
+
+const arrowCss = "@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}.arrow{position:absolute;width:0;height:0;border-width:8px;border-style:solid;background-color:transparent}.arrow.top{border-color:transparent transparent var(--arrow-color) transparent;transform:translateX(-50%)}.arrow.bottom{border-color:var(--arrow-color) transparent transparent transparent;transform:translateX(-50%)}.arrow.right{border-color:transparent var(--arrow-color) transparent transparent;transform:translateY(-50%) rotate(180deg)}.arrow.left{border-color:transparent transparent transparent var(--arrow-color);transform:translateY(-50%) rotate(-180deg)}";
+
+const BcmArrow = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this._id = generate.Generate.UID();
+    this.position = undefined;
+  }
+  render() {
+    const hostClasses = index$1.classnames({
+      [`arrow  ${this.position}`]: true,
+    });
+    return index.h(index.Host, { class: hostClasses });
+  }
+  get el() { return index.getElement(this); }
+};
+BcmArrow.style = arrowCss;
+
+exports.bcm_arrow = BcmArrow;

package/dist/cjs/bcm-attendance-actions-comment.cjs.entry.js

@@ -6,22 +6,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-c591ecec.js');
+const index$1 = require('./index-bb6ac306.js');
 require('./color-helper-dc98a2ca.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-920aff8f.js');
-require('./number-helper-a99f8b57.js');
-require('./string-helper-1ee6dc21.js');
-require('./validators-aafcc99c.js');
+const generate = require('./generate-eda14f12.js');
+require('./number-helper-d14c9546.js');
+require('./string-helper-cc89c9d6.js');
+require('./popover.style-e390b5a1.js');
 require('./element-dragger-a8562f82.js');
 const utils = require('./utils-fc077139.js');
-const floatingUi = require('./floating-ui-5b396838.js');
-const bcm = require('./bcm-1d1fcf21.js');
-const index = require('./index-5279dea2.js');
+const floatingUi = require('./floating-ui-4c31473e.js');
+const bcm = require('./bcm-51d38d17.js');
+const index = require('./index-d3b89435.js');
 require('./colors-56282b00.js');
 require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-fc8c9633.js');
+require('./package-f644e6eb.js');
+require('./floating-ui.dom.esm-f0638c44.js');
 
 const attendanceActionCommentStyle = index.ce({
   slots: {

package/dist/cjs/bcm-attendance-actions-dropdown.cjs.entry.js

@@ -6,23 +6,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-c591ecec.js');
+const index$1 = require('./index-bb6ac306.js');
 require('./color-helper-dc98a2ca.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-920aff8f.js');
-require('./number-helper-a99f8b57.js');
-require('./string-helper-1ee6dc21.js');
-require('./validators-aafcc99c.js');
+const generate = require('./generate-eda14f12.js');
+require('./number-helper-d14c9546.js');
+require('./string-helper-cc89c9d6.js');
+require('./popover.style-e390b5a1.js');
 require('./element-dragger-a8562f82.js');
-const floatingUi = require('./floating-ui-5b396838.js');
-const bcm = require('./bcm-1d1fcf21.js');
+const floatingUi = require('./floating-ui-4c31473e.js');
+const bcm = require('./bcm-51d38d17.js');
 const index$2 = require('./index-95ae50d0.js');
-const index = require('./index-5279dea2.js');
+const index = require('./index-d3b89435.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
 require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-fc8c9633.js');
+require('./package-f644e6eb.js');
+require('./floating-ui.dom.esm-f0638c44.js');
 
 const attendanceActionDropdownStyle = index.ce({
   slots: {

package/dist/cjs/bcm-autocomplete.cjs.entry.js

@@ -6,7 +6,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 const index$1 = require('./index-95ae50d0.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 

package/dist/cjs/bcm-box.cjs.entry.js

@@ -6,7 +6,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 
 const BcmBox = class {
   constructor(hostRef) {

package/dist/cjs/bcm-breadcrumb.cjs.entry.js

@@ -6,11 +6,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 const index$1 = require('./index-95ae50d0.js');
-const generate = require('./generate-920aff8f.js');
+const generate = require('./generate-eda14f12.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-fc8c9633.js');
+require('./package-f644e6eb.js');
 require('./colors-250d0982.js');
 
 const breadcrumbCss = "@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-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:var(--bcm-color-grey-7)}.bcm-breadcrumb__item{display:flex;align-items:center}.bcm-breadcrumb .seperator{cursor:default;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;margin-right:8px;color:var(--bcm-color-grey-7)}.bcm-breadcrumb bcm-link:hover{color:var(--bcm-color-grey-7)}.bcm-breadcrumb .active{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .active:hover{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .is-link:hover{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb .is-link:hover bcm-link,.bcm-breadcrumb .is-link:hover bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item{position:relative;display:inline-flex}.bcm-breadcrumb__dropdown-item summary{display:inline-flex;align-items:center;cursor:pointer}.bcm-breadcrumb__dropdown-item summary>span{display:inline-flex;align-items:center}.bcm-breadcrumb__dropdown-item summary::-webkit-details-marker{display:none}.bcm-breadcrumb__dropdown-item summary:focus{outline:none}.bcm-breadcrumb__dropdown-item summary.open bcm-link,.bcm-breadcrumb__dropdown-item summary.open bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item summary .down-icon{margin-left:4px}.bcm-breadcrumb__dropdown-submenu{position:absolute;min-width:140px;background-color:var(--bcm-color-grey-1);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-top:4px}.bcm-breadcrumb__dropdown-submenu .dropdown-item{display:flex;padding:4px 8px}.bcm-breadcrumb__dropdown-submenu .dropdown-item bcm-link{width:100%}";

package/dist/cjs/bcm-caption.cjs.entry.js

@@ -6,24 +6,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
-const bcm = require('./bcm-1d1fcf21.js');
-require('./string-helper-1ee6dc21.js');
-const captionTemplate = require('./caption-template-85a18b6d.js');
+const index = require('./index-bb6ac306.js');
+const bcm = require('./bcm-51d38d17.js');
+require('./string-helper-cc89c9d6.js');
+const captionTemplate = require('./caption-template-1ba40085.js');
+require('./types-e4c4d1b2.js');
 require('./index-95ae50d0.js');
-require('./types-cc4adee7.js');
 require('./color-helper-dc98a2ca.js');
 require('./datetime-helper-eaf4fadb.js');
-require('./generate-920aff8f.js');
-require('./number-helper-a99f8b57.js');
-require('./validators-aafcc99c.js');
+require('./generate-eda14f12.js');
+require('./number-helper-d14c9546.js');
+require('./popover.style-e390b5a1.js');
 require('./element-dragger-a8562f82.js');
 require('./types-7523fd99.js');
 require('./_commonjsHelpers-ed84c3ca.js');
+require('./index-d3b89435.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
 require('./colors-250d0982.js');
-require('./package-fc8c9633.js');
+require('./package-f644e6eb.js');
 
 const BcmCaption = class {
   constructor(hostRef) {

package/dist/cjs/bcm-card.cjs.entry.js

@@ -6,18 +6,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 const index$1 = require('./index-95ae50d0.js');
 const colorHelper = require('./color-helper-dc98a2ca.js');
-const generate = require('./generate-920aff8f.js');
-const stringHelper = require('./string-helper-1ee6dc21.js');
-const slotTemplate = require('./slot-template-29229e8f.js');
+const generate = require('./generate-eda14f12.js');
+const stringHelper = require('./string-helper-cc89c9d6.js');
+const slotTemplate = require('./slot-template-d02ae4e4.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
 require('./colors-250d0982.js');
-require('./package-fc8c9633.js');
-require('./bcm-1d1fcf21.js');
+require('./package-f644e6eb.js');
+require('./bcm-51d38d17.js');
 
 const cardCss = "@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-card{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:block;width:100%;background-color:var(--bcm-new-ds-color-white);border-radius:8px;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1);box-sizing:border-box}.bcm-card__header,.bcm-card__body,.bcm-card__footer{display:block;width:100%}.bcm-card__header{border-radius:8px 8px 0 0;padding:12px 24px;color:var(--bcm-new-ds-color-slate-700);font-weight:600}.bcm-card__body{padding:12px 24px}.bcm-card__footer{padding:12px 24px;border-radius:0 0 8px 8px}";
 

package/dist/cjs/bcm-chip-group.cjs.entry.js

@@ -6,27 +6,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 require('./color-helper-dc98a2ca.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-920aff8f.js');
-require('./number-helper-a99f8b57.js');
-require('./string-helper-1ee6dc21.js');
-require('./validators-aafcc99c.js');
+const generate = require('./generate-eda14f12.js');
+require('./number-helper-d14c9546.js');
+require('./string-helper-cc89c9d6.js');
+require('./popover.style-e390b5a1.js');
 require('./element-dragger-a8562f82.js');
-const bcm = require('./bcm-1d1fcf21.js');
-const captionTemplate = require('./caption-template-85a18b6d.js');
-const index$1 = require('./index-95ae50d0.js');
-require('./types-cc4adee7.js');
-const labelTemplate = require('./label-template-e83447b5.js');
+const bcm = require('./bcm-51d38d17.js');
+const captionTemplate = require('./caption-template-1ba40085.js');
+require('./types-e4c4d1b2.js');
+require('./index-95ae50d0.js');
 require('./types-7523fd99.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
 require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-fc8c9633.js');
-
-const chipGroupCss = "@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-chip-group .bcm-chip{cursor:pointer}";
+require('./package-f644e6eb.js');
+require('./index-d3b89435.js');
 
 const BcmChipGroup = class {
   constructor(hostRef) {
@@ -45,7 +43,7 @@ const BcmChipGroup = class {
   }
   handleSelectItem(e) {
     const target = e === null || e === void 0 ? void 0 : e.target;
-    if (target instanceof HTMLElement) {
+    if (target instanceof index.H) {
       const data = e.detail;
       const chipItem = document.createElement("bcm-chip");
       // chipItem.setAttribute("type", "dismissable");
@@ -57,14 +55,14 @@ const BcmChipGroup = class {
   }
   handleDismiss(e) {
     const target = e === null || e === void 0 ? void 0 : e.target;
-    if (target instanceof HTMLElement) {
+    if (target instanceof index.H) {
       target.remove();
       this.setSelect();
     }
   }
   handleSelect(e) {
     const target = e === null || e === void 0 ? void 0 : e.target;
-    if (target instanceof HTMLElement) {
+    if (target instanceof index.H) {
       if (target.type === "addable") {
         this.showListComponent(target.id);
       }
@@ -118,11 +116,9 @@ const BcmChipGroup = class {
   }
   render() {
     const { label, required, noCaption, captionType, captionError, caption } = this;
-    const hostClasses = index$1.classnames("bcm-chip-group");
-    return (index.h(index.Host, { class: hostClasses }, label && (index.h("div", null, index.h(labelTemplate.LabelTemplate, { type: captionType, value: label, required: required }))), index.h("div", { class: "tw-flex tw-flex-wrap tw-gap-1" }, index.h("slot", null)), index.h(captionTemplate.CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption })));
+    return (index.h(index.Host, { class: "bcm-chip-group [&_.bcm-chip]:tw-cursor-pointer" }, label && index.h("bcm-label", { type: captionType, value: label, required: required }), index.h("div", { class: "tw-flex tw-flex-wrap tw-gap-1" }, index.h("slot", null)), index.h(captionTemplate.CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption })));
   }
   get el() { return index.getElement(this); }
 };
-BcmChipGroup.style = chipGroupCss;
 
 exports.bcm_chip_group = BcmChipGroup;

package/dist/cjs/bcm-colorpicker.cjs.entry.js

@@ -6,7 +6,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 const elementDragger = require('./element-dragger-a8562f82.js');
 const index$1 = require('./index-95ae50d0.js');
 require('./utils-fc077139.js');

package/dist/cjs/bcm-content.cjs.entry.js

@@ -6,7 +6,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 
 const BcmContent = class {
   constructor(hostRef) {

package/dist/cjs/bcm-date-picker.cjs.entry.js

@@ -6,15 +6,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 const index$1 = require('./index-95ae50d0.js');
-const isLoadDecorator = require('./is-load-decorator-15036f37.js');
+const isLoadDecorator = require('./is-load-decorator-60805e8b.js');
 const datetimeHelper = require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-920aff8f.js');
-const bcm = require('./bcm-1d1fcf21.js');
+const generate = require('./generate-eda14f12.js');
+const bcm = require('./bcm-51d38d17.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-fc8c9633.js');
+require('./package-f644e6eb.js');
 require('./colors-250d0982.js');
 
 const datePickerCss = "@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}:host{display:inline-flex;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}";

package/dist/cjs/bcm-datetime-picker.cjs.entry.js

@@ -6,20 +6,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 const elementDragger = require('./element-dragger-a8562f82.js');
 const index$1 = require('./index-95ae50d0.js');
 const datetimeHelper = require('./datetime-helper-eaf4fadb.js');
 const utils = require('./utils-fc077139.js');
-const generate = require('./generate-920aff8f.js');
-const bcm = require('./bcm-1d1fcf21.js');
-const popoverPlacement = require('./popover-placement-d1aa81f0.js');
-const labelTemplate = require('./label-template-e83447b5.js');
-const isLoadDecorator = require('./is-load-decorator-15036f37.js');
+const generate = require('./generate-eda14f12.js');
+const bcm = require('./bcm-51d38d17.js');
+const popoverPlacement = require('./popover-placement-3c0ad75e.js');
+const labelTemplate = require('./label-template-540044c9.js');
+const isLoadDecorator = require('./is-load-decorator-60805e8b.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-fc8c9633.js');
+require('./package-f644e6eb.js');
 require('./colors-250d0982.js');
-require('./string-helper-1ee6dc21.js');
+require('./string-helper-cc89c9d6.js');
 
 var Months;
 (function (Months) {
@@ -57,7 +57,7 @@ var Types;
   Types["time"] = "time";
 })(Types || (Types = {}));
 
-const datetimePickerCss = "@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}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}:host{display:inline-flex;flex-direction:column;position:relative;width:100%;max-width:256px;margin:0;margin-bottom:8px}:host(.full-width){max-width:100%}:host(.no-margin){margin:0}:host(.hidden){display:none}:host(.linked-component){display:none}.toggle{cursor:pointer}.toggle.disabled{cursor:not-allowed}.modules{display:flex}.picker-label{user-select:none;line-height:1}.datetime-picker{position:absolute;top:-1000px;display:inline-flex;flex-direction:column;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);opacity:0;visibility:hidden;transition:transform 0.2s ease, opacity 0.3s ease;transform:scale(0.8) translateY(-100px);background-color:#ffffff;min-height:356px;max-height:356px;box-sizing:border-box;z-index:-1000}.datetime-picker.alignment-left{left:0}.datetime-picker.alignment-right{right:0}.datetime-picker.open{top:calc(100% - 28px);z-index:10000;opacity:1;visibility:visible;transform:scale(1) translateY(0)}.datetime-picker.open.no-caption{top:100%}.actions{display:flex;align-items:center;justify-content:space-between;padding:8px;margin-top:auto;border-top:1px solid var(--bcm-color-grey-6)}.actions .current-date{font-size:14px;line-height:22px;color:var(--bcm-color-prime-blue-6);text-transform:capitalize}.date-container+.time-container{border-left:1px solid #cecece}.time-container{width:185px}.time-container .bcm-datetime-picker__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-height:60px;border-bottom:1px solid var(--bcm-color-grey-4)}.time-container .bcm-datetime-picker__header .now{font-size:14px;line-height:22px;cursor:pointer;color:var(--bcm-color-prime-blue-6);user-select:none}.time-container .bcm-datetime-picker__content{position:relative;display:flex}.time-container .hours,.time-container .minutes,.time-container .time-period{position:relative;flex:1 1 100%;max-width:100%;height:280px;overflow:hidden}.time-container .hours .items>span,.time-container .minutes .items>span,.time-container .time-period .items>span{font-size:14px;color:var(--bcm-color-grey-8)}.time-container .hours .items>span.selected,.time-container .minutes .items>span.selected,.time-container .time-period .items>span.selected{color:var(--bcm-color-prime-blue-6)}.date-container{width:364px;}.date-container .bcm-datetime-picker__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-height:60px;border-bottom:1px solid var(--bcm-color-grey-4)}.date-container .bcm-datetime-picker__header .month-year-wrapper{display:flex;align-items:center;justify-content:center;margin:0 4px;min-width:125px}.date-container .bcm-datetime-picker__header .month-year{font-size:16px;line-height:24px}.date-container .bcm-datetime-picker__header .month-year{display:flex;align-items:center}.date-container .bcm-datetime-picker__header .month-year button{display:flex;align-items:center;box-shadow:none;background:transparent;outline:none;appearance:none;border:none;color:var(--bcm-color-prime-blue-6);cursor:pointer}.date-container .bcm-datetime-picker__header .month{text-transform:capitalize}.date-container .bcm-datetime-picker__header .year{padding-left:4px}.date-container .bcm-datetime-picker__header .today{font-size:14px;line-height:22px;cursor:pointer;color:var(--bcm-color-prime-blue-6);user-select:none}.date-container .bcm-datetime-picker__content{display:flex}.date-container .years{position:relative;flex:0 0 70px;max-width:70px;height:280px;overflow:hidden;background-color:var(--bcm-color-grey-2)}.date-container .days{width:100%}.date-container .day-numbers,.date-container .day-labels{display:grid;grid-template-columns:repeat(7, 1fr)}.date-container .day-numbers{padding:24px 24px}.date-container .day-numbers>span,.date-container .day-labels span{text-align:center}.date-container .day-numbers>span{position:relative;padding-bottom:100%;cursor:pointer}.date-container .day-numbers>span.not-this-month{color:var(--bcm-color-grey-4)}.date-container .day-numbers>span.is-weekend{color:var(--bcm-color-prime-blue-3)}.date-container .day-numbers>span.is-disabled-date:not(.today){color:var(--bcm-color-grey-4);cursor:not-allowed}.date-container .day-numbers>span.is-disabled-date:not(.today):before{opacity:0 !important}.date-container .day-numbers>span.today{color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.today:before{opacity:1;background-color:var(--bcm-color-prime-blue-2);border:1px solid var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.selected-start{background:linear-gradient(90deg, white 50%, #8abde2 50%) !important}.date-container .day-numbers>span.selected-end{background:linear-gradient(90deg, #8abde2 50%, white 50%) !important}.date-container .day-numbers>span.range{background:#8abde2}.date-container .day-numbers>span.range:not(.today){color:#ffffff}.date-container .day-numbers>span.range:not(.today):before{background-color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.range.is-weekend:not(.today){color:var(--bcm-color-prime-blue-2)}.date-container .day-numbers>span.selected,.date-container .day-numbers>span.selected-end{color:#ffffff}.date-container .day-numbers>span.selected:before,.date-container .day-numbers>span.selected-end:before{opacity:1;background-color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers.start-1>span:first-child{grid-column:1}.date-container .day-numbers.start-2>span:first-child{grid-column:2}.date-container .day-numbers.start-3>span:first-child{grid-column:3}.date-container .day-numbers.start-4>span:first-child{grid-column:4}.date-container .day-numbers.start-5>span:first-child{grid-column:5}.date-container .day-numbers.start-6>span:first-child{grid-column:6}.date-container .day-numbers.start-7>span:first-child{grid-column:7}.date-container .day-numbers>span:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--bcm-color-grey-4);opacity:0;box-sizing:border-box}.date-container .day-numbers>span:hover.not-this-month:not(.is-weekend){color:var(--bcm-color-grey-6)}.date-container .day-numbers>span:hover:before{opacity:1}.date-container .day-numbers .number{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.date-container .day-labels{padding:24px 40px 0 40px}.date-container .day-labels span{font-size:12px;color:var(--bcm-color-grey-6)}.date-container .day-labels span:nth-child(7n+6),.date-container .day-labels span:nth-child(7n+7){color:var(--bcm-color-prime-blue-3)}.years .items,.hours .items,.minutes .items,.time-period .items{position:relative;display:flex;flex-direction:column;z-index:0;transform:translateY(0);scroll-behavior:smooth}.years .items>span,.hours .items>span,.minutes .items>span,.time-period .items>span{text-align:center;font-size:12px;min-height:26px;max-height:26px;line-height:26px;color:var(--bcm-color-grey-8);user-select:none}.years:before,.years:after,.hours:before,.hours:after,.minutes:before,.minutes:after,.time-period:before,.time-period:after{content:\"\";position:absolute;left:0;width:100%;height:40px}.years:before,.hours:before,.minutes:before,.time-period:before{top:-40px;box-shadow:0 10px 100px 70px #ffffff;z-index:1}.years:after,.hours:after,.minutes:after,.time-period:after{bottom:-40px;box-shadow:0 -10px 100px 70px #ffffff;z-index:2}.select-strip{position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%);min-height:26px;max-height:26px;border:1px solid var(--bcm-color-grey-5);border-left:0;border-right:0;pointer-events:none;box-sizing:border-box}.bcm-label{font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:4px;font-weight:500;color:#475569}.bcm-label.tw-text-1{font-size:10px;line-height:18px}.bcm-label.tw-text-2{font-size:12px;line-height:20px}.bcm-label.tw-text-3{font-size:14px;line-height:22px}.bcm-caption-area{color:#dc2626;font-weight:400;justify-content:space-between;align-items:flex-start;flex-direction:row;min-height:20px;display:flex;margin-top:4px;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bcm-caption-area.tw-text-1{font-size:10px;line-height:18px}.bcm-caption-area.tw-text-2{font-size:12px;line-height:20px}.bcm-caption-area.tw-text-3{font-size:14px;line-height:22px}.picker-input-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:stretch}";
+const datetimePickerCss = "@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}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}:host{display:inline-flex;flex-direction:column;position:relative;width:100%;max-width:256px;margin:0;margin-bottom:8px}:host(.full-width){max-width:100%}:host(.no-margin){margin:0}:host(.hidden){display:none}:host(.linked-component){display:none}.toggle{cursor:pointer}.toggle.disabled{cursor:not-allowed}.modules{display:flex}.picker-label{user-select:none;line-height:1}.datetime-picker{position:absolute;top:-1000px;display:inline-flex;flex-direction:column;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);opacity:0;visibility:hidden;transition:transform 0.2s ease, opacity 0.3s ease;transform:scale(0.8) translateY(-100px);background-color:#ffffff;min-height:356px;max-height:356px;box-sizing:border-box;z-index:-1000}.datetime-picker.alignment-left{left:0}.datetime-picker.alignment-right{right:0}.datetime-picker.open{top:calc(100% - 28px);z-index:10000;opacity:1;visibility:visible;transform:scale(1) translateY(0)}.datetime-picker.open.no-caption{top:100%}.actions{display:flex;align-items:center;justify-content:space-between;padding:8px;margin-top:auto;border-top:1px solid var(--bcm-color-grey-6)}.actions .current-date{font-size:14px;line-height:22px;color:var(--bcm-color-prime-blue-6);text-transform:capitalize}.date-container+.time-container{border-left:1px solid #cecece}.time-container{width:185px}.time-container .bcm-datetime-picker__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-height:60px;border-bottom:1px solid var(--bcm-color-grey-4)}.time-container .bcm-datetime-picker__header .now{font-size:14px;line-height:22px;cursor:pointer;color:var(--bcm-color-prime-blue-6);user-select:none}.time-container .bcm-datetime-picker__content{position:relative;display:flex}.time-container .hours,.time-container .minutes,.time-container .time-period{position:relative;flex:1 1 100%;max-width:100%;height:280px;overflow:hidden}.time-container .hours .items>span,.time-container .minutes .items>span,.time-container .time-period .items>span{font-size:14px;color:var(--bcm-color-grey-8)}.time-container .hours .items>span.selected,.time-container .minutes .items>span.selected,.time-container .time-period .items>span.selected{color:var(--bcm-color-prime-blue-6)}.date-container{width:364px;}.date-container .bcm-datetime-picker__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-height:60px;border-bottom:1px solid var(--bcm-color-grey-4)}.date-container .bcm-datetime-picker__header .month-year-wrapper{display:flex;align-items:center;justify-content:center;margin:0 4px;min-width:125px}.date-container .bcm-datetime-picker__header .month-year{font-size:16px;line-height:24px}.date-container .bcm-datetime-picker__header .month-year{display:flex;align-items:center}.date-container .bcm-datetime-picker__header .month-year button{display:flex;align-items:center;box-shadow:none;background:transparent;outline:none;appearance:none;border:none;color:var(--bcm-color-prime-blue-6);cursor:pointer}.date-container .bcm-datetime-picker__header .month{text-transform:capitalize}.date-container .bcm-datetime-picker__header .year{padding-left:4px}.date-container .bcm-datetime-picker__header .today{font-size:14px;line-height:22px;cursor:pointer;color:var(--bcm-color-prime-blue-6);user-select:none}.date-container .bcm-datetime-picker__content{display:flex}.date-container .years{position:relative;flex:0 0 70px;max-width:70px;height:280px;overflow:hidden;background-color:var(--bcm-color-grey-2)}.date-container .days{width:100%}.date-container .day-numbers,.date-container .day-labels{display:grid;grid-template-columns:repeat(7, 1fr)}.date-container .day-numbers{padding:24px 24px}.date-container .day-numbers>span,.date-container .day-labels span{text-align:center}.date-container .day-numbers>span{position:relative;padding-bottom:100%;cursor:pointer}.date-container .day-numbers>span.not-this-month{color:var(--bcm-color-grey-4)}.date-container .day-numbers>span.is-weekend{color:var(--bcm-color-prime-blue-3)}.date-container .day-numbers>span.is-disabled-date:not(.today){color:var(--bcm-color-grey-4);cursor:not-allowed}.date-container .day-numbers>span.is-disabled-date:not(.today):before{opacity:0 !important}.date-container .day-numbers>span.today{color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.today:before{opacity:1;background-color:var(--bcm-color-prime-blue-2);border:1px solid var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.selected-start{background:linear-gradient(90deg, white 50%, #8abde2 50%) !important}.date-container .day-numbers>span.selected-end{background:linear-gradient(90deg, #8abde2 50%, white 50%) !important}.date-container .day-numbers>span.range{background:#8abde2}.date-container .day-numbers>span.range:not(.today){color:#ffffff}.date-container .day-numbers>span.range:not(.today):before{background-color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.range.is-weekend:not(.today){color:var(--bcm-color-prime-blue-2)}.date-container .day-numbers>span.selected,.date-container .day-numbers>span.selected-end{color:#ffffff}.date-container .day-numbers>span.selected:before,.date-container .day-numbers>span.selected-end:before{opacity:1;background-color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers.start-1>span:first-child{grid-column:1}.date-container .day-numbers.start-2>span:first-child{grid-column:2}.date-container .day-numbers.start-3>span:first-child{grid-column:3}.date-container .day-numbers.start-4>span:first-child{grid-column:4}.date-container .day-numbers.start-5>span:first-child{grid-column:5}.date-container .day-numbers.start-6>span:first-child{grid-column:6}.date-container .day-numbers.start-7>span:first-child{grid-column:7}.date-container .day-numbers>span:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--bcm-color-grey-4);opacity:0;box-sizing:border-box}.date-container .day-numbers>span:hover.not-this-month:not(.is-weekend){color:var(--bcm-color-grey-6)}.date-container .day-numbers>span:hover:before{opacity:1}.date-container .day-numbers .number{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.date-container .day-labels{padding:24px 40px 0 40px}.date-container .day-labels span{font-size:12px;color:var(--bcm-color-grey-6)}.date-container .day-labels span:nth-child(7n+6),.date-container .day-labels span:nth-child(7n+7){color:var(--bcm-color-prime-blue-3)}.years .items,.hours .items,.minutes .items,.time-period .items{position:relative;display:flex;flex-direction:column;z-index:0;transform:translateY(0);scroll-behavior:smooth}.years .items>span,.hours .items>span,.minutes .items>span,.time-period .items>span{text-align:center;font-size:12px;min-height:26px;max-height:26px;line-height:26px;color:var(--bcm-color-grey-8);user-select:none}.years:before,.years:after,.hours:before,.hours:after,.minutes:before,.minutes:after,.time-period:before,.time-period:after{content:\"\";position:absolute;left:0;width:100%;height:40px}.years:before,.hours:before,.minutes:before,.time-period:before{top:-40px;box-shadow:0 10px 100px 70px #ffffff;z-index:1}.years:after,.hours:after,.minutes:after,.time-period:after{bottom:-40px;box-shadow:0 -10px 100px 70px #ffffff;z-index:2}.select-strip{position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%);min-height:26px;max-height:26px;border:1px solid var(--bcm-color-grey-5);border-left:0;border-right:0;pointer-events:none;box-sizing:border-box}.bcm-label{font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:4px;font-weight:500;color:var(--bcm-ui-color-text-label)}.bcm-label.tw-text-size-3{font-size:var(--bcm-ui-font-size-3);line-height:var(--bcm-ui-line-height-3)}.bcm-label.tw-text-size-4{font-size:var(--bcm-ui-font-size-4);line-height:var(--bcm-ui-line-height-4)}.bcm-label.tw-text-size-5{font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-5)}.bcm-caption-area{color:var(--bcm-ui-color-text-caption);font-weight:400;justify-content:space-between;align-items:flex-start;flex-direction:row;min-height:20px;display:flex;margin-top:4px;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bcm-caption-area.tw-text-size-3{font-size:var(--bcm-ui-font-size-3);line-height:var(--bcm-ui-line-height-3)}.bcm-caption-area.tw-text-size-4{font-size:var(--bcm-ui-font-size-4);line-height:var(--bcm-ui-line-height-4)}.bcm-caption-area.tw-text-size-5{font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-5)}.picker-input-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:stretch}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/bcm-default.cjs.entry.js

@@ -6,9 +6,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
-const generate = require('./generate-920aff8f.js');
-require('./package-fc8c9633.js');
+const index = require('./index-bb6ac306.js');
+const generate = require('./generate-eda14f12.js');
+require('./package-f644e6eb.js');
 require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');