@descope/web-components-ui 1.0.189 → 1.0.191

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.
package/dist/index.esm.js CHANGED
@@ -1768,6 +1768,21 @@ const proxyInputMixin =
1768
1768
  this.setAttribute('error-message', this.validationMessage);
1769
1769
  }
1770
1770
 
1771
+ // We do not want to show the default validity report tooltip
1772
+ // So we are overriding the reportValidity fn to show the input's error message
1773
+ reportValidity = () => {
1774
+ if (!this.checkValidity()) {
1775
+ this.setAttribute('invalid', 'true');
1776
+ this.#handleErrorMessage();
1777
+ this.focus();
1778
+ }
1779
+ };
1780
+
1781
+ // we are keeping also the default reportValidity because there are some components that still using it
1782
+ defaultReportValidity() {
1783
+ return super.reportValidity();
1784
+ }
1785
+
1771
1786
  init() {
1772
1787
  super.init?.();
1773
1788
 
@@ -4058,6 +4073,7 @@ const ComboBoxClass = compose(
4058
4073
  overlayFontSize: { property: () => ComboBoxClass.cssVarList.overlay.fontSize },
4059
4074
  overlayFontFamily: { property: () => ComboBoxClass.cssVarList.overlay.fontFamily },
4060
4075
  overlayCursor: { property: () => ComboBoxClass.cssVarList.overlay.cursor },
4076
+ overlayItemBoxShadow: { property: () => ComboBoxClass.cssVarList.overlay.itemBoxShadow },
4061
4077
  },
4062
4078
  }),
4063
4079
  draggableMixin,
@@ -4071,6 +4087,7 @@ const ComboBoxClass = compose(
4071
4087
  cursor: { selector: 'vaadin-combo-box-item' },
4072
4088
  fontFamily: { selector: 'vaadin-combo-box-item' },
4073
4089
  fontSize: { selector: 'vaadin-combo-box-item' },
4090
+ itemBoxShadow: { selector: 'vaadin-combo-box-item', property: 'box-shadow' },
4074
4091
  },
4075
4092
  forward: {
4076
4093
  include: false,
@@ -6679,6 +6696,12 @@ class RawUploadFile extends BaseInputClass {
6679
6696
  };
6680
6697
  }
6681
6698
 
6699
+ // this is a temp solution,
6700
+ // we should show the input error message like we have in all other inputs
6701
+ reportValidity() {
6702
+ this.defaultReportValidity();
6703
+ }
6704
+
6682
6705
  getValidity() {
6683
6706
  if (this.isRequired && !this.value) {
6684
6707
  return { valueMissing: true };
@@ -8494,6 +8517,7 @@ const comboBox = {
8494
8517
  [vars$8.overlayFontSize]: refs.fontSize,
8495
8518
  [vars$8.overlayFontFamily]: refs.fontFamily,
8496
8519
  [vars$8.overlayCursor]: 'pointer',
8520
+ [vars$8.overlayItemBoxShadow]: 'none',
8497
8521
 
8498
8522
  // Overlay direct theme:
8499
8523
  [vars$8.overlay.minHeight]: '400px',