@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.
Files changed (34) hide show
  1. package/dist/styles.css +19 -42
  2. package/es/elements/HawaDrawer.d.ts +4 -14
  3. package/es/elements/HawaSnackbar.d.ts +2 -0
  4. package/es/elements/index.d.ts +1 -2
  5. package/es/hooks/useBreakpoint.d.ts +2 -0
  6. package/es/index.es.js +1 -1
  7. package/lib/elements/HawaDrawer.d.ts +4 -14
  8. package/lib/elements/HawaSnackbar.d.ts +2 -0
  9. package/lib/elements/index.d.ts +1 -2
  10. package/lib/hooks/useBreakpoint.d.ts +2 -0
  11. package/lib/index.js +1 -1
  12. package/package.json +1 -1
  13. package/src/blocks/Pricing/ComparingPlans.tsx +4 -4
  14. package/src/elements/DragDropImages.tsx +3 -3
  15. package/src/elements/HawaAccordian.tsx +5 -3
  16. package/src/elements/HawaDrawer.tsx +61 -45
  17. package/src/elements/HawaModal.tsx +2 -2
  18. package/src/elements/HawaPricingCard.tsx +2 -22
  19. package/src/elements/HawaSnackbar.tsx +76 -41
  20. package/src/elements/index.ts +1 -2
  21. package/src/hooks/useBreakpoint.ts +20 -0
  22. package/src/hooks/useDiscloser.ts +5 -9
  23. package/src/layout/HawaAppLayout.tsx +3 -3
  24. package/src/layout/HawaSiteLayout.tsx +16 -21
  25. package/src/styles.css +19 -42
  26. package/storybook-static/{669.d0879212.iframe.bundle.js → 103.af0e0958.iframe.bundle.js} +2 -2
  27. package/storybook-static/{669.d0879212.iframe.bundle.js.LICENSE.txt → 103.af0e0958.iframe.bundle.js.LICENSE.txt} +0 -0
  28. package/storybook-static/iframe.html +1 -1
  29. package/storybook-static/main.3b2c2bdd.iframe.bundle.js +1 -0
  30. package/storybook-static/project.json +1 -1
  31. package/es/elements/HawaDrawerItem.d.ts +0 -8
  32. package/lib/elements/HawaDrawerItem.d.ts +0 -8
  33. package/src/elements/HawaDrawerItem.tsx +0 -33
  34. 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, { FC, ReactElement, ReactNode } from "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
  {
@@ -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";
@@ -0,0 +1,2 @@
1
+ declare const useBreakpoint: () => number;
2
+ export default useBreakpoint;