@holper/react-native-holper-storybook 0.6.63 → 0.6.65

package/lib/components/Button/index.js

@@ -89,6 +89,7 @@ Button.propTypes = {
     'dim',
     'light',
     'brightblue',
+    'lightgreen',
     'inverted',
     'error',
   ]),

package/lib/components/Button/style.js

@@ -1,5 +1,5 @@
 import { Dimensions } from 'react-native';
-import { Colors } from '../../configs/constants';
+import { Colors, borderRadius } from '../../configs/constants';
 
 const { width } = Dimensions.get('window');
 
@@ -10,7 +10,7 @@ export default {
     marginVertical: 8,
     paddingVertical: 6,
     paddingHorizontal: 8,
-    borderRadius: 4,
+    borderRadius,
     flexDirection: 'row',
     justifyContent: 'center',
     alignItems: 'center',
@@ -46,6 +46,11 @@ export default {
     backgroundColor: Colors.brightblue,
     shadowColor: Colors.brightblue,
   },
+  lightgreen: {
+    borderColor: Colors.lightgreen,
+    backgroundColor: Colors.lightgreen,
+    shadowColor: Colors.lightgreen,
+  },
   inverted: {
     borderColor: Colors.violet,
     backgroundColor: Colors.violet,

package/lib/components/Card/style.js

@@ -1,5 +1,5 @@
 import { Dimensions, Platform } from 'react-native';
-import { Colors } from '../../configs/constants';
+import { Colors, borderRadius } from '../../configs/constants';
 
 const { width } = Dimensions.get('window');
 const isAndroid = Platform.OS === 'android';
@@ -13,7 +13,7 @@ export default {
     minWidth: 220,
     paddingVertical: 6,
     paddingHorizontal: 8,
-    borderRadius: 4,
+    borderRadius,
     justifyContent: 'center',
     alignItems: 'center',
     alignSelf: 'center',

package/lib/components/Input/style.js

@@ -1,5 +1,5 @@
 import { Dimensions } from 'react-native';
-import { Colors } from '../../configs/constants';
+import { Colors, borderRadius } from '../../configs/constants';
 
 const { width } = Dimensions.get('window');
 
@@ -7,7 +7,7 @@ export default {
   input: {
     height: 50,
     width: width - 80,
-    borderRadius: 4,
+    borderRadius,
     borderWidth: 1,
     paddingHorizontal: 20,
     color: Colors.darkblue,

package/lib/components/Select/style.js

@@ -1,5 +1,5 @@
 import { Dimensions } from 'react-native';
-import { Colors } from '../../configs/constants';
+import { Colors, borderRadius } from '../../configs/constants';
 
 const { width } = Dimensions.get('window');
 
@@ -29,7 +29,7 @@ const fontStyle = {
 const basicStyle = {
   height: 50,
   width: '100%',
-  borderRadius: 4,
+  borderRadius,
   borderWidth: 1,
   paddingHorizontal: 10,
   backgroundColor: Colors.white,

package/lib/components/Textarea/style.js

@@ -1,11 +1,11 @@
 import { Dimensions } from 'react-native';
-import { Colors } from '../../configs/constants';
+import { Colors, borderRadius } from '../../configs/constants';
 
 const { width } = Dimensions.get('window');
 
 export default {
   textarea: {
-    borderRadius: 4,
+    borderRadius,
     borderWidth: 1,
     paddingHorizontal: 10,
     paddingVertical: 10,

package/lib/components/TimeOutButton/style.js

@@ -8,7 +8,7 @@ export default {
   button: {
     margin: 8,
     height: 50,
-    overflow: 'hidden'
+    overflow: 'hidden',
   },
   // Button background
   buttonBg: {
@@ -23,9 +23,9 @@ export default {
     backgroundColor: Colors.lightgreen,
     shadowColor: Colors.lightgreen,
     shadowOffset: { width: 0, height: 4 },
-    shadowOpacity:  0.4,
+    shadowOpacity: 0.4,
     shadowRadius: 3,
-    elevation: 5
+    elevation: 5,
   },
   // Button overlays
   buttonOverlay: {
@@ -36,6 +36,6 @@ export default {
   buttonOverlayWarning: {
     position: 'absolute',
     left: -10,
-    backgroundColor: Colors.red
-  }
-}
+    backgroundColor: Colors.red,
+  },
+};

package/lib/configs/constants.js

@@ -5,6 +5,8 @@ export const Colors = {
   gray: '#D0D0D0',
   dimgray: '#CFCFCF',
   darkgray: '#2E3640',
+  whiteice: '#E7EAEE',
+  whitepearl: '#F7F8F9',
   // Greens
   lightgreen: '#64FFA5',
   green: '#3FE384',
@@ -26,6 +28,8 @@ export const Colors = {
   gold: '#D4AF37',
 };
 
+export const borderRadius = 8;
+
 export const ConstantsWS = Object.freeze({
   HIRING: 'HIRING',
   CANCELED: 'CANCELED',

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.63",
+  "version": "0.6.65",
   "license": "MIT",
   "files": [
     "lib",