@sikka/hawa 0.0.136 → 0.0.138
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 +13 -29
- package/es/blocks/AuthForms/SignInForm.d.ts +0 -1
- package/es/blocks/AuthForms/SignUpForm.d.ts +1 -0
- package/es/elements/HawaCheckbox.d.ts +1 -0
- package/es/elements/HawaDrawer.d.ts +4 -14
- package/es/elements/HawaLogoButton.d.ts +1 -1
- package/es/elements/HawaTextField.d.ts +1 -0
- package/es/index.es.js +1 -1
- package/lib/blocks/AuthForms/SignInForm.d.ts +0 -1
- package/lib/blocks/AuthForms/SignUpForm.d.ts +1 -0
- package/lib/elements/HawaCheckbox.d.ts +1 -0
- package/lib/elements/HawaDrawer.d.ts +4 -14
- package/lib/elements/HawaLogoButton.d.ts +1 -1
- package/lib/elements/HawaTextField.d.ts +1 -0
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/src/blocks/AuthForms/SignInForm.tsx +16 -16
- package/src/blocks/AuthForms/SignUpForm.tsx +20 -17
- package/src/blocks/Payment/CheckoutForm.tsx +2 -11
- package/src/elements/HawaCheckbox.tsx +9 -3
- package/src/elements/HawaDrawer.tsx +53 -77
- package/src/elements/HawaLogoButton.tsx +12 -15
- package/src/elements/HawaSelect.tsx +2 -1
- package/src/elements/HawaTable.tsx +9 -4
- package/src/elements/HawaTextField.tsx +8 -1
- package/src/styles.css +13 -29
- package/storybook-static/{103.d48f1210.iframe.bundle.js → 103.af0e0958.iframe.bundle.js} +2 -2
- package/storybook-static/{103.d48f1210.iframe.bundle.js.LICENSE.txt → 103.af0e0958.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/main.18ef859c.iframe.bundle.js +1 -0
- package/storybook-static/project.json +1 -1
- package/storybook-static/main.237a650d.iframe.bundle.js +0 -1
package/dist/styles.css
CHANGED
|
@@ -643,9 +643,6 @@ video {
|
|
|
643
643
|
.mt-1 {
|
|
644
644
|
margin-top: 0.25rem;
|
|
645
645
|
}
|
|
646
|
-
.ml-3 {
|
|
647
|
-
margin-left: 0.75rem;
|
|
648
|
-
}
|
|
649
646
|
.mr-2 {
|
|
650
647
|
margin-right: 0.5rem;
|
|
651
648
|
}
|
|
@@ -679,6 +676,9 @@ video {
|
|
|
679
676
|
.mt-5 {
|
|
680
677
|
margin-top: 1.25rem;
|
|
681
678
|
}
|
|
679
|
+
.ml-3 {
|
|
680
|
+
margin-left: 0.75rem;
|
|
681
|
+
}
|
|
682
682
|
.mr-1\.5 {
|
|
683
683
|
margin-right: 0.375rem;
|
|
684
684
|
}
|
|
@@ -1059,6 +1059,9 @@ video {
|
|
|
1059
1059
|
.overflow-hidden {
|
|
1060
1060
|
overflow: hidden;
|
|
1061
1061
|
}
|
|
1062
|
+
.overflow-clip {
|
|
1063
|
+
overflow: clip;
|
|
1064
|
+
}
|
|
1062
1065
|
.overflow-scroll {
|
|
1063
1066
|
overflow: scroll;
|
|
1064
1067
|
}
|
|
@@ -1068,9 +1071,6 @@ video {
|
|
|
1068
1071
|
.overflow-y-auto {
|
|
1069
1072
|
overflow-y: auto;
|
|
1070
1073
|
}
|
|
1071
|
-
.overflow-x-hidden {
|
|
1072
|
-
overflow-x: hidden;
|
|
1073
|
-
}
|
|
1074
1074
|
.overflow-x-clip {
|
|
1075
1075
|
overflow-x: clip;
|
|
1076
1076
|
}
|
|
@@ -1466,14 +1466,6 @@ video {
|
|
|
1466
1466
|
padding-top: 0.625rem;
|
|
1467
1467
|
padding-bottom: 0.625rem;
|
|
1468
1468
|
}
|
|
1469
|
-
.py-4 {
|
|
1470
|
-
padding-top: 1rem;
|
|
1471
|
-
padding-bottom: 1rem;
|
|
1472
|
-
}
|
|
1473
|
-
.px-1 {
|
|
1474
|
-
padding-left: 0.25rem;
|
|
1475
|
-
padding-right: 0.25rem;
|
|
1476
|
-
}
|
|
1477
1469
|
.px-6 {
|
|
1478
1470
|
padding-left: 1.5rem;
|
|
1479
1471
|
padding-right: 1.5rem;
|
|
@@ -1482,6 +1474,10 @@ video {
|
|
|
1482
1474
|
padding-top: 0.75rem;
|
|
1483
1475
|
padding-bottom: 0.75rem;
|
|
1484
1476
|
}
|
|
1477
|
+
.py-4 {
|
|
1478
|
+
padding-top: 1rem;
|
|
1479
|
+
padding-bottom: 1rem;
|
|
1480
|
+
}
|
|
1485
1481
|
.py-5 {
|
|
1486
1482
|
padding-top: 1.25rem;
|
|
1487
1483
|
padding-bottom: 1.25rem;
|
|
@@ -1519,6 +1515,9 @@ video {
|
|
|
1519
1515
|
.text-center {
|
|
1520
1516
|
text-align: center;
|
|
1521
1517
|
}
|
|
1518
|
+
.text-right {
|
|
1519
|
+
text-align: right;
|
|
1520
|
+
}
|
|
1522
1521
|
.align-middle {
|
|
1523
1522
|
vertical-align: middle;
|
|
1524
1523
|
}
|
|
@@ -1536,10 +1535,6 @@ video {
|
|
|
1536
1535
|
.text-\[10px\] {
|
|
1537
1536
|
font-size: 10px;
|
|
1538
1537
|
}
|
|
1539
|
-
.text-base {
|
|
1540
|
-
font-size: 1rem;
|
|
1541
|
-
line-height: 1.5rem;
|
|
1542
|
-
}
|
|
1543
1538
|
.text-2xl {
|
|
1544
1539
|
font-size: 1.5rem;
|
|
1545
1540
|
line-height: 2rem;
|
|
@@ -1748,9 +1743,6 @@ video {
|
|
|
1748
1743
|
.duration-300 {
|
|
1749
1744
|
transition-duration: 300ms;
|
|
1750
1745
|
}
|
|
1751
|
-
.duration-75 {
|
|
1752
|
-
transition-duration: 75ms;
|
|
1753
|
-
}
|
|
1754
1746
|
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;700&display=swap");
|
|
1755
1747
|
|
|
1756
1748
|
body {
|
|
@@ -1938,10 +1930,6 @@ body {
|
|
|
1938
1930
|
--tw-ring-opacity: 1;
|
|
1939
1931
|
--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
|
|
1940
1932
|
}
|
|
1941
|
-
.group:hover .group-hover\:text-gray-900 {
|
|
1942
|
-
--tw-text-opacity: 1;
|
|
1943
|
-
color: rgb(17 24 39 / var(--tw-text-opacity));
|
|
1944
|
-
}
|
|
1945
1933
|
.peer:checked ~ .peer-checked\:bg-blue-600 {
|
|
1946
1934
|
--tw-bg-opacity: 1;
|
|
1947
1935
|
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
|
|
@@ -2146,10 +2134,6 @@ body {
|
|
|
2146
2134
|
--tw-ring-opacity: 1;
|
|
2147
2135
|
--tw-ring-color: rgb(30 58 138 / var(--tw-ring-opacity));
|
|
2148
2136
|
}
|
|
2149
|
-
.dark .group:hover .dark\:group-hover\:text-white {
|
|
2150
|
-
--tw-text-opacity: 1;
|
|
2151
|
-
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
2152
|
-
}
|
|
2153
2137
|
.dark .peer:focus ~ .dark\:peer-focus\:ring-blue-800 {
|
|
2154
2138
|
--tw-ring-opacity: 1;
|
|
2155
2139
|
--tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
|
|
@@ -1,23 +1,13 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
2
|
type TDrawerTypes = {
|
|
3
3
|
open: boolean;
|
|
4
4
|
setOpen: any;
|
|
5
5
|
position: any;
|
|
6
6
|
heading: any;
|
|
7
7
|
children?: ReactNode;
|
|
8
|
+
drawerHeader?: any;
|
|
9
|
+
drawerBody?: any;
|
|
10
|
+
drawerFooter?: any;
|
|
8
11
|
};
|
|
9
12
|
export declare const HawaDrawer: React.FunctionComponent<TDrawerTypes>;
|
|
10
|
-
type TDrawerHeader = {
|
|
11
|
-
setOpen: any;
|
|
12
|
-
children: ReactElement;
|
|
13
|
-
};
|
|
14
|
-
export declare const DrawerHeader: FC<TDrawerHeader>;
|
|
15
|
-
type TDrawerBody = {
|
|
16
|
-
children: ReactElement;
|
|
17
|
-
};
|
|
18
|
-
export declare const DrawerBody: (props: TDrawerBody) => JSX.Element;
|
|
19
|
-
type TDrawerFooter = {
|
|
20
|
-
children: ReactElement;
|
|
21
|
-
};
|
|
22
|
-
export declare const DrawerFooter: (props: TDrawerFooter) => JSX.Element;
|
|
23
13
|
export {};
|