@holper/react-native-holper-storybook 0.6.52 → 0.6.54

package/lib/components/Button/style.js

@@ -10,7 +10,7 @@ export default {
     marginVertical: 8,
     paddingVertical: 6,
     paddingHorizontal: 8,
-    borderRadius: 10,
+    borderRadius: 4,
     flexDirection: 'row',
     justifyContent: 'center',
     alignItems: 'center',

package/lib/components/Card/style.js

@@ -13,21 +13,21 @@ export default {
     minWidth: 220,
     paddingVertical: 6,
     paddingHorizontal: 8,
-    borderRadius: 10,
+    borderRadius: 4,
     justifyContent: 'center',
     alignItems: 'center',
     alignSelf: 'center',
     borderColor: isAndroid ? Colors.transparent : Colors.lightblue,
     borderWidth: 1,
     shadowOffset: { width: 2, height: 4 },
-    shadowOpacity:  0.4,
+    shadowOpacity: 0.4,
     shadowRadius: 3,
     shadowColor: Colors.gray,
-    elevation: 5
+    elevation: 5,
   },
   noShadow: {
     shadowColor: Colors.transparent,
     elevation: 0,
-    borderColor: Colors.lightblue
-  }
+    borderColor: Colors.lightblue,
+  },
 };

package/lib/components/Input/style.js

@@ -7,42 +7,42 @@ export default {
   input: {
     height: 50,
     width: width - 80,
-    borderRadius: 25,
+    borderRadius: 4,
     borderWidth: 1,
     paddingHorizontal: 20,
     color: Colors.darkblue,
     fontFamily: 'poppins_regular',
     backgroundColor: Colors.white,
-    marginVertical: 6
+    marginVertical: 6,
   },
   default: {
-    borderColor: Colors.lightblue
+    borderColor: Colors.lightblue,
   },
   completed: {
-    borderColor: Colors.green
+    borderColor: Colors.green,
   },
   error: {
     borderColor: Colors.red,
-    color: Colors.red
+    color: Colors.red,
   },
   disabled: {
-    opacity: 0.5
+    opacity: 0.5,
   },
   leftIcon: {
-    paddingLeft: 50
+    paddingLeft: 40,
   },
   leftIconWide: {
-    paddingLeft: 70
+    paddingLeft: 70,
   },
   leftIconContainer: {
     position: 'absolute',
-    left: 20,
+    left: 10,
     top: 10,
     height: 42,
-    justifyContent: 'center'
+    justifyContent: 'center',
   },
   leftWideIconContainer: {
     paddingRight: 2,
-    borderRightWidth: 1
-  }
+    borderRightWidth: 1,
+  },
 };

package/lib/components/Select/style.js

@@ -1,16 +1,16 @@
-import { Dimensions } from "react-native";
-import { Colors } from "../../configs/constants";
+import { Dimensions } from 'react-native';
+import { Colors } from '../../configs/constants';
 
-const { width } = Dimensions.get("window");
+const { width } = Dimensions.get('window');
 
 export default {
   container: {
     width: width - 80,
-    position: "relative",
+    position: 'relative',
   },
   fit: {
-    width: "100%",
-    position: "relative",
+    width: '100%',
+    position: 'relative',
   },
   selectIcon: {
     marginTop: 20,
@@ -23,15 +23,15 @@ export default {
 
 const fontStyle = {
   color: Colors.darkblue,
-  fontFamily: "poppins_regular",
+  fontFamily: 'poppins_regular',
 };
 
 const basicStyle = {
   height: 50,
-  width: "100%",
-  borderRadius: 25,
+  width: '100%',
+  borderRadius: 4,
   borderWidth: 1,
-  paddingHorizontal: 20,
+  paddingHorizontal: 10,
   backgroundColor: Colors.white,
   marginVertical: 6,
   ...fontStyle,
@@ -72,7 +72,7 @@ export const listItemContainerStyle = {
 };
 
 export const selectedItemLabelStyle = {
-  fontFamily: "poppins_semiBold",
+  fontFamily: 'poppins_semiBold',
 };
 
 export const textStyle = {

package/lib/components/Textarea/style.js

@@ -5,34 +5,33 @@ const { width } = Dimensions.get('window');
 
 export default {
   textarea: {
-    borderRadius: 15,
+    borderRadius: 4,
     borderWidth: 1,
-    paddingHorizontal: 15,
-    paddingTop: 10,
-    paddingBottom: 10,
+    paddingHorizontal: 10,
+    paddingVertical: 10,
     color: Colors.darkblue,
     fontFamily: 'poppins_regular',
     backgroundColor: Colors.white,
     textAlignVertical: 'center',
-    marginVertical: 6
+    marginVertical: 6,
   },
   textAreaDefaultWidth: {
-    width: width - 80
+    width: width - 80,
   },
   fitToContainer: {
-    width: '100%'
+    width: '100%',
   },
   default: {
-    borderColor: Colors.lightblue
+    borderColor: Colors.lightblue,
   },
   completed: {
-    borderColor: Colors.green
+    borderColor: Colors.green,
   },
   error: {
     borderColor: Colors.red,
-    color: Colors.red
+    color: Colors.red,
   },
   disabled: {
-    opacity: 0.5
-  }
+    opacity: 0.5,
+  },
 };

package/package.json

@@ -2,7 +2,7 @@
   "main": "lib/index.js",
   "name": "@holper/react-native-holper-storybook",
   "description": "A component library for Holper projects",
-  "version": "0.6.52",
+  "version": "0.6.54",
   "license": "MIT",
   "files": [
     "lib",
@@ -31,19 +31,19 @@
     "@react-native-community/datetimepicker": "7.6.1",
     "@react-native-community/slider": "4.4.2",
     "deprecated-react-native-prop-types": "^5.0.0",
-    "expo": "~50.0.5",
+    "expo": "~50.0.17",
     "expo-asset": "~9.0.2",
-    "expo-camera": "~14.0.3",
-    "expo-font": "~11.10.2",
+    "expo-camera": "~14.1.3",
+    "expo-font": "~11.10.3",
     "expo-image-manipulator": "~11.8.0",
     "expo-image-picker": "~14.7.1",
-    "expo-media-library": "~15.9.1",
+    "expo-media-library": "~15.9.2",
     "expo-status-bar": "~1.11.1",
     "moment": "^2.30.1",
     "prop-types": "^15.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-native": "0.73.2",
+    "react-native": "0.73.6",
     "react-native-countdown-circle-timer": "^3.2.1",
     "react-native-deck-swiper": "^2.0.16",
     "react-native-dropdown-picker": "^5.4.6",
@@ -65,7 +65,7 @@
     "@storybook/react-native": "^6.5.7",
     "@storybook/react-native-server": "^6.5.8",
     "babel-loader": "^9.1.3",
-    "expo-dev-client": "~3.3.8"
+    "expo-dev-client": "~3.3.11"
   },
   "peerDependencies": {
     "expo-camera": ">=13.0.0",