@sikka/hawa 0.0.203 → 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 +12 -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/DragDropImages.tsx +5 -21
- package/src/elements/HawaAccordion.tsx +33 -36
- package/src/elements/HawaButton.tsx +1 -1
- package/src/elements/HawaPinInput.tsx +61 -38
- package/src/elements/HawaTable.tsx +1 -0
- package/src/elements/HawaTooltip.tsx +1 -1
- package/src/styles.css +12 -4
- package/es/stories/ElementsStories/Tooltip.stories.d.ts +0 -4
- package/lib/stories/ElementsStories/Tooltip.stories.d.ts +0 -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
|
}
|
|
@@ -1633,6 +1635,9 @@ video {
|
|
|
1633
1635
|
.pt-3 {
|
|
1634
1636
|
padding-top: 0.75rem;
|
|
1635
1637
|
}
|
|
1638
|
+
.pt-4 {
|
|
1639
|
+
padding-top: 1rem;
|
|
1640
|
+
}
|
|
1636
1641
|
.pt-6 {
|
|
1637
1642
|
padding-top: 1.5rem;
|
|
1638
1643
|
}
|
|
@@ -1735,6 +1740,9 @@ video {
|
|
|
1735
1740
|
--tw-text-opacity: 1;
|
|
1736
1741
|
color: rgb(30 64 175 / var(--tw-text-opacity));
|
|
1737
1742
|
}
|
|
1743
|
+
.text-buttonPrimary-500 {
|
|
1744
|
+
color: var(--button-primary-500);
|
|
1745
|
+
}
|
|
1738
1746
|
.text-gray-300 {
|
|
1739
1747
|
--tw-text-opacity: 1;
|
|
1740
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 {};
|