@sikka/hawa 0.0.190 → 0.0.193

package/dist/styles.css

@@ -587,11 +587,11 @@ video {
 .bottom-0 {
   bottom: 0px;
 }
-.top-12 {
-  top: 3rem;
+.top-8 {
+  top: 2rem;
 }
-.bottom-12 {
-  bottom: 3rem;
+.bottom-8 {
+  bottom: 2rem;
 }
 .left-1\/2 {
   left: 50%;
@@ -626,9 +626,6 @@ video {
 .left-2 {
   left: 0.5rem;
 }
-.left-32 {
-  left: 8rem;
-}
 .top-auto {
   top: auto;
 }
@@ -867,6 +864,9 @@ video {
 .h-0\.5 {
   height: 0.125rem;
 }
+.h-2\.5 {
+  height: 0.625rem;
+}
 .h-9 {
   height: 2.25rem;
 }
@@ -1014,6 +1014,10 @@ video {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.rotate-90 {
+  --tw-rotate: 90deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .rotate-0 {
   --tw-rotate: 0deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1022,10 +1026,6 @@ video {
   --tw-rotate: -90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.rotate-90 {
-  --tw-rotate: 90deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -1070,6 +1070,9 @@ video {
 .items-start {
   align-items: flex-start;
 }
+.items-end {
+  align-items: flex-end;
+}
 .items-center {
   align-items: center;
 }
@@ -1103,12 +1106,18 @@ video {
 .gap-1 {
   gap: 0.25rem;
 }
-.gap-0\.5 {
-  gap: 0.125rem;
-}
 .gap-0 {
   gap: 0px;
 }
+.gap-4 {
+  gap: 1rem;
+}
+.gap-20 {
+  gap: 5rem;
+}
+.gap-0\.5 {
+  gap: 0.125rem;
+}
 .gap-9 {
   gap: 2.25rem;
 }
@@ -1602,12 +1611,15 @@ video {
 .pr-10 {
   padding-right: 2.5rem;
 }
-.pl-3 {
-  padding-left: 0.75rem;
-}
 .pb-2 {
   padding-bottom: 0.5rem;
 }
+.pb-4 {
+  padding-bottom: 1rem;
+}
+.pl-3 {
+  padding-left: 0.75rem;
+}
 .pt-0 {
   padding-top: 0px;
 }
@@ -1822,6 +1834,9 @@ video {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
 }
+.ring-buttonPrimary-500 {
+  --tw-ring-color: var(--button-primary-500);
+}
 .ring-offset-1 {
   --tw-ring-offset-width: 1px;
 }

package/es/elements/{HawaAccordian.d.ts → HawaAccordion.d.ts}

@@ -2,5 +2,5 @@ import React from "react";
 type AccordionTypes = {
     content: any;
 };
-export declare const HawaAccordian: React.FunctionComponent<AccordionTypes>;
+export declare const HawaAccordion: React.FunctionComponent<AccordionTypes>;
 export {};

package/es/elements/HawaButton.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: "contained" | "outlined";
     buttonID?: any;
+    tooltipDirection?: "rtl" | "ltr";
     color?: "default" | "primary" | "secondary";
     width?: "full" | "normal" | "half";
     size?: "xs" | "small" | "medium" | "large" | "noPadding" | "full";
@@ -11,5 +12,5 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     tooltipPosition?: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left";
     isLoading?: boolean;
 }
-export declare function HawaButton({ className, variant, color, size, width, disabled, isLoading, tooltipSize, tooltipPosition, margins, tooltip, children, buttonID, ...props }: ButtonProps): JSX.Element;
+export declare function HawaButton({ className, variant, color, size, width, disabled, isLoading, tooltip, tooltipSize, tooltipPosition, tooltipDirection, margins, children, buttonID, ...props }: ButtonProps): JSX.Element;
 export {};

package/es/elements/HawaMenu.d.ts

@@ -2,16 +2,14 @@ import React, { ReactNode } from "react";
 interface TMenuTypes {
     menuItems: MenuItems[][];
     withHeader?: boolean;
-    withIcons?: boolean;
     headerTitle?: string;
     headerSubtitle?: string;
-    open?: boolean;
-    handleClose?: () => void;
-    handleOpen: () => void;
+    direction?: "rtl" | "ltr";
     anchor?: any;
     children?: ReactNode;
-    buttonPosition?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    position?: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left";
     onClickOutside?: any;
+    size?: "small" | "normal" | "large";
 }
 type MenuItems = {
     icon?: JSX.Element;

package/es/elements/HawaTable.d.ts

@@ -2,10 +2,8 @@ import React from "react";
 type TableTypes = {
     lang?: any;
     columns: any[string];
-    actions?: [{
-        type: "view" | "update" | "delete";
-        onClick: (e: any) => void;
-    }];
+    actions?: ActionItems[][];
+    direction?: "rtl" | "ltr";
     rows?: any[any];
     noDataText?: any;
     handleActionClick?: any;
@@ -14,8 +12,16 @@ type TableTypes = {
     highlightFirst?: boolean;
     customColor?: string;
     clickable?: boolean;
+    actionsText?: string;
     bordersWidth?: string;
     borders?: ["all" | "cols" | "rows" | "outer"];
 };
+type ActionItems = {
+    icon?: JSX.Element;
+    label: string;
+    action?: (e: React.MouseEvent<HTMLLIElement, MouseEvent>, item: string) => void;
+    isButton?: boolean;
+    element?: any;
+};
 export declare const HawaTable: React.FunctionComponent<TableTypes>;
 export {};

package/es/elements/HawaTooltip.d.ts

@@ -5,6 +5,7 @@ type THawaToolTip = {
     btnHovered?: any;
     buttonRef?: any;
     buttonID?: any;
+    direction?: "rtl" | "ltr";
     size?: "normal" | "small" | "large";
     position?: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left";
 };

package/es/elements/InvoiceAccordion.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+type InvoiceAccordionTypes = {
+    products: {
+        usage?: string;
+        price?: string;
+        amount?: string;
+        plan?: string;
+    }[];
+    texts: {
+        total: string;
+        plan: string;
+        usage: string;
+        amount: string;
+        price: string;
+    };
+    invoiceTitle: any;
+    invoiceSubtitle: any;
+    invoiceDescription?: any;
+    invoiceActions?: {
+        icon?: JSX.Element;
+        label: string;
+        action?: (e: React.MouseEvent<HTMLLIElement, MouseEvent>, item: string) => void;
+        isButton?: boolean;
+        element?: any;
+    }[][];
+    total: string;
+    direction?: "rtl" | "ltr";
+    status?: "paid" | "pending" | "overdue";
+};
+export declare const InvoiceAccordion: React.FunctionComponent<InvoiceAccordionTypes>;
+export {};

package/es/elements/UsageCard.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type UsageCardTypes = {
+    tooltip?: any;
+    title: any;
+    percent: any;
+    currentUsage: any;
+};
+export declare const UsageCard: React.FunctionComponent<UsageCardTypes>;
+export {};

package/es/elements/index.d.ts

@@ -11,7 +11,7 @@ export * from "./HawaAlert";
 export * from "./HawaTable";
 export * from "./HawaColorPicker";
 export * from "./HawaSearchBar";
-export * from "./HawaAccordian";
+export * from "./HawaAccordion";
 export * from "./DragDropImages";
 export * from "./DraggableCard";
 export * from "./HawaPhoneInput";
@@ -27,6 +27,8 @@ export * from "./HawaSpinner";
 export * from "./HawaRadio";
 export * from "./HawaDrawer";
 export * from "./SubsectionList";
+export * from "./UsageCard";
+export * from "./InvoiceAccordion";
 export * from "./HawaTextField";
 export * from "./HawaCardInput";
 export * from "./HawaPinInput";