@sikka/hawa 0.0.78 → 0.0.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.0.78",
+  "version": "0.0.79",
   "description": "UI Kit",
   "main": "lib/index.js",
   "module": "es/index.es.js",

package/src/blocks/AuthForms/SignInForm.js

@@ -74,15 +74,17 @@ export const SignInForm = (props) => {
           {props.texts.forgotPasswordText}
         </div>
         <HawaButton fullWidth type="submit" text={props.texts.signInText} />{" "}
-        <div className="font-semibold p-3 text-center text-sm">
-          {props.texts.newUserText}{" "}
-          <span
-            onClick={props.handleRouteToSignUp}
-            className="text-blue-600 cursor-pointer"
-          >
-            {props.texts.signUpText}
-          </span>
-        </div>
+        {!props.withoutSignUp && (
+          <div className="font-semibold p-3 text-center text-sm">
+            {props.texts.newUserText}{" "}
+            <span
+              onClick={props.handleRouteToSignUp}
+              className="text-blue-600 cursor-pointer"
+            >
+              {props.texts.signUpText}
+            </span>
+          </div>
+        )}
       </form>
       {/* <Divider /> */}
       {/* <div className="divide-y divide-gray-900"></div> */}
@@ -141,5 +143,8 @@ SignInForm.propTypes = {
   handleRouteToSignUp: PropTypes.func,
   handleGoogleSignIn: PropTypes.func,
   handleGithubSignIn: PropTypes.func,
-  handleTwitterSignIn: PropTypes.func
+  handleTwitterSignIn: PropTypes.func,
+  handleForgotPassword: PropTypes.func,
+  
+  withoutSignUp: PropTypes.bool
 };

package/src/blocks/AuthForms/SignInPhone.js

@@ -31,6 +31,7 @@ export const SignInPhone = (props) => {
             />
           )}
         />
+        <div className="mt-2"></div>
         <HawaButton fullWidth type="submit" text={props.SignInButtonText} />
       </form>
     </HawaContainer>

package/src/elements/HawaPhoneInput.js

@@ -85,9 +85,7 @@ export default function HawaPhoneInput({ preferredCountry }) {
           setSelectedCountry(newValue);
         }}
       />
-      <div>
-        <input className="bg-gray-50 border rounded-l-none border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 border-l-0" />
-      </div>
+      <input className="bg-gray-50 border rounded-l-none border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 border-l-0" />
     </div>
   );
 }