@sikka/hawa 0.0.101 → 0.0.102

package/dist/styles.css

@@ -903,6 +903,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;

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/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: "checkbox" | "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 {};