@hero-design/rn 7.22.1 → 7.22.3

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

@@ -6,12 +6,16 @@ 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={
@@ -25,24 +29,6 @@ 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,
-        ]
-      }
-      themeVariant="filled"
-    />
     <View
       pointerEvents="none"
       style={
@@ -72,7 +58,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
             },
             Array [
               Object {
-                "color": "#de350b",
+                "color": "#f46363",
               },
               undefined,
             ],
@@ -260,12 +246,16 @@ 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={
@@ -279,24 +269,6 @@ 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,
-        ]
-      }
-      themeVariant="filled"
-    />
     <View
       pointerEvents="none"
       style={
@@ -326,7 +298,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
             },
             Array [
               Object {
-                "color": "#de350b",
+                "color": "#f46363",
               },
               undefined,
             ],
@@ -515,6 +487,9 @@ exports[`TextInput disabled renders correctly 1`] = `
   style={
     Array [
       Object {
+        "borderColor": "#bfc1c5",
+        "borderRadius": 8,
+        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
@@ -522,6 +497,7 @@ exports[`TextInput disabled renders correctly 1`] = `
     ]
   }
   testID="disabled-text-input"
+  themeVariant="disabled"
 >
   <View
     style={
@@ -535,24 +511,6 @@ 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,
-        ]
-      }
-      themeVariant="disabled"
-    />
     <View
       pointerEvents="none"
       style={
@@ -696,12 +654,16 @@ exports[`TextInput error renders correctly 1`] = `
   style={
     Array [
       Object {
+        "borderColor": "#f46363",
+        "borderRadius": 8,
+        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
       undefined,
     ]
   }
+  themeVariant="error"
 >
   <View
     style={
@@ -715,24 +677,6 @@ exports[`TextInput error renders correctly 1`] = `
       ]
     }
   >
-    <View
-      style={
-        Array [
-          Object {
-            "borderColor": "#de350b",
-            "borderRadius": 8,
-            "borderWidth": 1,
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-          },
-          undefined,
-        ]
-      }
-      themeVariant="error"
-    />
     <HeroIcon
       name="dollar-sign"
       style={
@@ -792,7 +736,7 @@ exports[`TextInput error renders correctly 1`] = `
               },
               Array [
                 Object {
-                  "color": "#de350b",
+                  "color": "#f46363",
                   "fontSize": 14,
                 },
                 undefined,
@@ -927,7 +871,7 @@ exports[`TextInput error renders correctly 1`] = `
               },
               Array [
                 Object {
-                  "color": "#de350b",
+                  "color": "#f46363",
                   "fontSize": 12,
                   "marginLeft": 4,
                 },
@@ -954,12 +898,16 @@ exports[`TextInput filled renders correctly 1`] = `
   style={
     Array [
       Object {
+        "borderColor": "#001f23",
+        "borderRadius": 8,
+        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
       undefined,
     ]
   }
+  themeVariant="filled"
 >
   <View
     style={
@@ -973,24 +921,6 @@ 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,
-        ]
-      }
-      themeVariant="filled"
-    />
     <View
       pointerEvents="none"
       style={
@@ -1139,12 +1069,16 @@ 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={
@@ -1158,24 +1092,6 @@ 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,
-        ]
-      }
-      themeVariant="default"
-    />
     <HeroIcon
       name="dollar-sign"
       style={
@@ -1235,7 +1151,7 @@ exports[`TextInput helper text renders correctly 1`] = `
               },
               Array [
                 Object {
-                  "color": "#de350b",
+                  "color": "#f46363",
                   "fontSize": 14,
                 },
                 undefined,
@@ -1363,13 +1279,19 @@ exports[`TextInput idle renders correctly 1`] = `
   style={
     Array [
       Object {
+        "borderColor": "#001f23",
+        "borderRadius": 8,
+        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
-      undefined,
+      Object {
+        "borderColor": "#de350b",
+      },
     ]
   }
   testID="idle-text-input"
+  themeVariant="default"
 >
   <View
     style={
@@ -1383,26 +1305,6 @@ 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,
-          },
-          Object {
-            "borderColor": "#de350b",
-          },
-        ]
-      }
-      themeVariant="default"
-    />
     <HeroIcon
       name="dollar-sign"
       style={
@@ -1555,12 +1457,16 @@ 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={
@@ -1574,24 +1480,6 @@ 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,
-        ]
-      }
-      themeVariant="default"
-    />
     <HeroIcon
       name="eye-circle"
       style={
@@ -1651,7 +1539,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
               },
               Array [
                 Object {
-                  "color": "#de350b",
+                  "color": "#f46363",
                   "fontSize": 14,
                 },
                 undefined,
@@ -1770,12 +1658,16 @@ exports[`TextInput loading renders correctly 1`] = `
   style={
     Array [
       Object {
+        "borderColor": "#808f91",
+        "borderRadius": 8,
+        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
       undefined,
     ]
   }
+  themeVariant="readonly"
 >
   <View
     style={
@@ -1789,24 +1681,6 @@ 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,
-        ]
-      }
-      themeVariant="readonly"
-    />
     <View
       style={
         Array [
@@ -1927,12 +1801,16 @@ 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={
@@ -1946,24 +1824,6 @@ exports[`TextInput max length renders correctly 1`] = `
       ]
     }
   >
-    <View
-      style={
-        Array [
-          Object {
-            "borderColor": "#de350b",
-            "borderRadius": 8,
-            "borderWidth": 1,
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-          },
-          undefined,
-        ]
-      }
-      themeVariant="error"
-    />
     <View
       pointerEvents="none"
       style={
@@ -1993,7 +1853,7 @@ exports[`TextInput max length renders correctly 1`] = `
             },
             Array [
               Object {
-                "color": "#de350b",
+                "color": "#f46363",
               },
               undefined,
             ],
@@ -2140,7 +2000,7 @@ exports[`TextInput max length renders correctly 1`] = `
               },
               Array [
                 Object {
-                  "color": "#de350b",
+                  "color": "#f46363",
                   "fontSize": 12,
                   "marginLeft": 4,
                 },
@@ -2169,7 +2029,7 @@ exports[`TextInput max length renders correctly 1`] = `
             Array [
               Object {
                 "alignSelf": "flex-end",
-                "color": "#de350b",
+                "color": "#f46363",
                 "flex": 1,
                 "flexGrow": 1,
                 "fontSize": 12,
@@ -2200,12 +2060,16 @@ 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={
@@ -2219,24 +2083,6 @@ 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,
-        ]
-      }
-      themeVariant="default"
-    />
     <HeroIcon
       name="dollar-sign"
       style={
@@ -2296,7 +2142,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
               },
               Array [
                 Object {
-                  "color": "#de350b",
+                  "color": "#f46363",
                   "fontSize": 14,
                 },
                 undefined,
@@ -2424,12 +2270,16 @@ exports[`TextInput readonly renders correctly 1`] = `
   style={
     Array [
       Object {
+        "borderColor": "#808f91",
+        "borderRadius": 8,
+        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
       undefined,
     ]
   }
+  themeVariant="readonly"
 >
   <View
     style={
@@ -2443,24 +2293,6 @@ 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,
-        ]
-      }
-      themeVariant="readonly"
-    />
     <View
       pointerEvents="none"
       style={
@@ -2515,7 +2347,7 @@ exports[`TextInput readonly renders correctly 1`] = `
             },
             Array [
               Object {
-                "color": "#808f91",
+                "color": "#bfc1c5",
               },
               undefined,
             ],
@@ -2634,12 +2466,16 @@ exports[`TextInput required renders correctly 1`] = `
   style={
     Array [
       Object {
+        "borderColor": "#001f23",
+        "borderRadius": 8,
+        "borderWidth": 1,
         "marginVertical": 8,
         "width": "100%",
       },
       undefined,
     ]
   }
+  themeVariant="default"
 >
   <View
     style={
@@ -2653,24 +2489,6 @@ 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,
-        ]
-      }
-      themeVariant="default"
-    />
     <HeroIcon
       name="dollar-sign"
       style={
@@ -2730,7 +2548,7 @@ exports[`TextInput required renders correctly 1`] = `
               },
               Array [
                 Object {
-                  "color": "#de350b",
+                  "color": "#f46363",
                   "fontSize": 14,
                 },
                 undefined,