@hero-design/rn 7.22.3 → 7.24.0

package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap

@@ -6,16 +6,12 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
   style={
     Array [
       Object {
-        "borderColor": "#001f23",
-        "borderRadius": 8,
-        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="filled"
 >
   <View
     style={
@@ -29,6 +25,25 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
       ]
     }
   >
+    <View
+      style={
+        Array [
+          Object {
+            "borderColor": "#001f23",
+            "borderRadius": 8,
+            "borderWidth": 1,
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          },
+          undefined,
+        ]
+      }
+      themeFocused={false}
+      themeVariant="filled"
+    />
     <View
       pointerEvents="none"
       style={
@@ -246,16 +261,12 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
   style={
     Array [
       Object {
-        "borderColor": "#001f23",
-        "borderRadius": 8,
-        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="filled"
 >
   <View
     style={
@@ -269,6 +280,25 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
       ]
     }
   >
+    <View
+      style={
+        Array [
+          Object {
+            "borderColor": "#001f23",
+            "borderRadius": 8,
+            "borderWidth": 1,
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          },
+          undefined,
+        ]
+      }
+      themeFocused={false}
+      themeVariant="filled"
+    />
     <View
       pointerEvents="none"
       style={
@@ -487,9 +517,6 @@ exports[`TextInput disabled renders correctly 1`] = `
   style={
     Array [
       Object {
-        "borderColor": "#bfc1c5",
-        "borderRadius": 8,
-        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
@@ -497,7 +524,6 @@ exports[`TextInput disabled renders correctly 1`] = `
     ]
   }
   testID="disabled-text-input"
-  themeVariant="disabled"
 >
   <View
     style={
@@ -511,6 +537,25 @@ exports[`TextInput disabled renders correctly 1`] = `
       ]
     }
   >
+    <View
+      style={
+        Array [
+          Object {
+            "borderColor": "#bfc1c5",
+            "borderRadius": 8,
+            "borderWidth": 1,
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          },
+          undefined,
+        ]
+      }
+      themeFocused={false}
+      themeVariant="disabled"
+    />
     <View
       pointerEvents="none"
       style={
@@ -654,16 +699,12 @@ exports[`TextInput error renders correctly 1`] = `
   style={
     Array [
       Object {
-        "borderColor": "#f46363",
-        "borderRadius": 8,
-        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="error"
 >
   <View
     style={
@@ -677,6 +718,25 @@ exports[`TextInput error renders correctly 1`] = `
       ]
     }
   >
+    <View
+      style={
+        Array [
+          Object {
+            "borderColor": "#f46363",
+            "borderRadius": 8,
+            "borderWidth": 1,
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          },
+          undefined,
+        ]
+      }
+      themeFocused={false}
+      themeVariant="error"
+    />
     <HeroIcon
       name="dollar-sign"
       style={
@@ -898,16 +958,12 @@ exports[`TextInput filled renders correctly 1`] = `
   style={
     Array [
       Object {
-        "borderColor": "#001f23",
-        "borderRadius": 8,
-        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="filled"
 >
   <View
     style={
@@ -921,6 +977,25 @@ exports[`TextInput filled renders correctly 1`] = `
       ]
     }
   >
+    <View
+      style={
+        Array [
+          Object {
+            "borderColor": "#001f23",
+            "borderRadius": 8,
+            "borderWidth": 1,
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          },
+          undefined,
+        ]
+      }
+      themeFocused={false}
+      themeVariant="filled"
+    />
     <View
       pointerEvents="none"
       style={
@@ -1069,16 +1144,12 @@ exports[`TextInput helper text renders correctly 1`] = `
   style={
     Array [
       Object {
-        "borderColor": "#001f23",
-        "borderRadius": 8,
-        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="default"
 >
   <View
     style={
@@ -1092,6 +1163,25 @@ exports[`TextInput helper text renders correctly 1`] = `
       ]
     }
   >
+    <View
+      style={
+        Array [
+          Object {
+            "borderColor": "#001f23",
+            "borderRadius": 8,
+            "borderWidth": 1,
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          },
+          undefined,
+        ]
+      }
+      themeFocused={false}
+      themeVariant="default"
+    />
     <HeroIcon
       name="dollar-sign"
       style={
@@ -1279,9 +1369,6 @@ exports[`TextInput idle renders correctly 1`] = `
   style={
     Array [
       Object {
-        "borderColor": "#001f23",
-        "borderRadius": 8,
-        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
@@ -1291,7 +1378,6 @@ exports[`TextInput idle renders correctly 1`] = `
     ]
   }
   testID="idle-text-input"
-  themeVariant="default"
 >
   <View
     style={
@@ -1305,6 +1391,25 @@ exports[`TextInput idle renders correctly 1`] = `
       ]
     }
   >
+    <View
+      style={
+        Array [
+          Object {
+            "borderColor": "#001f23",
+            "borderRadius": 8,
+            "borderWidth": 1,
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          },
+          undefined,
+        ]
+      }
+      themeFocused={false}
+      themeVariant="default"
+    />
     <HeroIcon
       name="dollar-sign"
       style={
@@ -1457,16 +1562,12 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
   style={
     Array [
       Object {
-        "borderColor": "#001f23",
-        "borderRadius": 8,
-        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="default"
 >
   <View
     style={
@@ -1480,6 +1581,25 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
       ]
     }
   >
+    <View
+      style={
+        Array [
+          Object {
+            "borderColor": "#001f23",
+            "borderRadius": 8,
+            "borderWidth": 1,
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          },
+          undefined,
+        ]
+      }
+      themeFocused={false}
+      themeVariant="default"
+    />
     <HeroIcon
       name="eye-circle"
       style={
@@ -1658,16 +1778,12 @@ exports[`TextInput loading renders correctly 1`] = `
   style={
     Array [
       Object {
-        "borderColor": "#808f91",
-        "borderRadius": 8,
-        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="readonly"
 >
   <View
     style={
@@ -1681,6 +1797,25 @@ exports[`TextInput loading renders correctly 1`] = `
       ]
     }
   >
+    <View
+      style={
+        Array [
+          Object {
+            "borderColor": "#808f91",
+            "borderRadius": 8,
+            "borderWidth": 1,
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          },
+          undefined,
+        ]
+      }
+      themeFocused={false}
+      themeVariant="readonly"
+    />
     <View
       style={
         Array [
@@ -1801,16 +1936,12 @@ exports[`TextInput max length renders correctly 1`] = `
   style={
     Array [
       Object {
-        "borderColor": "#f46363",
-        "borderRadius": 8,
-        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="error"
 >
   <View
     style={
@@ -1824,6 +1955,25 @@ exports[`TextInput max length renders correctly 1`] = `
       ]
     }
   >
+    <View
+      style={
+        Array [
+          Object {
+            "borderColor": "#f46363",
+            "borderRadius": 8,
+            "borderWidth": 1,
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          },
+          undefined,
+        ]
+      }
+      themeFocused={false}
+      themeVariant="error"
+    />
     <View
       pointerEvents="none"
       style={
@@ -2060,16 +2210,12 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
   style={
     Array [
       Object {
-        "borderColor": "#001f23",
-        "borderRadius": 8,
-        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="default"
 >
   <View
     style={
@@ -2083,6 +2229,25 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
       ]
     }
   >
+    <View
+      style={
+        Array [
+          Object {
+            "borderColor": "#001f23",
+            "borderRadius": 8,
+            "borderWidth": 1,
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          },
+          undefined,
+        ]
+      }
+      themeFocused={false}
+      themeVariant="default"
+    />
     <HeroIcon
       name="dollar-sign"
       style={
@@ -2270,16 +2435,12 @@ exports[`TextInput readonly renders correctly 1`] = `
   style={
     Array [
       Object {
-        "borderColor": "#808f91",
-        "borderRadius": 8,
-        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="readonly"
 >
   <View
     style={
@@ -2293,6 +2454,25 @@ exports[`TextInput readonly renders correctly 1`] = `
       ]
     }
   >
+    <View
+      style={
+        Array [
+          Object {
+            "borderColor": "#808f91",
+            "borderRadius": 8,
+            "borderWidth": 1,
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          },
+          undefined,
+        ]
+      }
+      themeFocused={false}
+      themeVariant="readonly"
+    />
     <View
       pointerEvents="none"
       style={
@@ -2466,16 +2646,12 @@ exports[`TextInput required renders correctly 1`] = `
   style={
     Array [
       Object {
-        "borderColor": "#001f23",
-        "borderRadius": 8,
-        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="default"
 >
   <View
     style={
@@ -2489,6 +2665,25 @@ exports[`TextInput required renders correctly 1`] = `
       ]
     }
   >
+    <View
+      style={
+        Array [
+          Object {
+            "borderColor": "#001f23",
+            "borderRadius": 8,
+            "borderWidth": 1,
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          },
+          undefined,
+        ]
+      }
+      themeFocused={false}
+      themeVariant="default"
+    />
     <HeroIcon
       name="dollar-sign"
       style={