Fix Incubator TextField placeholder's disabled color (#2003)

* Fix Incubator TextField placeholder's disabled color

* Use existing prop - placeholderTextColor

* Fix typo

Author: M-i-k-e-l

src/incubator/TextField/index.tsx

@@ -9,7 +9,6 @@ import React, {useMemo} from 'react';
 import {isEmpty, trim, omit} from 'lodash';
 import {asBaseComponent, forwardRef} from '../../commons/new';
 import View from '../../components/view';
-import {Colors} from '../../style';
 import {useMeasure} from '../../hooks';
 import {TextFieldProps, InternalTextFieldProps, ValidationMessagePosition, FieldContextType, TextFieldMethods} from './types';
 import {shouldHidePlaceholder} from './Presenter';
@@ -44,6 +43,7 @@ const TextField = (props: InternalTextFieldProps) => {
     floatingPlaceholderColor,
     floatingPlaceholderStyle,
     floatOnFocus,
+    placeholderTextColor,
     hint,
     // Label
     label,
@@ -128,7 +128,7 @@ const TextField = (props: InternalTextFieldProps) => {
             )}
             {children || (
               <Input
-                placeholderTextColor={hidePlaceholder ? 'transparent' : Colors.$textNeutral}
+                placeholderTextColor={hidePlaceholder ? 'transparent' : placeholderTextColor}
                 {...others}
                 style={[typographyStyle, colorStyle, others.style]}
                 onFocus={onFocus}

src/incubator/TextField/presets/default.ts

@@ -7,6 +7,13 @@ const colorByState = {
   disabled: Colors.$textDisabled
 };
 
+const placeholderTextColorByState = {
+  default: Colors.$textNeutral,
+  error: Colors.$textNeutral,
+  focus: Colors.$textNeutral,
+  disabled: Colors.$textDisabled
+};
+
 const styles = StyleSheet.create({
   field: {
     borderBottomWidth: 1,
@@ -25,6 +32,7 @@ export default {
   enableErrors: true,
   validateOnBlur: true,
   floatingPlaceholderColor: colorByState,
+  placeholderTextColor: placeholderTextColorByState,
   labelColor: colorByState,
   fieldStyle: styles.field,
   style: styles.input,