@sikka/hawa 0.0.116 → 0.0.117
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/styles.css +26 -5
- package/es/blocks/AuthForms/SignInForm.d.ts +36 -36
- package/es/index.es.js +1 -1
- package/lib/blocks/AuthForms/SignInForm.d.ts +36 -36
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/src/blocks/AuthForms/SignInForm.tsx +36 -36
- package/src/layout/HawaAppLayout.tsx +26 -17
- package/src/styles.css +26 -5
package/dist/styles.css
CHANGED
|
@@ -547,6 +547,9 @@ video {
|
|
|
547
547
|
.top-5 {
|
|
548
548
|
top: 1.25rem;
|
|
549
549
|
}
|
|
550
|
+
.left-10 {
|
|
551
|
+
left: 2.5rem;
|
|
552
|
+
}
|
|
550
553
|
.-left-1 {
|
|
551
554
|
left: -0.25rem;
|
|
552
555
|
}
|
|
@@ -934,9 +937,6 @@ video {
|
|
|
934
937
|
.items-stretch {
|
|
935
938
|
align-items: stretch;
|
|
936
939
|
}
|
|
937
|
-
.justify-start {
|
|
938
|
-
justify-content: flex-start;
|
|
939
|
-
}
|
|
940
940
|
.justify-end {
|
|
941
941
|
justify-content: flex-end;
|
|
942
942
|
}
|
|
@@ -958,6 +958,9 @@ video {
|
|
|
958
958
|
.gap-1 {
|
|
959
959
|
gap: 0.25rem;
|
|
960
960
|
}
|
|
961
|
+
.gap-0 {
|
|
962
|
+
gap: 0px;
|
|
963
|
+
}
|
|
961
964
|
.gap-x-3 {
|
|
962
965
|
-moz-column-gap: 0.75rem;
|
|
963
966
|
column-gap: 0.75rem;
|
|
@@ -1019,6 +1022,9 @@ video {
|
|
|
1019
1022
|
.overflow-x-hidden {
|
|
1020
1023
|
overflow-x: hidden;
|
|
1021
1024
|
}
|
|
1025
|
+
.overflow-x-clip {
|
|
1026
|
+
overflow-x: clip;
|
|
1027
|
+
}
|
|
1022
1028
|
.overflow-y-clip {
|
|
1023
1029
|
overflow-y: clip;
|
|
1024
1030
|
}
|
|
@@ -1300,10 +1306,18 @@ video {
|
|
|
1300
1306
|
--tw-bg-opacity: 1;
|
|
1301
1307
|
background-color: rgb(116 177 251 / var(--tw-bg-opacity));
|
|
1302
1308
|
}
|
|
1309
|
+
.bg-orange-400 {
|
|
1310
|
+
--tw-bg-opacity: 1;
|
|
1311
|
+
background-color: rgb(251 146 60 / var(--tw-bg-opacity));
|
|
1312
|
+
}
|
|
1303
1313
|
.bg-yellow-300 {
|
|
1304
1314
|
--tw-bg-opacity: 1;
|
|
1305
1315
|
background-color: rgb(253 224 71 / var(--tw-bg-opacity));
|
|
1306
1316
|
}
|
|
1317
|
+
.bg-orange-300 {
|
|
1318
|
+
--tw-bg-opacity: 1;
|
|
1319
|
+
background-color: rgb(253 186 116 / var(--tw-bg-opacity));
|
|
1320
|
+
}
|
|
1307
1321
|
.bg-primary-300 {
|
|
1308
1322
|
--tw-bg-opacity: 1;
|
|
1309
1323
|
background-color: rgb(156 199 252 / var(--tw-bg-opacity));
|
|
@@ -1430,6 +1444,9 @@ video {
|
|
|
1430
1444
|
.pl-10 {
|
|
1431
1445
|
padding-left: 2.5rem;
|
|
1432
1446
|
}
|
|
1447
|
+
.pl-3 {
|
|
1448
|
+
padding-left: 0.75rem;
|
|
1449
|
+
}
|
|
1433
1450
|
.pt-0 {
|
|
1434
1451
|
padding-top: 0px;
|
|
1435
1452
|
}
|
|
@@ -1741,8 +1758,8 @@ body {
|
|
|
1741
1758
|
--tw-content: '';
|
|
1742
1759
|
content: var(--tw-content);
|
|
1743
1760
|
}
|
|
1744
|
-
.hover\:w-
|
|
1745
|
-
width:
|
|
1761
|
+
.hover\:w-40:hover {
|
|
1762
|
+
width: 10rem;
|
|
1746
1763
|
}
|
|
1747
1764
|
.hover\:cursor-pointer:hover {
|
|
1748
1765
|
cursor: pointer;
|
|
@@ -1783,6 +1800,10 @@ body {
|
|
|
1783
1800
|
--tw-bg-opacity: 1;
|
|
1784
1801
|
background-color: rgb(29 78 216 / var(--tw-bg-opacity));
|
|
1785
1802
|
}
|
|
1803
|
+
.hover\:bg-green-300:hover {
|
|
1804
|
+
--tw-bg-opacity: 1;
|
|
1805
|
+
background-color: rgb(134 239 172 / var(--tw-bg-opacity));
|
|
1806
|
+
}
|
|
1786
1807
|
.hover\:text-gray-900:hover {
|
|
1787
1808
|
--tw-text-opacity: 1;
|
|
1788
1809
|
color: rgb(17 24 39 / var(--tw-text-opacity));
|
|
@@ -1,42 +1,42 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
type SignInFormTypes = {
|
|
3
|
-
showError
|
|
4
|
-
errorTitle
|
|
5
|
-
errorText
|
|
6
|
-
signInType
|
|
7
|
-
texts
|
|
8
|
-
emailLabel
|
|
9
|
-
emailPlaceholder
|
|
10
|
-
emailRequiredText
|
|
11
|
-
emailInvalidText
|
|
12
|
-
usernameLabel
|
|
13
|
-
usernamePlaceholder
|
|
14
|
-
usernameRequired
|
|
15
|
-
usernameRequiredText
|
|
16
|
-
phoneRequiredText
|
|
17
|
-
passwordLabel
|
|
18
|
-
passwordPlaceholder
|
|
19
|
-
passwordRequiredText
|
|
20
|
-
forgotPasswordText
|
|
21
|
-
newUserText
|
|
22
|
-
signUpText
|
|
23
|
-
signInText
|
|
24
|
-
googleButtonLabel
|
|
25
|
-
githubButtonLabel
|
|
26
|
-
twitterButtonLabel
|
|
3
|
+
showError?: any;
|
|
4
|
+
errorTitle?: string;
|
|
5
|
+
errorText?: string;
|
|
6
|
+
signInType?: "email" | "username" | "phone";
|
|
7
|
+
texts?: {
|
|
8
|
+
emailLabel?: string;
|
|
9
|
+
emailPlaceholder?: string;
|
|
10
|
+
emailRequiredText?: string;
|
|
11
|
+
emailInvalidText?: string;
|
|
12
|
+
usernameLabel?: string;
|
|
13
|
+
usernamePlaceholder?: string;
|
|
14
|
+
usernameRequired?: string;
|
|
15
|
+
usernameRequiredText?: string;
|
|
16
|
+
phoneRequiredText?: string;
|
|
17
|
+
passwordLabel?: string;
|
|
18
|
+
passwordPlaceholder?: string;
|
|
19
|
+
passwordRequiredText?: string;
|
|
20
|
+
forgotPasswordText?: string;
|
|
21
|
+
newUserText?: string;
|
|
22
|
+
signUpText?: string;
|
|
23
|
+
signInText?: string;
|
|
24
|
+
googleButtonLabel?: string;
|
|
25
|
+
githubButtonLabel?: string;
|
|
26
|
+
twitterButtonLabel?: string;
|
|
27
27
|
};
|
|
28
|
-
withoutResetPassword
|
|
29
|
-
withoutSignUp
|
|
30
|
-
isLoading
|
|
31
|
-
viaGoogle
|
|
32
|
-
viaGithub
|
|
33
|
-
viaTwitter
|
|
34
|
-
handleSignIn
|
|
35
|
-
handleRouteToSignUp
|
|
36
|
-
handleForgotPassword
|
|
37
|
-
handleGoogleSignIn
|
|
38
|
-
handleGithubSignIn
|
|
39
|
-
handleTwitterSignIn
|
|
28
|
+
withoutResetPassword?: boolean;
|
|
29
|
+
withoutSignUp?: boolean;
|
|
30
|
+
isLoading?: any;
|
|
31
|
+
viaGoogle?: boolean;
|
|
32
|
+
viaGithub?: boolean;
|
|
33
|
+
viaTwitter?: boolean;
|
|
34
|
+
handleSignIn?: (e: any) => void;
|
|
35
|
+
handleRouteToSignUp?: () => void;
|
|
36
|
+
handleForgotPassword?: () => void;
|
|
37
|
+
handleGoogleSignIn?: () => void;
|
|
38
|
+
handleGithubSignIn?: () => void;
|
|
39
|
+
handleTwitterSignIn?: () => void;
|
|
40
40
|
};
|
|
41
41
|
export declare const SignInForm: React.FunctionComponent<SignInFormTypes>;
|
|
42
42
|
export {};
|