ikualo-ui-kit-mobile 0.9.0 → 0.9.2

package/.expo/devices.json

@@ -0,0 +1,3 @@
+{
+  "devices": []
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ikualo-ui-kit-mobile",
-  "version": "0.9.0",
-  "main": "src/index.ts",
+  "version": "0.9.2",
+  "main": "expo/AppEntry.js",
   "scripts": {
     "start": "expo start",
     "android": "expo start --android",

package/src/elements/alerts/Alert.tsx

@@ -7,7 +7,7 @@ import { IFAlertInfo } from '../../models';
 import { ErrorIcon, InfoIcon, SuccessIcon, WarningIcon } from '../../../assets/icons/svgs';
 import { Text } from '../../';
 export const Alert = (props: IFAlertInfo) => {
-  const { text, title, type, onClose, miliSeconds } = props;
+  const { text, title, type, onClose, miliSeconds,customStyles } = props;
   const styleAlerts = getStyleAlerts(useStore().theme);
 
   const icons = [
@@ -24,7 +24,7 @@ export const Alert = (props: IFAlertInfo) => {
 
   return (
     <Portal>
-      <Animated.View style={[styleAlerts['alert'], styleAlerts[`alert--${type}`]]}>
+      <Animated.View style={[styleAlerts['alert'], styleAlerts[`alert--${type}`],customStyles]}>
         <View style={styleAlerts['alert-container-text']}>
           {icons.find(icon => icon.name === type)?.icon}
           <Text fontWeight={'MontserratBold700'} fontSize={14}>{title}</Text>

package/src/elements/alerts/AlertsExamples.tsx

@@ -5,37 +5,23 @@ export const AlertsExamples = () => {
     return (
         <View>
             <Alert
+                customStyles={{bottom:15,top:undefined}}
                 title="Alert de advertencia"
-                type="success"
+                type="warning"
                 text={
                     <Text fontWeight='MontserratRegular400'
                         fontSize={12} >Esta es una prueba de como queda el alert
                     </Text>}
                 onClose={() => { }} />
-            <Alert
-                title="Alert de éxito"
+                <Alert
+                title="Alert de advertencia"
                 type="success"
                 text={
                     <Text fontWeight='MontserratRegular400'
                         fontSize={12} >Esta es una prueba de como queda el alert
                     </Text>}
                 onClose={() => { }} />
-            <Alert
-                title="Alert informativo"
-                type="info"
-                text={
-                    <Text fontWeight='MontserratRegular400'
-                        fontSize={12} >Esta es una prueba de como queda el alert
-                    </Text>}
-                onClose={() => { }} />
-            <Alert
-                title="Alert de error"
-                type="info"
-                text={
-                    <Text fontWeight='MontserratRegular400'
-                        fontSize={12} >Esta es una prueba de como queda el alert
-                    </Text>}
-                onClose={() => { }} />
+           
         </View>
     );
 };

package/src/models/interfaces.models.ts

@@ -16,6 +16,7 @@ export interface IFAlertInfo {
   title: string;
   text?: JSX.Element;
   miliSeconds?: number;
+  customStyles?: object;
   type: TypesAlert
   onClose: () => void;
 }