@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.
@@ -2090,6 +2090,21 @@ const proxyInputMixin =
2090
2090
  this.setAttribute('error-message', this.validationMessage);
2091
2091
  }
2092
2092
 
2093
+ // We do not want to show the default validity report tooltip
2094
+ // So we are overriding the reportValidity fn to show the input's error message
2095
+ reportValidity = () => {
2096
+ if (!this.checkValidity()) {
2097
+ this.setAttribute('invalid', 'true');
2098
+ this.#handleErrorMessage();
2099
+ this.focus();
2100
+ }
2101
+ };
2102
+
2103
+ // we are keeping also the default reportValidity because there are some components that still using it
2104
+ defaultReportValidity() {
2105
+ return super.reportValidity();
2106
+ }
2107
+
2093
2108
  init() {
2094
2109
  super.init?.();
2095
2110
 
@@ -4941,6 +4956,7 @@ const ComboBoxClass = compose(
4941
4956
  overlayFontSize: { property: () => ComboBoxClass.cssVarList.overlay.fontSize },
4942
4957
  overlayFontFamily: { property: () => ComboBoxClass.cssVarList.overlay.fontFamily },
4943
4958
  overlayCursor: { property: () => ComboBoxClass.cssVarList.overlay.cursor },
4959
+ overlayItemBoxShadow: { property: () => ComboBoxClass.cssVarList.overlay.itemBoxShadow },
4944
4960
  },
4945
4961
  }),
4946
4962
  draggableMixin,
@@ -4954,6 +4970,7 @@ const ComboBoxClass = compose(
4954
4970
  cursor: { selector: 'vaadin-combo-box-item' },
4955
4971
  fontFamily: { selector: 'vaadin-combo-box-item' },
4956
4972
  fontSize: { selector: 'vaadin-combo-box-item' },
4973
+ itemBoxShadow: { selector: 'vaadin-combo-box-item', property: 'box-shadow' },
4957
4974
  },
4958
4975
  forward: {
4959
4976
  include: false,
@@ -5042,6 +5059,7 @@ const comboBox = {
5042
5059
  [vars$8.overlayFontSize]: refs.fontSize,
5043
5060
  [vars$8.overlayFontFamily]: refs.fontFamily,
5044
5061
  [vars$8.overlayCursor]: 'pointer',
5062
+ [vars$8.overlayItemBoxShadow]: 'none',
5045
5063
 
5046
5064
  // Overlay direct theme:
5047
5065
  [vars$8.overlay.minHeight]: '400px',
@@ -7023,6 +7041,12 @@ class RawUploadFile extends BaseInputClass {
7023
7041
  };
7024
7042
  }
7025
7043
 
7044
+ // this is a temp solution,
7045
+ // we should show the input error message like we have in all other inputs
7046
+ reportValidity() {
7047
+ this.defaultReportValidity();
7048
+ }
7049
+
7026
7050
  getValidity() {
7027
7051
  if (this.isRequired && !this.value) {
7028
7052
  return { valueMissing: true };