@hoddy-ui/core 1.0.16 → 1.0.18

package/index.ts

@@ -3,11 +3,13 @@ import { initialize } from "./src/config";
 // Components
 export { default as AdaptiveStatusBar } from "./src/Components/AdaptiveStatusBar";
 export { default as AlertX } from "./src/Components/AlertX";
+export * from "./src/Components/Animator";
 export { default as Avatar } from "./src/Components/Avatar";
 export * from "./src/Components/Button";
 export { default as Button } from "./src/Components/Button";
 export * from "./src/Components/Checkbox";
 export * from "./src/Components/FlashMessage";
+export * from "./src/Components/FormWrapper";
 export * from "./src/Components/Grid";
 export * from "./src/Components/Locator";
 export * from "./src/Components/Popup";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hoddy-ui/core",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "Core rich react native components written in typescript",
   "main": "index.ts",
   "repository": {

package/src/Components/Animator.tsx

@@ -4,7 +4,7 @@ import { LayoutAnimation, View } from "react-native";
 import { ScaledSheet } from "react-native-size-matters";
 import { AnimatorProps } from "../types";
 
-const Animator: FC<AnimatorProps> = ({
+export const Animator: FC<AnimatorProps> = ({
   style = {},
   duration = 500,
   children,
@@ -41,5 +41,3 @@ const Animator: FC<AnimatorProps> = ({
   );
   return <View style={styles.root}>{play && children}</View>;
 };
-
-export default Animator;

package/src/Components/TextField.tsx

@@ -26,6 +26,7 @@ const TextField: React.FC<TextFieldProps> = ({
   onBlur = () => {},
   error,
   start,
+  size = "normal",
   rounded,
   disabled = false,
   style = {},
@@ -40,7 +41,9 @@ const TextField: React.FC<TextFieldProps> = ({
 
   const labelAnim = useRef(new Animated.Value(0)).current;
 
-  const height = moderateScale(variant === "text" ? 50 : 45);
+  const height =
+    moderateScale(variant === "text" ? 50 : 45) *
+    (size === "large" ? 1.2 : size === "small" ? 0.8 : 1);
 
   React.useEffect(() => {
     if (focused || value) {

package/src/types.ts

@@ -17,7 +17,6 @@ export type colorTypes =
   | "info"
   | "warning"
   | "error"
-  | "purple"
   | "blue"
   | "textSecondary";
 
@@ -215,6 +214,7 @@ export interface TextFieldProps extends TextInputProps {
   label?: string;
   variant?: "outlined" | "text" | "contained";
   color?: colorTypes;
+  size?: "small" | "normal" | "large";
   type?: "email" | "tel" | "password" | "text" | "number" | "search";
   helperText?: string;
   value: any;