@descope/web-components-ui 2.2.2 → 2.2.4

package/dist/cjs/index.cjs.js

@@ -12584,9 +12584,13 @@ const customMixin$7 = (superclass) =>
 const ModalClass = compose$1(
   createStyleMixin({
     mappings: {
+      overlayBackdropColor: { property: () => ModalClass.cssVarList.overlay.backdropColor },
       overlayBackgroundColor: { property: () => ModalClass.cssVarList.overlay.backgroundColor },
       overlayShadow: { property: () => ModalClass.cssVarList.overlay.shadow },
       overlayWidth: { property: () => ModalClass.cssVarList.overlay.width },
+      overlayBorderWidth: { property: () => ModalClass.cssVarList.overlay.borderWidth },
+      overlayBorderStyle: { property: () => ModalClass.cssVarList.overlay.borderStyle },
+      overlayBorderColor: { property: () => ModalClass.cssVarList.overlay.borderColor },
     },
   }),
   portalMixin({
@@ -12602,6 +12606,22 @@ const ModalClass = compose$1(
         { selector: () => '::part(content)', property: 'background-color' },
         { selector: () => '::part(overlay)', property: 'background-color' },
       ],
+      backdropColor: {
+        selector: () => '::part(backdrop)',
+        property: 'background-color',
+      },
+      borderStyle: {
+        selector: () => '::part(content)',
+        property: 'border-style',
+      },
+      borderWidth: {
+        selector: () => '::part(content)',
+        property: 'border-width',
+      },
+      borderColor: {
+        selector: () => '::part(content)',
+        property: 'border-color',
+      },
       width: { selector: () => '::part(overlay)', property: 'width' },
       shadow: { selector: () => '::part(overlay)', property: 'box-shadow' },
     },
@@ -12635,6 +12655,7 @@ const modal = {
   [compVars$5.overlayBackgroundColor]: globalRefs$p.colors.surface.main,
   [compVars$5.overlayShadow]: globalRefs$p.shadow.wide['2xl'],
   [compVars$5.overlayWidth]: '540px',
+  [compVars$5.overlayBackdropColor]: 'hsla(214, 53%, 23%, 0.16)',
 };
 
 const vars$C = {
@@ -16064,19 +16085,6 @@ const newDate = (date, isUtcTime) => {
   }
   if (typeof date === 'string') {
     const d = new Date(date.replace(/-/g, '/'));
-    if (isUtcTime) {
-      return new Date(
-        Date.UTC(
-          d.getFullYear(),
-          d.getMonth(),
-          d.getDate(),
-          d.getHours(),
-          d.getMinutes(),
-          d.getSeconds(),
-          d.getMilliseconds()
-        )
-      );
-    }
     return new Date(d);
   }
   return new Date();
@@ -16174,9 +16182,16 @@ const parseDateString = (val, format) => {
 };
 
 const dateToEpoch = (date, isUtc) => {
+  // If it's already a number (epoch), return it directly - no conversion needed
+  if (typeof date === 'number') {
+    return date;
+  }
+
   if (isUtc) {
-    return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())).getTime();
+    return Date.UTC(date.getFullYear(), date.getMonth(), date.getDate());
   }
+
+  // Default: return epoch in local timezone
   return date.getTime();
 };
 
@@ -17245,7 +17260,7 @@ class RawDateFieldClass extends BaseInputClass$2 {
 
   updateValue() {
     if (this.isCountersOutOfRange) {
-      this.updateEpoch('');
+      this.resetEpoch();
     } else {
       const date = formats[this.format].getDate(this.inputElement.value);
       this.updateEpoch(dateToEpoch(date, this.isUtcTime));
@@ -17259,12 +17274,8 @@ class RawDateFieldClass extends BaseInputClass$2 {
     this.#dispatchInput();
   };
 
-  updateEpoch(epochOrDate) {
-    if (Number.isNaN(epochOrDate) || !epochOrDate.toString()?.length) {
-      this.epoch = '';
-    } else {
-      this.epoch = dateToEpoch(newDate(epochOrDate, this.isUtcTime), this.isUtcTime);
-    }
+  updateEpoch(epoch) {
+    this.epoch = dateToEpoch(epoch, this.isUtcTime);
   }
 
   dateCounters = [
@@ -17395,14 +17406,18 @@ class RawDateFieldClass extends BaseInputClass$2 {
     let value = parseInt(val, 10);
     if (!Number.isNaN(value)) {
       this.updateEpoch(value);
-      this.updateDateCounters(newDate(value));
+      this.updateDateCounters(new Date(value));
     } else {
-      this.updateEpoch('');
+      this.resetEpoch();
       this.resetDateCounters();
       this.clearInputEle();
     }
   }
 
+  resetEpoch() {
+    this.epoch = '';
+  }
+
   get isCountersEmpty() {
     return this.dateCounters.every((dc) => dc.isEmpty);
   }
@@ -17976,7 +17991,7 @@ class RawDateFieldClass extends BaseInputClass$2 {
     }
 
     try {
-      const date = this.isUtcTime ? new Date(this.epoch) : newDate(this.epoch);
+      const date = new Date(this.epoch);
 
       if (this.isUtcTime) {
         ret.month = date.getUTCMonth() + 1;