@sikka/hawa 0.0.116 → 0.0.118

package/dist/styles.css

@@ -547,6 +547,9 @@ video {
 .top-5 {
   top: 1.25rem;
 }
+.left-10 {
+  left: 2.5rem;
+}
 .-left-1 {
   left: -0.25rem;
 }
@@ -749,6 +752,9 @@ video {
 .h-2 {
   height: 0.5rem;
 }
+.h-4 {
+  height: 1rem;
+}
 .h-32 {
   height: 8rem;
 }
@@ -811,6 +817,9 @@ video {
 .w-10 {
   width: 2.5rem;
 }
+.w-4 {
+  width: 1rem;
+}
 .w-11 {
   width: 2.75rem;
 }
@@ -934,9 +943,6 @@ video {
 .items-stretch {
   align-items: stretch;
 }
-.justify-start {
-  justify-content: flex-start;
-}
 .justify-end {
   justify-content: flex-end;
 }
@@ -958,6 +964,9 @@ video {
 .gap-1 {
   gap: 0.25rem;
 }
+.gap-0 {
+  gap: 0px;
+}
 .gap-x-3 {
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
@@ -1019,6 +1028,9 @@ video {
 .overflow-x-hidden {
   overflow-x: hidden;
 }
+.overflow-x-clip {
+  overflow-x: clip;
+}
 .overflow-y-clip {
   overflow-y: clip;
 }
@@ -1300,10 +1312,18 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(116 177 251 / var(--tw-bg-opacity));
 }
+.bg-orange-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 146 60 / var(--tw-bg-opacity));
+}
 .bg-yellow-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(253 224 71 / var(--tw-bg-opacity));
 }
+.bg-orange-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 186 116 / var(--tw-bg-opacity));
+}
 .bg-primary-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(156 199 252 / var(--tw-bg-opacity));
@@ -1430,6 +1450,9 @@ video {
 .pl-10 {
   padding-left: 2.5rem;
 }
+.pl-3 {
+  padding-left: 0.75rem;
+}
 .pt-0 {
   padding-top: 0px;
 }
@@ -1741,8 +1764,8 @@ body {
   --tw-content: '';
   content: var(--tw-content);
 }
-.hover\:w-60:hover {
-  width: 15rem;
+.hover\:w-40:hover {
+  width: 10rem;
 }
 .hover\:cursor-pointer:hover {
   cursor: pointer;
@@ -1783,6 +1806,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(29 78 216 / var(--tw-bg-opacity));
 }
+.hover\:bg-green-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(134 239 172 / var(--tw-bg-opacity));
+}
 .hover\:text-gray-900:hover {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));

package/es/blocks/AuthForms/SignInForm.d.ts

@@ -1,42 +1,42 @@
 import React from "react";
 type SignInFormTypes = {
-    showError: any;
-    errorTitle: string;
-    errorText: string;
-    signInType: "email" | "username" | "phone";
-    texts: {
-        emailLabel: string;
-        emailPlaceholder: string;
-        emailRequiredText: string;
-        emailInvalidText: string;
-        usernameLabel: string;
-        usernamePlaceholder: string;
-        usernameRequired: string;
-        usernameRequiredText: string;
-        phoneRequiredText: string;
-        passwordLabel: string;
-        passwordPlaceholder: string;
-        passwordRequiredText: string;
-        forgotPasswordText: string;
-        newUserText: string;
-        signUpText: string;
-        signInText: string;
-        googleButtonLabel: string;
-        githubButtonLabel: string;
-        twitterButtonLabel: string;
+    showError?: any;
+    errorTitle?: string;
+    errorText?: string;
+    signInType?: "email" | "username" | "phone";
+    texts?: {
+        emailLabel?: string;
+        emailPlaceholder?: string;
+        emailRequiredText?: string;
+        emailInvalidText?: string;
+        usernameLabel?: string;
+        usernamePlaceholder?: string;
+        usernameRequired?: string;
+        usernameRequiredText?: string;
+        phoneRequiredText?: string;
+        passwordLabel?: string;
+        passwordPlaceholder?: string;
+        passwordRequiredText?: string;
+        forgotPasswordText?: string;
+        newUserText?: string;
+        signUpText?: string;
+        signInText?: string;
+        googleButtonLabel?: string;
+        githubButtonLabel?: string;
+        twitterButtonLabel?: string;
     };
-    withoutResetPassword: boolean;
-    withoutSignUp: boolean;
-    isLoading: any;
-    viaGoogle: boolean;
-    viaGithub: boolean;
-    viaTwitter: boolean;
-    handleSignIn: (e: any) => void;
-    handleRouteToSignUp: () => void;
-    handleForgotPassword: () => void;
-    handleGoogleSignIn: () => void;
-    handleGithubSignIn: () => void;
-    handleTwitterSignIn: () => void;
+    withoutResetPassword?: boolean;
+    withoutSignUp?: boolean;
+    isLoading?: any;
+    viaGoogle?: boolean;
+    viaGithub?: boolean;
+    viaTwitter?: boolean;
+    handleSignIn?: (e: any) => void;
+    handleRouteToSignUp?: () => void;
+    handleForgotPassword?: () => void;
+    handleGoogleSignIn?: () => void;
+    handleGithubSignIn?: () => void;
+    handleTwitterSignIn?: () => void;
 };
 export declare const SignInForm: React.FunctionComponent<SignInFormTypes>;
 export {};

package/es/elements/HawaSpinner.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+type SpinnerTypes = {};
+export declare const HawaSpinner: React.FunctionComponent<SpinnerTypes>;
+export {};

package/es/elements/HawaStats.d.ts

@@ -4,6 +4,8 @@ type StatTypes = {
     number?: string;
     helperText?: string;
     variant?: "plain" | "contained" | "outlined";
+    isLoading?: boolean;
+    handleClick?: () => void;
 };
 export declare const HawaStats: React.FunctionComponent<StatTypes>;
 export {};

package/es/elements/index.d.ts

@@ -25,6 +25,7 @@ export * from "./HawaCopyrights";
 export * from "./HawaTimeline";
 export * from "./Breadcrumb";
 export * from "./HawaStats";
+export * from "./HawaSpinner";
 export * from "./HawaTextField";
 export * from "./HawaCardInput";
 export * from "./HawaPinInput";