@descope/web-components-ui 2.2.2 → 2.2.4

package/dist/index.esm.js

@@ -6268,19 +6268,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();
@@ -6378,9 +6365,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();
 };
 
@@ -7642,7 +7636,7 @@ class RawDateFieldClass extends BaseInputClass$b {
 
   updateValue() {
     if (this.isCountersOutOfRange) {
-      this.updateEpoch('');
+      this.resetEpoch();
     } else {
       const date = formats[this.format].getDate(this.inputElement.value);
       this.updateEpoch(dateToEpoch(date, this.isUtcTime));
@@ -7656,12 +7650,8 @@ class RawDateFieldClass extends BaseInputClass$b {
     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 = [
@@ -7792,14 +7782,18 @@ class RawDateFieldClass extends BaseInputClass$b {
     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);
   }
@@ -8373,7 +8367,7 @@ class RawDateFieldClass extends BaseInputClass$b {
     }
 
     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;
@@ -15719,9 +15713,13 @@ const customMixin$7 = (superclass) =>
 const ModalClass = compose(
   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({
@@ -15737,6 +15735,22 @@ const ModalClass = compose(
         { 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' },
     },
@@ -21440,6 +21454,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 = {