fix: colorScheme and colorValue for Input

Author: heloise-gllm

apps/docs/pages/docs/Components/Inputs/input.en-US.mdx

@@ -89,3 +89,14 @@ Extends every `Box` props and react native `TextInput` component.
 
 https://reactnative.dev/docs/textinput#props
 
+### `colorScheme`
+<PropsTable
+  description="The colorScheme property, will define the focus border main color."
+  prop={{ type: "string", required: false }}
+/>
+
+### `colorValue`
+<PropsTable
+  description="The colorValue property, will define the focus border color tint."
+  prop={{ type: "number", required: false }}
+/>

packages/react-native-ficus-ui/src/components/input/index.tsx

@@ -32,7 +32,9 @@ export interface InputProps
     PrefixSuffixProps,
     Omit<TextProps, 'textAlign' | 'textAlignVertical' | 'as'>,
     InputOptions,
-    ThemingProps<'Input'> {}
+    ThemingProps<'Input'> {
+  colorValue?: number;
+}
 
 export const Input = forwardRef<InputProps, 'TextInput'>((props, ref) => {
   const [isFocused, setIsFocused] = useState(false);
@@ -104,16 +106,20 @@ export const Input = forwardRef<InputProps, 'TextInput'>((props, ref) => {
       innerRef?.current?.focus();
     }
   };
+  const scheme = props.colorScheme ?? inputContainerStyles.colorScheme;
 
-  const colorValue = useColorModeValue(500, 300);
+  const defaultColorValue = useColorModeValue(500, 300);
+
+  const colorValue =
+    props.colorValue ?? inputContainerStyles.colorValue ?? defaultColorValue;
 
   return (
     <ficus.TouchableWithoutFeedback onPress={onPressComponent}>
       <ficus.View
         __styles={inputContainerStyles}
-        {...(isFocused && props.colorScheme
+        {...(isFocused && scheme
           ? {
-              borderColor: `${props.colorScheme}.${colorValue}`,
+              borderColor: `${scheme}.${colorValue}`,
             }
           : {})}
       >