fln-espranza 0.0.6 → 0.0.9

package/components/EBadge.tsx

@@ -13,7 +13,7 @@ interface IProps {
 
 export default function EBadge({ text, completed, color  }: IProps) {
     return (
-        <View style={[tw`rounded-full flex-row p-1 px-2 ${completed ? 'bg-green-600' : color}`, ]}>
+        <View style={[tw`flex-row p-1  px-2 bg-[${color}] rounded-full`, ]}>
             {completed ? <CheckCircleIcon style={tw`text-white -ml-1 mr-1`} size={16} /> : null}
             <EText size='xs' style={tw`font-semibold text-white`}>
                 {text}

package/components/EInput.tsx

@@ -35,7 +35,7 @@ export default function EInput({
       >
         <TextInput
           style={tw`h-12 rounded-lg px-4 flex-row items-center border border-slate-300  ${
-            hasFocus ? "border-black shadow-md" : ""
+            hasFocus ? "border-black " : ""
           }`}
           {...props}
           onFocus={() => setHasFocus(!hasFocus)}

package/components/EOption.tsx

@@ -0,0 +1,34 @@
+import React, { useState } from 'react';
+import { TouchableOpacity, View, TouchableOpacityProps } from 'react-native';
+import { Colors } from 'react-native/Libraries/NewAppScreen';
+import tw from '../../../lib/tailwind';
+import EText from './EText';
+
+
+interface RadioButtonProps extends TouchableOpacityProps {
+    text?: string;
+    isActive: boolean;
+    onPress?: () => void;
+}
+const EOption = ({ isActive, text, onPress, ...props }: RadioButtonProps) => {
+
+    return (
+        <TouchableOpacity
+            style={[tw`flex flex-row justify-start items-center mt-2 px-4 py-3 border rounded-lg`, {
+                borderColor: isActive ? Colors['secondary-base'] : Colors.border,
+                backgroundColor: isActive ? Colors['secondary-light'] : Colors.white
+            }]
+            }
+            onPress={() => {
+                onPress && onPress();
+            }}
+            {...props}
+        >
+            <EText size={"base"} style={tw`font-normal`}>
+                {text}
+            </EText>
+        </TouchableOpacity>
+    );
+};
+
+export default EOption;

package/components/EQuestionSerialNumberLabel.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import { Colors } from 'react-native/Libraries/NewAppScreen';
+import tw from '../lib/tailwind';
+import EText from './EText';
+// import { EText } from '../../../components'
+
+interface IProps{
+    label: string;
+}
+
+export default function EQuestionSerialNumberLabel( { label } : IProps) {
+  return (
+   <EText size={"sm"} style={[tw`font-extrabold`, {color: Colors['primary-base']}]}>
+    {label}
+   </EText>
+  )
+}

package/components/EQuestionText.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import tw from '../lib/tailwind';
+import EText from './EText';
+interface IProps{
+    question: string;
+}
+
+export default function EQuestionText( { question } : IProps) {
+  return (
+    <EText size={"base"} style={ tw`font-medium mt-1`}>
+        {question}
+    </EText>
+  )
+}

package/index.ts

@@ -78,6 +78,9 @@ import EIconTrash from "./components/icons/EIconTrash";
 import EIconUserCard from "./components/icons/EIconUserCard";
 import EIconUserCheck from "./components/icons/EIconUserCheck";
 import EIconUsers from "./components/icons/EIconUsers";
+import EOption from "./components/EOption";
+import EQuestionSerialNumberLabel from "./components/EQuestionSerialNumberLabel";
+import EQuestionText from "./components/EQuestionText";
 
 export {
   Avatar,
@@ -116,6 +119,9 @@ export {
   Colors,
   EListPerson,
   EListSchool,
+  EOption,
+  EQuestionSerialNumberLabel,
+  EQuestionText,
 
 
   // ICONS

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fln-espranza",
-  "version": "0.0.6",
+  "version": "0.0.9",
   "description": "All components used inside FLN Project of Espranza Innovations",
   "main": "index.ts",
   "scripts": {