fix: text field input opacity

Author: wonderlul

src/components/TextField/filled/logic.ts

@@ -93,6 +93,7 @@ export const getFilledTextFieldData = (
 
   const $containerStyles: StyleProp<ViewStyle> = [
     $containerStyle,
+    disabled && $disabledStyle,
     $containerStyleOverride,
   ];
 
@@ -153,7 +154,6 @@ export const getFilledTextFieldData = (
     isWeb && {
       outlineStyle: 'none' as TextStyle['outlineStyle'],
     },
-    disabled && $disabledStyle,
     $inputStyleOverride,
   ];
 

src/components/TextField/outlined/logic.ts

@@ -69,6 +69,7 @@ export const getOutlinedTextFieldData = (
 
   const $containerStyles: StyleProp<ViewStyle> = [
     $containerStyle,
+    disabled && $disabledStyle,
     $containerStyleOverride,
   ];
 
@@ -115,7 +116,6 @@ export const getOutlinedTextFieldData = (
     isWeb && {
       outlineStyle: 'none' as TextStyle['outlineStyle'],
     },
-    disabled && $disabledStyle,
     $inputStyleOverride,
   ];
 

src/components/__tests__/__snapshots__/TextField.test.tsx.snap

@@ -291,6 +291,7 @@ exports[`renders filled TextField with TextField.Icon accessories 1`] = `
             "flexDirection": "row",
             "paddingHorizontal": 16,
           },
+          false,
           undefined,
         ]
       }
@@ -324,7 +325,6 @@ exports[`renders filled TextField with TextField.Icon accessories 1`] = `
             },
             undefined,
             false,
-            false,
             undefined,
           ]
         }
@@ -794,6 +794,7 @@ exports[`renders filled TextField with TextField.Icon accessories when status is
             "flexDirection": "row",
             "paddingHorizontal": 16,
           },
+          false,
           undefined,
         ]
       }
@@ -827,7 +828,6 @@ exports[`renders filled TextField with TextField.Icon accessories when status is
             },
             undefined,
             false,
-            false,
             undefined,
           ]
         }
@@ -1136,6 +1136,7 @@ exports[`renders filled TextField with label and value 1`] = `
             "flexDirection": "row",
             "paddingHorizontal": 16,
           },
+          false,
           undefined,
         ]
       }
@@ -1169,7 +1170,6 @@ exports[`renders filled TextField with label and value 1`] = `
             },
             undefined,
             false,
-            false,
             undefined,
           ]
         }
@@ -1465,6 +1465,7 @@ exports[`renders outlined TextField with TextField.Icon accessories 1`] = `
             "flexDirection": "row",
             "paddingHorizontal": 16,
           },
+          false,
           undefined,
         ]
       }
@@ -1498,7 +1499,6 @@ exports[`renders outlined TextField with TextField.Icon accessories 1`] = `
             },
             undefined,
             false,
-            false,
             undefined,
           ]
         }
@@ -1955,6 +1955,7 @@ exports[`renders outlined TextField with TextField.Icon accessories when status
             "flexDirection": "row",
             "paddingHorizontal": 16,
           },
+          false,
           undefined,
         ]
       }
@@ -1988,7 +1989,6 @@ exports[`renders outlined TextField with TextField.Icon accessories when status
             },
             undefined,
             false,
-            false,
             undefined,
           ]
         }
@@ -2284,6 +2284,7 @@ exports[`renders outlined TextField with label and value 1`] = `
             "flexDirection": "row",
             "paddingHorizontal": 16,
           },
+          false,
           undefined,
         ]
       }
@@ -2317,7 +2318,6 @@ exports[`renders outlined TextField with label and value 1`] = `
             },
             undefined,
             false,
-            false,
             undefined,
           ]
         }