@bigbinary/neetoui-rn 0.0.220 → 0.0.222

package/src/components/SocialButton.js

@@ -2,11 +2,10 @@ import React, { useContext } from "react";
 import propTypes from "@styled-system/prop-types";
 import PropTypes from "prop-types";
 import { ThemeContext } from "styled-components/native";
-import { ActivityIndicator } from "react-native";
 
 import AppleLogo from "@assets/icons/apple-logo.svg";
 import GoogleLogo from "@assets/icons/google-logo.svg";
-import { Container, Typography, Touchable } from "@components";
+import { Container, Typography, Touchable, Loader } from "@components";
 
 /**
  *
@@ -33,8 +32,13 @@ import { Container, Typography, Touchable } from "@components";
  *
  */
 
-export const SocialButton = props => {
-  const { variant, disabled, labelStyle, isLoading, ...rest } = props;
+export const SocialButton = ({
+  variant,
+  disabled,
+  labelStyle,
+  isLoading,
+  ...rest
+}) => {
   const theme = useContext(ThemeContext);
   const capitalize = str => `${str.charAt(0).toUpperCase()}${str.slice(1)}`;
 
@@ -53,7 +57,7 @@ export const SocialButton = props => {
       {...rest}
     >
       {isLoading ? (
-        <ActivityIndicator color={theme.colors.background.grey800} />
+        <Loader color={theme.colors.background.grey800} />
       ) : (
         <>
           <Container position="absolute" left={17}>
@@ -93,4 +97,8 @@ SocialButton.propTypes = {
    * Customize label style of the button
    */
   labelStyle: PropTypes.object,
+  /**
+   * Button loading status
+   */
+  isLoading: PropTypes.bool,
 };

package/src/components/Touchable.js

@@ -84,4 +84,5 @@ Touchable.propTypes = {
   ...propTypes.buttonStyle,
 
   children: PropTypes.node,
+  elevation: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 };

package/src/components/index.js

@@ -38,3 +38,4 @@ export { BottomTabBar } from "./BottomTabBar";
 export { AnimatedImage } from "./AnimatedImage";
 export { NotificationPreferenceList } from "./NotificationPreferenceList";
 export { OrganizationItem } from "./OrganizationItem";
+export { Loader } from "./Loader";

package/src/theme/index.js

@@ -30,6 +30,7 @@ const darkBlueVariant = {
 
 const lightBlueVariants = {
   lightBlue100: "#EAF3FC",
+  lightBlue400: "#4558F9",
 };
 
 const purpleVariants = {