@descope/web-components-ui 1.0.212 → 1.0.214
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/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
|
|