@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 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-60:hover {
1745
- width: 15rem;
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: 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;
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: 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;
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 {};