@holper/react-native-holper-storybook 0.6.46 → 0.6.48

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/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/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.46",
+  "version": "0.6.48",
   "license": "MIT",
   "files": [
     "lib",
@@ -43,7 +43,7 @@
     "prop-types": "^15.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-native": "0.72.4",
+    "react-native": "0.72.5",
     "react-native-countdown-circle-timer": "^3.2.1",
     "react-native-deck-swiper": "^2.0.16",
     "react-native-dropdown-picker": "^5.4.6",
@@ -64,7 +64,7 @@
     "@storybook/react-native": "^6.5.6",
     "@storybook/react-native-server": "^6.5.6",
     "babel-loader": "^9.1.3",
-    "expo-dev-client": "~2.4.10"
+    "expo-dev-client": "~2.4.11"
   },
   "peerDependencies": {
     "expo-camera": ">=13.0.0",