@sikka/hawa 0.0.114 → 0.0.117

package/dist/styles.css

@@ -547,6 +547,12 @@ video {
 .top-5 {
   top: 1.25rem;
 }
+.left-10 {
+  left: 2.5rem;
+}
+.-left-1 {
+  left: -0.25rem;
+}
 .top-auto {
   top: auto;
 }
@@ -559,9 +565,6 @@ video {
 .top-2 {
   top: 0.5rem;
 }
-.-left-1 {
-  left: -0.25rem;
-}
 .z-10 {
   z-index: 10;
 }
@@ -743,24 +746,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;
 }
@@ -808,14 +811,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%;
@@ -823,9 +829,6 @@ video {
 .w-80 {
   width: 20rem;
 }
-.w-12 {
-  width: 3rem;
-}
 .w-20 {
   width: 5rem;
 }
@@ -955,6 +958,9 @@ video {
 .gap-1 {
   gap: 0.25rem;
 }
+.gap-0 {
+  gap: 0px;
+}
 .gap-x-3 {
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
@@ -1016,6 +1022,9 @@ video {
 .overflow-x-hidden {
   overflow-x: hidden;
 }
+.overflow-x-clip {
+  overflow-x: clip;
+}
 .overflow-y-clip {
   overflow-y: clip;
 }
@@ -1103,6 +1112,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;
 }
@@ -1139,6 +1160,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;
 }
@@ -1269,6 +1306,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));
@@ -1395,6 +1444,9 @@ video {
 .pl-10 {
   padding-left: 2.5rem;
 }
+.pl-3 {
+  padding-left: 0.75rem;
+}
 .pt-0 {
   padding-top: 0px;
 }
@@ -1706,6 +1758,9 @@ body {
   --tw-content: '';
   content: var(--tw-content);
 }
+.hover\:w-40:hover {
+  width: 10rem;
+}
 .hover\:cursor-pointer:hover {
   cursor: pointer;
 }
@@ -1745,6 +1800,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/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,7 +2,7 @@ import React from "react";
 type TChipTypes = {
     label: string;
     size: "small" | "normal" | "large";
-    icon?: any;
+    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";