@holper/react-native-holper-storybook 0.6.47 → 0.6.49

package/lib/components/Button/index.js

@@ -88,6 +88,7 @@ Button.propTypes = {
     'secondary',
     'dim',
     'light',
+    'brightblue',
     'inverted',
     'error',
     'highlight',

package/lib/components/Button/style.js

@@ -1,7 +1,7 @@
-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 {
   // Default button shape
@@ -15,7 +15,7 @@ export default {
     justifyContent: 'center',
     alignItems: 'center',
     borderWidth: 1,
-    shadowOffset: {width: 0, height: 4},
+    shadowOffset: { width: 0, height: 4 },
     shadowOpacity: 0.4,
     shadowRadius: 3,
     elevation: 5,
@@ -24,43 +24,48 @@ export default {
   primary: {
     borderColor: Colors.green,
     backgroundColor: Colors.green,
-    shadowColor: Colors.green
+    shadowColor: Colors.green,
   },
   secondary: {
     borderColor: Colors.lightblue,
     backgroundColor: Colors.white,
-    shadowColor: Colors.lightblue
+    shadowColor: Colors.lightblue,
   },
   dim: {
     borderColor: Colors.dimgray,
     backgroundColor: Colors.dimgray,
-    shadowColor: Colors.dimgray
+    shadowColor: Colors.dimgray,
   },
   light: {
     borderColor: Colors.lightblue,
     backgroundColor: Colors.lightblue,
-    shadowColor: Colors.lightblue
+    shadowColor: Colors.lightblue,
+  },
+  brightblue: {
+    borderColor: Colors.brightblue,
+    backgroundColor: Colors.brightblue,
+    shadowColor: Colors.brightblue,
   },
   inverted: {
     borderColor: Colors.darkgray,
     backgroundColor: Colors.darkgray,
-    shadowColor: Colors.darkgray
+    shadowColor: Colors.darkgray,
   },
   error: {
     borderColor: Colors.red,
     backgroundColor: Colors.red,
-    shadowColor: Colors.red
+    shadowColor: Colors.red,
   },
   highlight: {
     borderColor: Colors.violet,
     backgroundColor: Colors.violet,
-    shadowColor: Colors.violet
+    shadowColor: Colors.violet,
   },
   // Bordered
   bordered: {
     shadowColor: Colors.transparent,
     backgroundColor: Colors.white,
-    elevation: 0
+    elevation: 0,
   },
   // Sizes
   tiny: {
@@ -80,11 +85,11 @@ export default {
   },
   // Disabled
   disabled: {
-    opacity: 0.5
+    opacity: 0.5,
   },
   // NoShadow
   noShadow: {
     shadowColor: Colors.transparent,
-    elevation: 0
-  }
-};
+    elevation: 0,
+  },
+};

package/lib/components/ConfirmationModal/index.js

@@ -89,17 +89,19 @@ const ConfirmationModal = ({
                   </Button>
                 ) : (
                   <View style={style.buttons}>
-                    <Button
-                      size='small'
-                      bordered
-                      variant='inverted'
-                      onPress={onCancel}
-                    >
-                      <Text size='large'>{cancelText}</Text>
-                    </Button>
+                    {onCancel && (
+                      <Button
+                        size='small'
+                        bordered
+                        variant='inverted'
+                        onPress={onCancel}
+                      >
+                        <Text size='large'>{cancelText}</Text>
+                      </Button>
+                    )}
                     <Button
                       variant={inverted ? 'inverted' : 'primary'}
-                      size='small'
+                      size={onCancel ? 'small' : 'fit'}
                       onPress={onConfirm}
                     >
                       <Text size='large' color='white'>

package/lib/components/Text/index.js

@@ -1,10 +1,19 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import {Text as RNText} from 'react-native';
-import {TextPropTypes} from 'deprecated-react-native-prop-types';
+import { Text as RNText } from 'react-native';
+import { TextPropTypes } from 'deprecated-react-native-prop-types';
 import style from './style';
 
-const Text = ({variant, size, color, weight, align, style: customStyle, children, ...props}) => (
+const Text = ({
+  variant,
+  size,
+  color,
+  weight,
+  align,
+  style: customStyle,
+  children,
+  ...props
+}) => (
   <RNText
     style={[
       style[variant],
@@ -12,7 +21,7 @@ const Text = ({variant, size, color, weight, align, style: customStyle, children
       style[color],
       style[weight],
       style[align],
-      {...customStyle}
+      { ...customStyle },
     ]}
     allowFontScaling={false}
     {...props}
@@ -32,13 +41,30 @@ Text.defaultProps = {
 };
 
 Text.propTypes = {
-  color: PropTypes.oneOf(['dark', 'light', 'lighter', 'white', 'green', 'red', 'yellow', 'violet']),
+  color: PropTypes.oneOf([
+    'dark',
+    'light',
+    'lighter',
+    'white',
+    'green',
+    'red',
+    'yellow',
+    'violet',
+    'brightblue',
+  ]),
   variant: PropTypes.oneOf(['default', 'lowercase', 'uppercase']),
-  size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large', 'extra-large', 'huge']),
+  size: PropTypes.oneOf([
+    'tiny',
+    'small',
+    'medium',
+    'large',
+    'extra-large',
+    'huge',
+  ]),
   weight: PropTypes.oneOf(['regular', 'bold', 'semiBold']),
   align: PropTypes.oneOf(['left', 'right', 'center', 'justify']),
   style: TextPropTypes.style,
-  children: PropTypes.node
+  children: PropTypes.node,
 };
 
 export default Text;

package/lib/components/Text/style.js

@@ -1,78 +1,81 @@
-import {Colors} from '../../configs/constants';
+import { Colors } from '../../configs/constants';
 
 export default {
   //  colors
   dark: {
-    color: Colors.darkblue
+    color: Colors.darkblue,
   },
   light: {
-    color: Colors.dimgray
+    color: Colors.dimgray,
   },
   lighter: {
-    color: Colors.lightblue
+    color: Colors.lightblue,
   },
   white: {
-    color: Colors.white
+    color: Colors.white,
   },
   green: {
-    color: Colors.green
+    color: Colors.green,
   },
   red: {
-    color: Colors.red
+    color: Colors.red,
   },
   yellow: {
-    color: Colors.yellow
+    color: Colors.yellow,
   },
   violet: {
-    color: Colors.violet
+    color: Colors.violet,
+  },
+  brightblue: {
+    color: Colors.brightblue,
   },
   // variants
   lowercase: {
-    textTransform: 'lowercase'
+    textTransform: 'lowercase',
   },
   uppercase: {
-    textTransform: 'uppercase'
+    textTransform: 'uppercase',
   },
   // sizes
   tiny: {
-    fontSize: 10
+    fontSize: 10,
   },
   small: {
-    fontSize: 12
+    fontSize: 12,
   },
   medium: {
-    fontSize: 14
+    fontSize: 14,
   },
   large: {
-    fontSize: 18
+    fontSize: 18,
   },
   'extra-large': {
-    fontSize: 24
+    fontSize: 24,
   },
   huge: {
-    fontSize: 40
+    fontSize: 40,
   },
   // Weights
   regular: {
-    fontFamily: 'poppins_regular'
+    fontFamily: 'poppins_regular',
   },
   bold: {
-    fontFamily: 'poppins_bold'
+    fontFamily: 'poppins_bold',
   },
   semiBold: {
-    fontFamily: 'poppins_semiBold'
+    fontFamily: 'poppins_semiBold',
   },
   // Align
   left: {
-    textAlign: 'left'
+    textAlign: 'left',
   },
   center: {
-    textAlign: 'center'
+    textAlign: 'center',
   },
   right: {
-    textAlign: 'right'
+    textAlign: 'right',
   },
   justify: {
-    textAlign: 'justify'
-  }
-};
+    textAlign: 'justify',
+  },
+};

package/lib/components/index.js

@@ -1,27 +1,27 @@
-export { default as Text } from './Text';
 export { default as Button } from './Button';
-export { default as TimeOutButton } from './TimeOutButton';
-export { default as Input } from './Input';
-export { default as Textarea } from './Textarea';
-export { default as InputPin } from './InputPin';
-export { default as Select } from './Select';
 export { default as Card } from './Card';
-export { default as MenuItem } from './MenuItem';
-export { default as FloatingContainer } from './FloatingContainer';
-export { default as FlashMessage, sendMessage } from './FlashMessage';
+export { default as ConfirmationModal } from './ConfirmationModal';
+export { default as Container } from './Container';
 export { default as DeckSwiper } from './DeckSwiper';
-export { default as NavigationTitle } from './NavigationTitle';
-export { default as VirtualKeyboard } from './VirtualKeyboard';
-export { default as Switch } from './Switch';
-export { default as Header } from './Header';
+export { default as FlashMessage, sendMessage } from './FlashMessage';
+export { default as FloatingContainer } from './FloatingContainer';
 export { default as Footer } from './Footer';
+export { default as Header } from './Header';
 export { default as ImagePicker } from './ImagePicker';
 export { default as ImageResponsive } from './ImageResponsive';
 export { default as ImageViewer } from './ImageViewer';
+export { default as Input } from './Input';
+export { default as InputPin } from './InputPin';
+export { default as MenuItem } from './MenuItem';
+export { default as NavigationTitle } from './NavigationTitle';
+export { default as Notification } from './Notification';
+export { default as Select } from './Select';
+export { default as SwipeablePanel } from './SwipeablePanel';
+export { default as Switch } from './Switch';
 export { default as TakePicture } from './TakePicture';
-export { default as Container } from './Container';
-export { default as ConfirmationModal } from './ConfirmationModal';
+export { default as Text } from './Text';
+export { default as Textarea } from './Textarea';
+export { default as TimeOutButton } from './TimeOutButton';
 export { default as UploadDocument } from './UploadDocument';
-export { default as SwipeablePanel } from './SwipeablePanel'
-export { default as Notification } from './Notification'
-export { default as withPreventDoubleClick } from './PreventDoubleClick'
+export { default as VirtualKeyboard } from './VirtualKeyboard';
+export { default as withPreventDoubleClick } from './PreventDoubleClick';

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