@alfalab/core-components-password-input 2.1.15 → 2.1.16
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/CHANGELOG.md +11 -0
- package/dist/component.js +2 -4
- package/dist/cssm/component.js +1 -3
- package/dist/esm/component.js +3 -3
- package/dist/esm/index.css +5 -5
- package/dist/index.css +5 -5
- package/dist/modern/component.js +3 -3
- package/dist/modern/index.css +5 -5
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [2.1.16](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-password-input@2.1.15...@alfalab/core-components-password-input@2.1.16) (2022-02-17)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* imports for glyph icons ([#994](https://github.com/alfa-laboratory/core-components/issues/994)) ([8e807f2](https://github.com/alfa-laboratory/core-components/commit/8e807f26abf0f942fe8eadbd201caecb297b35dc))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [2.1.15](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-password-input@2.1.14...@alfalab/core-components-password-input@2.1.15) (2022-02-15)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @alfalab/core-components-password-input
|
package/dist/component.js
CHANGED
|
@@ -13,8 +13,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
15
|
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
16
|
-
var EyeMIcon__default = /*#__PURE__*/_interopDefaultLegacy(EyeMIcon);
|
|
17
|
-
var EyeOffMIcon__default = /*#__PURE__*/_interopDefaultLegacy(EyeOffMIcon);
|
|
18
16
|
|
|
19
17
|
/*! *****************************************************************************
|
|
20
18
|
Copyright (c) Microsoft Corporation.
|
|
@@ -55,7 +53,7 @@ function __rest(s, e) {
|
|
|
55
53
|
return t;
|
|
56
54
|
}
|
|
57
55
|
|
|
58
|
-
var styles = {"eye":"password-
|
|
56
|
+
var styles = {"eye":"password-input__eye_triow","xl":"password-input__xl_triow","input":"password-input__input_triow"};
|
|
59
57
|
require('./index.css')
|
|
60
58
|
|
|
61
59
|
var PasswordInput = React.forwardRef(function (_a, ref) {
|
|
@@ -73,7 +71,7 @@ var PasswordInput = React.forwardRef(function (_a, ref) {
|
|
|
73
71
|
var isPasswordVisible = uncontrolled ? statePasswordVisible : passwordVisible;
|
|
74
72
|
return (React__default['default'].createElement(coreComponentsInput.Input, __assign({}, restProps, { disabled: disabled, type: isPasswordVisible ? 'text' : 'password', size: size, ref: ref, colors: colors, className: cn__default['default'](className, styles[size]), rightAddons: React__default['default'].createElement(React__default['default'].Fragment, null,
|
|
75
73
|
rightAddons,
|
|
76
|
-
React__default['default'].createElement(coreComponentsIconButton.IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ?
|
|
74
|
+
React__default['default'].createElement(coreComponentsIconButton.IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon.EyeMIcon : EyeOffMIcon.EyeOffMIcon, onClick: handleButtonClick, disabled: disabled })), addonsClassName: styles.addons, inputClassName: styles.input })));
|
|
77
75
|
});
|
|
78
76
|
|
|
79
77
|
exports.PasswordInput = PasswordInput;
|
package/dist/cssm/component.js
CHANGED
|
@@ -14,8 +14,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
14
14
|
|
|
15
15
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
16
|
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
17
|
-
var EyeMIcon__default = /*#__PURE__*/_interopDefaultLegacy(EyeMIcon);
|
|
18
|
-
var EyeOffMIcon__default = /*#__PURE__*/_interopDefaultLegacy(EyeOffMIcon);
|
|
19
17
|
var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
|
|
20
18
|
|
|
21
19
|
/*! *****************************************************************************
|
|
@@ -72,7 +70,7 @@ var PasswordInput = React.forwardRef(function (_a, ref) {
|
|
|
72
70
|
var isPasswordVisible = uncontrolled ? statePasswordVisible : passwordVisible;
|
|
73
71
|
return (React__default['default'].createElement(coreComponentsInput.Input, __assign({}, restProps, { disabled: disabled, type: isPasswordVisible ? 'text' : 'password', size: size, ref: ref, colors: colors, className: cn__default['default'](className, styles__default['default'][size]), rightAddons: React__default['default'].createElement(React__default['default'].Fragment, null,
|
|
74
72
|
rightAddons,
|
|
75
|
-
React__default['default'].createElement(coreComponentsIconButton.IconButton, { className: styles__default['default'].eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ?
|
|
73
|
+
React__default['default'].createElement(coreComponentsIconButton.IconButton, { className: styles__default['default'].eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon.EyeMIcon : EyeOffMIcon.EyeOffMIcon, onClick: handleButtonClick, disabled: disabled })), addonsClassName: styles__default['default'].addons, inputClassName: styles__default['default'].input })));
|
|
76
74
|
});
|
|
77
75
|
|
|
78
76
|
exports.PasswordInput = PasswordInput;
|
package/dist/esm/component.js
CHANGED
|
@@ -2,8 +2,8 @@ import React, { forwardRef, useState, useCallback } from 'react';
|
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { Input } from '@alfalab/core-components-input/dist/esm';
|
|
4
4
|
import { IconButton } from '@alfalab/core-components-icon-button/dist/esm';
|
|
5
|
-
import EyeMIcon from '@alfalab/icons-glyph/EyeMIcon';
|
|
6
|
-
import EyeOffMIcon from '@alfalab/icons-glyph/EyeOffMIcon';
|
|
5
|
+
import { EyeMIcon } from '@alfalab/icons-glyph/EyeMIcon';
|
|
6
|
+
import { EyeOffMIcon } from '@alfalab/icons-glyph/EyeOffMIcon';
|
|
7
7
|
|
|
8
8
|
/*! *****************************************************************************
|
|
9
9
|
Copyright (c) Microsoft Corporation.
|
|
@@ -44,7 +44,7 @@ function __rest(s, e) {
|
|
|
44
44
|
return t;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
var styles = {"eye":"password-
|
|
47
|
+
var styles = {"eye":"password-input__eye_triow","xl":"password-input__xl_triow","input":"password-input__input_triow"};
|
|
48
48
|
require('./index.css')
|
|
49
49
|
|
|
50
50
|
var PasswordInput = forwardRef(function (_a, ref) {
|
package/dist/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1muh1 */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -12,15 +12,15 @@
|
|
|
12
12
|
--gap-s-neg: -12px;
|
|
13
13
|
--gap-m-neg: -16px;
|
|
14
14
|
}
|
|
15
|
-
.password-
|
|
15
|
+
.password-input__eye_triow:last-child {
|
|
16
16
|
margin-right: var(--gap-s-neg);
|
|
17
17
|
}
|
|
18
|
-
.password-
|
|
18
|
+
.password-input__xl_triow .password-input__eye_triow:last-child {
|
|
19
19
|
margin-right: var(--gap-m-neg);
|
|
20
20
|
}
|
|
21
|
-
.password-
|
|
21
|
+
.password-input__xl_triow .password-input__eye_triow {
|
|
22
22
|
margin-left: var(--gap-2xs);
|
|
23
23
|
}
|
|
24
|
-
.password-
|
|
24
|
+
.password-input__input_triow::-ms-reveal {
|
|
25
25
|
display: none;
|
|
26
26
|
}
|
package/dist/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1muh1 */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -12,15 +12,15 @@
|
|
|
12
12
|
--gap-s-neg: -12px;
|
|
13
13
|
--gap-m-neg: -16px;
|
|
14
14
|
}
|
|
15
|
-
.password-
|
|
15
|
+
.password-input__eye_triow:last-child {
|
|
16
16
|
margin-right: var(--gap-s-neg);
|
|
17
17
|
}
|
|
18
|
-
.password-
|
|
18
|
+
.password-input__xl_triow .password-input__eye_triow:last-child {
|
|
19
19
|
margin-right: var(--gap-m-neg);
|
|
20
20
|
}
|
|
21
|
-
.password-
|
|
21
|
+
.password-input__xl_triow .password-input__eye_triow {
|
|
22
22
|
margin-left: var(--gap-2xs);
|
|
23
23
|
}
|
|
24
|
-
.password-
|
|
24
|
+
.password-input__input_triow::-ms-reveal {
|
|
25
25
|
display: none;
|
|
26
26
|
}
|
package/dist/modern/component.js
CHANGED
|
@@ -2,10 +2,10 @@ import React, { forwardRef, useState, useCallback } from 'react';
|
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { Input } from '@alfalab/core-components-input/dist/modern';
|
|
4
4
|
import { IconButton } from '@alfalab/core-components-icon-button/dist/modern';
|
|
5
|
-
import EyeMIcon from '@alfalab/icons-glyph/EyeMIcon';
|
|
6
|
-
import EyeOffMIcon from '@alfalab/icons-glyph/EyeOffMIcon';
|
|
5
|
+
import { EyeMIcon } from '@alfalab/icons-glyph/EyeMIcon';
|
|
6
|
+
import { EyeOffMIcon } from '@alfalab/icons-glyph/EyeOffMIcon';
|
|
7
7
|
|
|
8
|
-
var styles = {"eye":"password-
|
|
8
|
+
var styles = {"eye":"password-input__eye_triow","xl":"password-input__xl_triow","input":"password-input__input_triow"};
|
|
9
9
|
require('./index.css')
|
|
10
10
|
|
|
11
11
|
const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 's', className, ...restProps }, ref) => {
|
package/dist/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1muh1 */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -12,15 +12,15 @@
|
|
|
12
12
|
--gap-s-neg: -12px;
|
|
13
13
|
--gap-m-neg: -16px;
|
|
14
14
|
}
|
|
15
|
-
.password-
|
|
15
|
+
.password-input__eye_triow:last-child {
|
|
16
16
|
margin-right: var(--gap-s-neg);
|
|
17
17
|
}
|
|
18
|
-
.password-
|
|
18
|
+
.password-input__xl_triow .password-input__eye_triow:last-child {
|
|
19
19
|
margin-right: var(--gap-m-neg);
|
|
20
20
|
}
|
|
21
|
-
.password-
|
|
21
|
+
.password-input__xl_triow .password-input__eye_triow {
|
|
22
22
|
margin-left: var(--gap-2xs);
|
|
23
23
|
}
|
|
24
|
-
.password-
|
|
24
|
+
.password-input__input_triow::-ms-reveal {
|
|
25
25
|
display: none;
|
|
26
26
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-password-input",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.16",
|
|
4
4
|
"description": "Input password",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -18,9 +18,9 @@
|
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@alfalab/core-components-icon-button": "^4.1.6",
|
|
21
|
-
"@alfalab/core-components-input": "^8.0.
|
|
22
|
-
"@alfalab/icons-glyph": "^
|
|
21
|
+
"@alfalab/core-components-input": "^8.0.7",
|
|
22
|
+
"@alfalab/icons-glyph": "^2.14.0",
|
|
23
23
|
"classnames": "^2.2.6"
|
|
24
24
|
},
|
|
25
|
-
"gitHead": "
|
|
25
|
+
"gitHead": "45ff10d1efc81a4a1afb82c6b6eca1b428c7c459"
|
|
26
26
|
}
|