@sikka/hawa 0.0.186 → 0.0.188
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 +15 -28
- package/es/blocks/AuthForms/ResetPasswordForm.d.ts +3 -0
- package/es/blocks/AuthForms/SignUpForm.d.ts +1 -0
- package/es/elements/HawaTable.d.ts +2 -0
- package/es/elements/HawaTabs.d.ts +1 -0
- package/es/elements/HawaTextField.d.ts +1 -0
- package/es/elements/HawaTooltip.d.ts +1 -1
- package/es/index.es.js +1 -1
- package/lib/blocks/AuthForms/ResetPasswordForm.d.ts +3 -0
- package/lib/blocks/AuthForms/SignUpForm.d.ts +1 -0
- package/lib/elements/HawaTable.d.ts +2 -0
- package/lib/elements/HawaTabs.d.ts +1 -0
- package/lib/elements/HawaTextField.d.ts +1 -0
- package/lib/elements/HawaTooltip.d.ts +1 -1
- package/lib/index.js +1 -1
- package/package.json +20 -4
- package/src/blocks/AuthForms/ResetPasswordForm.tsx +12 -0
- package/src/blocks/AuthForms/SignUpForm.tsx +40 -43
- package/src/elements/HawaButton.tsx +65 -34
- package/src/elements/HawaCheckbox.tsx +3 -2
- package/src/elements/HawaSelect.tsx +1 -1
- package/src/elements/HawaTable.tsx +44 -5
- package/src/elements/HawaTabs.tsx +11 -3
- package/src/elements/HawaTextField.tsx +14 -19
- package/src/elements/HawaTooltip.tsx +74 -74
- package/src/styles.css +15 -28
- package/src/tailwind.css +1 -1
package/dist/styles.css
CHANGED
|
@@ -385,7 +385,7 @@ video {
|
|
|
385
385
|
--button-secondary-500: #ffc011;
|
|
386
386
|
--button-secondary-700: #b48d24;
|
|
387
387
|
|
|
388
|
-
--border-radius:
|
|
388
|
+
--border-radius: 0px;
|
|
389
389
|
}
|
|
390
390
|
input[type="number"]::-webkit-inner-spin-button,
|
|
391
391
|
input[type="number"]::-webkit-outer-spin-button {
|
|
@@ -608,20 +608,8 @@ video {
|
|
|
608
608
|
.top-2 {
|
|
609
609
|
top: 0.5rem;
|
|
610
610
|
}
|
|
611
|
-
.
|
|
612
|
-
|
|
613
|
-
}
|
|
614
|
-
.-top-10 {
|
|
615
|
-
top: -2.5rem;
|
|
616
|
-
}
|
|
617
|
-
.-top-2 {
|
|
618
|
-
top: -0.5rem;
|
|
619
|
-
}
|
|
620
|
-
.right-8 {
|
|
621
|
-
right: 2rem;
|
|
622
|
-
}
|
|
623
|
-
.left-8 {
|
|
624
|
-
left: 2rem;
|
|
611
|
+
.right-3 {
|
|
612
|
+
right: 0.75rem;
|
|
625
613
|
}
|
|
626
614
|
.-left-1 {
|
|
627
615
|
left: -0.25rem;
|
|
@@ -965,6 +953,9 @@ video {
|
|
|
965
953
|
.w-40 {
|
|
966
954
|
width: 10rem;
|
|
967
955
|
}
|
|
956
|
+
.min-w-full {
|
|
957
|
+
min-width: 100%;
|
|
958
|
+
}
|
|
968
959
|
.min-w-min {
|
|
969
960
|
min-width: -moz-min-content;
|
|
970
961
|
min-width: min-content;
|
|
@@ -1007,9 +998,6 @@ video {
|
|
|
1007
998
|
.shrink-0 {
|
|
1008
999
|
flex-shrink: 0;
|
|
1009
1000
|
}
|
|
1010
|
-
.origin-top {
|
|
1011
|
-
transform-origin: top;
|
|
1012
|
-
}
|
|
1013
1001
|
.translate-y-1\/2 {
|
|
1014
1002
|
--tw-translate-y: 50%;
|
|
1015
1003
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -1022,10 +1010,6 @@ video {
|
|
|
1022
1010
|
--tw-translate-y: -50%;
|
|
1023
1011
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1024
1012
|
}
|
|
1025
|
-
.translate-x-\[100px\] {
|
|
1026
|
-
--tw-translate-x: 100px;
|
|
1027
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1028
|
-
}
|
|
1029
1013
|
.rotate-180 {
|
|
1030
1014
|
--tw-rotate: 180deg;
|
|
1031
1015
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -1615,12 +1599,15 @@ video {
|
|
|
1615
1599
|
.pr-3 {
|
|
1616
1600
|
padding-right: 0.75rem;
|
|
1617
1601
|
}
|
|
1618
|
-
.
|
|
1619
|
-
padding-
|
|
1602
|
+
.pr-10 {
|
|
1603
|
+
padding-right: 2.5rem;
|
|
1620
1604
|
}
|
|
1621
1605
|
.pl-3 {
|
|
1622
1606
|
padding-left: 0.75rem;
|
|
1623
1607
|
}
|
|
1608
|
+
.pb-2 {
|
|
1609
|
+
padding-bottom: 0.5rem;
|
|
1610
|
+
}
|
|
1624
1611
|
.pt-0 {
|
|
1625
1612
|
padding-top: 0px;
|
|
1626
1613
|
}
|
|
@@ -1659,6 +1646,10 @@ video {
|
|
|
1659
1646
|
font-size: 3rem;
|
|
1660
1647
|
line-height: 1;
|
|
1661
1648
|
}
|
|
1649
|
+
.text-lg {
|
|
1650
|
+
font-size: 1.125rem;
|
|
1651
|
+
line-height: 1.75rem;
|
|
1652
|
+
}
|
|
1662
1653
|
.text-6xl {
|
|
1663
1654
|
font-size: 3.75rem;
|
|
1664
1655
|
line-height: 1;
|
|
@@ -1667,10 +1658,6 @@ video {
|
|
|
1667
1658
|
font-size: 1.875rem;
|
|
1668
1659
|
line-height: 2.25rem;
|
|
1669
1660
|
}
|
|
1670
|
-
.text-lg {
|
|
1671
|
-
font-size: 1.125rem;
|
|
1672
|
-
line-height: 1.75rem;
|
|
1673
|
-
}
|
|
1674
1661
|
.font-medium {
|
|
1675
1662
|
font-weight: 500;
|
|
1676
1663
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
type ResetPasswordType = {
|
|
3
3
|
handleResetPassword: () => void;
|
|
4
|
+
handleRouteToSignUp: () => void;
|
|
4
5
|
sent: any;
|
|
5
6
|
texts: {
|
|
6
7
|
emailLabel: string;
|
|
@@ -9,6 +10,8 @@ type ResetPasswordType = {
|
|
|
9
10
|
emailInvalidText: string;
|
|
10
11
|
emailSentText: string;
|
|
11
12
|
resetPassword: string;
|
|
13
|
+
signUpText: string;
|
|
14
|
+
dontHaveAccount: string;
|
|
12
15
|
};
|
|
13
16
|
};
|
|
14
17
|
export declare const ResetPasswordForm: React.FunctionComponent<ResetPasswordType>;
|
|
@@ -14,6 +14,8 @@ type TableTypes = {
|
|
|
14
14
|
highlightFirst?: boolean;
|
|
15
15
|
customColor?: string;
|
|
16
16
|
clickable?: boolean;
|
|
17
|
+
bordersWidth?: string;
|
|
18
|
+
borders?: ["all" | "cols" | "rows" | "outer"];
|
|
17
19
|
};
|
|
18
20
|
export declare const HawaTable: React.FunctionComponent<TableTypes>;
|
|
19
21
|
export {};
|
|
@@ -6,7 +6,7 @@ type THawaToolTip = {
|
|
|
6
6
|
buttonRef?: any;
|
|
7
7
|
buttonID?: any;
|
|
8
8
|
size?: "normal" | "small" | "large";
|
|
9
|
-
position?: "left" | "right" | "top" | "bottom";
|
|
9
|
+
position?: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left";
|
|
10
10
|
};
|
|
11
11
|
export declare const HawaTooltip: React.FunctionComponent<THawaToolTip>;
|
|
12
12
|
export {};
|