@sikka/hawa 0.0.204 → 0.0.205
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 +9 -4
- package/es/blocks/AuthForms/CodeConfirmation.d.ts +15 -8
- package/es/blocks/AuthForms/SignInForm.d.ts +2 -2
- package/es/blocks/AuthForms/SignUpForm.d.ts +1 -1
- package/es/elements/HawaPinInput.d.ts +4 -2
- package/es/index.es.js +1 -1
- package/lib/blocks/AuthForms/CodeConfirmation.d.ts +15 -8
- package/lib/blocks/AuthForms/SignInForm.d.ts +2 -2
- package/lib/blocks/AuthForms/SignUpForm.d.ts +1 -1
- package/lib/elements/HawaPinInput.d.ts +4 -2
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/src/blocks/AuthForms/CodeConfirmation.tsx +57 -46
- package/src/blocks/AuthForms/SignInForm.tsx +81 -76
- package/src/blocks/AuthForms/SignUpForm.tsx +2 -2
- package/src/elements/HawaButton.tsx +1 -1
- package/src/elements/HawaPinInput.tsx +61 -38
- package/src/elements/HawaTable.tsx +1 -0
- package/src/styles.css +9 -4
package/dist/styles.css
CHANGED
|
@@ -775,6 +775,9 @@ video {
|
|
|
775
775
|
.mt-3 {
|
|
776
776
|
margin-top: 0.75rem;
|
|
777
777
|
}
|
|
778
|
+
.mt-4 {
|
|
779
|
+
margin-top: 1rem;
|
|
780
|
+
}
|
|
778
781
|
.mt-5 {
|
|
779
782
|
margin-top: 1.25rem;
|
|
780
783
|
}
|
|
@@ -1055,6 +1058,9 @@ video {
|
|
|
1055
1058
|
-moz-appearance: none;
|
|
1056
1059
|
appearance: none;
|
|
1057
1060
|
}
|
|
1061
|
+
.grid-cols-2 {
|
|
1062
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1063
|
+
}
|
|
1058
1064
|
.grid-cols-4 {
|
|
1059
1065
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
1060
1066
|
}
|
|
@@ -1156,10 +1162,6 @@ video {
|
|
|
1156
1162
|
--tw-divide-opacity: 1;
|
|
1157
1163
|
border-color: rgb(243 244 246 / var(--tw-divide-opacity));
|
|
1158
1164
|
}
|
|
1159
|
-
.divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
|
|
1160
|
-
--tw-divide-opacity: 1;
|
|
1161
|
-
border-color: rgb(17 24 39 / var(--tw-divide-opacity));
|
|
1162
|
-
}
|
|
1163
1165
|
.self-center {
|
|
1164
1166
|
align-self: center;
|
|
1165
1167
|
}
|
|
@@ -1738,6 +1740,9 @@ video {
|
|
|
1738
1740
|
--tw-text-opacity: 1;
|
|
1739
1741
|
color: rgb(30 64 175 / var(--tw-text-opacity));
|
|
1740
1742
|
}
|
|
1743
|
+
.text-buttonPrimary-500 {
|
|
1744
|
+
color: var(--button-primary-500);
|
|
1745
|
+
}
|
|
1741
1746
|
.text-gray-300 {
|
|
1742
1747
|
--tw-text-opacity: 1;
|
|
1743
1748
|
color: rgb(209 213 219 / var(--tw-text-opacity));
|
|
@@ -1,15 +1,22 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
type
|
|
3
|
-
showError
|
|
4
|
-
errorTitle
|
|
5
|
-
errorText
|
|
6
|
-
texts
|
|
2
|
+
type TConfirmation = {
|
|
3
|
+
showError?: any;
|
|
4
|
+
errorTitle?: any;
|
|
5
|
+
errorText?: any;
|
|
6
|
+
texts?: {
|
|
7
|
+
checkYourPhone: string;
|
|
8
|
+
weSentCode: string;
|
|
9
|
+
didntGetCode: string;
|
|
10
|
+
resendCode: string;
|
|
7
11
|
codeLabel: string;
|
|
8
12
|
codePlaceholder: string;
|
|
9
13
|
codeRequiredText: string;
|
|
10
|
-
|
|
14
|
+
confirm: string;
|
|
15
|
+
cancel: any;
|
|
11
16
|
};
|
|
12
|
-
|
|
17
|
+
phoneNumber?: string;
|
|
18
|
+
submitConfirmation?: any;
|
|
19
|
+
handleSignIn?: any;
|
|
13
20
|
};
|
|
14
|
-
export declare const CodeConfirmation: React.FunctionComponent<
|
|
21
|
+
export declare const CodeConfirmation: React.FunctionComponent<TConfirmation>;
|
|
15
22
|
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
export declare const SignInForm: React.FunctionComponent<SignInFormTypes>;
|
|
2
3
|
type SignInFormTypes = {
|
|
3
|
-
|
|
4
|
+
direction?: "rtl" | "ltr";
|
|
4
5
|
showError?: any;
|
|
5
6
|
errorTitle?: string;
|
|
6
7
|
errorText?: string;
|
|
@@ -47,5 +48,4 @@ type SignInFormTypes = {
|
|
|
47
48
|
handleGithubSignIn?: () => void;
|
|
48
49
|
handleTwitterSignIn?: () => void;
|
|
49
50
|
};
|
|
50
|
-
export declare const SignInForm: React.FunctionComponent<SignInFormTypes>;
|
|
51
51
|
export {};
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
type PinInputTypes = {
|
|
3
|
-
label
|
|
3
|
+
label?: string;
|
|
4
4
|
icon?: JSX.Element;
|
|
5
|
-
digits
|
|
5
|
+
digits: number;
|
|
6
|
+
width?: "normal" | "full";
|
|
7
|
+
getPins?: any;
|
|
6
8
|
};
|
|
7
9
|
export declare const HawaPinInput: React.FunctionComponent<PinInputTypes>;
|
|
8
10
|
export {};
|