@holper/react-native-holper-storybook 0.6.53 → 0.6.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/lib/components/Button/style.js +1 -1
  2. package/lib/components/Card/style.js +5 -5
  3. package/lib/components/Input/style.js +12 -12
  4. package/lib/components/Select/style.js +11 -11
  5. package/lib/components/Textarea/index.js +11 -5
  6. package/lib/components/Textarea/style.js +11 -12
  7. package/package.json +7 -7
package/lib/components/Button/style.js CHANGED
@@ -10,7 +10,7 @@ export default {
10
10
  marginVertical: 8,
11
11
  paddingVertical: 6,
12
12
  paddingHorizontal: 8,
13
- borderRadius: 10,
13
+ borderRadius: 4,
14
14
  flexDirection: 'row',
15
15
  justifyContent: 'center',
16
16
  alignItems: 'center',
package/lib/components/Card/style.js CHANGED
@@ -13,21 +13,21 @@ export default {
13
13
  minWidth: 220,
14
14
  paddingVertical: 6,
15
15
  paddingHorizontal: 8,
16
- borderRadius: 10,
16
+ borderRadius: 4,
17
17
  justifyContent: 'center',
18
18
  alignItems: 'center',
19
19
  alignSelf: 'center',
20
20
  borderColor: isAndroid ? Colors.transparent : Colors.lightblue,
21
21
  borderWidth: 1,
22
22
  shadowOffset: { width: 2, height: 4 },
23
- shadowOpacity: 0.4,
23
+ shadowOpacity: 0.4,
24
24
  shadowRadius: 3,
25
25
  shadowColor: Colors.gray,
26
- elevation: 5
26
+ elevation: 5,
27
27
  },
28
28
  noShadow: {
29
29
  shadowColor: Colors.transparent,
30
30
  elevation: 0,
31
- borderColor: Colors.lightblue
32
- }
31
+ borderColor: Colors.lightblue,
32
+ },
33
33
  };
package/lib/components/Input/style.js CHANGED
@@ -7,42 +7,42 @@ export default {
7
7
  input: {
8
8
  height: 50,
9
9
  width: width - 80,
10
- borderRadius: 25,
10
+ borderRadius: 4,
11
11
  borderWidth: 1,
12
12
  paddingHorizontal: 20,
13
13
  color: Colors.darkblue,
14
14
  fontFamily: 'poppins_regular',
15
15
  backgroundColor: Colors.white,
16
- marginVertical: 6
16
+ marginVertical: 6,
17
17
  },
18
18
  default: {
19
- borderColor: Colors.lightblue
19
+ borderColor: Colors.lightblue,
20
20
  },
21
21
  completed: {
22
- borderColor: Colors.green
22
+ borderColor: Colors.green,
23
23
  },
24
24
  error: {
25
25
  borderColor: Colors.red,
26
- color: Colors.red
26
+ color: Colors.red,
27
27
  },
28
28
  disabled: {
29
- opacity: 0.5
29
+ opacity: 0.5,
30
30
  },
31
31
  leftIcon: {
32
- paddingLeft: 50
32
+ paddingLeft: 40,
33
33
  },
34
34
  leftIconWide: {
35
- paddingLeft: 70
35
+ paddingLeft: 70,
36
36
  },
37
37
  leftIconContainer: {
38
38
  position: 'absolute',
39
- left: 20,
39
+ left: 10,
40
40
  top: 10,
41
41
  height: 42,
42
- justifyContent: 'center'
42
+ justifyContent: 'center',
43
43
  },
44
44
  leftWideIconContainer: {
45
45
  paddingRight: 2,
46
- borderRightWidth: 1
47
- }
46
+ borderRightWidth: 1,
47
+ },
48
48
  };
package/lib/components/Select/style.js CHANGED
@@ -1,16 +1,16 @@
1
- import { Dimensions } from "react-native";
2
- import { Colors } from "../../configs/constants";
1
+ import { Dimensions } from 'react-native';
2
+ import { Colors } from '../../configs/constants';
3
3
 
4
- const { width } = Dimensions.get("window");
4
+ const { width } = Dimensions.get('window');
5
5
 
6
6
  export default {
7
7
  container: {
8
8
  width: width - 80,
9
- position: "relative",
9
+ position: 'relative',
10
10
  },
11
11
  fit: {
12
- width: "100%",
13
- position: "relative",
12
+ width: '100%',
13
+ position: 'relative',
14
14
  },
15
15
  selectIcon: {
16
16
  marginTop: 20,
@@ -23,15 +23,15 @@ export default {
23
23
 
24
24
  const fontStyle = {
25
25
  color: Colors.darkblue,
26
- fontFamily: "poppins_regular",
26
+ fontFamily: 'poppins_regular',
27
27
  };
28
28
 
29
29
  const basicStyle = {
30
30
  height: 50,
31
- width: "100%",
32
- borderRadius: 25,
31
+ width: '100%',
32
+ borderRadius: 4,
33
33
  borderWidth: 1,
34
- paddingHorizontal: 20,
34
+ paddingHorizontal: 10,
35
35
  backgroundColor: Colors.white,
36
36
  marginVertical: 6,
37
37
  ...fontStyle,
@@ -72,7 +72,7 @@ export const listItemContainerStyle = {
72
72
  };
73
73
 
74
74
  export const selectedItemLabelStyle = {
75
- fontFamily: "poppins_semiBold",
75
+ fontFamily: 'poppins_semiBold',
76
76
  };
77
77
 
78
78
  export const textStyle = {
package/lib/components/Textarea/index.js CHANGED
@@ -3,20 +3,26 @@ import PropTypes from 'prop-types';
3
3
  import { TextInput } from 'react-native';
4
4
  import style from './style';
5
5
 
6
- const Textarea = ({variant, disabled, numberOfLines, fitToContainer, ...props}) => (
6
+ const Textarea = ({
7
+ variant,
8
+ disabled,
9
+ numberOfLines,
10
+ fitToContainer,
11
+ ...props
12
+ }) => (
7
13
  <TextInput
8
14
  style={[
9
15
  style.textarea,
10
16
  fitToContainer ? style.fitToContainer : style.textAreaDefaultWidth,
11
- {height: numberOfLines*25},
17
+ { height: numberOfLines * 25 },
12
18
  style[variant],
13
- disabled ? style.disabled : {}
19
+ disabled ? style.disabled : {},
14
20
  ]}
15
- {...props}
16
21
  multiline
17
22
  editable={!disabled}
18
23
  numberOfLines={numberOfLines}
19
24
  textAlignVertical='top'
25
+ {...props}
20
26
  />
21
27
  );
22
28
 
@@ -24,7 +30,7 @@ Textarea.defaultProps = {
24
30
  variant: 'default',
25
31
  disabled: false,
26
32
  fitToContainer: false,
27
- numberOfLines: 4
33
+ numberOfLines: 4,
28
34
  };
29
35
 
30
36
  Textarea.propTypes = {
package/lib/components/Textarea/style.js CHANGED
@@ -5,34 +5,33 @@ const { width } = Dimensions.get('window');
5
5
 
6
6
  export default {
7
7
  textarea: {
8
- borderRadius: 15,
8
+ borderRadius: 4,
9
9
  borderWidth: 1,
10
- paddingHorizontal: 15,
11
- paddingTop: 10,
12
- paddingBottom: 10,
10
+ paddingHorizontal: 10,
11
+ paddingVertical: 10,
13
12
  color: Colors.darkblue,
14
13
  fontFamily: 'poppins_regular',
15
14
  backgroundColor: Colors.white,
16
15
  textAlignVertical: 'center',
17
- marginVertical: 6
16
+ marginVertical: 6,
18
17
  },
19
18
  textAreaDefaultWidth: {
20
- width: width - 80
19
+ width: width - 80,
21
20
  },
22
21
  fitToContainer: {
23
- width: '100%'
22
+ width: '100%',
24
23
  },
25
24
  default: {
26
- borderColor: Colors.lightblue
25
+ borderColor: Colors.lightblue,
27
26
  },
28
27
  completed: {
29
- borderColor: Colors.green
28
+ borderColor: Colors.green,
30
29
  },
31
30
  error: {
32
31
  borderColor: Colors.red,
33
- color: Colors.red
32
+ color: Colors.red,
34
33
  },
35
34
  disabled: {
36
- opacity: 0.5
37
- }
35
+ opacity: 0.5,
36
+ },
38
37
  };
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "main": "lib/index.js",
3
3
  "name": "@holper/react-native-holper-storybook",
4
4
  "description": "A component library for Holper projects",
5
- "version": "0.6.53",
5
+ "version": "0.6.55",
6
6
  "license": "MIT",
7
7
  "files": [
8
8
  "lib",
@@ -31,19 +31,19 @@
31
31
  "@react-native-community/datetimepicker": "7.6.1",
32
32
  "@react-native-community/slider": "4.4.2",
33
33
  "deprecated-react-native-prop-types": "^5.0.0",
34
- "expo": "~50.0.6",
34
+ "expo": "~50.0.17",
35
35
  "expo-asset": "~9.0.2",
36
- "expo-camera": "~14.0.4",
37
- "expo-font": "~11.10.2",
36
+ "expo-camera": "~14.1.3",
37
+ "expo-font": "~11.10.3",
38
38
  "expo-image-manipulator": "~11.8.0",
39
39
  "expo-image-picker": "~14.7.1",
40
- "expo-media-library": "~15.9.1",
40
+ "expo-media-library": "~15.9.2",
41
41
  "expo-status-bar": "~1.11.1",
42
42
  "moment": "^2.30.1",
43
43
  "prop-types": "^15.8.1",
44
44
  "react": "18.2.0",
45
45
  "react-dom": "18.2.0",
46
- "react-native": "0.73.4",
46
+ "react-native": "0.73.6",
47
47
  "react-native-countdown-circle-timer": "^3.2.1",
48
48
  "react-native-deck-swiper": "^2.0.16",
49
49
  "react-native-dropdown-picker": "^5.4.6",
@@ -65,7 +65,7 @@
65
65
  "@storybook/react-native": "^6.5.7",
66
66
  "@storybook/react-native-server": "^6.5.8",
67
67
  "babel-loader": "^9.1.3",
68
- "expo-dev-client": "~3.3.8"
68
+ "expo-dev-client": "~3.3.11"
69
69
  },
70
70
  "peerDependencies": {
71
71
  "expo-camera": ">=13.0.0",