@sikka/hawa 0.0.182 → 0.0.184
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 +11 -46
- package/es/blocks/AuthForms/SignInForm.d.ts +9 -0
- package/es/index.es.js +1 -1
- package/es/layout/HawaAppLayout.d.ts +1 -0
- package/lib/blocks/AuthForms/SignInForm.d.ts +9 -0
- package/lib/index.js +1 -1
- package/lib/layout/HawaAppLayout.d.ts +1 -0
- package/package.json +1 -1
- package/src/blocks/AuthForms/SignInForm.tsx +9 -0
- package/src/layout/HawaAppLayout.tsx +94 -90
- package/src/styles.css +11 -46
package/dist/styles.css
CHANGED
|
@@ -623,21 +623,6 @@ video {
|
|
|
623
623
|
.left-8 {
|
|
624
624
|
left: 2rem;
|
|
625
625
|
}
|
|
626
|
-
.left-14 {
|
|
627
|
-
left: 3.5rem;
|
|
628
|
-
}
|
|
629
|
-
.top-14 {
|
|
630
|
-
top: 3.5rem;
|
|
631
|
-
}
|
|
632
|
-
.left-40 {
|
|
633
|
-
left: 10rem;
|
|
634
|
-
}
|
|
635
|
-
.right-14 {
|
|
636
|
-
right: 3.5rem;
|
|
637
|
-
}
|
|
638
|
-
.right-40 {
|
|
639
|
-
right: 10rem;
|
|
640
|
-
}
|
|
641
626
|
.-left-1 {
|
|
642
627
|
left: -0.25rem;
|
|
643
628
|
}
|
|
@@ -653,15 +638,15 @@ video {
|
|
|
653
638
|
.left-2 {
|
|
654
639
|
left: 0.5rem;
|
|
655
640
|
}
|
|
656
|
-
.right-32 {
|
|
657
|
-
right: 8rem;
|
|
658
|
-
}
|
|
659
641
|
.left-32 {
|
|
660
642
|
left: 8rem;
|
|
661
643
|
}
|
|
662
644
|
.top-auto {
|
|
663
645
|
top: auto;
|
|
664
646
|
}
|
|
647
|
+
.top-14 {
|
|
648
|
+
top: 3.5rem;
|
|
649
|
+
}
|
|
665
650
|
.z-50 {
|
|
666
651
|
z-index: 50;
|
|
667
652
|
}
|
|
@@ -890,15 +875,15 @@ video {
|
|
|
890
875
|
.h-0\.5 {
|
|
891
876
|
height: 0.125rem;
|
|
892
877
|
}
|
|
893
|
-
.h-\[calc\(100\%-3\.5rem\)\] {
|
|
894
|
-
height: calc(100% - 3.5rem);
|
|
895
|
-
}
|
|
896
878
|
.h-9 {
|
|
897
879
|
height: 2.25rem;
|
|
898
880
|
}
|
|
899
881
|
.h-\[1px\] {
|
|
900
882
|
height: 1px;
|
|
901
883
|
}
|
|
884
|
+
.h-\[calc\(100\%-3\.5rem\)\] {
|
|
885
|
+
height: calc(100% - 3.5rem);
|
|
886
|
+
}
|
|
902
887
|
.h-44 {
|
|
903
888
|
height: 11rem;
|
|
904
889
|
}
|
|
@@ -973,18 +958,6 @@ video {
|
|
|
973
958
|
.w-40 {
|
|
974
959
|
width: 10rem;
|
|
975
960
|
}
|
|
976
|
-
.w-\[calc\(100\%-3\.5rem\)\] {
|
|
977
|
-
width: calc(100% - 3.5rem);
|
|
978
|
-
}
|
|
979
|
-
.w-\[calc\(100\%-10rem\)\] {
|
|
980
|
-
width: calc(100% - 10rem);
|
|
981
|
-
}
|
|
982
|
-
.w-\[calc\(100\%-10\.01rem\)\] {
|
|
983
|
-
width: calc(100% - 10.01rem);
|
|
984
|
-
}
|
|
985
|
-
.w-\[calc\(100\%-3rem\)\] {
|
|
986
|
-
width: calc(100% - 3rem);
|
|
987
|
-
}
|
|
988
961
|
.w-10\/12 {
|
|
989
962
|
width: 83.333333%;
|
|
990
963
|
}
|
|
@@ -1049,10 +1022,6 @@ video {
|
|
|
1049
1022
|
--tw-translate-x: 100px;
|
|
1050
1023
|
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));
|
|
1051
1024
|
}
|
|
1052
|
-
.translate-x-\[3rem\] {
|
|
1053
|
-
--tw-translate-x: 3rem;
|
|
1054
|
-
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));
|
|
1055
|
-
}
|
|
1056
1025
|
.rotate-180 {
|
|
1057
1026
|
--tw-rotate: 180deg;
|
|
1058
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));
|
|
@@ -1504,10 +1473,6 @@ video {
|
|
|
1504
1473
|
--tw-bg-opacity: 1;
|
|
1505
1474
|
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
|
1506
1475
|
}
|
|
1507
|
-
.bg-green-500 {
|
|
1508
|
-
--tw-bg-opacity: 1;
|
|
1509
|
-
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
|
|
1510
|
-
}
|
|
1511
1476
|
.bg-layoutPrimary-300 {
|
|
1512
1477
|
background-color: var(--layout-primary-300);
|
|
1513
1478
|
}
|
|
@@ -1518,9 +1483,9 @@ video {
|
|
|
1518
1483
|
.bg-buttonPrimary-300 {
|
|
1519
1484
|
background-color: var(--button-primary-300);
|
|
1520
1485
|
}
|
|
1521
|
-
.bg-blue-
|
|
1486
|
+
.bg-blue-50 {
|
|
1522
1487
|
--tw-bg-opacity: 1;
|
|
1523
|
-
background-color: rgb(
|
|
1488
|
+
background-color: rgb(239 246 255 / var(--tw-bg-opacity));
|
|
1524
1489
|
}
|
|
1525
1490
|
.bg-opacity-75 {
|
|
1526
1491
|
--tw-bg-opacity: 0.75;
|
|
@@ -1646,9 +1611,6 @@ video {
|
|
|
1646
1611
|
.pl-10 {
|
|
1647
1612
|
padding-left: 2.5rem;
|
|
1648
1613
|
}
|
|
1649
|
-
.pr-5 {
|
|
1650
|
-
padding-right: 1.25rem;
|
|
1651
|
-
}
|
|
1652
1614
|
.pl-3 {
|
|
1653
1615
|
padding-left: 0.75rem;
|
|
1654
1616
|
}
|
|
@@ -1723,6 +1685,9 @@ video {
|
|
|
1723
1685
|
.uppercase {
|
|
1724
1686
|
text-transform: uppercase;
|
|
1725
1687
|
}
|
|
1688
|
+
.capitalize {
|
|
1689
|
+
text-transform: capitalize;
|
|
1690
|
+
}
|
|
1726
1691
|
.leading-4 {
|
|
1727
1692
|
line-height: 1rem;
|
|
1728
1693
|
}
|
|
@@ -27,11 +27,20 @@ type SignInFormTypes = {
|
|
|
27
27
|
};
|
|
28
28
|
withoutResetPassword?: boolean;
|
|
29
29
|
withoutSignUp?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
*show spinner if true
|
|
32
|
+
*/
|
|
30
33
|
isLoading?: any;
|
|
31
34
|
viaGoogle?: boolean;
|
|
32
35
|
viaGithub?: boolean;
|
|
33
36
|
viaTwitter?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Handle the sign in .
|
|
39
|
+
*/
|
|
34
40
|
handleSignIn?: (e: any) => void;
|
|
41
|
+
/**
|
|
42
|
+
* Handle routing to sign up page
|
|
43
|
+
*/
|
|
35
44
|
handleRouteToSignUp?: () => void;
|
|
36
45
|
handleForgotPassword?: () => void;
|
|
37
46
|
handleGoogleSignIn?: () => void;
|