Support overriding TextField preset's fieldStyle (#1836)

Author: ethanshar

generatedTypes/src/incubator/TextField/usePreset.d.ts

@@ -571,6 +571,11 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     modifiers: import("../../commons/modifiers").ExtractedStyle;
     forwardedRef: any;
 } | {
+    fieldStyle: (import("react-native").StyleProp<import("react-native").ViewStyle> | {
+        borderBottomWidth: number;
+        borderBottomColor: string;
+        paddingBottom: number;
+    })[];
     margin?: boolean | undefined;
     marginL?: boolean | undefined;
     marginT?: boolean | undefined;
@@ -1196,11 +1201,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     validateOnChange?: boolean | undefined;
     validateOnBlur: boolean;
     onChangeValidity?: ((isValid: boolean) => void) | undefined;
-    fieldStyle: false | import("react-native").ViewStyle | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>> | {
-        borderBottomWidth: number;
-        borderBottomColor: string;
-        paddingBottom: number;
-    } | null;
     dynamicFieldStyle?: ((context: import("./FieldContext").FieldContextType, props: {
         preset: string | null | undefined;
     }) => import("react-native").StyleProp<import("react-native").ViewStyle>) | undefined;

src/incubator/TextField/textField.api.json

@@ -54,7 +54,7 @@
     {
       "name": "fieldStyle",
       "type": "ViewStyle | (context: FieldContextType, props) => ViewStyle",
-      "description": "Internal style for the field container"
+      "description": "Internal style for the field container to style the field underline, outline and fill color"
     },
     {"name": "containerStyle", "type": "ViewStyle", "description": "Container style of the whole component"},
     {

src/incubator/TextField/usePreset.ts

@@ -3,7 +3,7 @@ import defaultPreset from './presets/default';
 
 export default function usePreset({preset/*  = 'default' */, ...props}: InternalTextFieldProps) {
   if (preset === 'default') {
-    return {...defaultPreset, ...props};
+    return {...defaultPreset, ...props, fieldStyle: [defaultPreset.fieldStyle, props.fieldStyle]};
   }
   return props;
 }