@sikka/hawa 0.0.113 → 0.0.116

package/dist/styles.css

@@ -541,9 +541,15 @@ video {
 .bottom-4 {
   bottom: 1rem;
 }
+.left-3 {
+  left: 0.75rem;
+}
 .top-5 {
   top: 1.25rem;
 }
+.-left-1 {
+  left: -0.25rem;
+}
 .top-auto {
   top: auto;
 }
@@ -556,9 +562,6 @@ video {
 .top-2 {
   top: 0.5rem;
 }
-.-left-1 {
-  left: -0.25rem;
-}
 .z-10 {
   z-index: 10;
 }
@@ -740,24 +743,24 @@ video {
 .h-screen {
   height: 100vh;
 }
-.h-2 {
-  height: 0.5rem;
-}
 .h-10 {
   height: 2.5rem;
 }
+.h-2 {
+  height: 0.5rem;
+}
 .h-32 {
   height: 8rem;
 }
 .h-0\.5 {
   height: 0.125rem;
 }
-.h-9 {
-  height: 2.25rem;
-}
 .h-12 {
   height: 3rem;
 }
+.h-9 {
+  height: 2.25rem;
+}
 .h-20 {
   height: 5rem;
 }
@@ -805,14 +808,17 @@ video {
 .w-44 {
   width: 11rem;
 }
+.w-10 {
+  width: 2.5rem;
+}
 .w-11 {
   width: 2.75rem;
 }
 .w-1 {
   width: 0.25rem;
 }
-.w-10 {
-  width: 2.5rem;
+.w-12 {
+  width: 3rem;
 }
 .w-1\/3 {
   width: 33.333333%;
@@ -820,9 +826,6 @@ video {
 .w-80 {
   width: 20rem;
 }
-.w-12 {
-  width: 3rem;
-}
 .w-20 {
   width: 5rem;
 }
@@ -931,6 +934,9 @@ video {
 .items-stretch {
   align-items: stretch;
 }
+.justify-start {
+  justify-content: flex-start;
+}
 .justify-end {
   justify-content: flex-end;
 }
@@ -1100,6 +1106,18 @@ video {
 .border-t-0 {
   border-top-width: 0px;
 }
+.border-t-4 {
+  border-top-width: 4px;
+}
+.border-l-4 {
+  border-left-width: 4px;
+}
+.border-r-4 {
+  border-right-width: 4px;
+}
+.border-b-4 {
+  border-bottom-width: 4px;
+}
 .border-r {
   border-right-width: 1px;
 }
@@ -1136,6 +1154,22 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity));
 }
+.border-blue-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(147 197 253 / var(--tw-border-opacity));
+}
+.border-yellow-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(253 224 71 / var(--tw-border-opacity));
+}
+.border-red-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(252 165 165 / var(--tw-border-opacity));
+}
+.border-green-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(134 239 172 / var(--tw-border-opacity));
+}
 .border-transparent {
   border-color: transparent;
 }
@@ -1266,6 +1300,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(116 177 251 / var(--tw-bg-opacity));
 }
+.bg-yellow-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 224 71 / var(--tw-bg-opacity));
+}
 .bg-primary-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(156 199 252 / var(--tw-bg-opacity));
@@ -1389,6 +1427,9 @@ video {
 .pr-3 {
   padding-right: 0.75rem;
 }
+.pl-10 {
+  padding-left: 2.5rem;
+}
 .pt-0 {
   padding-top: 0px;
 }
@@ -1700,6 +1741,9 @@ body {
   --tw-content: '';
   content: var(--tw-content);
 }
+.hover\:w-60:hover {
+  width: 15rem;
+}
 .hover\:cursor-pointer:hover {
   cursor: pointer;
 }

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

@@ -1,8 +1,8 @@
 import React from "react";
 type AppLandingTypes = {
-    handleSignIn: any;
-    handleSignUp: any;
-    handleLanguage: any;
+    handleSignIn: () => void;
+    handleSignUp: () => void;
+    handleLanguage: () => void;
     texts: {
         signIn: string;
         signUp: string;

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

@@ -1,6 +1,6 @@
 import React from "react";
 type NewPasswordTypes = {
-    handleNewPassword: any;
+    handleNewPassword: () => void;
     passwordChanged: any;
     texts: {
         passwordPlaceholder: string;
@@ -13,7 +13,6 @@ type NewPasswordTypes = {
         passwordMatchError: string;
         passwordChanged: string;
     };
-    handleSignIn: any;
 };
 export declare const NewPasswordForm: React.FunctionComponent<NewPasswordTypes>;
 export {};

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

@@ -1,6 +1,6 @@
 import React from "react";
 type ResetPasswordType = {
-    handleResetPassword: any;
+    handleResetPassword: () => void;
     sent: any;
     texts: {
         emailLabel: string;

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

@@ -31,12 +31,12 @@ type SignInFormTypes = {
     viaGoogle: boolean;
     viaGithub: boolean;
     viaTwitter: boolean;
-    handleSignIn: any;
-    handleRouteToSignUp: any;
-    handleForgotPassword: any;
-    handleGoogleSignIn: any;
-    handleGithubSignIn: any;
-    handleTwitterSignIn: any;
+    handleSignIn: (e: any) => void;
+    handleRouteToSignUp: () => void;
+    handleForgotPassword: () => void;
+    handleGoogleSignIn: () => void;
+    handleGithubSignIn: () => void;
+    handleTwitterSignIn: () => void;
 };
 export declare const SignInForm: React.FunctionComponent<SignInFormTypes>;
 export {};

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

@@ -7,6 +7,7 @@ type SignInPhoneTypes = {
     handlePhoneChange: any;
     phoneRequiredText: any;
     SignInButtonText: any;
+    handleSignIn: any;
 };
 export declare const SignInPhone: React.FunctionComponent<SignInPhoneTypes>;
 export {};

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

@@ -38,11 +38,11 @@ type SignUpFormTypes = {
     showNewsletterOption: boolean;
     showRefCode: boolean;
     showTermsOption: boolean;
-    handleSignUp: any;
-    handleRouteToSignIn: any;
-    handleGoogleSignUp: any;
-    handleGithubSignUp: any;
-    handleTwitterSignUp: any;
+    handleSignUp: (e: any) => void;
+    handleRouteToSignIn: () => void;
+    handleGoogleSignUp: () => void;
+    handleGithubSignUp: () => void;
+    handleTwitterSignUp: () => void;
     showError: any;
     errorTitle: any;
     errorText: any;

package/es/elements/HawaAlert.d.ts

@@ -8,6 +8,7 @@ declare let severities: {
 type AlertTypes = {
     severity: keyof typeof severities;
     title?: any;
+    variant?: "normal" | "solid" | "top-accent" | "left-accent" | "right-accent" | "bottom-accent";
     text: any;
     hideIcon?: any;
     actions?: [

package/es/elements/HawaChip.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 type TChipTypes = {
     label: string;
     size: "small" | "normal" | "large";
+    icon?: JSX.Element;
 };
 export declare const HawaChip: React.FunctionComponent<TChipTypes>;
 export {};

package/es/elements/HawaPinInput.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type PinInputTypes = {
+    label: string;
+    icon?: JSX.Element;
+    digits?: number;
+};
+export declare const HawaPinInput: React.FunctionComponent<PinInputTypes>;
+export {};

package/es/elements/HawaStats.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type StatTypes = {
+    label?: string;
+    number?: string;
+    helperText?: string;
+    variant?: "plain" | "contained" | "outlined";
+};
+export declare const HawaStats: React.FunctionComponent<StatTypes>;
+export {};

package/es/elements/index.d.ts

@@ -24,8 +24,10 @@ export * from "./HawaDrawer";
 export * from "./HawaCopyrights";
 export * from "./HawaTimeline";
 export * from "./Breadcrumb";
+export * from "./HawaStats";
 export * from "./HawaTextField";
 export * from "./HawaCardInput";
+export * from "./HawaPinInput";
 export * from "./HawaItemCard";
 export * from "./HawaPricingCard";
 export * from "./HawaAdCard";