@descope/web-components-ui 1.0.125 → 1.0.126
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +14 -14
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.js +17 -17
- package/dist/index.esm.js.map +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/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
@@ -2018,7 +2018,7 @@ const passwordDraggableMixin = (superclass) => class PasswordDraggableMixinClass
|
|
2018
2018
|
}
|
2019
2019
|
};
|
2020
2020
|
|
2021
|
-
const componentName$l = getComponentName('password
|
2021
|
+
const componentName$l = getComponentName('password');
|
2022
2022
|
|
2023
2023
|
const {
|
2024
2024
|
host: host$a,
|
@@ -2042,7 +2042,7 @@ const {
|
|
2042
2042
|
errorMessage: { selector: '::part(error-message)' }
|
2043
2043
|
};
|
2044
2044
|
|
2045
|
-
const
|
2045
|
+
const PasswordClass = compose(
|
2046
2046
|
createStyleMixin({
|
2047
2047
|
mappings: {
|
2048
2048
|
hostWidth: { ...host$a, property: 'width' },
|
@@ -2096,7 +2096,7 @@ const PasswordFieldClass = compose(
|
|
2096
2096
|
min-width: 10em;
|
2097
2097
|
max-width: 100%;
|
2098
2098
|
box-sizing: border-box;
|
2099
|
-
padding: calc(var(${
|
2099
|
+
padding: calc(var(${PasswordClass.cssVarList.inputOutlineWidth}) + var(${PasswordClass.cssVarList.inputOutlineOffset}));
|
2100
2100
|
}
|
2101
2101
|
vaadin-password-field {
|
2102
2102
|
width: 100%;
|
@@ -2133,7 +2133,7 @@ const PasswordFieldClass = compose(
|
|
2133
2133
|
}
|
2134
2134
|
|
2135
2135
|
vaadin-password-field-button[focus-ring] {
|
2136
|
-
box-shadow: 0 0 0 2px var(${
|
2136
|
+
box-shadow: 0 0 0 2px var(${PasswordClass.cssVarList.inputOutlineColor});
|
2137
2137
|
}
|
2138
2138
|
`,
|
2139
2139
|
excludeAttrsSync: ['tabindex'],
|
@@ -2141,9 +2141,9 @@ const PasswordFieldClass = compose(
|
|
2141
2141
|
})
|
2142
2142
|
);
|
2143
2143
|
|
2144
|
-
const vars$i =
|
2144
|
+
const vars$i = PasswordClass.cssVarList;
|
2145
2145
|
|
2146
|
-
const
|
2146
|
+
const password = {
|
2147
2147
|
[vars$i.hostWidth]: refs.width,
|
2148
2148
|
[vars$i.fontSize]: refs.fontSize,
|
2149
2149
|
[vars$i.fontFamily]: refs.fontFamily,
|
@@ -2163,9 +2163,9 @@ const passwordField = {
|
|
2163
2163
|
[vars$i.inputOutlineOffset]: refs.outlineOffset,
|
2164
2164
|
};
|
2165
2165
|
|
2166
|
-
var
|
2166
|
+
var password$1 = /*#__PURE__*/Object.freeze({
|
2167
2167
|
__proto__: null,
|
2168
|
-
default:
|
2168
|
+
default: password,
|
2169
2169
|
vars: vars$i
|
2170
2170
|
});
|
2171
2171
|
|
@@ -5676,8 +5676,8 @@ const NewPasswordClass = compose(
|
|
5676
5676
|
fontSize: [
|
5677
5677
|
host,
|
5678
5678
|
{
|
5679
|
-
selector:
|
5680
|
-
property:
|
5679
|
+
selector: PasswordClass.componentName,
|
5680
|
+
property: PasswordClass.cssVarList.fontSize
|
5681
5681
|
}
|
5682
5682
|
],
|
5683
5683
|
fontFamily: [
|
@@ -5734,7 +5734,7 @@ const NewPasswordClass = compose(
|
|
5734
5734
|
display: flex;
|
5735
5735
|
flex-direction: column;
|
5736
5736
|
}
|
5737
|
-
descope-password
|
5737
|
+
descope-password {
|
5738
5738
|
display: block;
|
5739
5739
|
width: 100%;
|
5740
5740
|
}
|
@@ -5756,7 +5756,7 @@ const newPassword = {
|
|
5756
5756
|
[vars$1.spaceBetweenInputs]: '1em',
|
5757
5757
|
|
5758
5758
|
_required: {
|
5759
|
-
// NewPassword doesn't pass `required` attribute to its
|
5759
|
+
// NewPassword doesn't pass `required` attribute to its Password components.
|
5760
5760
|
// That's why we fake the required indicator on each input.
|
5761
5761
|
// We do that by injecting `::after` element, and populating it with requiredIndicator content.
|
5762
5762
|
[vars$1.inputsRequiredIndicator]: refs.requiredIndicator, // used to populate required content for NewPassword input fields outside the theme
|
@@ -5772,7 +5772,7 @@ var newPassword$1 = /*#__PURE__*/Object.freeze({
|
|
5772
5772
|
const components = {
|
5773
5773
|
button: button$1,
|
5774
5774
|
textField: textField$1,
|
5775
|
-
|
5775
|
+
password: password$1,
|
5776
5776
|
numberField: numberField$1,
|
5777
5777
|
emailField: emailField$1,
|
5778
5778
|
textArea: textArea$1,
|
@@ -5812,7 +5812,7 @@ exports.LogoClass = LogoClass;
|
|
5812
5812
|
exports.NewPasswordClass = NewPasswordClass;
|
5813
5813
|
exports.NumberFieldClass = NumberFieldClass;
|
5814
5814
|
exports.PasscodeClass = PasscodeClass;
|
5815
|
-
exports.
|
5815
|
+
exports.PasswordClass = PasswordClass;
|
5816
5816
|
exports.PhoneFieldClass = PhoneFieldClass;
|
5817
5817
|
exports.SwitchToggleClass = SwitchToggleClass;
|
5818
5818
|
exports.TextAreaClass = TextAreaClass;
|