@sikka/hawa 0.0.168 → 0.0.170

package/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "todo-tree.tree.showBadges": true
+}

package/README.md

@@ -17,7 +17,6 @@ npm install --save @sikka/hawa
 
 # Roadmap
 
-- [ ] Drag and drop tool to create a layout of boxes
 - Organize code
 
 </br>

package/dist/styles.css

@@ -692,10 +692,6 @@ video {
 .m-1 {
   margin: 0.25rem;
 }
-.my-0 {
-  margin-top: 0px;
-  margin-bottom: 0px;
-}
 .mx-2 {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
@@ -720,6 +716,10 @@ video {
   margin-top: 0.125rem;
   margin-bottom: 0.125rem;
 }
+.my-0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
 .ml-auto {
   margin-left: auto;
 }
@@ -880,6 +880,9 @@ video {
 .h-4 {
   height: 1rem;
 }
+.h-24 {
+  height: 6rem;
+}
 .h-32 {
   height: 8rem;
 }
@@ -901,6 +904,9 @@ video {
 .h-96 {
   height: 24rem;
 }
+.max-h-full {
+  max-height: 100%;
+}
 .max-h-56 {
   max-height: 14rem;
 }
@@ -1201,9 +1207,6 @@ video {
 .overflow-y-clip {
   overflow-y: clip;
 }
-.overflow-x-visible {
-  overflow-x: visible;
-}
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1218,12 +1221,12 @@ video {
 .rounded-xl {
   border-radius: 0.75rem;
 }
-.rounded-full {
-  border-radius: 9999px;
-}
 .rounded {
   border-radius: 0.25rem;
 }
+.rounded-full {
+  border-radius: 9999px;
+}
 .rounded-none {
   border-radius: 0px;
 }
@@ -1386,14 +1389,14 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
-.border-gray-400 {
-  --tw-border-opacity: 1;
-  border-color: rgb(156 163 175 / var(--tw-border-opacity));
-}
 .border-blue-600 {
   --tw-border-opacity: 1;
   border-color: rgb(37 99 235 / var(--tw-border-opacity));
 }
+.border-gray-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(156 163 175 / var(--tw-border-opacity));
+}
 .border-buttonPrimary-default {
   border-color: var(--button-primary);
 }

package/es/blocks/Misc/Newsletter.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type TNewsletter = {
+    variant?: "outlined" | "contained" | "neobrutalism";
+    texts: {
+        wantToStayUpdated: string;
+        subscribeToNewsletter: string;
+    };
+};
+export declare const Newsletter: React.FunctionComponent<TNewsletter>;
+export {};

package/es/blocks/Misc/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./NotFound";
 export * from "./EmptyState";
+export * from "./Newsletter";

package/es/elements/DragDropImages.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
 type DragDropImagesTypes = {
     label?: string;
-    texts: any;
     files: [File];
     setFiles: any;
     setDeletedFiles: any;
@@ -10,6 +9,12 @@ type DragDropImagesTypes = {
     onAcceptedFiles: any;
     showPreview: any;
     onDeleteFile: any;
+    texts: {
+        clickHereToUpload: string;
+        maxFileSize: string;
+        tooManyFiles: string;
+        fileTooLarge: string;
+    };
     onClearFiles: any;
     maxSize: number;
     errorMessages: string;

package/es/elements/HawaAlert.d.ts

@@ -1,15 +1,10 @@
 import React from "react";
-declare let severities: {
-    info: string;
-    warning: string;
-    error: string;
-    success: string;
-};
 type AlertTypes = {
-    severity: keyof typeof severities;
+    severity: "info" | "warning" | "error" | "success";
     title?: any;
     variant?: "normal" | "solid" | "top-accent" | "left-accent" | "right-accent" | "bottom-accent";
     text: any;
+    direction?: "rtl" | "ltr";
     hideIcon?: any;
     actions?: [
         {

package/es/elements/HawaButton.d.ts

@@ -4,7 +4,7 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     buttonID?: any;
     color?: "default" | "primary" | "secondary";
     width?: "full" | "normal" | "half";
-    size?: "xs" | "small" | "medium" | "large" | "noPadding";
+    size?: "xs" | "small" | "medium" | "large" | "noPadding" | "full";
     margins?: "none" | "1" | "2" | "3" | "4";
     tooltip?: string;
     tooltipSize?: "normal" | "small" | "large";

package/es/elements/HawaSpinner.d.ts

@@ -1,4 +1,6 @@
 import React from "react";
-type SpinnerTypes = {};
+type SpinnerTypes = {
+    size?: "button" | "sm" | "normal" | "lg" | "xl";
+};
 export declare const HawaSpinner: React.FunctionComponent<SpinnerTypes>;
 export {};

package/es/elements/HawaTable.d.ts

@@ -11,6 +11,8 @@ type TableTypes = {
     handleActionClick?: any;
     end?: any;
     size?: "normal" | "small";
+    highlightFirst?: boolean;
+    customColor?: string;
 };
 export declare const HawaTable: React.FunctionComponent<TableTypes>;
 export {};

package/es/hooks/useHover.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function useHover(): (boolean | import("react").MutableRefObject<any>)[];
+export default useHover;

package/es/hooks/useScrollPosition.d.ts

@@ -0,0 +1,2 @@
+declare function useScrollPosition(ref: any): number;
+export default useScrollPosition;