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

package/lib/components/Input/index.js

@@ -4,7 +4,7 @@ import { TextInput, View } from 'react-native';
 import { Colors } from '../../configs/constants';
 import style from './style';
 
-const Input = ({variant, disabled, leftIcon, leftIconWide, ...props}) => (
+const Input = ({ variant, disabled, leftIcon, leftIconWide, ...props }) => (
   <View>
     <TextInput
       style={[
@@ -12,11 +12,11 @@ const Input = ({variant, disabled, leftIcon, leftIconWide, ...props}) => (
         style[variant],
         leftIcon ? style.leftIcon : {},
         leftIconWide ? style.leftIconWide : {},
-        disabled ? style.disabled : {}
+        disabled ? style.disabled : {},
       ]}
       editable={!disabled}
       allowFontScaling={false}
-      placeholderTextColor={Colors.lightblue}
+      placeholderTextColor={Colors.midblue}
       {...props}
     />
     <View
@@ -24,7 +24,7 @@ const Input = ({variant, disabled, leftIcon, leftIconWide, ...props}) => (
         style[variant],
         style.leftIconContainer,
         leftIconWide ? style.leftWideIconContainer : {},
-        disabled ? style.disabled : {}
+        disabled ? style.disabled : {},
       ]}
     >
       {leftIcon}
@@ -36,14 +36,14 @@ Input.defaultProps = {
   variant: 'default',
   disabled: false,
   leftIcon: null,
-  leftIconWide: false
+  leftIconWide: false,
 };
 
 Input.propTypes = {
   variant: PropTypes.oneOf(['default', 'completed', 'error']),
   disabled: PropTypes.bool,
   leftIcon: PropTypes.node,
-  leftIconWide: PropTypes.bool
+  leftIconWide: PropTypes.bool,
 };
 
 export default Input;

package/lib/components/Select/style.js

@@ -56,7 +56,7 @@ export const includesSelect = {
 export const placeholderStyle = {
   fontSize: 16,
   ...fontStyle,
-  color: Colors.lightblue,
+  color: Colors.midblue,
 };
 
 export const listItemLabelStyle = {

package/lib/components/Textarea/index.js

@@ -1,22 +1,30 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { TextInput } from 'react-native';
+import { Colors } from '../../configs/constants';
 import style from './style';
 
-const Textarea = ({variant, disabled, numberOfLines, fitToContainer, ...props}) => (
+const Textarea = ({
+  variant,
+  disabled,
+  numberOfLines,
+  fitToContainer,
+  ...props
+}) => (
   <TextInput
     style={[
       style.textarea,
       fitToContainer ? style.fitToContainer : style.textAreaDefaultWidth,
-      {height: numberOfLines*25},
+      { height: numberOfLines * 25 },
       style[variant],
-      disabled ? style.disabled : {}
+      disabled ? style.disabled : {},
     ]}
-    {...props}
     multiline
     editable={!disabled}
     numberOfLines={numberOfLines}
     textAlignVertical='top'
+    placeholderTextColor={Colors.midblue}
+    {...props}
   />
 );
 
@@ -24,7 +32,7 @@ Textarea.defaultProps = {
   variant: 'default',
   disabled: false,
   fitToContainer: false,
-  numberOfLines: 4
+  numberOfLines: 4,
 };
 
 Textarea.propTypes = {

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