@holper/react-native-holper-storybook 0.6.59 → 0.6.61

package/lib/components/ConfirmationModal/index.js

@@ -27,6 +27,7 @@ const ConfirmationModal = ({
   alertMode,
   infoMode,
   inverted,
+  isPrime,
   children,
 }) => (
   <Modal
@@ -83,7 +84,7 @@ const ConfirmationModal = ({
                     variant={inverted ? 'inverted' : 'primary'}
                     onPress={onConfirm}
                   >
-                    <Text size='large' color='white'>
+                    <Text size='large' color={isPrime ? 'gold' : 'white'}>
                       {confirmText}
                     </Text>
                   </Button>
@@ -93,7 +94,7 @@ const ConfirmationModal = ({
                       <Button
                         size='small'
                         bordered
-                        variant='inverted'
+                        variant={inverted ? 'inverted' : 'primary'}
                         onPress={onCancel}
                       >
                         <Text size='large'>{cancelText}</Text>
@@ -104,7 +105,7 @@ const ConfirmationModal = ({
                       size={onCancel ? 'small' : 'fit'}
                       onPress={onConfirm}
                     >
-                      <Text size='large' color='white'>
+                      <Text size='large' color={isPrime ? 'gold' : 'white'}>
                         {confirmText}
                       </Text>
                     </Button>
@@ -131,6 +132,7 @@ ConfirmationModal.defaultProps = {
   closeButton: false,
   infoMode: false,
   inverted: false,
+  isPrime: false,
   children: null,
 };
 
@@ -146,6 +148,7 @@ ConfirmationModal.propTypes = {
   closeButton: PropTypes.bool,
   infoMode: PropTypes.bool,
   inverted: PropTypes.bool,
+  isPrime: PropTypes.bool,
   children: PropTypes.node,
 };
 

package/lib/components/Footer/index.js

@@ -6,7 +6,7 @@ import { Colors } from '../../configs/constants';
 import Text from '../Text';
 import style from './style';
 
-const Footer = ({ inverted, tabs, isPrime }) => {
+const Footer = ({ inverted, tabs }) => {
   const renderTab = () =>
     tabs.map((tab, index) => (
       <TouchableOpacity
@@ -17,9 +17,9 @@ const Footer = ({ inverted, tabs, isPrime }) => {
         <Ionicons
           name={tab.icon}
           size={20}
-          color={isPrime ? Colors.gold : Colors.white}
+          color={inverted ? Colors.white : Colors.darkblue}
         />
-        <Text color={isPrime ? 'gold' : 'white'} size='small'>
+        <Text color={inverted ? 'white' : 'dark'} size='small'>
           {tab.text}
         </Text>
         {tab.badge && tab.badge > 0 && (
@@ -43,13 +43,11 @@ const Footer = ({ inverted, tabs, isPrime }) => {
 
 Footer.defaultProps = {
   inverted: false,
-  isPrime: false,
   tabs: [],
 };
 
 Footer.propTypes = {
   inverted: PropTypes.bool,
-  isPrime: PropTypes.bool,
   tabs: PropTypes.arrayOf(
     PropTypes.shape({
       onPress: PropTypes.func,

package/lib/components/Footer/style.js

@@ -14,8 +14,8 @@ export default {
     alignItems: 'center',
   },
   default: {
-    backgroundColor: Colors.darkgray,
-    borderTopColor: Colors.darkblue,
+    backgroundColor: Colors.white,
+    borderTopColor: Colors.lightblue,
     borderTopWidth: 1,
   },
   inverted: {

package/lib/components/Header/index.js

@@ -6,7 +6,7 @@ import Ionicons from 'react-native-vector-icons/Ionicons';
 import { Colors } from '../../configs/constants';
 import style from './style';
 
-const Header = ({ inverted, logo, right, onMenuPress, isPrime }) => (
+const Header = ({ inverted, logo, right, onMenuPress }) => (
   <View
     style={[style.headerContainer, style[inverted ? 'inverted' : 'default']]}
   >
@@ -14,7 +14,7 @@ const Header = ({ inverted, logo, right, onMenuPress, isPrime }) => (
       <Ionicons
         name='menu-outline'
         size={30}
-        color={isPrime ? Colors.gold : Colors.white}
+        color={inverted ? Colors.white : Colors.darkblue}
       />
     </TouchableOpacity>
     <View style={style.imageContainer}>
@@ -31,7 +31,6 @@ const Header = ({ inverted, logo, right, onMenuPress, isPrime }) => (
 
 Header.defaultProps = {
   inverted: false,
-  isPrime: false,
   logo: null,
   right: null,
   onMenuPress: () => {},
@@ -39,7 +38,6 @@ Header.defaultProps = {
 
 Header.propTypes = {
   inverted: PropTypes.bool,
-  isPrime: PropTypes.bool,
   logo: ImagePropTypes.source.isRequired,
   right: PropTypes.node,
   onMenuPress: PropTypes.func,

package/lib/components/Header/style.js

@@ -14,8 +14,8 @@ export default {
     alignItems: 'center',
   },
   default: {
-    backgroundColor: Colors.darkgray,
-    borderBottomColor: Colors.darkblue,
+    backgroundColor: Colors.white,
+    borderBottomColor: Colors.lightblue,
     borderBottomWidth: 1,
   },
   inverted: {

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.59",
+  "version": "0.6.61",
   "license": "MIT",
   "files": [
     "lib",
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "1.21.0",
-    "@react-native-community/datetimepicker": "7.6.1",
+    "@react-native-community/datetimepicker": "8.2.0",
     "@react-native-community/slider": "4.4.2",
     "deprecated-react-native-prop-types": "^5.0.0",
     "expo": "~50.0.17",