npm - bromcom-ui - Versions diffs - 2.7.38-rc.5 → 2.7.38-rc.7 - Mend

bromcom-ui 2.7.38-rc.5 → 2.7.38-rc.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (436) hide show

package/dist/collection/components/molecules/skeleton/skeleton.js CHANGED Viewed

@@ -12,9 +12,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
         r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { h } from '@stencil/core';
-import { IsLoad } from '../../../decorators/is-load-decorator';
-import { Generate } from '../../../helper/generate';
+import { h } from "@stencil/core";
+import { IsLoad } from "../../../decorators/is-load-decorator";
+import { Generate } from "../../../helper/generate";
 export class BcmSkeleton {
   constructor() {
     this._id = Generate.UID();
@@ -24,9 +24,9 @@ export class BcmSkeleton {
     var _a;
     const parentElement = (_a = this.el) === null || _a === void 0 ? void 0 : _a.parentElement;
     if (parentElement) {
-      const hidden = document.createElement('span');
-      hidden.setAttribute('id', `${this._id}-span`);
-      hidden.classList.add('tw-hidden');
+      const hidden = document.createElement("span");
+      hidden.setAttribute("id", `${this._id}-span`);
+      hidden.classList.add("tw-hidden");
       hidden.innerHTML = `<slot />`;
       parentElement.appendChild(hidden);
       if (parentElement.isConnected) {
@@ -37,9 +37,9 @@ export class BcmSkeleton {
   }
   render() {
     const SkeletonAnimate = () => {
-      return (h("div", { class: "tw-border tw-border-blue-300 tw-shadow tw-rounded-md tw-p-4 tw-max-w-sm tw-w-full tw-mx-auto" }, h("span", { class: "tw-hidden" }, h("slot", null)), h("div", { class: "tw-animate-pulse tw-flex tw-space-x-4" }, h("div", { class: "tw-rounded-full tw-bg-slate-200 tw-h-10 tw-w-10" }), h("div", { class: "tw-flex-1 tw-space-y-6 tw-py-1" }, h("div", { class: "tw-h-2 tw-bg-slate-200 tw-rounded" }), h("div", { class: "tw-space-y-3" }, h("div", { class: "tw-grid tw-grid-cols-3 tw-gap-4" }, h("div", { class: "tw-h-2 tw-bg-slate-200 tw-rounded tw-col-span-2" }), h("div", { class: "tw-h-2 tw-bg-slate-200 tw-rounded tw-col-span-1" })), h("div", { class: "tw-h-2 tw-bg-slate-200 tw-rounded" }))))));
+      return (h("div", { class: "tw-mx-auto tw-w-full tw-max-w-sm tw-rounded-md tw-border tw-border-blue-300 tw-p-4 tw-shadow" }, h("span", { class: "tw-hidden" }, h("slot", null)), h("div", { class: "tw-flex tw-animate-pulse tw-space-x-4" }, h("div", { class: "tw-h-10 tw-w-10 tw-rounded-full tw-bg-slate-200" }), h("div", { class: "tw-flex-1 tw-space-y-6 tw-py-1" }, h("div", { class: "tw-h-2 tw-rounded tw-bg-slate-200" }), h("div", { class: "tw-space-y-3" }, h("div", { class: "tw-grid tw-grid-cols-3 tw-gap-4" }, h("div", { class: "tw-col-span-2 tw-h-2 tw-rounded tw-bg-slate-200" }), h("div", { class: "tw-col-span-1 tw-h-2 tw-rounded tw-bg-slate-200" })), h("div", { class: "tw-h-2 tw-rounded tw-bg-slate-200" }))))));
     };
-    return (this.loading ? h(SkeletonAnimate, null) : h("slot", null));
+    return this.loading ? h(SkeletonAnimate, null) : h("slot", null);
   }
   static get is() { return "bcm-skeleton"; }
   static get properties() {

package/dist/collection/components/molecules/stepper/stepper.css CHANGED Viewed

@@ -123,7 +123,9 @@
   margin-right: 8px;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;
@@ -429,7 +431,8 @@
   border: 2px solid var(--bcm-color-prime-blue-6);
   border-color: transparent;
   position: absolute;
-  z-index: -1;
+  z-index: 0;
+  user-select: none;
   top: -6px;
   left: -6px;
 }

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

@@ -125,7 +125,9 @@
   margin-right: 8px;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;
@@ -428,7 +430,9 @@
   min-height: calc(14px + 8px);
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;
@@ -776,7 +780,9 @@
   margin: 0;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;

package/dist/collection/components/molecules/tab-group/tab-group.js CHANGED Viewed

@@ -12,12 +12,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
         r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Host, h, forceUpdate } from '@stencil/core';
-import { IsLoad } from '../../../decorators/is-load-decorator';
-import { Generate } from '../../../helper/generate';
-import cs from 'classnames';
-import Bcm from '../../../models/bcm';
-import snq from 'snq';
+import { Host, h, forceUpdate } from "@stencil/core";
+import { IsLoad } from "../../../decorators/is-load-decorator";
+import { Generate } from "../../../helper/generate";
+import cs from "classnames";
+import Bcm from "../../../models/bcm";
+import snq from "snq";
 export class BcmTabGroup {
   constructor() {
     this.headerItems = [];
@@ -31,50 +31,50 @@ export class BcmTabGroup {
     if ((_a = this.tabItems()) === null || _a === void 0 ? void 0 : _a.length) {
       this.headerItems = [];
       this.tabItems().forEach((tab, index) => {
-        let itemActive = tab.hasAttribute('active') ? true : false;
-        let itemDisabled = tab.hasAttribute('disabled') ? true : false;
+        let itemActive = tab.hasAttribute("active") ? true : false;
+        let itemDisabled = tab.hasAttribute("disabled") ? true : false;
         let itemIndex = index + 1;
-        tab.setAttribute('index', `${itemIndex}`);
-        tab.classList.add('tw-w-full');
+        tab.setAttribute("index", `${itemIndex}`);
+        tab.classList.add("tw-w-full");
         let header = {
-          slot: 'header',
-          content: '',
+          slot: "header",
+          content: "",
           active: itemActive,
           disabled: itemDisabled,
-          index: itemIndex
+          index: itemIndex,
         };
-        const headerItemHeader = tab.querySelector('bcm-tab-item-header');
+        const headerItemHeader = tab.querySelector("bcm-tab-item-header");
         if (headerItemHeader) {
           header.content = headerItemHeader.innerHTML;
-          headerItemHeader.classList.add('tw-hidden');
+          headerItemHeader.classList.add("tw-hidden");
         }
         else {
-          header.content = tab.getAttribute('label') || `Tab ${itemIndex}`;
+          header.content = tab.getAttribute("label") || `Tab ${itemIndex}`;
         }
         if (itemActive) {
-          tab.setAttribute('active', '');
-          tab.classList.add('tw-block');
-          tab.classList.remove('tw-hidden');
+          tab.setAttribute("active", "");
+          tab.classList.add("tw-block");
+          tab.classList.remove("tw-hidden");
           this.active = itemIndex.toString();
         }
         else {
-          tab.removeAttribute('active');
-          tab.classList.remove('tw-block');
-          tab.classList.add('tw-hidden');
+          tab.removeAttribute("active");
+          tab.classList.remove("tw-block");
+          tab.classList.add("tw-hidden");
         }
         this.headerItems.push(header);
       });
       const isHasActiveTab = this.headerItems.some(tab => tab.active);
       if (!isHasActiveTab) {
         this.headerItems[0].active = true;
-        this.tabItems()[0].setAttribute('active', '');
-        this.tabItems()[0].classList.add('tw-block');
-        this.tabItems()[0].classList.remove('tw-hidden');
+        this.tabItems()[0].setAttribute("active", "");
+        this.tabItems()[0].classList.add("tw-block");
+        this.tabItems()[0].classList.remove("tw-hidden");
       }
     }
   }
   tabItems() {
-    return snq(() => this.el.querySelectorAll('bcm-tab-item'), []);
+    return snq(() => this.el.querySelectorAll("bcm-tab-item"), []);
   }
   handleTabClick(index) {
     this.headerItems.forEach(tab => {
@@ -82,19 +82,19 @@ export class BcmTabGroup {
     });
     this.headerItems[index - 1].active = true;
     this.active = index.toString();
-    const tabItems = this.el.querySelectorAll('bcm-tab-item');
+    const tabItems = this.el.querySelectorAll("bcm-tab-item");
     if (tabItems) {
       tabItems.forEach(tab => {
-        const tabIndex = tab.getAttribute('index');
+        const tabIndex = tab.getAttribute("index");
         if (tabIndex == this.active) {
-          tab.setAttribute('active', '');
-          tab.classList.add('tw-block');
-          tab.classList.remove('tw-hidden');
+          tab.setAttribute("active", "");
+          tab.classList.add("tw-block");
+          tab.classList.remove("tw-hidden");
         }
         else {
-          tab.removeAttribute('active');
-          tab.classList.remove('tw-block');
-          tab.classList.add('tw-hidden');
+          tab.removeAttribute("active");
+          tab.classList.remove("tw-block");
+          tab.classList.add("tw-hidden");
         }
       });
     }
@@ -111,14 +111,14 @@ export class BcmTabGroup {
     }
   }
   inkBarControl() {
-    const inkBar = this.el.querySelector('#ink-bar');
+    const inkBar = this.el.querySelector("#ink-bar");
     if (inkBar) {
-      const tabHeaderItems = this.el.querySelectorAll('bcm-tab-item-header');
+      const tabHeaderItems = this.el.querySelectorAll("bcm-tab-item-header");
       if (tabHeaderItems) {
         tabHeaderItems.forEach((tab) => {
-          const tabIndex = tab.getAttribute('index');
+          const tabIndex = tab.getAttribute("index");
           if (tabIndex == this.active) {
-            inkBar.style.width = tab.offsetWidth + 'px';
+            inkBar.style.width = tab.offsetWidth + "px";
             // inkBar.style.top = tab.offsetHeight + 'px';
             inkBar.style.transform = `translateX(${tab.offsetLeft}px)`;
           }
@@ -131,30 +131,30 @@ export class BcmTabGroup {
     let fontSize, padding, gap;
     switch (size) {
       case Bcm.Size.small:
-        fontSize = '2';
-        padding = '1';
-        gap = '2';
+        fontSize = "2";
+        padding = "1";
+        gap = "2";
         break;
       case Bcm.Size.medium:
-        fontSize = '3';
-        padding = '2';
-        gap = '3';
+        fontSize = "3";
+        padding = "2";
+        gap = "3";
         break;
       case Bcm.Size.large:
-        fontSize = '4';
-        padding = '3';
-        gap = '4';
+        fontSize = "4";
+        padding = "3";
+        gap = "4";
         break;
       default:
-        fontSize = '3';
-        padding = '2';
-        gap = '3';
+        fontSize = "3";
+        padding = "2";
+        gap = "3";
         break;
     }
     const disabledClass = "tw-cursor-not-allowed tw-text-gray-400 tw-opacity-50";
-    return (h(Host, { class: "tw-font-sans tw-w-full tw-flex tw-flex-col tw-items-center" }, h("div", { class: `tw-w-full tw-flex tw-flex-row tw-items-end tw-justify-between tw-mb-${padding} tw-relative` }, this.headerItems.map(item => (h("bcm-tab-item-header", { tabIndex: "1", class: cs(`tw-text-${fontSize} tw-py-${padding} tw-transition-all tw-flex-1 tw-flex tw-items-center tw-justify-center tw-border-b-[2px]  tw-border-b-slate-300 tw-gap-${gap} tw-focus:outline-none`, item.disabled ? disabledClass : 'tw-cursor-pointer', item.active
+    return (h(Host, { class: "tw-flex tw-w-full tw-flex-col tw-items-center tw-font-sans" }, h("div", { class: `tw-flex tw-w-full tw-flex-row tw-items-end tw-justify-between tw-mb-${padding} tw-relative` }, this.headerItems.map(item => (h("bcm-tab-item-header", { tabIndex: "1", class: cs(`tw-text-${fontSize} tw-py-${padding} tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-b-[2px] tw-border-b-slate-300  tw-transition-all tw-gap-${gap} tw-focus:outline-none`, item.disabled ? disabledClass : "tw-cursor-pointer", item.active
         ? `tw-text-${color}-500 enabled:hover:tw-text-${color}-600 enabled:active:tw-text-${color}-700 enabled:focus-visible:tw-text-${color}-800`
-        : "tw-text-slate-400 enabled:hover:tw-text-slate-500 enabled:active:tw-text-slate-600 enabled:focus-visible:tw-text-slate-700"), active: item.active, disabled: item.disabled, index: item.index, innerHTML: item.content, onClick: () => !item.disabled && this.handleTabClick(item.index) }))), h("div", { id: "ink-bar", class: `tw-bg-${color}-500 tw-h-[2px] tw-rounded-sm tw-mt-[-2px] tw-absolute tw-bottom-0 tw-left-0 tw-transition-transform` })), h("slot", null)));
+        : "tw-text-slate-400 enabled:hover:tw-text-slate-500 enabled:focus-visible:tw-text-slate-700 enabled:active:tw-text-slate-600"), active: item.active, disabled: item.disabled, index: item.index, innerHTML: item.content, onClick: () => !item.disabled && this.handleTabClick(item.index) }))), h("div", { id: "ink-bar", class: `tw-bg-${color}-500 tw-absolute tw-bottom-0 tw-left-0 tw-mt-[-2px] tw-h-[2px] tw-rounded-sm tw-transition-transform` })), h("slot", null)));
   }
   static get is() { return "bcm-tab-group"; }
   static get properties() {

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

@@ -125,7 +125,9 @@
   margin-right: 8px;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;
@@ -428,7 +430,9 @@
   min-height: calc(14px + 8px);
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;
@@ -776,7 +780,9 @@
   margin: 0;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;
@@ -1165,6 +1171,7 @@
 }
 .bcm-input__container .input-suffix:not(:empty) {
   min-width: 24px;
+  padding-right: 4px;
 }
 .bcm-input__container .input-prefix:not(:empty),
 .bcm-input__container .input-suffix:not(:empty) {
@@ -1172,11 +1179,11 @@
   align-items: center;
   justify-content: center;
   cursor: default;
-  color: var(--bcm-color-grey-8);
+  color: #64748a;
 }
 .bcm-input__container .input-prefix:not(:empty) .unit-prefix,
 .bcm-input__container .input-suffix:not(:empty) .unit-prefix {
-  color: var(--bcm-color-grey-8);
+  color: #64748a;
 }
 .bcm-input__container .input-prefix-button:not(:empty),
 .bcm-input__container .input-suffix-button:not(:empty) {

package/dist/collection/components/molecules/tooltip/tooltip.js CHANGED Viewed

@@ -12,24 +12,26 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
         r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { IsLoad } from '@bcm/decorator';
-import { Generate, Tooltip } from '@bcm/helpers';
-import { Bcm } from '@bcm/model';
-import { Host, h } from '@stencil/core';
+import { IsLoad } from "@bcm/decorator";
+import { Generate, Tooltip } from "@bcm/helpers";
+import { Bcm } from "@bcm/model";
+import { Host, h } from "@stencil/core";
 export class BcmTooltip {
   constructor() {
     this._id = Generate.UID();
-    this.message = '';
+    this.message = "";
     this.placement = Bcm.Placement.top;
     this.trigger = Bcm.TriggerType.click;
     this.open = false;
-    this.color = 'slate';
+    this.color = "slate";
+    this.size = Bcm.Size.medium;
     this.tooltip = new Tooltip({
       targetId: this._id,
       message: this.message,
       placement: this.placement,
       color: this.color,
       trigger: this.trigger,
+      size: this.size,
     });
   }
   componentDidLoad() {
@@ -40,6 +42,7 @@ export class BcmTooltip {
     this.tooltip.placement = this.placement;
     this.tooltip.color = this.color;
     this.tooltip.trigger = this.trigger;
+    this.tooltip.size = this.size;
     this.tooltip.update();
   }
   async show() {
@@ -52,7 +55,7 @@ export class BcmTooltip {
     this.tooltip.toggle();
   }
   render() {
-    return (h(Host, { "aria-describedby": "tooltip", tabindex: "-1", class: "tw-inline-flex tw-w-fit tw-h-fit" }, h("slot", null)));
+    return (h(Host, { "aria-describedby": "tooltip", tabindex: "-1", class: "tw-inline-flex tw-h-fit tw-w-fit" }, h("slot", null)));
   }
   static get is() { return "bcm-tooltip"; }
   static get properties() {
@@ -91,7 +94,7 @@ export class BcmTooltip {
         },
         "attribute": "message",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "placement": {
         "type": "string",
@@ -173,7 +176,30 @@ export class BcmTooltip {
         },
         "attribute": "color",
         "reflect": false,
-        "defaultValue": "'slate'"
+        "defaultValue": "\"slate\""
+      },
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "SizeTypes",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "references": {
+            "SizeTypes": {
+              "location": "import",
+              "path": "@bcm/model"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "Bcm.Size.medium"
       }
     };
   }

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

@@ -125,7 +125,9 @@
   margin-right: 8px;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;
@@ -428,7 +430,9 @@
   min-height: calc(14px + 8px);
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;
@@ -776,7 +780,9 @@
   margin: 0;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;

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

@@ -126,7 +126,9 @@
   margin-right: 8px;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;
@@ -429,7 +431,9 @@
   min-height: calc(14px + 8px);
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;
@@ -777,7 +781,9 @@
   margin: 0;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;
@@ -1031,7 +1037,9 @@
   box-sizing: border-box;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;

package/dist/collection/components/other/attendance/attendance.css CHANGED Viewed

@@ -123,7 +123,9 @@
   margin-right: 8px;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;

package/dist/collection/components/{organism → other_deprecated}/colorpicker/colorpicker.css RENAMED Viewed

File without changes

package/dist/collection/components/{organism → other_deprecated}/colorpicker/colorpicker.js RENAMED Viewed

File without changes

package/dist/collection/components/{organism → other_deprecated}/colorpicker/static/chess.png RENAMED Viewed

File without changes

package/dist/collection/components/{organism → other_deprecated}/colorpicker/static/color.svg RENAMED Viewed

File without changes

package/dist/collection/components/{organism → other_deprecated}/colorpicker/static/colors.svg RENAMED Viewed

File without changes

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

@@ -125,7 +125,9 @@
   margin-right: 8px;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;
@@ -428,7 +430,9 @@
   min-height: calc(14px + 8px);
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;
@@ -776,7 +780,9 @@
   margin: 0;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;

package/dist/collection/components/other_deprecated/old-popover/old-popover-box.css CHANGED Viewed

@@ -123,7 +123,9 @@
   margin-right: 8px;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;

package/dist/collection/components/other_deprecated/tabs/tab.css CHANGED Viewed

@@ -123,7 +123,9 @@
   margin-right: 8px;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;

package/dist/collection/components/other_deprecated/text/text.css CHANGED Viewed

@@ -123,7 +123,9 @@
   margin-right: 8px;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;

package/dist/collection/global/components/_checkbox.css CHANGED Viewed

@@ -123,7 +123,9 @@
   margin-right: 8px;
 }
-:root {
+:root,
+::after,
+::before {
   --bcm-new-ds-color-inherit: inherit;
   --bcm-new-ds-color-current: currentColor;
   --bcm-new-ds-color-transparent: transparent;