@descope/web-components-ui 1.0.189 → 1.0.191

package/dist/cjs/index.cjs.js

@@ -2090,6 +2090,21 @@ const proxyInputMixin =
         this.setAttribute('error-message', this.validationMessage);
       }
 
+      // We do not want to show the default validity report tooltip
+      // So we are overriding the reportValidity fn to show the input's error message
+      reportValidity = () => {
+        if (!this.checkValidity()) {
+          this.setAttribute('invalid', 'true');
+          this.#handleErrorMessage();
+          this.focus();
+        }
+      };
+
+      // we are keeping also the default reportValidity because there are some components that still using it
+      defaultReportValidity() {
+        return super.reportValidity();
+      }
+
       init() {
         super.init?.();
 
@@ -4941,6 +4956,7 @@ const ComboBoxClass = compose(
       overlayFontSize: { property: () => ComboBoxClass.cssVarList.overlay.fontSize },
       overlayFontFamily: { property: () => ComboBoxClass.cssVarList.overlay.fontFamily },
       overlayCursor: { property: () => ComboBoxClass.cssVarList.overlay.cursor },
+      overlayItemBoxShadow: { property: () => ComboBoxClass.cssVarList.overlay.itemBoxShadow },
     },
   }),
   draggableMixin,
@@ -4954,6 +4970,7 @@ const ComboBoxClass = compose(
       cursor: { selector: 'vaadin-combo-box-item' },
       fontFamily: { selector: 'vaadin-combo-box-item' },
       fontSize: { selector: 'vaadin-combo-box-item' },
+      itemBoxShadow: { selector: 'vaadin-combo-box-item', property: 'box-shadow' },
     },
     forward: {
       include: false,
@@ -5042,6 +5059,7 @@ const comboBox = {
   [vars$8.overlayFontSize]: refs.fontSize,
   [vars$8.overlayFontFamily]: refs.fontFamily,
   [vars$8.overlayCursor]: 'pointer',
+  [vars$8.overlayItemBoxShadow]: 'none',
 
   // Overlay direct theme:
   [vars$8.overlay.minHeight]: '400px',
@@ -7023,6 +7041,12 @@ class RawUploadFile extends BaseInputClass {
     };
   }
 
+  // this is a temp solution,
+  // we should show the input error message like we have in all other inputs
+  reportValidity() {
+    this.defaultReportValidity();
+  }
+
   getValidity() {
     if (this.isRequired && !this.value) {
       return { valueMissing: true };