contentoh-components-library 21.0.66 → 21.0.69
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/assets/images/editField/showPassword.png +0 -0
- package/dist/components/molecules/SignInLogin/index.js +3 -3
- package/dist/components/molecules/SignInLogin/styles.js +1 -1
- package/package.json +1 -1
- package/src/components/molecules/SignInLogin/index.js +3 -2
- package/src/components/molecules/SignInLogin/styles.js +4 -12
|
Binary file
|
|
@@ -80,9 +80,6 @@ var SignInLogin = function SignInLogin(props) {
|
|
|
80
80
|
showEye = _useState16[0],
|
|
81
81
|
setShowEye = _useState16[1];
|
|
82
82
|
|
|
83
|
-
var eye = document.getElementById("Eye");
|
|
84
|
-
var input = document.getElementById("passwordInput");
|
|
85
|
-
|
|
86
83
|
var validate = /*#__PURE__*/function () {
|
|
87
84
|
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
|
|
88
85
|
var valid, email, password, session, userGroup, response, user, company;
|
|
@@ -206,6 +203,9 @@ var SignInLogin = function SignInLogin(props) {
|
|
|
206
203
|
}, [upgradePlanRedirect]);
|
|
207
204
|
|
|
208
205
|
var closeEye = function closeEye(e) {
|
|
206
|
+
var input = document.getElementById("passwordInput");
|
|
207
|
+
var eye = document.getElementById("Eye");
|
|
208
|
+
|
|
209
209
|
if (input.type === "password") {
|
|
210
210
|
input.type = "text";
|
|
211
211
|
eye.style.opacity = 0.8;
|
|
@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
|
|
|
15
15
|
|
|
16
16
|
var _templateObject;
|
|
17
17
|
|
|
18
|
-
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background: \"white\";\n display: flex;\n height: 100vh;\n width: 50%;\n justify-content: center;\n align-items: center;\n label {\n color: red;\n margin-top: 3px;\n margin-left: 15px;\n font-family: ", ";\n font-size: 11px;\n & + * {\n margin-top: 12px;\n }\n }\n\n &.home-login {\n .credenciales {\n & + * {\n margin-top: 30px;\n }\n }\n .user {\n & + * {\n margin-top:
|
|
18
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background: \"white\";\n display: flex;\n height: 100vh;\n width: 50%;\n justify-content: center;\n align-items: center;\n label {\n color: red;\n margin-top: 3px;\n margin-left: 15px;\n font-family: ", ";\n font-size: 11px;\n & + * {\n margin-top: 12px;\n }\n }\n\n &.home-login {\n .credenciales {\n & + * {\n margin-top: 30px;\n }\n }\n .user {\n & + * {\n margin-top: 45px;\n }\n }\n .password {\n & + * {\n margin-top: 20px;\n }\n &:hover {\n border: 1px solid ", ";\n }\n display: flex;\n justify-content: center;\n align-items: center;\n height: 40px;\n position: relative;\n width: 100%;\n border: 1px solid ", ";\n .input-container {\n h2 {\n position: absolute;\n top: -25px;\n left: 0;\n }\n }\n #passwordInput {\n width: 100%;\n background-color: white;\n position: absolute;\n top: 8px;\n left: 0;\n right: 0;\n bottom: 8px;\n box-sizing: border-box;\n border: none;\n }\n .icon {\n position: absolute;\n height: 60%;\n position: absolute;\n top: 50%;\n right: 8px;\n transform: translateY(-50%);\n opacity: 0.3;\n cursor: pointer;\n }\n .icon:hover {\n opacity: 0.8;\n }\n }\n .select {\n display: flex;\n justify-content: space-between;\n .active-right {\n font-family: ", ";\n font-weight: 500;\n font-size: 13px;\n line-height: 24px;\n letter-spacing: -0.015em;\n color: ", ";\n cursor: pointer;\n }\n & + * {\n margin-top: 50px;\n }\n }\n .button-right {\n text-align: right;\n & + * {\n margin-top: 55px;\n }\n }\n .new-login {\n p {\n font-family: ", ";\n text-align: right;\n font-weight: 500;\n font-size: 13px;\n line-height: 24px;\n color: ", ";\n cursor: pointer;\n span {\n color: ", ";\n }\n }\n }\n }\n .main-container {\n max-width: 80%;\n max-height: 80%;\n }\n"])), _variables.FontFamily.Raleway_700, _variables.GlobalColors.magenta_s2, _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.secondary_magenta);
|
|
19
19
|
|
|
20
20
|
exports.Container = Container;
|
package/package.json
CHANGED
|
@@ -20,8 +20,6 @@ export const SignInLogin = (props) => {
|
|
|
20
20
|
const [loading, setLoading] = useState(false);
|
|
21
21
|
const [upgradePlanRedirect, setUpgradePlanRedirect] = useState(false);
|
|
22
22
|
const [showEye, setShowEye] = useState(false);
|
|
23
|
-
const eye = document.getElementById("Eye");
|
|
24
|
-
const input = document.getElementById("passwordInput");
|
|
25
23
|
|
|
26
24
|
const validate = async (e) => {
|
|
27
25
|
setSignInError("");
|
|
@@ -105,6 +103,7 @@ export const SignInLogin = (props) => {
|
|
|
105
103
|
}
|
|
106
104
|
}
|
|
107
105
|
};
|
|
106
|
+
|
|
108
107
|
useEffect(() => {
|
|
109
108
|
sessionStorage.getItem("resetPasswordProcess") &&
|
|
110
109
|
sessionStorage.removeItem("resetPasswordProcess");
|
|
@@ -114,6 +113,8 @@ export const SignInLogin = (props) => {
|
|
|
114
113
|
}, [upgradePlanRedirect]);
|
|
115
114
|
|
|
116
115
|
const closeEye = (e) => {
|
|
116
|
+
const input = document.getElementById("passwordInput");
|
|
117
|
+
const eye = document.getElementById("Eye");
|
|
117
118
|
if (input.type === "password") {
|
|
118
119
|
input.type = "text";
|
|
119
120
|
eye.style.opacity = 0.8;
|
|
@@ -27,13 +27,16 @@ export const Container = styled.div`
|
|
|
27
27
|
}
|
|
28
28
|
.user {
|
|
29
29
|
& + * {
|
|
30
|
-
margin-top:
|
|
30
|
+
margin-top: 45px;
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
.password {
|
|
34
34
|
& + * {
|
|
35
35
|
margin-top: 20px;
|
|
36
36
|
}
|
|
37
|
+
&:hover {
|
|
38
|
+
border: 1px solid ${GlobalColors.magenta_s2};
|
|
39
|
+
}
|
|
37
40
|
display: flex;
|
|
38
41
|
justify-content: center;
|
|
39
42
|
align-items: center;
|
|
@@ -58,17 +61,7 @@ export const Container = styled.div`
|
|
|
58
61
|
bottom: 8px;
|
|
59
62
|
box-sizing: border-box;
|
|
60
63
|
border: none;
|
|
61
|
-
/* font-family: ${FontFamily.AvenirNext};
|
|
62
|
-
color: ${GlobalColors.s4};
|
|
63
|
-
font-weight: normal;
|
|
64
|
-
font-size: 12px;
|
|
65
|
-
line-height: 15px;
|
|
66
|
-
padding: 10px;
|
|
67
|
-
outline: none;
|
|
68
|
-
border-radius: 2px;
|
|
69
|
-
resize: none; */
|
|
70
64
|
}
|
|
71
|
-
|
|
72
65
|
.icon {
|
|
73
66
|
position: absolute;
|
|
74
67
|
height: 60%;
|
|
@@ -79,7 +72,6 @@ export const Container = styled.div`
|
|
|
79
72
|
opacity: 0.3;
|
|
80
73
|
cursor: pointer;
|
|
81
74
|
}
|
|
82
|
-
|
|
83
75
|
.icon:hover {
|
|
84
76
|
opacity: 0.8;
|
|
85
77
|
}
|