@descope/web-components-ui 1.0.103 → 1.0.104
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.esm.js +21 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/890.js +1 -1
- package/dist/umd/descope-new-password-descope-new-password-internal-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-new-password/NewPassword.js +2 -1
- package/src/components/descope-new-password/descope-new-password-internal/NewPasswordInternal.js +3 -1
- package/src/components/descope-password-field/PasswordField.js +10 -0
- package/src/components/descope-password-field/passwordDraggableMixin.js +3 -2
- package/src/theme/components/passwordField.js +3 -0
package/dist/index.esm.js
CHANGED
@@ -2643,11 +2643,12 @@ const passwordDraggableMixin = (superclass) => class PasswordDraggableMixinClass
|
|
2643
2643
|
this.addEventListener('mousedown', (e) => {
|
2644
2644
|
if (this.isDraggable & this.isReadOnly) {
|
2645
2645
|
const inputEle = this.baseElement.querySelector('input');
|
2646
|
-
|
2647
2646
|
const prevType = inputEle.getAttribute('type');
|
2647
|
+
|
2648
2648
|
inputEle.setAttribute('type', 'text');
|
2649
|
+
setTimeout(() => inputEle.focus());
|
2649
2650
|
|
2650
|
-
const onComplete = () => {
|
2651
|
+
const onComplete = (e) => {
|
2651
2652
|
inputEle.setAttribute('type', prevType);
|
2652
2653
|
|
2653
2654
|
e.target.removeEventListener('mouseup', onComplete);
|
@@ -2672,6 +2673,7 @@ const {
|
|
2672
2673
|
inputElementPlaceholder,
|
2673
2674
|
revealButton,
|
2674
2675
|
revealButtonIcon,
|
2676
|
+
revealButtonIconOutline,
|
2675
2677
|
label: label$3,
|
2676
2678
|
requiredIndicator: requiredIndicator$2
|
2677
2679
|
} = {
|
@@ -2681,6 +2683,7 @@ const {
|
|
2681
2683
|
inputElementPlaceholder: { selector: '> input:placeholder-shown' },
|
2682
2684
|
revealButton: { selector: 'vaadin-password-field-button' },
|
2683
2685
|
revealButtonIcon: { selector: () => '::part(reveal-button)::before' },
|
2686
|
+
revealButtonIconOutline: { selector: () => 'vaadin-password-field-button[focus-ring]' },
|
2684
2687
|
label: { selector: '::part(label)' },
|
2685
2688
|
requiredIndicator: { selector: '::part(required-indicator)::after' },
|
2686
2689
|
};
|
@@ -2693,6 +2696,14 @@ const PasswordField = compose(
|
|
2693
2696
|
wrapperBorderWidth: { ...inputWrapper$1, property: 'border-width' },
|
2694
2697
|
wrapperBorderColor: { ...inputWrapper$1, property: 'border-color' },
|
2695
2698
|
wrapperBorderRadius: { ...inputWrapper$1, property: 'border-radius' },
|
2699
|
+
|
2700
|
+
revealButtonOutlineBoxShadow: [
|
2701
|
+
{
|
2702
|
+
...revealButtonIconOutline,
|
2703
|
+
property: 'box-shadow'
|
2704
|
+
}
|
2705
|
+
],
|
2706
|
+
|
2696
2707
|
labelTextColor: [
|
2697
2708
|
{ ...label$3, property: 'color' },
|
2698
2709
|
{ ...requiredIndicator$2, property: 'color' }
|
@@ -4737,7 +4748,8 @@ const customMixin = (superclass) =>
|
|
4737
4748
|
'label',
|
4738
4749
|
'has-confirm',
|
4739
4750
|
'invalid',
|
4740
|
-
'readonly'
|
4751
|
+
'readonly',
|
4752
|
+
'draggable'
|
4741
4753
|
]
|
4742
4754
|
});
|
4743
4755
|
}
|
@@ -4834,7 +4846,9 @@ const commonAttrs = [
|
|
4834
4846
|
'full-width',
|
4835
4847
|
'maxlength',
|
4836
4848
|
'invalid',
|
4837
|
-
'readonly'
|
4849
|
+
'readonly',
|
4850
|
+
'draggable'
|
4851
|
+
|
4838
4852
|
];
|
4839
4853
|
|
4840
4854
|
const inputRelatedAttrs = [].concat(commonAttrs, passwordInputAttrs, confirmInputAttrs);
|
@@ -5506,6 +5520,9 @@ const passwordField = {
|
|
5506
5520
|
[vars$e.outlineStyle]: 'solid',
|
5507
5521
|
[vars$e.outlineColor]: 'transparent',
|
5508
5522
|
|
5523
|
+
[vars$e.revealButtonOutlineBoxShadow]: `0 0 0 2px ${globalRefs$c.colors.surface.main}`,
|
5524
|
+
|
5525
|
+
|
5509
5526
|
[vars$e.labelTextColor]: globalRefs$c.colors.surface.contrast,
|
5510
5527
|
[vars$e.inputTextColor]: globalRefs$c.colors.surface.contrast,
|
5511
5528
|
[vars$e.placeholderTextColor]: globalRefs$c.colors.surface.main,
|