@sikka/hawa 0.0.112 → 0.0.114
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 +16 -10
- package/es/blocks/AuthForms/AppLanding.d.ts +3 -3
- package/es/blocks/AuthForms/NewPasswordForm.d.ts +1 -2
- package/es/blocks/AuthForms/ResetPasswordForm.d.ts +1 -1
- package/es/blocks/AuthForms/SignInForm.d.ts +6 -6
- package/es/blocks/AuthForms/SignInPhone.d.ts +1 -0
- package/es/blocks/AuthForms/SignUpForm.d.ts +5 -5
- package/es/elements/HawaAlert.d.ts +7 -0
- package/es/elements/HawaButton.d.ts +2 -1
- package/es/elements/HawaChip.d.ts +1 -0
- package/es/elements/HawaRadio.d.ts +6 -1
- package/es/elements/HawaSnackbar.d.ts +7 -0
- package/es/index.es.js +1 -1
- package/es/stories/ElementsStories/Snackbar.stories.d.ts +1 -0
- package/lib/blocks/AuthForms/AppLanding.d.ts +3 -3
- package/lib/blocks/AuthForms/NewPasswordForm.d.ts +1 -2
- package/lib/blocks/AuthForms/ResetPasswordForm.d.ts +1 -1
- package/lib/blocks/AuthForms/SignInForm.d.ts +6 -6
- package/lib/blocks/AuthForms/SignInPhone.d.ts +1 -0
- package/lib/blocks/AuthForms/SignUpForm.d.ts +5 -5
- package/lib/elements/HawaAlert.d.ts +7 -0
- package/lib/elements/HawaButton.d.ts +2 -1
- package/lib/elements/HawaChip.d.ts +1 -0
- package/lib/elements/HawaRadio.d.ts +6 -1
- package/lib/elements/HawaSnackbar.d.ts +7 -0
- package/lib/index.js +1 -1
- package/lib/stories/ElementsStories/Snackbar.stories.d.ts +1 -0
- package/package.json +1 -1
- package/src/blocks/Account/UserSettingsForm.tsx +0 -1
- package/src/blocks/AuthForms/AppLanding.tsx +3 -3
- package/src/blocks/AuthForms/NewPasswordForm.tsx +1 -2
- package/src/blocks/AuthForms/ResetPasswordForm.tsx +1 -1
- package/src/blocks/AuthForms/SignInForm.tsx +6 -6
- package/src/blocks/AuthForms/SignInPhone.tsx +8 -10
- package/src/blocks/AuthForms/SignUpForm.tsx +7 -7
- package/src/elements/HawaAlert.tsx +21 -0
- package/src/elements/HawaButton.tsx +9 -2
- package/src/elements/HawaChip.tsx +9 -5
- package/src/elements/HawaRadio.tsx +7 -2
- package/src/elements/HawaSearchBar.tsx +1 -1
- package/src/elements/HawaSnackbar.tsx +24 -2
- package/src/elements/HawaTextField.tsx +18 -5
- package/src/layout/HawaContainer.tsx +2 -3
- package/src/styles.css +16 -10
package/dist/styles.css
CHANGED
|
@@ -541,6 +541,9 @@ video {
|
|
|
541
541
|
.bottom-4 {
|
|
542
542
|
bottom: 1rem;
|
|
543
543
|
}
|
|
544
|
+
.left-3 {
|
|
545
|
+
left: 0.75rem;
|
|
546
|
+
}
|
|
544
547
|
.top-5 {
|
|
545
548
|
top: 1.25rem;
|
|
546
549
|
}
|
|
@@ -587,14 +590,18 @@ video {
|
|
|
587
590
|
margin-left: 0.25rem;
|
|
588
591
|
margin-right: 0.25rem;
|
|
589
592
|
}
|
|
590
|
-
.my-
|
|
591
|
-
margin-top:
|
|
592
|
-
margin-bottom:
|
|
593
|
+
.my-0 {
|
|
594
|
+
margin-top: 0px;
|
|
595
|
+
margin-bottom: 0px;
|
|
593
596
|
}
|
|
594
597
|
.mx-2 {
|
|
595
598
|
margin-left: 0.5rem;
|
|
596
599
|
margin-right: 0.5rem;
|
|
597
600
|
}
|
|
601
|
+
.my-2 {
|
|
602
|
+
margin-top: 0.5rem;
|
|
603
|
+
margin-bottom: 0.5rem;
|
|
604
|
+
}
|
|
598
605
|
.my-7 {
|
|
599
606
|
margin-top: 1.75rem;
|
|
600
607
|
margin-bottom: 1.75rem;
|
|
@@ -603,10 +610,6 @@ video {
|
|
|
603
610
|
margin-top: 0.125rem;
|
|
604
611
|
margin-bottom: 0.125rem;
|
|
605
612
|
}
|
|
606
|
-
.my-0 {
|
|
607
|
-
margin-top: 0px;
|
|
608
|
-
margin-bottom: 0px;
|
|
609
|
-
}
|
|
610
613
|
.ml-auto {
|
|
611
614
|
margin-left: auto;
|
|
612
615
|
}
|
|
@@ -619,6 +622,9 @@ video {
|
|
|
619
622
|
.mb-4 {
|
|
620
623
|
margin-bottom: 1rem;
|
|
621
624
|
}
|
|
625
|
+
.mt-2 {
|
|
626
|
+
margin-top: 0.5rem;
|
|
627
|
+
}
|
|
622
628
|
.mb-0 {
|
|
623
629
|
margin-bottom: 0px;
|
|
624
630
|
}
|
|
@@ -652,9 +658,6 @@ video {
|
|
|
652
658
|
.ml-2 {
|
|
653
659
|
margin-left: 0.5rem;
|
|
654
660
|
}
|
|
655
|
-
.mt-2 {
|
|
656
|
-
margin-top: 0.5rem;
|
|
657
|
-
}
|
|
658
661
|
.mb-5 {
|
|
659
662
|
margin-bottom: 1.25rem;
|
|
660
663
|
}
|
|
@@ -1389,6 +1392,9 @@ video {
|
|
|
1389
1392
|
.pr-3 {
|
|
1390
1393
|
padding-right: 0.75rem;
|
|
1391
1394
|
}
|
|
1395
|
+
.pl-10 {
|
|
1396
|
+
padding-left: 2.5rem;
|
|
1397
|
+
}
|
|
1392
1398
|
.pt-0 {
|
|
1393
1399
|
padding-top: 0px;
|
|
1394
1400
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
type NewPasswordTypes = {
|
|
3
|
-
handleNewPassword:
|
|
3
|
+
handleNewPassword: () => void;
|
|
4
4
|
passwordChanged: any;
|
|
5
5
|
texts: {
|
|
6
6
|
passwordPlaceholder: string;
|
|
@@ -13,7 +13,6 @@ type NewPasswordTypes = {
|
|
|
13
13
|
passwordMatchError: string;
|
|
14
14
|
passwordChanged: string;
|
|
15
15
|
};
|
|
16
|
-
handleSignIn: any;
|
|
17
16
|
};
|
|
18
17
|
export declare const NewPasswordForm: React.FunctionComponent<NewPasswordTypes>;
|
|
19
18
|
export {};
|
|
@@ -31,12 +31,12 @@ type SignInFormTypes = {
|
|
|
31
31
|
viaGoogle: boolean;
|
|
32
32
|
viaGithub: boolean;
|
|
33
33
|
viaTwitter: boolean;
|
|
34
|
-
handleSignIn: any;
|
|
35
|
-
handleRouteToSignUp:
|
|
36
|
-
handleForgotPassword:
|
|
37
|
-
handleGoogleSignIn:
|
|
38
|
-
handleGithubSignIn:
|
|
39
|
-
handleTwitterSignIn:
|
|
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 {};
|
|
@@ -38,11 +38,11 @@ type SignUpFormTypes = {
|
|
|
38
38
|
showNewsletterOption: boolean;
|
|
39
39
|
showRefCode: boolean;
|
|
40
40
|
showTermsOption: boolean;
|
|
41
|
-
handleSignUp: any;
|
|
42
|
-
handleRouteToSignIn:
|
|
43
|
-
handleGoogleSignUp:
|
|
44
|
-
handleGithubSignUp:
|
|
45
|
-
handleTwitterSignUp:
|
|
41
|
+
handleSignUp: (e: any) => void;
|
|
42
|
+
handleRouteToSignIn: () => void;
|
|
43
|
+
handleGoogleSignUp: () => void;
|
|
44
|
+
handleGithubSignUp: () => void;
|
|
45
|
+
handleTwitterSignUp: () => void;
|
|
46
46
|
showError: any;
|
|
47
47
|
errorTitle: any;
|
|
48
48
|
errorText: any;
|
|
@@ -10,6 +10,13 @@ type AlertTypes = {
|
|
|
10
10
|
title?: any;
|
|
11
11
|
text: any;
|
|
12
12
|
hideIcon?: any;
|
|
13
|
+
actions?: [
|
|
14
|
+
{
|
|
15
|
+
label: string;
|
|
16
|
+
onClick: any;
|
|
17
|
+
variant: "contained" | "outlined";
|
|
18
|
+
}
|
|
19
|
+
];
|
|
13
20
|
};
|
|
14
21
|
export declare const HawaAlert: React.FunctionComponent<AlertTypes>;
|
|
15
22
|
export {};
|
|
@@ -4,8 +4,9 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
4
4
|
color?: "default" | "primary" | "secondary";
|
|
5
5
|
width?: "full" | "normal" | "half";
|
|
6
6
|
size?: "small" | "medium" | "large" | "noPadding";
|
|
7
|
+
margins?: "none" | "1" | "2" | "3" | "4";
|
|
7
8
|
tooltip?: string;
|
|
8
9
|
isLoading?: boolean;
|
|
9
10
|
}
|
|
10
|
-
export declare function HawaButton({ className, variant, color, size, width, disabled, isLoading, tooltip, children, ...props }: ButtonProps): JSX.Element;
|
|
11
|
+
export declare function HawaButton({ className, variant, color, size, width, disabled, isLoading, margins, tooltip, children, ...props }: ButtonProps): JSX.Element;
|
|
11
12
|
export {};
|
|
@@ -4,6 +4,13 @@ type THawaSnackBar = {
|
|
|
4
4
|
title: string;
|
|
5
5
|
description: string;
|
|
6
6
|
position?: "top-left" | "top-center" | "top-right" | "bottom-right" | "bottom-center" | "bottom-left";
|
|
7
|
+
actions?: [
|
|
8
|
+
{
|
|
9
|
+
label: string;
|
|
10
|
+
onClick: any;
|
|
11
|
+
variant: "contained" | "outlined";
|
|
12
|
+
}
|
|
13
|
+
];
|
|
7
14
|
};
|
|
8
15
|
export declare const HawaSnackbar: FC<THawaSnackBar>;
|
|
9
16
|
export {};
|