bromcom-ui 2.10.1-rc.0 → 2.10.1-rc.2

package/dist/collection/components/molecules/search/search.css

@@ -1,7 +1,5 @@
 @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");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
 .size-1 {
   font-size: 12px;
   line-height: 20px;
@@ -125,93 +123,6 @@
   margin-right: 8px;
 }
 
-* {
-  box-sizing: border-box;
-}
-
-.bcm-caption-area {
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  color: var(--bcm-new-ds-color-slate-400);
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: space-between;
-  flex-wrap: nowrap;
-  margin-top: 2px;
-}
-.bcm-caption-area__text {
-  color: var(--bcm-new-ds-color-slate-400);
-}
-.bcm-caption-area__text.default {
-  color: var(--bcm-new-ds-color-slate-400);
-}
-.bcm-caption-area__text.info {
-  color: var(--bcm-new-ds-color-blue-500);
-}
-.bcm-caption-area__text.success {
-  color: var(--bcm-new-ds-color-emerald-500);
-}
-.bcm-caption-area__text.warning {
-  color: var(--bcm-new-ds-color-amber-500);
-}
-.bcm-caption-area__text.error {
-  color: var(--bcm-new-ds-color-red-500);
-}
-.bcm-caption-area__size-small {
-  font-size: 10px;
-  line-height: calc(10px + 8px);
-  min-height: calc(10px + 8px);
-}
-.bcm-caption-area__size-medium {
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  min-height: calc(12px + 8px);
-}
-.bcm-caption-area__size-large {
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  min-height: calc(14px + 8px);
-}
-
-* {
-  box-sizing: border-box;
-}
-
-.bcm-label {
-  display: inline-flex;
-  align-items: flex-start;
-  grid-gap: 2px;
-}
-.bcm-label__text {
-  margin-bottom: 2px;
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  display: inline-block;
-  color: var(--bcm-new-ds-color-slate-600);
-}
-.bcm-label__size-small {
-  font-size: 10px;
-  line-height: calc(10px + 8px);
-  min-height: calc(10px + 8px);
-}
-.bcm-label__size-medium {
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  min-height: calc(12px + 8px);
-}
-.bcm-label__size-large {
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  min-height: calc(14px + 8px);
-}
-
 .bcm-input[no-margin] {
   margin: 0;
 }

package/dist/collection/components/molecules/switch/switch.css

@@ -1,7 +1,5 @@
 @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");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
 .size-1 {
   font-size: 12px;
   line-height: 20px;
@@ -125,93 +123,6 @@
   margin-right: 8px;
 }
 
-* {
-  box-sizing: border-box;
-}
-
-.bcm-caption-area {
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  color: var(--bcm-new-ds-color-slate-400);
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: space-between;
-  flex-wrap: nowrap;
-  margin-top: 2px;
-}
-.bcm-caption-area__text {
-  color: var(--bcm-new-ds-color-slate-400);
-}
-.bcm-caption-area__text.default {
-  color: var(--bcm-new-ds-color-slate-400);
-}
-.bcm-caption-area__text.info {
-  color: var(--bcm-new-ds-color-blue-500);
-}
-.bcm-caption-area__text.success {
-  color: var(--bcm-new-ds-color-emerald-500);
-}
-.bcm-caption-area__text.warning {
-  color: var(--bcm-new-ds-color-amber-500);
-}
-.bcm-caption-area__text.error {
-  color: var(--bcm-new-ds-color-red-500);
-}
-.bcm-caption-area__size-small {
-  font-size: 10px;
-  line-height: calc(10px + 8px);
-  min-height: calc(10px + 8px);
-}
-.bcm-caption-area__size-medium {
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  min-height: calc(12px + 8px);
-}
-.bcm-caption-area__size-large {
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  min-height: calc(14px + 8px);
-}
-
-* {
-  box-sizing: border-box;
-}
-
-.bcm-label {
-  display: inline-flex;
-  align-items: flex-start;
-  grid-gap: 2px;
-}
-.bcm-label__text {
-  margin-bottom: 2px;
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  display: inline-block;
-  color: var(--bcm-new-ds-color-slate-600);
-}
-.bcm-label__size-small {
-  font-size: 10px;
-  line-height: calc(10px + 8px);
-  min-height: calc(10px + 8px);
-}
-.bcm-label__size-medium {
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  min-height: calc(12px + 8px);
-}
-.bcm-label__size-large {
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  min-height: calc(14px + 8px);
-}
-
 .bcm-input[no-margin] {
   margin: 0;
 }

package/dist/collection/components/molecules/textarea/textarea.css

@@ -1,7 +1,5 @@
 @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");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
 .size-1 {
   font-size: 12px;
   line-height: 20px;
@@ -125,93 +123,6 @@
   margin-right: 8px;
 }
 
-* {
-  box-sizing: border-box;
-}
-
-.bcm-caption-area {
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  color: var(--bcm-new-ds-color-slate-400);
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: space-between;
-  flex-wrap: nowrap;
-  margin-top: 2px;
-}
-.bcm-caption-area__text {
-  color: var(--bcm-new-ds-color-slate-400);
-}
-.bcm-caption-area__text.default {
-  color: var(--bcm-new-ds-color-slate-400);
-}
-.bcm-caption-area__text.info {
-  color: var(--bcm-new-ds-color-blue-500);
-}
-.bcm-caption-area__text.success {
-  color: var(--bcm-new-ds-color-emerald-500);
-}
-.bcm-caption-area__text.warning {
-  color: var(--bcm-new-ds-color-amber-500);
-}
-.bcm-caption-area__text.error {
-  color: var(--bcm-new-ds-color-red-500);
-}
-.bcm-caption-area__size-small {
-  font-size: 10px;
-  line-height: calc(10px + 8px);
-  min-height: calc(10px + 8px);
-}
-.bcm-caption-area__size-medium {
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  min-height: calc(12px + 8px);
-}
-.bcm-caption-area__size-large {
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  min-height: calc(14px + 8px);
-}
-
-* {
-  box-sizing: border-box;
-}
-
-.bcm-label {
-  display: inline-flex;
-  align-items: flex-start;
-  grid-gap: 2px;
-}
-.bcm-label__text {
-  margin-bottom: 2px;
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  display: inline-block;
-  color: var(--bcm-new-ds-color-slate-600);
-}
-.bcm-label__size-small {
-  font-size: 10px;
-  line-height: calc(10px + 8px);
-  min-height: calc(10px + 8px);
-}
-.bcm-label__size-medium {
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  min-height: calc(12px + 8px);
-}
-.bcm-label__size-large {
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  min-height: calc(14px + 8px);
-}
-
 .bcm-input[no-margin] {
   margin: 0;
 }

package/dist/collection/components/organism/datetime-picker/datetime-picker.css

@@ -1,7 +1,5 @@
 @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");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
 .size-1 {
   font-size: 12px;
   line-height: 20px;
@@ -125,93 +123,6 @@
   margin-right: 8px;
 }
 
-* {
-  box-sizing: border-box;
-}
-
-.bcm-caption-area {
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  color: var(--bcm-new-ds-color-slate-400);
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: space-between;
-  flex-wrap: nowrap;
-  margin-top: 2px;
-}
-.bcm-caption-area__text {
-  color: var(--bcm-new-ds-color-slate-400);
-}
-.bcm-caption-area__text.default {
-  color: var(--bcm-new-ds-color-slate-400);
-}
-.bcm-caption-area__text.info {
-  color: var(--bcm-new-ds-color-blue-500);
-}
-.bcm-caption-area__text.success {
-  color: var(--bcm-new-ds-color-emerald-500);
-}
-.bcm-caption-area__text.warning {
-  color: var(--bcm-new-ds-color-amber-500);
-}
-.bcm-caption-area__text.error {
-  color: var(--bcm-new-ds-color-red-500);
-}
-.bcm-caption-area__size-small {
-  font-size: 10px;
-  line-height: calc(10px + 8px);
-  min-height: calc(10px + 8px);
-}
-.bcm-caption-area__size-medium {
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  min-height: calc(12px + 8px);
-}
-.bcm-caption-area__size-large {
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  min-height: calc(14px + 8px);
-}
-
-* {
-  box-sizing: border-box;
-}
-
-.bcm-label {
-  display: inline-flex;
-  align-items: flex-start;
-  grid-gap: 2px;
-}
-.bcm-label__text {
-  margin-bottom: 2px;
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  display: inline-block;
-  color: var(--bcm-new-ds-color-slate-600);
-}
-.bcm-label__size-small {
-  font-size: 10px;
-  line-height: calc(10px + 8px);
-  min-height: calc(10px + 8px);
-}
-.bcm-label__size-medium {
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  min-height: calc(12px + 8px);
-}
-.bcm-label__size-large {
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  min-height: calc(14px + 8px);
-}
-
 .bcm-input[no-margin] {
   margin: 0;
 }

package/dist/collection/components/organism/list/list.css

@@ -1,8 +1,6 @@
 @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");
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
 .size-1 {
   font-size: 12px;
   line-height: 20px;
@@ -126,93 +124,6 @@
   margin-right: 8px;
 }
 
-* {
-  box-sizing: border-box;
-}
-
-.bcm-caption-area {
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  color: var(--bcm-new-ds-color-slate-400);
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: space-between;
-  flex-wrap: nowrap;
-  margin-top: 2px;
-}
-.bcm-caption-area__text {
-  color: var(--bcm-new-ds-color-slate-400);
-}
-.bcm-caption-area__text.default {
-  color: var(--bcm-new-ds-color-slate-400);
-}
-.bcm-caption-area__text.info {
-  color: var(--bcm-new-ds-color-blue-500);
-}
-.bcm-caption-area__text.success {
-  color: var(--bcm-new-ds-color-emerald-500);
-}
-.bcm-caption-area__text.warning {
-  color: var(--bcm-new-ds-color-amber-500);
-}
-.bcm-caption-area__text.error {
-  color: var(--bcm-new-ds-color-red-500);
-}
-.bcm-caption-area__size-small {
-  font-size: 10px;
-  line-height: calc(10px + 8px);
-  min-height: calc(10px + 8px);
-}
-.bcm-caption-area__size-medium {
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  min-height: calc(12px + 8px);
-}
-.bcm-caption-area__size-large {
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  min-height: calc(14px + 8px);
-}
-
-* {
-  box-sizing: border-box;
-}
-
-.bcm-label {
-  display: inline-flex;
-  align-items: flex-start;
-  grid-gap: 2px;
-}
-.bcm-label__text {
-  margin-bottom: 2px;
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  display: inline-block;
-  color: var(--bcm-new-ds-color-slate-600);
-}
-.bcm-label__size-small {
-  font-size: 10px;
-  line-height: calc(10px + 8px);
-  min-height: calc(10px + 8px);
-}
-.bcm-label__size-medium {
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  min-height: calc(12px + 8px);
-}
-.bcm-label__size-large {
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  min-height: calc(14px + 8px);
-}
-
 .bcm-input[no-margin] {
   margin: 0;
 }

package/dist/collection/components/organism/list/list.js

@@ -27,6 +27,7 @@ export class BcmList {
     this.debounce = null;
     this.debounceHandler = Generate.debounceInput(() => this.listenResize(), 300, false);
     this._id = Generate.UID();
+    this.tempId = Generate.UID();
     this.type = Bcm.ListType.listbox;
     this.treeview = false;
     this.checkboxes = false;
@@ -145,12 +146,12 @@ export class BcmList {
   }
   async componentDidLoad() {
     await this.initState();
-    if (this.type == "select" || this.type == "autocomplete" || this.linkedComponent) {
-      const list = this.el.querySelector(`#bcm-list-${this._id}`);
-      if (list) {
-        document.body.appendChild(list);
-      }
-    }
+    // if (this.type == "select" || this.type == "autocomplete" || this.linkedComponent) {
+    //     const list = this.el.querySelector(`#bcm-list-${this._id}`);
+    //     if (list) {
+    //         document.body.appendChild(list); 
+    //     }
+    // }
   }
   disconnectedCallback() {
     this.isOpen = false;
@@ -200,6 +201,14 @@ export class BcmList {
   }
   async handleOpen() {
     if (this.isOpen) {
+      this.detectClone();
+      if (this.type == "select" || this.type == "autocomplete" || this.linkedComponent) {
+        const list = this.el.querySelector(`#bcm-list-${this._id}`);
+        if (list) {
+          const bcmOverlayContainer = document.querySelector("#bcm-overlay-container");
+          bcmOverlayContainer.appendChild(list);
+        }
+      }
       this.open.emit();
       this.calculateLocation();
       this.onSelectSearch();
@@ -489,6 +498,18 @@ export class BcmList {
     await delay(10);
     return Promise.resolve();
   }
+  detectClone() {
+    const list = document.querySelectorAll(`#bcm-list-${this._id}`);
+    if (list.length > 0) {
+      list.forEach((item) => {
+        const tempid = item.getAttribute("temp-id");
+        if (tempid !== `bcm-list-${this.tempId}`) {
+          console.warn(`[bcm-list] - Detected duplicate temp-id="${tempid}"`);
+          item.remove();
+        }
+      });
+    }
+  }
   async show() {
     this.isOpen = true;
     return Promise.resolve();
@@ -759,7 +780,7 @@ export class BcmList {
         "--min-height": openedType ? "inherit" : this.minHeight,
       } }, h("div", { id: `bcm-list-label-${this._id}`, class: "bcm-list__label" }, label && (h("div", null, h("bcm-label", { tooltip: this.tooltip, size: this.size, type: this.captionType, value: label, required: required, htmlFor: this._id })))), this.type == "select" && (h("div", { id: `bcm-list-input-${this._id}`, class: bcmListInput }, h("span", { class: cs("bcm-list__input-container", { "type-single": !checkboxes, "value-empty": !this.value }) }, this.checkboxes ? (this.value && this.value.length > 0 ? (h("bcm-rc-overflow", { data: this.tagData, maxCount: this.tagCount })) : (h("span", { class: "bcm-list__input-placeholder" }, this.placeholder))) : this.value ? (this.inputText) : (h("span", { class: "bcm-list__input-placeholder" }, this.placeholder))), h("span", { class: cs("bcm-list__input-buttons", {
         disabled: disabled,
-      }) }, this.clearable && this.value && (h("div", { class: "bcm-list__input-buttons-button" }, h("bcm-icon", { icon: "fal fa-times", onClick: e => !disabled && this.setClear(e) }))), h("div", { class: `bcm-list__input-buttons-button caret-is ${this.isOpen && this.calculatedViewport && "caret-is-open"}` }, h("bcm-icon", { icon: `far fa-angle-down` }))))), this.type === "autocomplete" && (h("div", { id: `bcm-list-input-${this._id}`, class: cs(bcmListInput, { "bcm-list__input-autocomplete": this.type == "autocomplete" }) }, h("span", { class: "bcm-list__input-container", id: `bcm-list-input-tag-container-${this._id}` }, this.checkboxes && h("span", { class: "bcm-list__input-tag-container", id: `bcm-list-input-tag-container-${this._id}-autocomplete` }), h("bcm-search", { id: `bcm-list-input-tag-container-${this._id}-autocomplete-input`, class: "bcm-list__autocomplete", data: this.data, clearable: true, "full-width": true, "no-caption": true, placeholder: this.placeholder })))), h(ListTemplate, { highlight: this.highlightText, searchable: this.type == "autocomplete" ? false : searchable, bcmListContainer: bcmListContainer, checkboxes: checkboxes, treeview: treeview, infoFooter: this.infoFooter, value: this.value, totalData: this.totalData, searchFound: this.searchFound, variableText: this.variableText, searchPlaceholder: this.searchPlaceholder, minSearchLength: this.minSearchLength, searchIsOnlyChilds: this.searchIsOnlyChilds, _id: this._id, checkAll: this.checkAll, data: this.getItems(), width: this.width, height: this.height, size: this.size, selectAllItem: this.selectAllItem, onScrollEvent: e => this.dataScrollEvent(e), items: this.getLimitedItems(this.searchGetParents), selectedItem: itemId => this.selectedItem(itemId), checkedItem: itemId => this.checkedItem(itemId), openGroup: parentId => this.openGroup(parentId), focusItem: itemId => this.focusItem(itemId), emptyText: this.emptyText, emptyIcon: this.emptyIcon, handleTransitionEnd: e => this.handleTransitionEnd(e) }), h(CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
+      }) }, this.clearable && this.value && (h("div", { class: "bcm-list__input-buttons-button" }, h("bcm-icon", { icon: "fal fa-times", onClick: e => !disabled && this.setClear(e) }))), h("div", { class: `bcm-list__input-buttons-button caret-is ${this.isOpen && this.calculatedViewport && "caret-is-open"}` }, h("bcm-icon", { icon: `far fa-angle-down` }))))), this.type === "autocomplete" && (h("div", { id: `bcm-list-input-${this._id}`, class: cs(bcmListInput, { "bcm-list__input-autocomplete": this.type == "autocomplete" }) }, h("span", { class: "bcm-list__input-container", id: `bcm-list-input-tag-container-${this._id}` }, this.checkboxes && h("span", { class: "bcm-list__input-tag-container", id: `bcm-list-input-tag-container-${this._id}-autocomplete` }), h("bcm-search", { id: `bcm-list-input-tag-container-${this._id}-autocomplete-input`, class: "bcm-list__autocomplete", data: this.data, clearable: true, "full-width": true, "no-caption": true, placeholder: this.placeholder })))), h(ListTemplate, { highlight: this.highlightText, searchable: this.type == "autocomplete" ? false : searchable, bcmListContainer: bcmListContainer, checkboxes: checkboxes, treeview: treeview, infoFooter: this.infoFooter, value: this.value, totalData: this.totalData, searchFound: this.searchFound, variableText: this.variableText, searchPlaceholder: this.searchPlaceholder, minSearchLength: this.minSearchLength, searchIsOnlyChilds: this.searchIsOnlyChilds, _id: this._id, tempId: this.tempId, checkAll: this.checkAll, data: this.getItems(), width: this.width, height: this.height, size: this.size, selectAllItem: this.selectAllItem, onScrollEvent: e => this.dataScrollEvent(e), items: this.getLimitedItems(this.searchGetParents), selectedItem: itemId => this.selectedItem(itemId), checkedItem: itemId => this.checkedItem(itemId), openGroup: parentId => this.openGroup(parentId), focusItem: itemId => this.focusItem(itemId), emptyText: this.emptyText, emptyIcon: this.emptyIcon, handleTransitionEnd: e => this.handleTransitionEnd(e) }), h(CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
   }
   static get is() { return "bcm-list"; }
   static get originalStyleUrls() {
@@ -792,6 +813,24 @@ export class BcmList {
         "reflect": true,
         "defaultValue": "Generate.UID()"
       },
+      "tempId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "temp-id",
+        "reflect": true,
+        "defaultValue": "Generate.UID()"
+      },
       "type": {
         "type": "string",
         "mutable": true,

package/dist/collection/components/other_deprecated/old-input/old-input.css

@@ -1,7 +1,5 @@
 @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");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
 .size-1 {
   font-size: 12px;
   line-height: 20px;
@@ -125,93 +123,6 @@
   margin-right: 8px;
 }
 
-* {
-  box-sizing: border-box;
-}
-
-.bcm-caption-area {
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  color: var(--bcm-new-ds-color-slate-400);
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: space-between;
-  flex-wrap: nowrap;
-  margin-top: 2px;
-}
-.bcm-caption-area__text {
-  color: var(--bcm-new-ds-color-slate-400);
-}
-.bcm-caption-area__text.default {
-  color: var(--bcm-new-ds-color-slate-400);
-}
-.bcm-caption-area__text.info {
-  color: var(--bcm-new-ds-color-blue-500);
-}
-.bcm-caption-area__text.success {
-  color: var(--bcm-new-ds-color-emerald-500);
-}
-.bcm-caption-area__text.warning {
-  color: var(--bcm-new-ds-color-amber-500);
-}
-.bcm-caption-area__text.error {
-  color: var(--bcm-new-ds-color-red-500);
-}
-.bcm-caption-area__size-small {
-  font-size: 10px;
-  line-height: calc(10px + 8px);
-  min-height: calc(10px + 8px);
-}
-.bcm-caption-area__size-medium {
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  min-height: calc(12px + 8px);
-}
-.bcm-caption-area__size-large {
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  min-height: calc(14px + 8px);
-}
-
-* {
-  box-sizing: border-box;
-}
-
-.bcm-label {
-  display: inline-flex;
-  align-items: flex-start;
-  grid-gap: 2px;
-}
-.bcm-label__text {
-  margin-bottom: 2px;
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  display: inline-block;
-  color: var(--bcm-new-ds-color-slate-600);
-}
-.bcm-label__size-small {
-  font-size: 10px;
-  line-height: calc(10px + 8px);
-  min-height: calc(10px + 8px);
-}
-.bcm-label__size-medium {
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  min-height: calc(12px + 8px);
-}
-.bcm-label__size-large {
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  min-height: calc(14px + 8px);
-}
-
 .bcm-input[no-margin] {
   margin: 0;
 }