@sikka/hawa 0.0.135 → 0.0.137
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 +19 -42
- package/es/elements/HawaDrawer.d.ts +4 -14
- package/es/elements/HawaSnackbar.d.ts +2 -0
- package/es/elements/index.d.ts +1 -2
- package/es/hooks/useBreakpoint.d.ts +2 -0
- package/es/index.es.js +1 -1
- package/lib/elements/HawaDrawer.d.ts +4 -14
- package/lib/elements/HawaSnackbar.d.ts +2 -0
- package/lib/elements/index.d.ts +1 -2
- package/lib/hooks/useBreakpoint.d.ts +2 -0
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/src/blocks/Pricing/ComparingPlans.tsx +4 -4
- package/src/elements/DragDropImages.tsx +3 -3
- package/src/elements/HawaAccordian.tsx +5 -3
- package/src/elements/HawaDrawer.tsx +61 -45
- package/src/elements/HawaModal.tsx +2 -2
- package/src/elements/HawaPricingCard.tsx +2 -22
- package/src/elements/HawaSnackbar.tsx +76 -41
- package/src/elements/index.ts +1 -2
- package/src/hooks/useBreakpoint.ts +20 -0
- package/src/hooks/useDiscloser.ts +5 -9
- package/src/layout/HawaAppLayout.tsx +3 -3
- package/src/layout/HawaSiteLayout.tsx +16 -21
- package/src/styles.css +19 -42
- package/storybook-static/{669.d0879212.iframe.bundle.js → 103.af0e0958.iframe.bundle.js} +2 -2
- package/storybook-static/{669.d0879212.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.3b2c2bdd.iframe.bundle.js +1 -0
- package/storybook-static/project.json +1 -1
- package/es/elements/HawaDrawerItem.d.ts +0 -8
- package/lib/elements/HawaDrawerItem.d.ts +0 -8
- package/src/elements/HawaDrawerItem.tsx +0 -33
- package/storybook-static/main.2d33731c.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
|
}
|
|
@@ -817,6 +817,9 @@ video {
|
|
|
817
817
|
.w-60 {
|
|
818
818
|
width: 15rem;
|
|
819
819
|
}
|
|
820
|
+
.w-0 {
|
|
821
|
+
width: 0px;
|
|
822
|
+
}
|
|
820
823
|
.w-7 {
|
|
821
824
|
width: 1.75rem;
|
|
822
825
|
}
|
|
@@ -941,6 +944,9 @@ video {
|
|
|
941
944
|
.cursor-pointer {
|
|
942
945
|
cursor: pointer;
|
|
943
946
|
}
|
|
947
|
+
.resize {
|
|
948
|
+
resize: both;
|
|
949
|
+
}
|
|
944
950
|
.appearance-none {
|
|
945
951
|
-webkit-appearance: none;
|
|
946
952
|
-moz-appearance: none;
|
|
@@ -1023,11 +1029,6 @@ video {
|
|
|
1023
1029
|
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
|
|
1024
1030
|
margin-bottom: calc(0px * var(--tw-space-y-reverse));
|
|
1025
1031
|
}
|
|
1026
|
-
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
|
|
1027
|
-
--tw-space-x-reverse: 0;
|
|
1028
|
-
margin-right: calc(0.75rem * var(--tw-space-x-reverse));
|
|
1029
|
-
margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1030
|
-
}
|
|
1031
1032
|
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
|
1032
1033
|
--tw-space-y-reverse: 0;
|
|
1033
1034
|
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -1058,6 +1059,9 @@ video {
|
|
|
1058
1059
|
.overflow-hidden {
|
|
1059
1060
|
overflow: hidden;
|
|
1060
1061
|
}
|
|
1062
|
+
.overflow-clip {
|
|
1063
|
+
overflow: clip;
|
|
1064
|
+
}
|
|
1061
1065
|
.overflow-scroll {
|
|
1062
1066
|
overflow: scroll;
|
|
1063
1067
|
}
|
|
@@ -1067,9 +1071,6 @@ video {
|
|
|
1067
1071
|
.overflow-y-auto {
|
|
1068
1072
|
overflow-y: auto;
|
|
1069
1073
|
}
|
|
1070
|
-
.overflow-x-hidden {
|
|
1071
|
-
overflow-x: hidden;
|
|
1072
|
-
}
|
|
1073
1074
|
.overflow-x-clip {
|
|
1074
1075
|
overflow-x: clip;
|
|
1075
1076
|
}
|
|
@@ -1465,14 +1466,6 @@ video {
|
|
|
1465
1466
|
padding-top: 0.625rem;
|
|
1466
1467
|
padding-bottom: 0.625rem;
|
|
1467
1468
|
}
|
|
1468
|
-
.py-4 {
|
|
1469
|
-
padding-top: 1rem;
|
|
1470
|
-
padding-bottom: 1rem;
|
|
1471
|
-
}
|
|
1472
|
-
.px-1 {
|
|
1473
|
-
padding-left: 0.25rem;
|
|
1474
|
-
padding-right: 0.25rem;
|
|
1475
|
-
}
|
|
1476
1469
|
.px-6 {
|
|
1477
1470
|
padding-left: 1.5rem;
|
|
1478
1471
|
padding-right: 1.5rem;
|
|
@@ -1481,6 +1474,10 @@ video {
|
|
|
1481
1474
|
padding-top: 0.75rem;
|
|
1482
1475
|
padding-bottom: 0.75rem;
|
|
1483
1476
|
}
|
|
1477
|
+
.py-4 {
|
|
1478
|
+
padding-top: 1rem;
|
|
1479
|
+
padding-bottom: 1rem;
|
|
1480
|
+
}
|
|
1484
1481
|
.py-5 {
|
|
1485
1482
|
padding-top: 1.25rem;
|
|
1486
1483
|
padding-bottom: 1.25rem;
|
|
@@ -1518,6 +1515,9 @@ video {
|
|
|
1518
1515
|
.text-center {
|
|
1519
1516
|
text-align: center;
|
|
1520
1517
|
}
|
|
1518
|
+
.text-right {
|
|
1519
|
+
text-align: right;
|
|
1520
|
+
}
|
|
1521
1521
|
.align-middle {
|
|
1522
1522
|
vertical-align: middle;
|
|
1523
1523
|
}
|
|
@@ -1535,10 +1535,6 @@ video {
|
|
|
1535
1535
|
.text-\[10px\] {
|
|
1536
1536
|
font-size: 10px;
|
|
1537
1537
|
}
|
|
1538
|
-
.text-base {
|
|
1539
|
-
font-size: 1rem;
|
|
1540
|
-
line-height: 1.5rem;
|
|
1541
|
-
}
|
|
1542
1538
|
.text-2xl {
|
|
1543
1539
|
font-size: 1.5rem;
|
|
1544
1540
|
line-height: 2rem;
|
|
@@ -1669,14 +1665,6 @@ video {
|
|
|
1669
1665
|
--tw-text-opacity: 1;
|
|
1670
1666
|
color: rgb(239 68 68 / var(--tw-text-opacity));
|
|
1671
1667
|
}
|
|
1672
|
-
.line-through {
|
|
1673
|
-
-webkit-text-decoration-line: line-through;
|
|
1674
|
-
text-decoration-line: line-through;
|
|
1675
|
-
}
|
|
1676
|
-
.decoration-gray-500 {
|
|
1677
|
-
-webkit-text-decoration-color: #6b7280;
|
|
1678
|
-
text-decoration-color: #6b7280;
|
|
1679
|
-
}
|
|
1680
1668
|
.opacity-100 {
|
|
1681
1669
|
opacity: 1;
|
|
1682
1670
|
}
|
|
@@ -1755,9 +1743,6 @@ video {
|
|
|
1755
1743
|
.duration-300 {
|
|
1756
1744
|
transition-duration: 300ms;
|
|
1757
1745
|
}
|
|
1758
|
-
.duration-75 {
|
|
1759
|
-
transition-duration: 75ms;
|
|
1760
|
-
}
|
|
1761
1746
|
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;700&display=swap");
|
|
1762
1747
|
|
|
1763
1748
|
body {
|
|
@@ -1945,10 +1930,6 @@ body {
|
|
|
1945
1930
|
--tw-ring-opacity: 1;
|
|
1946
1931
|
--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
|
|
1947
1932
|
}
|
|
1948
|
-
.group:hover .group-hover\:text-gray-900 {
|
|
1949
|
-
--tw-text-opacity: 1;
|
|
1950
|
-
color: rgb(17 24 39 / var(--tw-text-opacity));
|
|
1951
|
-
}
|
|
1952
1933
|
.peer:checked ~ .peer-checked\:bg-blue-600 {
|
|
1953
1934
|
--tw-bg-opacity: 1;
|
|
1954
1935
|
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
|
|
@@ -2153,10 +2134,6 @@ body {
|
|
|
2153
2134
|
--tw-ring-opacity: 1;
|
|
2154
2135
|
--tw-ring-color: rgb(30 58 138 / var(--tw-ring-opacity));
|
|
2155
2136
|
}
|
|
2156
|
-
.dark .group:hover .dark\:group-hover\:text-white {
|
|
2157
|
-
--tw-text-opacity: 1;
|
|
2158
|
-
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
2159
|
-
}
|
|
2160
2137
|
.dark .peer:focus ~ .dark\:peer-focus\:ring-blue-800 {
|
|
2161
2138
|
--tw-ring-opacity: 1;
|
|
2162
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 {};
|
|
@@ -3,6 +3,8 @@ type THawaSnackBar = {
|
|
|
3
3
|
severity: "info" | "warning" | "error" | "success" | "none";
|
|
4
4
|
title: string;
|
|
5
5
|
description: string;
|
|
6
|
+
handleClose?: () => void;
|
|
7
|
+
duration?: number;
|
|
6
8
|
position?: "top-left" | "top-center" | "top-right" | "bottom-right" | "bottom-center" | "bottom-left";
|
|
7
9
|
actions?: [
|
|
8
10
|
{
|
package/es/elements/index.d.ts
CHANGED
|
@@ -15,18 +15,17 @@ export * from "./HawaAccordian";
|
|
|
15
15
|
export * from "./DragDropImages";
|
|
16
16
|
export * from "./DraggableCard";
|
|
17
17
|
export * from "./HawaPhoneInput";
|
|
18
|
-
export * from "./HawaDrawerItem";
|
|
19
18
|
export * from "./HawaTooltip";
|
|
20
19
|
export * from "./HawaTabs";
|
|
21
20
|
export * from "./HawaModal";
|
|
22
21
|
export * from "./HawaMenu";
|
|
23
|
-
export * from "./HawaDrawer";
|
|
24
22
|
export * from "./HawaCopyrights";
|
|
25
23
|
export * from "./HawaTimeline";
|
|
26
24
|
export * from "./Breadcrumb";
|
|
27
25
|
export * from "./HawaStats";
|
|
28
26
|
export * from "./HawaSpinner";
|
|
29
27
|
export * from "./HawaRadio";
|
|
28
|
+
export * from "./HawaDrawer";
|
|
30
29
|
export * from "./HawaTextField";
|
|
31
30
|
export * from "./HawaCardInput";
|
|
32
31
|
export * from "./HawaPinInput";
|