@descope/web-components-ui 1.0.212 → 1.0.214
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +8 -2
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +10 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/1000.js +1 -1
- package/dist/umd/boolean-fields-descope-checkbox-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-field-descope-phone-field-internal-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/boolean-fields/descope-checkbox/CheckboxClass.js +4 -0
- package/src/components/phone-fields/descope-phone-field/descope-phone-field-internal/PhoneFieldInternal.js +2 -4
- package/src/mixins/proxyInputMixin.js +3 -0
- package/src/theme/components/checkbox.js +1 -2
package/dist/cjs/index.cjs.js
CHANGED
@@ -2094,6 +2094,9 @@ const proxyInputMixin =
|
|
2094
2094
|
// We do not want to show the default validity report tooltip
|
2095
2095
|
// So we are overriding the reportValidity fn to show the input's error message
|
2096
2096
|
reportValidity = () => {
|
2097
|
+
// we want to update validity so in case the value was set programmatically, we won't get an error
|
2098
|
+
this.inputElement.setCustomValidity('');
|
2099
|
+
this.setCustomValidity('');
|
2097
2100
|
if (!this.checkValidity()) {
|
2098
2101
|
this.setAttribute('invalid', 'true');
|
2099
2102
|
this.#handleErrorMessage();
|
@@ -3538,6 +3541,10 @@ const CheckboxClass = compose(
|
|
3538
3541
|
top: 0;
|
3539
3542
|
left: 0;
|
3540
3543
|
}
|
3544
|
+
|
3545
|
+
vaadin-text-field::part(label) {
|
3546
|
+
width: calc(100% - var(${CheckboxClass.cssVarList.inputSize}))
|
3547
|
+
}
|
3541
3548
|
${useHostExternalPadding(CheckboxClass.cssVarList)}
|
3542
3549
|
`,
|
3543
3550
|
excludeAttrsSync: ['tabindex'],
|
@@ -3564,11 +3571,10 @@ const checkbox = {
|
|
3564
3571
|
[vars$j.inputBorderColor]: refs.borderColor,
|
3565
3572
|
[vars$j.inputBorderWidth]: refs.borderWidth,
|
3566
3573
|
[vars$j.inputBorderStyle]: refs.borderStyle,
|
3567
|
-
[vars$j.inputBackgroundColor]: refs.
|
3574
|
+
[vars$j.inputBackgroundColor]: refs.backgroundColor,
|
3568
3575
|
[vars$j.inputSize]: '2em',
|
3569
3576
|
|
3570
3577
|
_checked: {
|
3571
|
-
[vars$j.inputBackgroundColor]: refs.backgroundColor,
|
3572
3578
|
[vars$j.inputValueTextColor]: refs.valueTextColor,
|
3573
3579
|
},
|
3574
3580
|
|