@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.
Files changed (44) hide show
  1. package/dist/styles.css +16 -10
  2. package/es/blocks/AuthForms/AppLanding.d.ts +3 -3
  3. package/es/blocks/AuthForms/NewPasswordForm.d.ts +1 -2
  4. package/es/blocks/AuthForms/ResetPasswordForm.d.ts +1 -1
  5. package/es/blocks/AuthForms/SignInForm.d.ts +6 -6
  6. package/es/blocks/AuthForms/SignInPhone.d.ts +1 -0
  7. package/es/blocks/AuthForms/SignUpForm.d.ts +5 -5
  8. package/es/elements/HawaAlert.d.ts +7 -0
  9. package/es/elements/HawaButton.d.ts +2 -1
  10. package/es/elements/HawaChip.d.ts +1 -0
  11. package/es/elements/HawaRadio.d.ts +6 -1
  12. package/es/elements/HawaSnackbar.d.ts +7 -0
  13. package/es/index.es.js +1 -1
  14. package/es/stories/ElementsStories/Snackbar.stories.d.ts +1 -0
  15. package/lib/blocks/AuthForms/AppLanding.d.ts +3 -3
  16. package/lib/blocks/AuthForms/NewPasswordForm.d.ts +1 -2
  17. package/lib/blocks/AuthForms/ResetPasswordForm.d.ts +1 -1
  18. package/lib/blocks/AuthForms/SignInForm.d.ts +6 -6
  19. package/lib/blocks/AuthForms/SignInPhone.d.ts +1 -0
  20. package/lib/blocks/AuthForms/SignUpForm.d.ts +5 -5
  21. package/lib/elements/HawaAlert.d.ts +7 -0
  22. package/lib/elements/HawaButton.d.ts +2 -1
  23. package/lib/elements/HawaChip.d.ts +1 -0
  24. package/lib/elements/HawaRadio.d.ts +6 -1
  25. package/lib/elements/HawaSnackbar.d.ts +7 -0
  26. package/lib/index.js +1 -1
  27. package/lib/stories/ElementsStories/Snackbar.stories.d.ts +1 -0
  28. package/package.json +1 -1
  29. package/src/blocks/Account/UserSettingsForm.tsx +0 -1
  30. package/src/blocks/AuthForms/AppLanding.tsx +3 -3
  31. package/src/blocks/AuthForms/NewPasswordForm.tsx +1 -2
  32. package/src/blocks/AuthForms/ResetPasswordForm.tsx +1 -1
  33. package/src/blocks/AuthForms/SignInForm.tsx +6 -6
  34. package/src/blocks/AuthForms/SignInPhone.tsx +8 -10
  35. package/src/blocks/AuthForms/SignUpForm.tsx +7 -7
  36. package/src/elements/HawaAlert.tsx +21 -0
  37. package/src/elements/HawaButton.tsx +9 -2
  38. package/src/elements/HawaChip.tsx +9 -5
  39. package/src/elements/HawaRadio.tsx +7 -2
  40. package/src/elements/HawaSearchBar.tsx +1 -1
  41. package/src/elements/HawaSnackbar.tsx +24 -2
  42. package/src/elements/HawaTextField.tsx +18 -5
  43. package/src/layout/HawaContainer.tsx +2 -3
  44. 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-2 {
591
- margin-top: 0.5rem;
592
- margin-bottom: 0.5rem;
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,8 +1,8 @@
1
1
  import React from "react";
2
2
  type AppLandingTypes = {
3
- handleSignIn: any;
4
- handleSignUp: any;
5
- handleLanguage: any;
3
+ handleSignIn: () => void;
4
+ handleSignUp: () => void;
5
+ handleLanguage: () => void;
6
6
  texts: {
7
7
  signIn: string;
8
8
  signUp: string;
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  type NewPasswordTypes = {
3
- handleNewPassword: any;
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 {};
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  type ResetPasswordType = {
3
- handleResetPassword: any;
3
+ handleResetPassword: () => void;
4
4
  sent: any;
5
5
  texts: {
6
6
  emailLabel: string;
@@ -31,12 +31,12 @@ type SignInFormTypes = {
31
31
  viaGoogle: boolean;
32
32
  viaGithub: boolean;
33
33
  viaTwitter: boolean;
34
- handleSignIn: any;
35
- handleRouteToSignUp: any;
36
- handleForgotPassword: any;
37
- handleGoogleSignIn: any;
38
- handleGithubSignIn: any;
39
- handleTwitterSignIn: any;
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 {};
@@ -7,6 +7,7 @@ type SignInPhoneTypes = {
7
7
  handlePhoneChange: any;
8
8
  phoneRequiredText: any;
9
9
  SignInButtonText: any;
10
+ handleSignIn: any;
10
11
  };
11
12
  export declare const SignInPhone: React.FunctionComponent<SignInPhoneTypes>;
12
13
  export {};
@@ -38,11 +38,11 @@ type SignUpFormTypes = {
38
38
  showNewsletterOption: boolean;
39
39
  showRefCode: boolean;
40
40
  showTermsOption: boolean;
41
- handleSignUp: any;
42
- handleRouteToSignIn: any;
43
- handleGoogleSignUp: any;
44
- handleGithubSignUp: any;
45
- handleTwitterSignUp: any;
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 {};
@@ -2,6 +2,7 @@ import React from "react";
2
2
  type TChipTypes = {
3
3
  label: string;
4
4
  size: "small" | "normal" | "large";
5
+ icon?: any;
5
6
  };
6
7
  export declare const HawaChip: React.FunctionComponent<TChipTypes>;
7
8
  export {};
@@ -1,6 +1,11 @@
1
1
  import React from "react";
2
2
  type RadioTypes = {
3
- options?: any;
3
+ options?: [
4
+ {
5
+ value: any;
6
+ label: any;
7
+ }
8
+ ];
4
9
  onChangeTab?: any;
5
10
  defaultValue?: any;
6
11
  };
@@ -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 {};