@descope/web-components-ui 1.0.125 → 1.0.127
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +18 -14
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.js +21 -17
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/241.js +1 -1
- package/dist/umd/481.js +1 -0
- package/dist/umd/descope-new-password-descope-new-password-internal-index-js.js +1 -1
- package/dist/umd/descope-new-password-index-js.js +1 -1
- package/dist/umd/descope-password-index-js.js +1 -0
- package/dist/umd/descope-phone-field-descope-phone-field-internal-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-new-password/NewPasswordClass.js +4 -4
- package/src/components/descope-new-password/descope-new-password-internal/NewPasswordInternal.js +2 -2
- package/src/components/descope-new-password/index.js +1 -1
- package/src/components/{descope-password-field/PasswordFieldClass.js → descope-password/PasswordClass.js} +4 -4
- package/src/components/descope-password/index.js +6 -0
- package/src/index.cjs.js +1 -1
- package/src/index.d.ts +1 -1
- package/src/index.js +1 -1
- package/src/mixins/proxyInputMixin.js +4 -0
- package/src/theme/components/index.js +2 -2
- package/src/theme/components/newPassword.js +1 -1
- package/src/theme/components/{passwordField.js → password.js} +4 -4
- package/dist/umd/65.js +0 -1
- package/dist/umd/descope-password-field-index-js.js +0 -1
- package/src/components/descope-password-field/index.js +0 -6
- /package/src/components/{descope-password-field → descope-password}/passwordDraggableMixin.js +0 -0
package/dist/cjs/index.cjs.js
CHANGED
@@ -1210,6 +1210,10 @@ const proxyInputMixin = (superclass) =>
|
|
1210
1210
|
}, 0);
|
1211
1211
|
}
|
1212
1212
|
|
1213
|
+
get name () {
|
1214
|
+
return this.getAttribute('name');
|
1215
|
+
}
|
1216
|
+
|
1213
1217
|
get inputElement() {
|
1214
1218
|
this.warnIfInputElementIsMissing();
|
1215
1219
|
|
@@ -2018,7 +2022,7 @@ const passwordDraggableMixin = (superclass) => class PasswordDraggableMixinClass
|
|
2018
2022
|
}
|
2019
2023
|
};
|
2020
2024
|
|
2021
|
-
const componentName$l = getComponentName('password
|
2025
|
+
const componentName$l = getComponentName('password');
|
2022
2026
|
|
2023
2027
|
const {
|
2024
2028
|
host: host$a,
|
@@ -2042,7 +2046,7 @@ const {
|
|
2042
2046
|
errorMessage: { selector: '::part(error-message)' }
|
2043
2047
|
};
|
2044
2048
|
|
2045
|
-
const
|
2049
|
+
const PasswordClass = compose(
|
2046
2050
|
createStyleMixin({
|
2047
2051
|
mappings: {
|
2048
2052
|
hostWidth: { ...host$a, property: 'width' },
|
@@ -2096,7 +2100,7 @@ const PasswordFieldClass = compose(
|
|
2096
2100
|
min-width: 10em;
|
2097
2101
|
max-width: 100%;
|
2098
2102
|
box-sizing: border-box;
|
2099
|
-
padding: calc(var(${
|
2103
|
+
padding: calc(var(${PasswordClass.cssVarList.inputOutlineWidth}) + var(${PasswordClass.cssVarList.inputOutlineOffset}));
|
2100
2104
|
}
|
2101
2105
|
vaadin-password-field {
|
2102
2106
|
width: 100%;
|
@@ -2133,7 +2137,7 @@ const PasswordFieldClass = compose(
|
|
2133
2137
|
}
|
2134
2138
|
|
2135
2139
|
vaadin-password-field-button[focus-ring] {
|
2136
|
-
box-shadow: 0 0 0 2px var(${
|
2140
|
+
box-shadow: 0 0 0 2px var(${PasswordClass.cssVarList.inputOutlineColor});
|
2137
2141
|
}
|
2138
2142
|
`,
|
2139
2143
|
excludeAttrsSync: ['tabindex'],
|
@@ -2141,9 +2145,9 @@ const PasswordFieldClass = compose(
|
|
2141
2145
|
})
|
2142
2146
|
);
|
2143
2147
|
|
2144
|
-
const vars$i =
|
2148
|
+
const vars$i = PasswordClass.cssVarList;
|
2145
2149
|
|
2146
|
-
const
|
2150
|
+
const password = {
|
2147
2151
|
[vars$i.hostWidth]: refs.width,
|
2148
2152
|
[vars$i.fontSize]: refs.fontSize,
|
2149
2153
|
[vars$i.fontFamily]: refs.fontFamily,
|
@@ -2163,9 +2167,9 @@ const passwordField = {
|
|
2163
2167
|
[vars$i.inputOutlineOffset]: refs.outlineOffset,
|
2164
2168
|
};
|
2165
2169
|
|
2166
|
-
var
|
2170
|
+
var password$1 = /*#__PURE__*/Object.freeze({
|
2167
2171
|
__proto__: null,
|
2168
|
-
default:
|
2172
|
+
default: password,
|
2169
2173
|
vars: vars$i
|
2170
2174
|
});
|
2171
2175
|
|
@@ -5676,8 +5680,8 @@ const NewPasswordClass = compose(
|
|
5676
5680
|
fontSize: [
|
5677
5681
|
host,
|
5678
5682
|
{
|
5679
|
-
selector:
|
5680
|
-
property:
|
5683
|
+
selector: PasswordClass.componentName,
|
5684
|
+
property: PasswordClass.cssVarList.fontSize
|
5681
5685
|
}
|
5682
5686
|
],
|
5683
5687
|
fontFamily: [
|
@@ -5734,7 +5738,7 @@ const NewPasswordClass = compose(
|
|
5734
5738
|
display: flex;
|
5735
5739
|
flex-direction: column;
|
5736
5740
|
}
|
5737
|
-
descope-password
|
5741
|
+
descope-password {
|
5738
5742
|
display: block;
|
5739
5743
|
width: 100%;
|
5740
5744
|
}
|
@@ -5756,7 +5760,7 @@ const newPassword = {
|
|
5756
5760
|
[vars$1.spaceBetweenInputs]: '1em',
|
5757
5761
|
|
5758
5762
|
_required: {
|
5759
|
-
// NewPassword doesn't pass `required` attribute to its
|
5763
|
+
// NewPassword doesn't pass `required` attribute to its Password components.
|
5760
5764
|
// That's why we fake the required indicator on each input.
|
5761
5765
|
// We do that by injecting `::after` element, and populating it with requiredIndicator content.
|
5762
5766
|
[vars$1.inputsRequiredIndicator]: refs.requiredIndicator, // used to populate required content for NewPassword input fields outside the theme
|
@@ -5772,7 +5776,7 @@ var newPassword$1 = /*#__PURE__*/Object.freeze({
|
|
5772
5776
|
const components = {
|
5773
5777
|
button: button$1,
|
5774
5778
|
textField: textField$1,
|
5775
|
-
|
5779
|
+
password: password$1,
|
5776
5780
|
numberField: numberField$1,
|
5777
5781
|
emailField: emailField$1,
|
5778
5782
|
textArea: textArea$1,
|
@@ -5812,7 +5816,7 @@ exports.LogoClass = LogoClass;
|
|
5812
5816
|
exports.NewPasswordClass = NewPasswordClass;
|
5813
5817
|
exports.NumberFieldClass = NumberFieldClass;
|
5814
5818
|
exports.PasscodeClass = PasscodeClass;
|
5815
|
-
exports.
|
5819
|
+
exports.PasswordClass = PasswordClass;
|
5816
5820
|
exports.PhoneFieldClass = PhoneFieldClass;
|
5817
5821
|
exports.SwitchToggleClass = SwitchToggleClass;
|
5818
5822
|
exports.TextAreaClass = TextAreaClass;
|