@sikka/hawa 0.0.101 → 0.0.103

package/dist/styles.css

@@ -587,6 +587,14 @@ video {
   margin-top: 1.75rem;
   margin-bottom: 1.75rem;
 }
+.my-0\.5 {
+  margin-top: 0.125rem;
+  margin-bottom: 0.125rem;
+}
+.my-0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
 .ml-auto {
   margin-left: auto;
 }
@@ -599,8 +607,11 @@ video {
 .mb-4 {
   margin-bottom: 1rem;
 }
-.ml-2 {
-  margin-left: 0.5rem;
+.mt-0\.5 {
+  margin-top: 0.125rem;
+}
+.mt-0 {
+  margin-top: 0px;
 }
 .mt-1 {
   margin-top: 0.25rem;
@@ -626,6 +637,9 @@ video {
 .ml-1 {
   margin-left: 0.25rem;
 }
+.ml-2 {
+  margin-left: 0.5rem;
+}
 .mt-2 {
   margin-top: 0.5rem;
 }
@@ -687,9 +701,6 @@ video {
 .h-11 {
   height: 2.75rem;
 }
-.h-4 {
-  height: 1rem;
-}
 .h-2 {
   height: 0.5rem;
 }
@@ -740,9 +751,6 @@ video {
 .w-1\/2 {
   width: 50%;
 }
-.w-4 {
-  width: 1rem;
-}
 .w-24 {
   width: 6rem;
 }
@@ -903,6 +911,9 @@ video {
 .justify-evenly {
   justify-content: space-evenly;
 }
+.gap-1 {
+  gap: 0.25rem;
+}
 .gap-x-3 {
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
@@ -1033,6 +1044,9 @@ video {
 .rounded-br-lg {
   border-bottom-right-radius: 0.5rem;
 }
+.rounded-br-none {
+  border-bottom-right-radius: 0px;
+}
 .border {
   border-width: 1px;
 }
@@ -1105,6 +1119,10 @@ video {
   --tw-border-opacity: 1;
   border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
+.border-b-primary-500 {
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(61 147 249 / var(--tw-border-opacity));
+}
 .bg-gray-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
@@ -1277,9 +1295,6 @@ video {
 .pr-3 {
   padding-right: 0.75rem;
 }
-.pl-3 {
-  padding-left: 0.75rem;
-}
 .pt-0 {
   padding-top: 0px;
 }
@@ -1705,10 +1720,6 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity));
 }
-.dark .dark\:border-gray-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(107 114 128 / var(--tw-border-opacity));
-}
 .dark .dark\:bg-gray-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity));
@@ -1804,9 +1815,6 @@ body {
 .dark .dark\:ring-offset-gray-800 {
   --tw-ring-offset-color: #1f2937;
 }
-.dark .dark\:ring-offset-gray-700 {
-  --tw-ring-offset-color: #374151;
-}
 .dark .dark\:hover\:bg-gray-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
@@ -1877,18 +1885,6 @@ body {
 }
 @media (min-width: 640px) {
 
-  .sm\:flex {
-    display: flex;
-  }
-
-  .sm\:border-b-0 {
-    border-bottom-width: 0px;
-  }
-
-  .sm\:border-r {
-    border-right-width: 1px;
-  }
-
   .sm\:p-8 {
     padding: 2rem;
   }

package/es/elements/DraggableCard.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
+import React, { ReactElement } from "react";
 type DraggableCardTypes = {
-    children: any;
+    children: ReactElement;
 };
 export declare const DraggableCard: React.FunctionComponent<DraggableCardTypes>;
 export {};

package/es/elements/HawaCheckbox.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-type CheckoutTypes = {
-    centered?: any;
+type TCheckBoxTypes = {
+    centered?: boolean;
     label?: any;
     helperText?: any;
-    onChange?: any;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
-export declare const HawaCheckbox: React.FunctionComponent<CheckoutTypes>;
+export declare const HawaCheckbox: React.FunctionComponent<TCheckBoxTypes>;
 export {};

package/es/elements/HawaChip.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-type ChipTypes = {
-    label: any;
+type TChipTypes = {
+    label: string;
 };
-export declare const HawaChip: React.FunctionComponent<ChipTypes>;
+export declare const HawaChip: React.FunctionComponent<TChipTypes>;
 export {};

package/es/elements/HawaColorPicker.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 type ColorPickerTypes = {
     color?: any;
-    handleChange?: any;
+    handleChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
 export declare const HawaColorPicker: React.FunctionComponent<ColorPickerTypes>;
 export {};

package/es/elements/HawaCopyrights.d.ts

@@ -1,8 +1,10 @@
 import React from "react";
 type CopyRightsTypes = {
-    withLogo: any;
+    withLogo: boolean;
     lang: any;
-    version: any;
+    version: string;
+    credits: string;
+    logoURL: string;
 };
 export declare const HawaCopyrights: React.FunctionComponent<CopyRightsTypes>;
 export {};

package/es/elements/HawaDrawer.d.ts

@@ -1,13 +1,23 @@
-import React from "react";
-type DrawerTypes = {
-    open: any;
+import React, { FC, ReactElement, ReactNode } from "react";
+type TDrawerTypes = {
+    open: boolean;
     setOpen: any;
     position: any;
     heading: any;
-    children: any;
+    children?: ReactNode;
 };
-export declare const HawaDrawer: React.FunctionComponent<DrawerTypes>;
-export declare const DrawerHeader: (props: any) => JSX.Element;
-export declare const DrawerBody: (props: any) => JSX.Element;
-export declare const DrawerFooter: (props: any) => JSX.Element;
+export declare const HawaDrawer: React.FunctionComponent<TDrawerTypes>;
+type TDrawerHeader = {
+    setOpen: any;
+    children: ReactElement;
+};
+export declare const DrawerHeader: FC<TDrawerHeader>;
+type TDrawerBody = {
+    children: ReactElement;
+};
+export declare const DrawerBody: (props: TDrawerBody) => JSX.Element;
+type TDrawerFooter = {
+    children: ReactElement;
+};
+export declare const DrawerFooter: (props: TDrawerFooter) => JSX.Element;
 export {};

package/es/elements/HawaMenu.d.ts

@@ -1,16 +1,22 @@
-import React from "react";
-type MenuTypes = {
+import React, { ReactNode } from "react";
+interface TMenuTypes {
     popMenuID: any;
-    menuItems: any;
-    withHeader: any;
-    withIcons: any;
-    headerTitle: any;
-    headerSubtitle: any;
-    open: any;
-    handleClose: any;
-    anchor: any;
-    children: any;
-    buttonPosition: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    menuItems: MenuItems[][];
+    withHeader?: boolean;
+    withIcons?: boolean;
+    headerTitle?: string;
+    headerSubtitle?: string;
+    open: boolean;
+    handleClose: (e: boolean) => void;
+    anchor?: any;
+    children?: ReactNode;
+    buttonPosition?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+}
+type MenuItems = {
+    icon?: JSX.Element;
+    label: string;
+    action?: (e: React.MouseEvent<HTMLLIElement, MouseEvent>, item: string) => void;
+    isButton?: boolean;
 };
-export declare const HawaMenu: React.FunctionComponent<MenuTypes>;
+export declare const HawaMenu: React.FunctionComponent<TMenuTypes>;
 export {};

package/es/elements/HawaModal.d.ts

@@ -1,11 +1,10 @@
-import React from "react";
+import React, { ReactElement } from "react";
 type ModalTypes = {
-    open: any;
-    title: any;
-    onClose: any;
-    closeOnClickOutside: any;
-    modalID: any;
-    children: any;
+    open: boolean;
+    title: string;
+    onClose: () => void;
+    modalID?: string;
+    children: ReactElement;
     actions: any;
 };
 export declare const HawaModal: React.FunctionComponent<ModalTypes>;

package/es/elements/HawaRadio.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 type RadioTypes = {
-    options: any;
+    options?: any;
+    onChangeTab?: any;
+    defaultValue?: any;
 };
 export declare const HawaRadio: React.FunctionComponent<RadioTypes>;
 export {};

package/es/elements/HawaRange.d.ts

@@ -5,6 +5,8 @@ type RangeTypes = {
     startElement?: any;
     endElement?: any;
     label?: any;
+    min?: any;
+    max?: any;
 };
 export declare const HawaRange: React.FunctionComponent<RangeTypes>;
 export {};

package/es/elements/HawaSettingsRow.d.ts

@@ -1,7 +1,20 @@
 import React from "react";
 type SettingsRowTypes = {
     settingsLabel: any;
-    settingsType: any;
+    settingsType: "text" | "radio" | "boolean" | "color" | "range";
+    radioProps: {
+        defaultValue: any;
+        onChangeTab: any;
+        options: any;
+    };
+    colorProps: {
+        color?: any;
+        handleChange?: any;
+    };
+    rangeProps: {
+        min?: any;
+        max?: any;
+    };
 };
 export declare const HawaSettingsRow: React.FunctionComponent<SettingsRowTypes>;
 export {};