@sikka/hawa 0.0.100 → 0.0.102

package/dist/styles.css

@@ -559,6 +559,9 @@ video {
 .z-40 {
   z-index: 40;
 }
+.m-3 {
+  margin: 0.75rem;
+}
 .m-2 {
   margin: 0.5rem;
 }
@@ -702,6 +705,15 @@ video {
 .h-12 {
   height: 3rem;
 }
+.h-96 {
+  height: 24rem;
+}
+.max-h-72 {
+  max-height: 18rem;
+}
+.max-h-0 {
+  max-height: 0px;
+}
 .max-h-fit {
   max-height: -moz-fit-content;
   max-height: fit-content;
@@ -813,6 +825,34 @@ video {
 .animate-spin {
   animation: spin 1s linear infinite;
 }
+@keyframes expandDown {
+
+  0% {
+    max-height: 0;
+    height: 0;
+  }
+
+  100% {
+    max-height: 100px;
+  }
+}
+.animate-expandDown {
+  animation: expandDown 100ms linear;
+}
+@keyframes expandUp {
+
+  0% {
+    max-height: 100px;
+  }
+
+  100% {
+    max-height: 0;
+    height: 0;
+  }
+}
+.animate-expandUp {
+  animation: expandUp 100ms linear;
+}
 .cursor-default {
   cursor: default;
 }
@@ -863,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;
@@ -924,6 +967,9 @@ video {
 .overflow-x-hidden {
   overflow-x: hidden;
 }
+.overflow-y-clip {
+  overflow-y: clip;
+}
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -972,6 +1018,12 @@ video {
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
 }
+.rounded-tr-none {
+  border-top-right-radius: 0px;
+}
+.rounded-bl-none {
+  border-bottom-left-radius: 0px;
+}
 .rounded-bl-lg {
   border-bottom-left-radius: 0.5rem;
 }
@@ -1021,6 +1073,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
 }
+.border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity));
+}
 .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity));
@@ -1099,10 +1155,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(163 208 57 / var(--tw-bg-opacity));
 }
-.bg-blue-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
-}
 .bg-primary-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(61 147 249 / var(--tw-bg-opacity));
@@ -1149,6 +1201,10 @@ video {
 .p-10 {
   padding: 2.5rem;
 }
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .px-2\.5 {
   padding-left: 0.625rem;
   padding-right: 0.625rem;
@@ -1157,10 +1213,6 @@ video {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
 }
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
 .py-0 {
   padding-top: 0px;
   padding-bottom: 0px;

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,14 +1,22 @@
-/// <reference types="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;
+    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 {};